@kittl/ui-react 0.0.4 → 0.0.5

package/dist/browser/index.global.js

@@ -1,14 +1,14 @@
-"use strict";(()=>{var xr=Object.create;var no=Object.defineProperty;var _r=Object.getOwnPropertyDescriptor;var wr=Object.getOwnPropertyNames;var Er=Object.getPrototypeOf,Cr=Object.prototype.hasOwnProperty;var $e=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Ar=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of wr(e))!Cr.call(t,r)&&r!==n&&no(t,r,{get:()=>e[r],enumerable:!(o=_r(e,r))||o.enumerable});return t};var A=(t,e,n)=>(n=t!=null?xr(Er(t)):{},Ar(e||!t||!t.__esModule?no(n,"default",{value:t,enumerable:!0}):n,t));var Mo=$e(w=>{"use strict";var zn=Symbol.for("react.transitional.element"),Kr=Symbol.for("react.portal"),Fr=Symbol.for("react.fragment"),Wr=Symbol.for("react.strict_mode"),Yr=Symbol.for("react.profiler"),Gr=Symbol.for("react.consumer"),Xr=Symbol.for("react.context"),Jr=Symbol.for("react.forward_ref"),Zr=Symbol.for("react.suspense"),Qr=Symbol.for("react.memo"),ko=Symbol.for("react.lazy"),wo=Symbol.iterator;function ti(t){return t===null||typeof t!="object"?null:(t=wo&&t[wo]||t["@@iterator"],typeof t=="function"?t:null)}var $o={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},So=Object.assign,No={};function Ht(t,e,n){this.props=t,this.context=e,this.refs=No,this.updater=n||$o}Ht.prototype.isReactComponent={};Ht.prototype.setState=function(t,e){if(typeof t!="object"&&typeof t!="function"&&t!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,e,"setState")};Ht.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function Oo(){}Oo.prototype=Ht.prototype;function Dn(t,e,n){this.props=t,this.context=e,this.refs=No,this.updater=n||$o}var Bn=Dn.prototype=new Oo;Bn.constructor=Dn;So(Bn,Ht.prototype);Bn.isPureReactComponent=!0;var Eo=Array.isArray,O={H:null,A:null,T:null,S:null},Ro=Object.prototype.hasOwnProperty;function Hn(t,e,n,o,r,s){return n=s.ref,{$$typeof:zn,type:t,key:e,ref:n!==void 0?n:null,props:s}}function ei(t,e){return Hn(t.type,e,void 0,void 0,void 0,t.props)}function Un(t){return typeof t=="object"&&t!==null&&t.$$typeof===zn}function ni(t){var e={"=":"=0",":":"=2"};return"$"+t.replace(/[=:]/g,function(n){return e[n]})}var Co=/\/+/g;function In(t,e){return typeof t=="object"&&t!==null&&t.key!=null?ni(""+t.key):e.toString(36)}function Ao(){}function oi(t){switch(t.status){case"fulfilled":return t.value;case"rejected":throw t.reason;default:switch(typeof t.status=="string"?t.then(Ao,Ao):(t.status="pending",t.then(function(e){t.status==="pending"&&(t.status="fulfilled",t.value=e)},function(e){t.status==="pending"&&(t.status="rejected",t.reason=e)})),t.status){case"fulfilled":return t.value;case"rejected":throw t.reason}}throw t}function Bt(t,e,n,o,r){var s=typeof t;(s==="undefined"||s==="boolean")&&(t=null);var i=!1;if(t===null)i=!0;else switch(s){case"bigint":case"string":case"number":i=!0;break;case"object":switch(t.$$typeof){case zn:case Kr:i=!0;break;case ko:return i=t._init,Bt(i(t._payload),e,n,o,r)}}if(i)return r=r(t),i=o===""?"."+In(t,0):o,Eo(r)?(n="",i!=null&&(n=i.replace(Co,"$&/")+"/"),Bt(r,e,n,"",function(d){return d})):r!=null&&(Un(r)&&(r=ei(r,n+(r.key==null||t&&t.key===r.key?"":(""+r.key).replace(Co,"$&/")+"/")+i)),e.push(r)),1;i=0;var l=o===""?".":o+":";if(Eo(t))for(var a=0;a<t.length;a++)o=t[a],s=l+In(o,a),i+=Bt(o,e,n,s,r);else if(a=ti(t),typeof a=="function")for(t=a.call(t),a=0;!(o=t.next()).done;)o=o.value,s=l+In(o,a++),i+=Bt(o,e,n,s,r);else if(s==="object"){if(typeof t.then=="function")return Bt(oi(t),e,n,o,r);throw e=String(t),Error("Objects are not valid as a React child (found: "+(e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e)+"). If you meant to render a collection of children, use an array instead.")}return i}function Pe(t,e,n){if(t==null)return t;var o=[],r=0;return Bt(t,o,"","",function(s){return e.call(n,s,r++)}),o}function ri(t){if(t._status===-1){var e=t._result;e=e(),e.then(function(n){(t._status===0||t._status===-1)&&(t._status=1,t._result=n)},function(n){(t._status===0||t._status===-1)&&(t._status=2,t._result=n)}),t._status===-1&&(t._status=0,t._result=e)}if(t._status===1)return t._result.default;throw t._result}var To=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var e=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(e))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)};function ii(){}w.Children={map:Pe,forEach:function(t,e,n){Pe(t,function(){e.apply(this,arguments)},n)},count:function(t){var e=0;return Pe(t,function(){e++}),e},toArray:function(t){return Pe(t,function(e){return e})||[]},only:function(t){if(!Un(t))throw Error("React.Children.only expected to receive a single React element child.");return t}};w.Component=Ht;w.Fragment=Fr;w.Profiler=Yr;w.PureComponent=Dn;w.StrictMode=Wr;w.Suspense=Zr;w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=O;w.act=function(){throw Error("act(...) is not supported in production builds of React.")};w.cache=function(t){return function(){return t.apply(null,arguments)}};w.cloneElement=function(t,e,n){if(t==null)throw Error("The argument must be a React element, but you passed "+t+".");var o=So({},t.props),r=t.key,s=void 0;if(e!=null)for(i in e.ref!==void 0&&(s=void 0),e.key!==void 0&&(r=""+e.key),e)!Ro.call(e,i)||i==="key"||i==="__self"||i==="__source"||i==="ref"&&e.ref===void 0||(o[i]=e[i]);var i=arguments.length-2;if(i===1)o.children=n;else if(1<i){for(var l=Array(i),a=0;a<i;a++)l[a]=arguments[a+2];o.children=l}return Hn(t.type,r,void 0,void 0,s,o)};w.createContext=function(t){return t={$$typeof:Xr,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null},t.Provider=t,t.Consumer={$$typeof:Gr,_context:t},t};w.createElement=function(t,e,n){var o,r={},s=null;if(e!=null)for(o in e.key!==void 0&&(s=""+e.key),e)Ro.call(e,o)&&o!=="key"&&o!=="__self"&&o!=="__source"&&(r[o]=e[o]);var i=arguments.length-2;if(i===1)r.children=n;else if(1<i){for(var l=Array(i),a=0;a<i;a++)l[a]=arguments[a+2];r.children=l}if(t&&t.defaultProps)for(o in i=t.defaultProps,i)r[o]===void 0&&(r[o]=i[o]);return Hn(t,s,void 0,void 0,null,r)};w.createRef=function(){return{current:null}};w.forwardRef=function(t){return{$$typeof:Jr,render:t}};w.isValidElement=Un;w.lazy=function(t){return{$$typeof:ko,_payload:{_status:-1,_result:t},_init:ri}};w.memo=function(t,e){return{$$typeof:Qr,type:t,compare:e===void 0?null:e}};w.startTransition=function(t){var e=O.T,n={};O.T=n;try{var o=t(),r=O.S;r!==null&&r(n,o),typeof o=="object"&&o!==null&&typeof o.then=="function"&&o.then(ii,To)}catch(s){To(s)}finally{O.T=e}};w.unstable_useCacheRefresh=function(){return O.H.useCacheRefresh()};w.use=function(t){return O.H.use(t)};w.useActionState=function(t,e,n){return O.H.useActionState(t,e,n)};w.useCallback=function(t,e){return O.H.useCallback(t,e)};w.useContext=function(t){return O.H.useContext(t)};w.useDebugValue=function(){};w.useDeferredValue=function(t,e){return O.H.useDeferredValue(t,e)};w.useEffect=function(t,e){return O.H.useEffect(t,e)};w.useId=function(){return O.H.useId()};w.useImperativeHandle=function(t,e,n){return O.H.useImperativeHandle(t,e,n)};w.useInsertionEffect=function(t,e){return O.H.useInsertionEffect(t,e)};w.useLayoutEffect=function(t,e){return O.H.useLayoutEffect(t,e)};w.useMemo=function(t,e){return O.H.useMemo(t,e)};w.useOptimistic=function(t,e){return O.H.useOptimistic(t,e)};w.useReducer=function(t,e,n){return O.H.useReducer(t,e,n)};w.useRef=function(t){return O.H.useRef(t)};w.useState=function(t){return O.H.useState(t)};w.useSyncExternalStore=function(t,e,n){return O.H.useSyncExternalStore(t,e,n)};w.useTransition=function(){return O.H.useTransition()};w.version="19.0.0"});var k=$e((Wa,Po)=>{"use strict";Po.exports=Mo()});var gr=$e(An=>{"use strict";var js=Symbol.for("react.transitional.element"),qs=Symbol.for("react.fragment");function mr(t,e,n){var o=null;if(n!==void 0&&(o=""+n),e.key!==void 0&&(o=""+e.key),"key"in e){n={};for(var r in e)r!=="key"&&(n[r]=e[r])}else n=e;return e=n.ref,{$$typeof:js,type:t,key:o,ref:e!==void 0?e:null,props:n}}An.Fragment=qs;An.jsx=mr;An.jsxs=mr});var to=$e((sf,vr)=>{"use strict";vr.exports=gr()});var Tr=Object.defineProperty,kr=Object.getOwnPropertyDescriptor,c=(t,e,n,o)=>{for(var r=o>1?void 0:o?kr(e,n):e,s=t.length-1,i;s>=0;s--)(i=t[s])&&(r=(o?i(e,n,r):i(r))||r);return o&&r&&Tr(e,n,r),r};var Se=globalThis,Ne=Se.ShadowRoot&&(Se.ShadyCSS===void 0||Se.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Tn=Symbol(),oo=new WeakMap,se=class{constructor(e,n,o){if(this._$cssResult$=!0,o!==Tn)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=n}get styleSheet(){let e=this.o,n=this.t;if(Ne&&e===void 0){let o=n!==void 0&&n.length===1;o&&(e=oo.get(n)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&oo.set(n,e))}return e}toString(){return this.cssText}},x=t=>new se(typeof t=="string"?t:t+"",void 0,Tn),_=(t,...e)=>{let n=t.length===1?t[0]:e.reduce((o,r,s)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+t[s+1],t[0]);return new se(n,t,Tn)},ro=(t,e)=>{if(Ne)t.adoptedStyleSheets=e.map(n=>n instanceof CSSStyleSheet?n:n.styleSheet);else for(let n of e){let o=document.createElement("style"),r=Se.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=n.cssText,t.appendChild(o)}},kn=Ne?t=>t:t=>t instanceof CSSStyleSheet?(e=>{let n="";for(let o of e.cssRules)n+=o.cssText;return x(n)})(t):t;var{is:$r,defineProperty:Sr,getOwnPropertyDescriptor:Nr,getOwnPropertyNames:Or,getOwnPropertySymbols:Rr,getPrototypeOf:Mr}=Object,dt=globalThis,io=dt.trustedTypes,Pr=io?io.emptyScript:"",Lr=dt.reactiveElementPolyfillSupport,ae=(t,e)=>t,le={toAttribute(t,e){switch(e){case Boolean:t=t?Pr:null;break;case Object:case Array:t=t==null?t:JSON.stringify(t)}return t},fromAttribute(t,e){let n=t;switch(e){case Boolean:n=t!==null;break;case Number:n=t===null?null:Number(t);break;case Object:case Array:try{n=JSON.parse(t)}catch{n=null}}return n}},Oe=(t,e)=>!$r(t,e),so={attribute:!0,type:String,converter:le,reflect:!1,useDefault:!1,hasChanged:Oe};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),dt.litPropertyMetadata??(dt.litPropertyMetadata=new WeakMap);var it=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,n=so){if(n.state&&(n.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((n=Object.create(n)).wrapped=!0),this.elementProperties.set(e,n),!n.noAccessor){let o=Symbol(),r=this.getPropertyDescriptor(e,o,n);r!==void 0&&Sr(this.prototype,e,r)}}static getPropertyDescriptor(e,n,o){let{get:r,set:s}=Nr(this.prototype,e)??{get(){return this[n]},set(i){this[n]=i}};return{get:r,set(i){let l=r?.call(this);s?.call(this,i),this.requestUpdate(e,l,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??so}static _$Ei(){if(this.hasOwnProperty(ae("elementProperties")))return;let e=Mr(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(ae("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ae("properties"))){let n=this.properties,o=[...Or(n),...Rr(n)];for(let r of o)this.createProperty(r,n[r])}let e=this[Symbol.metadata];if(e!==null){let n=litPropertyMetadata.get(e);if(n!==void 0)for(let[o,r]of n)this.elementProperties.set(o,r)}this._$Eh=new Map;for(let[n,o]of this.elementProperties){let r=this._$Eu(n,o);r!==void 0&&this._$Eh.set(r,n)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let n=[];if(Array.isArray(e)){let o=new Set(e.flat(1/0).reverse());for(let r of o)n.unshift(kn(r))}else e!==void 0&&n.push(kn(e));return n}static _$Eu(e,n){let o=n.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,n=this.constructor.elementProperties;for(let o of n.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return ro(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,n,o){this._$AK(e,o)}_$ET(e,n){let o=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,o);if(r!==void 0&&o.reflect===!0){let s=(o.converter?.toAttribute!==void 0?o.converter:le).toAttribute(n,o.type);this._$Em=e,s==null?this.removeAttribute(r):this.setAttribute(r,s),this._$Em=null}}_$AK(e,n){let o=this.constructor,r=o._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let s=o.getPropertyOptions(r),i=typeof s.converter=="function"?{fromAttribute:s.converter}:s.converter?.fromAttribute!==void 0?s.converter:le;this._$Em=r;let l=i.fromAttribute(n,s.type);this[r]=l??this._$Ej?.get(r)??l,this._$Em=null}}requestUpdate(e,n,o,r=!1,s){if(e!==void 0){let i=this.constructor;if(r===!1&&(s=this[e]),o??(o=i.getPropertyOptions(e)),!((o.hasChanged??Oe)(s,n)||o.useDefault&&o.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(i._$Eu(e,o))))return;this.C(e,n,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,n,{useDefault:o,reflect:r,wrapped:s},i){o&&!(this._$Ej??(this._$Ej=new Map)).has(e)&&(this._$Ej.set(e,i??n??this[e]),s!==!0||i!==void 0)||(this._$AL.has(e)||(this.hasUpdated||o||(n=void 0),this._$AL.set(e,n)),r===!0&&this._$Em!==e&&(this._$Eq??(this._$Eq=new Set)).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(n){Promise.reject(n)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}let o=this.constructor.elementProperties;if(o.size>0)for(let[r,s]of o){let{wrapped:i}=s,l=this[r];i!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,s,l)}}let e=!1,n=this._$AL;try{e=this.shouldUpdate(n),e?(this.willUpdate(n),this._$EO?.forEach(o=>o.hostUpdate?.()),this.update(n)):this._$EM()}catch(o){throw e=!1,this._$EM(),o}e&&this._$AE(n)}willUpdate(e){}_$AE(e){this._$EO?.forEach(n=>n.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(n=>this._$ET(n,this[n]))),this._$EM()}updated(e){}firstUpdated(e){}};it.elementStyles=[],it.shadowRootOptions={mode:"open"},it[ae("elementProperties")]=new Map,it[ae("finalized")]=new Map,Lr?.({ReactiveElement:it}),(dt.reactiveElementVersions??(dt.reactiveElementVersions=[])).push("2.1.2");var de=globalThis,ao=t=>t,Re=de.trustedTypes,lo=Re?Re.createPolicy("lit-html",{createHTML:t=>t}):void 0,mo="$lit$",ut=`lit$${Math.random().toFixed(9).slice(2)}$`,go="?"+ut,Ir=`<${go}>`,Et=document,ue=()=>Et.createComment(""),pe=t=>t===null||typeof t!="object"&&typeof t!="function",Pn=Array.isArray,zr=t=>Pn(t)||typeof t?.[Symbol.iterator]=="function",$n=`[ 	
-\f\r]`,ce=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,co=/-->/g,uo=/>/g,_t=RegExp(`>|${$n}(?:([^\\s"'>=/]+)(${$n}*=${$n}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),po=/'/g,ho=/"/g,vo=/^(?:script|style|textarea|title)$/i,Ln=t=>(e,...n)=>({_$litType$:t,strings:e,values:n}),m=Ln(1),pt=Ln(2),Zs=Ln(3),F=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),fo=new WeakMap,wt=Et.createTreeWalker(Et,129);function bo(t,e){if(!Pn(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return lo!==void 0?lo.createHTML(e):e}var Dr=(t,e)=>{let n=t.length-1,o=[],r,s=e===2?"<svg>":e===3?"<math>":"",i=ce;for(let l=0;l<n;l++){let a=t[l],d,f,h=-1,b=0;for(;b<a.length&&(i.lastIndex=b,f=i.exec(a),f!==null);)b=i.lastIndex,i===ce?f[1]==="!--"?i=co:f[1]!==void 0?i=uo:f[2]!==void 0?(vo.test(f[2])&&(r=RegExp("</"+f[2],"g")),i=_t):f[3]!==void 0&&(i=_t):i===_t?f[0]===">"?(i=r??ce,h=-1):f[1]===void 0?h=-2:(h=i.lastIndex-f[2].length,d=f[1],i=f[3]===void 0?_t:f[3]==='"'?ho:po):i===ho||i===po?i=_t:i===co||i===uo?i=ce:(i=_t,r=void 0);let p=i===_t&&t[l+1].startsWith("/>")?" ":"";s+=i===ce?a+Ir:h>=0?(o.push(d),a.slice(0,h)+mo+a.slice(h)+ut+p):a+ut+(h===-2?l:p)}return[bo(t,s+(t[n]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),o]},he=class t{constructor({strings:e,_$litType$:n},o){let r;this.parts=[];let s=0,i=0,l=e.length-1,a=this.parts,[d,f]=Dr(e,n);if(this.el=t.createElement(d,o),wt.currentNode=this.el.content,n===2||n===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=wt.nextNode())!==null&&a.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(let h of r.getAttributeNames())if(h.endsWith(mo)){let b=f[i++],p=r.getAttribute(h).split(ut),v=/([.?@])?(.*)/.exec(b);a.push({type:1,index:s,name:v[2],strings:p,ctor:v[1]==="."?Nn:v[1]==="?"?On:v[1]==="@"?Rn:zt}),r.removeAttribute(h)}else h.startsWith(ut)&&(a.push({type:6,index:s}),r.removeAttribute(h));if(vo.test(r.tagName)){let h=r.textContent.split(ut),b=h.length-1;if(b>0){r.textContent=Re?Re.emptyScript:"";for(let p=0;p<b;p++)r.append(h[p],ue()),wt.nextNode(),a.push({type:2,index:++s});r.append(h[b],ue())}}}else if(r.nodeType===8)if(r.data===go)a.push({type:2,index:s});else{let h=-1;for(;(h=r.data.indexOf(ut,h+1))!==-1;)a.push({type:7,index:s}),h+=ut.length-1}s++}}static createElement(e,n){let o=Et.createElement("template");return o.innerHTML=e,o}};function It(t,e,n=t,o){if(e===F)return e;let r=o!==void 0?n._$Co?.[o]:n._$Cl,s=pe(e)?void 0:e._$litDirective$;return r?.constructor!==s&&(r?._$AO?.(!1),s===void 0?r=void 0:(r=new s(t),r._$AT(t,n,o)),o!==void 0?(n._$Co??(n._$Co=[]))[o]=r:n._$Cl=r),r!==void 0&&(e=It(t,r._$AS(t,e.values),r,o)),e}var Sn=class{constructor(e,n){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=n}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:n},parts:o}=this._$AD,r=(e?.creationScope??Et).importNode(n,!0);wt.currentNode=r;let s=wt.nextNode(),i=0,l=0,a=o[0];for(;a!==void 0;){if(i===a.index){let d;a.type===2?d=new fe(s,s.nextSibling,this,e):a.type===1?d=new a.ctor(s,a.name,a.strings,this,e):a.type===6&&(d=new Mn(s,this,e)),this._$AV.push(d),a=o[++l]}i!==a?.index&&(s=wt.nextNode(),i++)}return wt.currentNode=Et,r}p(e){let n=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,n),n+=o.strings.length-2):o._$AI(e[n])),n++}},fe=class t{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,n,o,r){this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=e,this._$AB=n,this._$AM=o,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,n=this._$AM;return n!==void 0&&e?.nodeType===11&&(e=n.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,n=this){e=It(this,e,n),pe(e)?e===T||e==null||e===""?(this._$AH!==T&&this._$AR(),this._$AH=T):e!==this._$AH&&e!==F&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):zr(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==T&&pe(this._$AH)?this._$AA.nextSibling.data=e:this.T(Et.createTextNode(e)),this._$AH=e}$(e){let{values:n,_$litType$:o}=e,r=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=he.createElement(bo(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===r)this._$AH.p(n);else{let s=new Sn(r,this),i=s.u(this.options);s.p(n),this.T(i),this._$AH=s}}_$AC(e){let n=fo.get(e.strings);return n===void 0&&fo.set(e.strings,n=new he(e)),n}k(e){Pn(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,o,r=0;for(let s of e)r===n.length?n.push(o=new t(this.O(ue()),this.O(ue()),this,this.options)):o=n[r],o._$AI(s),r++;r<n.length&&(this._$AR(o&&o._$AB.nextSibling,r),n.length=r)}_$AR(e=this._$AA.nextSibling,n){for(this._$AP?.(!1,!0,n);e!==this._$AB;){let o=ao(e).nextSibling;ao(e).remove(),e=o}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},zt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,n,o,r,s){this.type=1,this._$AH=T,this._$AN=void 0,this.element=e,this.name=n,this._$AM=r,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=T}_$AI(e,n=this,o,r){let s=this.strings,i=!1;if(s===void 0)e=It(this,e,n,0),i=!pe(e)||e!==this._$AH&&e!==F,i&&(this._$AH=e);else{let l=e,a,d;for(e=s[0],a=0;a<s.length-1;a++)d=It(this,l[o+a],n,a),d===F&&(d=this._$AH[a]),i||(i=!pe(d)||d!==this._$AH[a]),d===T?e=T:e!==T&&(e+=(d??"")+s[a+1]),this._$AH[a]=d}i&&!r&&this.j(e)}j(e){e===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Nn=class extends zt{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===T?void 0:e}},On=class extends zt{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==T)}},Rn=class extends zt{constructor(e,n,o,r,s){super(e,n,o,r,s),this.type=5}_$AI(e,n=this){if((e=It(this,e,n,0)??T)===F)return;let o=this._$AH,r=e===T&&o!==T||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,s=e!==T&&(o===T||r);r&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},Mn=class{constructor(e,n,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=n,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){It(this,e)}};var Br=de.litHtmlPolyfillSupport;Br?.(he,fe),(de.litHtmlVersions??(de.litHtmlVersions=[])).push("3.3.2");var yo=(t,e,n)=>{let o=n?.renderBefore??e,r=o._$litPart$;if(r===void 0){let s=n?.renderBefore??null;o._$litPart$=r=new fe(e.insertBefore(ue(),s),s,void 0,n??{})}return r._$AI(t),r};var me=globalThis,g=class extends it{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var n;let e=super.createRenderRoot();return(n=this.renderOptions).renderBefore??(n.renderBefore=e.firstChild),e}update(e){let n=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=yo(n,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return F}};g._$litElement$=!0,g.finalized=!0,me.litElementHydrateSupport?.({LitElement:g});var Hr=me.litElementPolyfillSupport;Hr?.({LitElement:g});(me.litElementVersions??(me.litElementVersions=[])).push("4.2.2");var Ur={attribute:!0,type:String,converter:le,reflect:!1,hasChanged:Oe},jr=(t=Ur,e,n)=>{let{kind:o,metadata:r}=n,s=globalThis.litPropertyMetadata.get(r);if(s===void 0&&globalThis.litPropertyMetadata.set(r,s=new Map),o==="setter"&&((t=Object.create(t)).wrapped=!0),s.set(n.name,t),o==="accessor"){let{name:i}=n;return{set(l){let a=e.get.call(this);e.set.call(this,l),this.requestUpdate(i,a,t,!0,l)},init(l){return l!==void 0&&this.C(i,void 0,t,l),l}}}if(o==="setter"){let{name:i}=n;return function(l){let a=this[i];e.call(this,l),this.requestUpdate(i,a,t,!0,l)}}throw Error("Unsupported decorator location: "+o)};function u(t){return(e,n)=>typeof n=="object"?jr(t,e,n):((o,r,s)=>{let i=r.hasOwnProperty(s);return r.constructor.createProperty(s,o),i?Object.getOwnPropertyDescriptor(r,s):void 0})(t,e,n)}function W(t){return u({...t,state:!0,attribute:!1})}var Ct=(t,e,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(t,e,n),n);function Dt(t,e){return(n,o,r)=>{let s=i=>i.renderRoot?.querySelector(t)??null;if(e){let{get:i,set:l}=typeof o=="object"?n:r??(()=>{let a=Symbol();return{get(){return this[a]},set(d){this[a]=d}}})();return Ct(n,o,{get(){let a=i.call(this);return a===void 0&&(a=s(this),(a!==null||this.hasUpdated)&&l.call(this,a)),a}})}return Ct(n,o,{get(){return s(this)}})}}var qr=`:host {
+"use strict";(()=>{var xr=Object.create;var no=Object.defineProperty;var _r=Object.getOwnPropertyDescriptor;var wr=Object.getOwnPropertyNames;var Er=Object.getPrototypeOf,Cr=Object.prototype.hasOwnProperty;var Se=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Ar=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of wr(e))!Cr.call(t,r)&&r!==n&&no(t,r,{get:()=>e[r],enumerable:!(o=_r(e,r))||o.enumerable});return t};var A=(t,e,n)=>(n=t!=null?xr(Er(t)):{},Ar(e||!t||!t.__esModule?no(n,"default",{value:t,enumerable:!0}):n,t));var Mo=Se(w=>{"use strict";var zn=Symbol.for("react.transitional.element"),Kr=Symbol.for("react.portal"),Fr=Symbol.for("react.fragment"),Wr=Symbol.for("react.strict_mode"),Yr=Symbol.for("react.profiler"),Gr=Symbol.for("react.consumer"),Xr=Symbol.for("react.context"),Jr=Symbol.for("react.forward_ref"),Zr=Symbol.for("react.suspense"),Qr=Symbol.for("react.memo"),ko=Symbol.for("react.lazy"),wo=Symbol.iterator;function ti(t){return t===null||typeof t!="object"?null:(t=wo&&t[wo]||t["@@iterator"],typeof t=="function"?t:null)}var $o={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},So=Object.assign,No={};function Ht(t,e,n){this.props=t,this.context=e,this.refs=No,this.updater=n||$o}Ht.prototype.isReactComponent={};Ht.prototype.setState=function(t,e){if(typeof t!="object"&&typeof t!="function"&&t!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,e,"setState")};Ht.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function Oo(){}Oo.prototype=Ht.prototype;function Dn(t,e,n){this.props=t,this.context=e,this.refs=No,this.updater=n||$o}var Bn=Dn.prototype=new Oo;Bn.constructor=Dn;So(Bn,Ht.prototype);Bn.isPureReactComponent=!0;var Eo=Array.isArray,O={H:null,A:null,T:null,S:null},Ro=Object.prototype.hasOwnProperty;function Hn(t,e,n,o,r,s){return n=s.ref,{$$typeof:zn,type:t,key:e,ref:n!==void 0?n:null,props:s}}function ei(t,e){return Hn(t.type,e,void 0,void 0,void 0,t.props)}function Un(t){return typeof t=="object"&&t!==null&&t.$$typeof===zn}function ni(t){var e={"=":"=0",":":"=2"};return"$"+t.replace(/[=:]/g,function(n){return e[n]})}var Co=/\/+/g;function In(t,e){return typeof t=="object"&&t!==null&&t.key!=null?ni(""+t.key):e.toString(36)}function Ao(){}function oi(t){switch(t.status){case"fulfilled":return t.value;case"rejected":throw t.reason;default:switch(typeof t.status=="string"?t.then(Ao,Ao):(t.status="pending",t.then(function(e){t.status==="pending"&&(t.status="fulfilled",t.value=e)},function(e){t.status==="pending"&&(t.status="rejected",t.reason=e)})),t.status){case"fulfilled":return t.value;case"rejected":throw t.reason}}throw t}function Bt(t,e,n,o,r){var s=typeof t;(s==="undefined"||s==="boolean")&&(t=null);var i=!1;if(t===null)i=!0;else switch(s){case"bigint":case"string":case"number":i=!0;break;case"object":switch(t.$$typeof){case zn:case Kr:i=!0;break;case ko:return i=t._init,Bt(i(t._payload),e,n,o,r)}}if(i)return r=r(t),i=o===""?"."+In(t,0):o,Eo(r)?(n="",i!=null&&(n=i.replace(Co,"$&/")+"/"),Bt(r,e,n,"",function(d){return d})):r!=null&&(Un(r)&&(r=ei(r,n+(r.key==null||t&&t.key===r.key?"":(""+r.key).replace(Co,"$&/")+"/")+i)),e.push(r)),1;i=0;var l=o===""?".":o+":";if(Eo(t))for(var a=0;a<t.length;a++)o=t[a],s=l+In(o,a),i+=Bt(o,e,n,s,r);else if(a=ti(t),typeof a=="function")for(t=a.call(t),a=0;!(o=t.next()).done;)o=o.value,s=l+In(o,a++),i+=Bt(o,e,n,s,r);else if(s==="object"){if(typeof t.then=="function")return Bt(oi(t),e,n,o,r);throw e=String(t),Error("Objects are not valid as a React child (found: "+(e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e)+"). If you meant to render a collection of children, use an array instead.")}return i}function Le(t,e,n){if(t==null)return t;var o=[],r=0;return Bt(t,o,"","",function(s){return e.call(n,s,r++)}),o}function ri(t){if(t._status===-1){var e=t._result;e=e(),e.then(function(n){(t._status===0||t._status===-1)&&(t._status=1,t._result=n)},function(n){(t._status===0||t._status===-1)&&(t._status=2,t._result=n)}),t._status===-1&&(t._status=0,t._result=e)}if(t._status===1)return t._result.default;throw t._result}var To=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var e=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(e))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)};function ii(){}w.Children={map:Le,forEach:function(t,e,n){Le(t,function(){e.apply(this,arguments)},n)},count:function(t){var e=0;return Le(t,function(){e++}),e},toArray:function(t){return Le(t,function(e){return e})||[]},only:function(t){if(!Un(t))throw Error("React.Children.only expected to receive a single React element child.");return t}};w.Component=Ht;w.Fragment=Fr;w.Profiler=Yr;w.PureComponent=Dn;w.StrictMode=Wr;w.Suspense=Zr;w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=O;w.act=function(){throw Error("act(...) is not supported in production builds of React.")};w.cache=function(t){return function(){return t.apply(null,arguments)}};w.cloneElement=function(t,e,n){if(t==null)throw Error("The argument must be a React element, but you passed "+t+".");var o=So({},t.props),r=t.key,s=void 0;if(e!=null)for(i in e.ref!==void 0&&(s=void 0),e.key!==void 0&&(r=""+e.key),e)!Ro.call(e,i)||i==="key"||i==="__self"||i==="__source"||i==="ref"&&e.ref===void 0||(o[i]=e[i]);var i=arguments.length-2;if(i===1)o.children=n;else if(1<i){for(var l=Array(i),a=0;a<i;a++)l[a]=arguments[a+2];o.children=l}return Hn(t.type,r,void 0,void 0,s,o)};w.createContext=function(t){return t={$$typeof:Xr,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null},t.Provider=t,t.Consumer={$$typeof:Gr,_context:t},t};w.createElement=function(t,e,n){var o,r={},s=null;if(e!=null)for(o in e.key!==void 0&&(s=""+e.key),e)Ro.call(e,o)&&o!=="key"&&o!=="__self"&&o!=="__source"&&(r[o]=e[o]);var i=arguments.length-2;if(i===1)r.children=n;else if(1<i){for(var l=Array(i),a=0;a<i;a++)l[a]=arguments[a+2];r.children=l}if(t&&t.defaultProps)for(o in i=t.defaultProps,i)r[o]===void 0&&(r[o]=i[o]);return Hn(t,s,void 0,void 0,null,r)};w.createRef=function(){return{current:null}};w.forwardRef=function(t){return{$$typeof:Jr,render:t}};w.isValidElement=Un;w.lazy=function(t){return{$$typeof:ko,_payload:{_status:-1,_result:t},_init:ri}};w.memo=function(t,e){return{$$typeof:Qr,type:t,compare:e===void 0?null:e}};w.startTransition=function(t){var e=O.T,n={};O.T=n;try{var o=t(),r=O.S;r!==null&&r(n,o),typeof o=="object"&&o!==null&&typeof o.then=="function"&&o.then(ii,To)}catch(s){To(s)}finally{O.T=e}};w.unstable_useCacheRefresh=function(){return O.H.useCacheRefresh()};w.use=function(t){return O.H.use(t)};w.useActionState=function(t,e,n){return O.H.useActionState(t,e,n)};w.useCallback=function(t,e){return O.H.useCallback(t,e)};w.useContext=function(t){return O.H.useContext(t)};w.useDebugValue=function(){};w.useDeferredValue=function(t,e){return O.H.useDeferredValue(t,e)};w.useEffect=function(t,e){return O.H.useEffect(t,e)};w.useId=function(){return O.H.useId()};w.useImperativeHandle=function(t,e,n){return O.H.useImperativeHandle(t,e,n)};w.useInsertionEffect=function(t,e){return O.H.useInsertionEffect(t,e)};w.useLayoutEffect=function(t,e){return O.H.useLayoutEffect(t,e)};w.useMemo=function(t,e){return O.H.useMemo(t,e)};w.useOptimistic=function(t,e){return O.H.useOptimistic(t,e)};w.useReducer=function(t,e,n){return O.H.useReducer(t,e,n)};w.useRef=function(t){return O.H.useRef(t)};w.useState=function(t){return O.H.useState(t)};w.useSyncExternalStore=function(t,e,n){return O.H.useSyncExternalStore(t,e,n)};w.useTransition=function(){return O.H.useTransition()};w.version="19.0.0"});var k=Se((Ya,Po)=>{"use strict";Po.exports=Mo()});var gr=Se(An=>{"use strict";var qs=Symbol.for("react.transitional.element"),Vs=Symbol.for("react.fragment");function mr(t,e,n){var o=null;if(n!==void 0&&(o=""+n),e.key!==void 0&&(o=""+e.key),"key"in e){n={};for(var r in e)r!=="key"&&(n[r]=e[r])}else n=e;return e=n.ref,{$$typeof:qs,type:t,key:o,ref:e!==void 0?e:null,props:n}}An.Fragment=Vs;An.jsx=mr;An.jsxs=mr});var to=Se((uf,vr)=>{"use strict";vr.exports=gr()});var Tr=Object.defineProperty,kr=Object.getOwnPropertyDescriptor,c=(t,e,n,o)=>{for(var r=o>1?void 0:o?kr(e,n):e,s=t.length-1,i;s>=0;s--)(i=t[s])&&(r=(o?i(e,n,r):i(r))||r);return o&&r&&Tr(e,n,r),r};var Ne=globalThis,Oe=Ne.ShadowRoot&&(Ne.ShadyCSS===void 0||Ne.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Tn=Symbol(),oo=new WeakMap,se=class{constructor(e,n,o){if(this._$cssResult$=!0,o!==Tn)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=n}get styleSheet(){let e=this.o,n=this.t;if(Oe&&e===void 0){let o=n!==void 0&&n.length===1;o&&(e=oo.get(n)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&oo.set(n,e))}return e}toString(){return this.cssText}},x=t=>new se(typeof t=="string"?t:t+"",void 0,Tn),_=(t,...e)=>{let n=t.length===1?t[0]:e.reduce((o,r,s)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+t[s+1],t[0]);return new se(n,t,Tn)},ro=(t,e)=>{if(Oe)t.adoptedStyleSheets=e.map(n=>n instanceof CSSStyleSheet?n:n.styleSheet);else for(let n of e){let o=document.createElement("style"),r=Ne.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=n.cssText,t.appendChild(o)}},kn=Oe?t=>t:t=>t instanceof CSSStyleSheet?(e=>{let n="";for(let o of e.cssRules)n+=o.cssText;return x(n)})(t):t;var{is:$r,defineProperty:Sr,getOwnPropertyDescriptor:Nr,getOwnPropertyNames:Or,getOwnPropertySymbols:Rr,getPrototypeOf:Mr}=Object,ut=globalThis,io=ut.trustedTypes,Pr=io?io.emptyScript:"",Lr=ut.reactiveElementPolyfillSupport,ae=(t,e)=>t,le={toAttribute(t,e){switch(e){case Boolean:t=t?Pr:null;break;case Object:case Array:t=t==null?t:JSON.stringify(t)}return t},fromAttribute(t,e){let n=t;switch(e){case Boolean:n=t!==null;break;case Number:n=t===null?null:Number(t);break;case Object:case Array:try{n=JSON.parse(t)}catch{n=null}}return n}},Re=(t,e)=>!$r(t,e),so={attribute:!0,type:String,converter:le,reflect:!1,useDefault:!1,hasChanged:Re};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),ut.litPropertyMetadata??(ut.litPropertyMetadata=new WeakMap);var it=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,n=so){if(n.state&&(n.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((n=Object.create(n)).wrapped=!0),this.elementProperties.set(e,n),!n.noAccessor){let o=Symbol(),r=this.getPropertyDescriptor(e,o,n);r!==void 0&&Sr(this.prototype,e,r)}}static getPropertyDescriptor(e,n,o){let{get:r,set:s}=Nr(this.prototype,e)??{get(){return this[n]},set(i){this[n]=i}};return{get:r,set(i){let l=r?.call(this);s?.call(this,i),this.requestUpdate(e,l,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??so}static _$Ei(){if(this.hasOwnProperty(ae("elementProperties")))return;let e=Mr(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(ae("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ae("properties"))){let n=this.properties,o=[...Or(n),...Rr(n)];for(let r of o)this.createProperty(r,n[r])}let e=this[Symbol.metadata];if(e!==null){let n=litPropertyMetadata.get(e);if(n!==void 0)for(let[o,r]of n)this.elementProperties.set(o,r)}this._$Eh=new Map;for(let[n,o]of this.elementProperties){let r=this._$Eu(n,o);r!==void 0&&this._$Eh.set(r,n)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let n=[];if(Array.isArray(e)){let o=new Set(e.flat(1/0).reverse());for(let r of o)n.unshift(kn(r))}else e!==void 0&&n.push(kn(e));return n}static _$Eu(e,n){let o=n.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,n=this.constructor.elementProperties;for(let o of n.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return ro(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,n,o){this._$AK(e,o)}_$ET(e,n){let o=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,o);if(r!==void 0&&o.reflect===!0){let s=(o.converter?.toAttribute!==void 0?o.converter:le).toAttribute(n,o.type);this._$Em=e,s==null?this.removeAttribute(r):this.setAttribute(r,s),this._$Em=null}}_$AK(e,n){let o=this.constructor,r=o._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let s=o.getPropertyOptions(r),i=typeof s.converter=="function"?{fromAttribute:s.converter}:s.converter?.fromAttribute!==void 0?s.converter:le;this._$Em=r;let l=i.fromAttribute(n,s.type);this[r]=l??this._$Ej?.get(r)??l,this._$Em=null}}requestUpdate(e,n,o,r=!1,s){if(e!==void 0){let i=this.constructor;if(r===!1&&(s=this[e]),o??(o=i.getPropertyOptions(e)),!((o.hasChanged??Re)(s,n)||o.useDefault&&o.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(i._$Eu(e,o))))return;this.C(e,n,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,n,{useDefault:o,reflect:r,wrapped:s},i){o&&!(this._$Ej??(this._$Ej=new Map)).has(e)&&(this._$Ej.set(e,i??n??this[e]),s!==!0||i!==void 0)||(this._$AL.has(e)||(this.hasUpdated||o||(n=void 0),this._$AL.set(e,n)),r===!0&&this._$Em!==e&&(this._$Eq??(this._$Eq=new Set)).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(n){Promise.reject(n)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}let o=this.constructor.elementProperties;if(o.size>0)for(let[r,s]of o){let{wrapped:i}=s,l=this[r];i!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,s,l)}}let e=!1,n=this._$AL;try{e=this.shouldUpdate(n),e?(this.willUpdate(n),this._$EO?.forEach(o=>o.hostUpdate?.()),this.update(n)):this._$EM()}catch(o){throw e=!1,this._$EM(),o}e&&this._$AE(n)}willUpdate(e){}_$AE(e){this._$EO?.forEach(n=>n.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(n=>this._$ET(n,this[n]))),this._$EM()}updated(e){}firstUpdated(e){}};it.elementStyles=[],it.shadowRootOptions={mode:"open"},it[ae("elementProperties")]=new Map,it[ae("finalized")]=new Map,Lr?.({ReactiveElement:it}),(ut.reactiveElementVersions??(ut.reactiveElementVersions=[])).push("2.1.2");var de=globalThis,ao=t=>t,Me=de.trustedTypes,lo=Me?Me.createPolicy("lit-html",{createHTML:t=>t}):void 0,mo="$lit$",pt=`lit$${Math.random().toFixed(9).slice(2)}$`,go="?"+pt,Ir=`<${go}>`,Ct=document,ue=()=>Ct.createComment(""),pe=t=>t===null||typeof t!="object"&&typeof t!="function",Pn=Array.isArray,zr=t=>Pn(t)||typeof t?.[Symbol.iterator]=="function",$n=`[ 	
+\f\r]`,ce=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,co=/-->/g,uo=/>/g,wt=RegExp(`>|${$n}(?:([^\\s"'>=/]+)(${$n}*=${$n}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),po=/'/g,ho=/"/g,vo=/^(?:script|style|textarea|title)$/i,Ln=t=>(e,...n)=>({_$litType$:t,strings:e,values:n}),m=Ln(1),ht=Ln(2),Qs=Ln(3),F=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),fo=new WeakMap,Et=Ct.createTreeWalker(Ct,129);function bo(t,e){if(!Pn(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return lo!==void 0?lo.createHTML(e):e}var Dr=(t,e)=>{let n=t.length-1,o=[],r,s=e===2?"<svg>":e===3?"<math>":"",i=ce;for(let l=0;l<n;l++){let a=t[l],d,f,h=-1,b=0;for(;b<a.length&&(i.lastIndex=b,f=i.exec(a),f!==null);)b=i.lastIndex,i===ce?f[1]==="!--"?i=co:f[1]!==void 0?i=uo:f[2]!==void 0?(vo.test(f[2])&&(r=RegExp("</"+f[2],"g")),i=wt):f[3]!==void 0&&(i=wt):i===wt?f[0]===">"?(i=r??ce,h=-1):f[1]===void 0?h=-2:(h=i.lastIndex-f[2].length,d=f[1],i=f[3]===void 0?wt:f[3]==='"'?ho:po):i===ho||i===po?i=wt:i===co||i===uo?i=ce:(i=wt,r=void 0);let p=i===wt&&t[l+1].startsWith("/>")?" ":"";s+=i===ce?a+Ir:h>=0?(o.push(d),a.slice(0,h)+mo+a.slice(h)+pt+p):a+pt+(h===-2?l:p)}return[bo(t,s+(t[n]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),o]},he=class t{constructor({strings:e,_$litType$:n},o){let r;this.parts=[];let s=0,i=0,l=e.length-1,a=this.parts,[d,f]=Dr(e,n);if(this.el=t.createElement(d,o),Et.currentNode=this.el.content,n===2||n===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=Et.nextNode())!==null&&a.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(let h of r.getAttributeNames())if(h.endsWith(mo)){let b=f[i++],p=r.getAttribute(h).split(pt),v=/([.?@])?(.*)/.exec(b);a.push({type:1,index:s,name:v[2],strings:p,ctor:v[1]==="."?Nn:v[1]==="?"?On:v[1]==="@"?Rn:zt}),r.removeAttribute(h)}else h.startsWith(pt)&&(a.push({type:6,index:s}),r.removeAttribute(h));if(vo.test(r.tagName)){let h=r.textContent.split(pt),b=h.length-1;if(b>0){r.textContent=Me?Me.emptyScript:"";for(let p=0;p<b;p++)r.append(h[p],ue()),Et.nextNode(),a.push({type:2,index:++s});r.append(h[b],ue())}}}else if(r.nodeType===8)if(r.data===go)a.push({type:2,index:s});else{let h=-1;for(;(h=r.data.indexOf(pt,h+1))!==-1;)a.push({type:7,index:s}),h+=pt.length-1}s++}}static createElement(e,n){let o=Ct.createElement("template");return o.innerHTML=e,o}};function It(t,e,n=t,o){if(e===F)return e;let r=o!==void 0?n._$Co?.[o]:n._$Cl,s=pe(e)?void 0:e._$litDirective$;return r?.constructor!==s&&(r?._$AO?.(!1),s===void 0?r=void 0:(r=new s(t),r._$AT(t,n,o)),o!==void 0?(n._$Co??(n._$Co=[]))[o]=r:n._$Cl=r),r!==void 0&&(e=It(t,r._$AS(t,e.values),r,o)),e}var Sn=class{constructor(e,n){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=n}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:n},parts:o}=this._$AD,r=(e?.creationScope??Ct).importNode(n,!0);Et.currentNode=r;let s=Et.nextNode(),i=0,l=0,a=o[0];for(;a!==void 0;){if(i===a.index){let d;a.type===2?d=new fe(s,s.nextSibling,this,e):a.type===1?d=new a.ctor(s,a.name,a.strings,this,e):a.type===6&&(d=new Mn(s,this,e)),this._$AV.push(d),a=o[++l]}i!==a?.index&&(s=Et.nextNode(),i++)}return Et.currentNode=Ct,r}p(e){let n=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,n),n+=o.strings.length-2):o._$AI(e[n])),n++}},fe=class t{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,n,o,r){this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=e,this._$AB=n,this._$AM=o,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,n=this._$AM;return n!==void 0&&e?.nodeType===11&&(e=n.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,n=this){e=It(this,e,n),pe(e)?e===T||e==null||e===""?(this._$AH!==T&&this._$AR(),this._$AH=T):e!==this._$AH&&e!==F&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):zr(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==T&&pe(this._$AH)?this._$AA.nextSibling.data=e:this.T(Ct.createTextNode(e)),this._$AH=e}$(e){let{values:n,_$litType$:o}=e,r=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=he.createElement(bo(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===r)this._$AH.p(n);else{let s=new Sn(r,this),i=s.u(this.options);s.p(n),this.T(i),this._$AH=s}}_$AC(e){let n=fo.get(e.strings);return n===void 0&&fo.set(e.strings,n=new he(e)),n}k(e){Pn(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,o,r=0;for(let s of e)r===n.length?n.push(o=new t(this.O(ue()),this.O(ue()),this,this.options)):o=n[r],o._$AI(s),r++;r<n.length&&(this._$AR(o&&o._$AB.nextSibling,r),n.length=r)}_$AR(e=this._$AA.nextSibling,n){for(this._$AP?.(!1,!0,n);e!==this._$AB;){let o=ao(e).nextSibling;ao(e).remove(),e=o}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},zt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,n,o,r,s){this.type=1,this._$AH=T,this._$AN=void 0,this.element=e,this.name=n,this._$AM=r,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=T}_$AI(e,n=this,o,r){let s=this.strings,i=!1;if(s===void 0)e=It(this,e,n,0),i=!pe(e)||e!==this._$AH&&e!==F,i&&(this._$AH=e);else{let l=e,a,d;for(e=s[0],a=0;a<s.length-1;a++)d=It(this,l[o+a],n,a),d===F&&(d=this._$AH[a]),i||(i=!pe(d)||d!==this._$AH[a]),d===T?e=T:e!==T&&(e+=(d??"")+s[a+1]),this._$AH[a]=d}i&&!r&&this.j(e)}j(e){e===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Nn=class extends zt{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===T?void 0:e}},On=class extends zt{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==T)}},Rn=class extends zt{constructor(e,n,o,r,s){super(e,n,o,r,s),this.type=5}_$AI(e,n=this){if((e=It(this,e,n,0)??T)===F)return;let o=this._$AH,r=e===T&&o!==T||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,s=e!==T&&(o===T||r);r&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},Mn=class{constructor(e,n,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=n,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){It(this,e)}};var Br=de.litHtmlPolyfillSupport;Br?.(he,fe),(de.litHtmlVersions??(de.litHtmlVersions=[])).push("3.3.2");var yo=(t,e,n)=>{let o=n?.renderBefore??e,r=o._$litPart$;if(r===void 0){let s=n?.renderBefore??null;o._$litPart$=r=new fe(e.insertBefore(ue(),s),s,void 0,n??{})}return r._$AI(t),r};var me=globalThis,g=class extends it{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var n;let e=super.createRenderRoot();return(n=this.renderOptions).renderBefore??(n.renderBefore=e.firstChild),e}update(e){let n=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=yo(n,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return F}};g._$litElement$=!0,g.finalized=!0,me.litElementHydrateSupport?.({LitElement:g});var Hr=me.litElementPolyfillSupport;Hr?.({LitElement:g});(me.litElementVersions??(me.litElementVersions=[])).push("4.2.2");var Ur={attribute:!0,type:String,converter:le,reflect:!1,hasChanged:Re},jr=(t=Ur,e,n)=>{let{kind:o,metadata:r}=n,s=globalThis.litPropertyMetadata.get(r);if(s===void 0&&globalThis.litPropertyMetadata.set(r,s=new Map),o==="setter"&&((t=Object.create(t)).wrapped=!0),s.set(n.name,t),o==="accessor"){let{name:i}=n;return{set(l){let a=e.get.call(this);e.set.call(this,l),this.requestUpdate(i,a,t,!0,l)},init(l){return l!==void 0&&this.C(i,void 0,t,l),l}}}if(o==="setter"){let{name:i}=n;return function(l){let a=this[i];e.call(this,l),this.requestUpdate(i,a,t,!0,l)}}throw Error("Unsupported decorator location: "+o)};function u(t){return(e,n)=>typeof n=="object"?jr(t,e,n):((o,r,s)=>{let i=r.hasOwnProperty(s);return r.constructor.createProperty(s,o),i?Object.getOwnPropertyDescriptor(r,s):void 0})(t,e,n)}function W(t){return u({...t,state:!0,attribute:!1})}var At=(t,e,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(t,e,n),n);function Dt(t,e){return(n,o,r)=>{let s=i=>i.renderRoot?.querySelector(t)??null;if(e){let{get:i,set:l}=typeof o=="object"?n:r??(()=>{let a=Symbol();return{get(){return this[a]},set(d){this[a]=d}}})();return At(n,o,{get(){let a=i.call(this);return a===void 0&&(a=s(this),(a!==null||this.hasUpdated)&&l.call(this,a)),a}})}return At(n,o,{get(){return s(this)}})}}var qr=`:host {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-24);
   width: 100%;
 }
-`,Me="kittl-accordion",ge=class extends g{constructor(){super(),this.multiple=!1,this.addEventListener("accordion-toggle",this._handleToggle)}_handleToggle(t){if(this.multiple||!t.detail.open)return;let e=this.querySelectorAll("kittl-accordion-item");for(let n of e)n.value!==t.detail.value&&(n.open=!1)}render(){return m`<slot></slot>`}};ge.styles=[_`
+`,Pe="kittl-accordion",ge=class extends g{constructor(){super(),this.multiple=!1,this.addEventListener("accordion-toggle",this._handleToggle)}_handleToggle(t){if(this.multiple||!t.detail.open)return;let e=this.querySelectorAll("kittl-accordion-item");for(let n of e)n.value!==t.detail.value&&(n.open=!1)}render(){return m`<slot></slot>`}};ge.styles=[_`
       ${x(qr)}
-    `];c([u({type:Boolean,reflect:!0})],ge.prototype,"multiple",2);customElements.get(Me)||customElements.define(Me,ge);var Vr=new Set(["children","localName","ref","style","className"]),xo=new WeakMap,_o=(t,e,n,o,r)=>{let s=r?.[e];s===void 0?(t[e]=n,n==null&&e in HTMLElement.prototype&&t.removeAttribute(e)):n!==o&&((i,l,a)=>{let d=xo.get(i);d===void 0&&xo.set(i,d=new Map);let f=d.get(l);a!==void 0?f===void 0?(d.set(l,f={handleEvent:a}),i.addEventListener(l,f)):f.handleEvent=a:f!==void 0&&(d.delete(l),i.removeEventListener(l,f))})(t,s,n)},y=({react:t,tagName:e,elementClass:n,events:o,displayName:r})=>{let s=new Set(Object.keys(o??{})),i=t.forwardRef((l,a)=>{let d=t.useRef(new Map),f=t.useRef(null),h={},b={};for(let[p,v]of Object.entries(l))Vr.has(p)?h[p==="className"?"class":p]=v:s.has(p)||p in n.prototype?b[p]=v:h[p]=v;return t.useLayoutEffect(()=>{if(f.current===null)return;let p=new Map;for(let v in b)_o(f.current,v,l[v],d.current.get(v),o),d.current.delete(v),p.set(v,l[v]);for(let[v,E]of d.current)_o(f.current,v,void 0,E,o);d.current=p}),t.useLayoutEffect(()=>{f.current?.removeAttribute("defer-hydration")},[]),h.suppressHydrationWarning=!0,t.createElement(e,{...h,ref:t.useCallback(p=>{f.current=p,typeof a=="function"?a(p):a!==null&&(a.current=p)},[a])})});return i.displayName=r??n.name,i};var si=A(k(),1),Xa=y({tagName:Me,elementClass:ge,react:si,displayName:"KittlAccordion"});var ai={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M5.793 6.853A1.193 1.193 0 1 0 4.1 8.534l5.068 5.07a1.193 1.193 0 0 0 1.682 0l5.057-5.07a1.193 1.193 0 0 0 0-1.681 1.193 1.193 0 0 0-1.682 0l-4.222 4.222z" clip-rule="evenodd"/>'},jn=ai;var Le={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},jt=t=>(...e)=>({_$litDirective$:t,values:e}),Ut=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,n,o){this._$Ct=e,this._$AM=n,this._$Ci=o}_$AS(e,n){return this.update(e,n)}update(e,n){return this.render(...n)}};var At=class extends Ut{constructor(e){if(super(e),this.it=T,e.type!==Le.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===T||e==null)return this._t=void 0,this.it=e;if(e===F)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;let n=[e];return n.raw=n,this._t={_$litType$:this.constructor.resultType,strings:n,values:[]}}};At.directiveName="unsafeHTML",At.resultType=1;var nl=jt(At);var ve=class extends At{};ve.directiveName="unsafeSVG",ve.resultType=2;var Y=jt(ve);var li=`:host {
+    `];c([u({type:Boolean,reflect:!0})],ge.prototype,"multiple",2);customElements.get(Pe)||customElements.define(Pe,ge);var Vr=new Set(["children","localName","ref","style","className"]),xo=new WeakMap,_o=(t,e,n,o,r)=>{let s=r?.[e];s===void 0?(t[e]=n,n==null&&e in HTMLElement.prototype&&t.removeAttribute(e)):n!==o&&((i,l,a)=>{let d=xo.get(i);d===void 0&&xo.set(i,d=new Map);let f=d.get(l);a!==void 0?f===void 0?(d.set(l,f={handleEvent:a}),i.addEventListener(l,f)):f.handleEvent=a:f!==void 0&&(d.delete(l),i.removeEventListener(l,f))})(t,s,n)},y=({react:t,tagName:e,elementClass:n,events:o,displayName:r})=>{let s=new Set(Object.keys(o??{})),i=t.forwardRef((l,a)=>{let d=t.useRef(new Map),f=t.useRef(null),h={},b={};for(let[p,v]of Object.entries(l))Vr.has(p)?h[p==="className"?"class":p]=v:s.has(p)||p in n.prototype?b[p]=v:h[p]=v;return t.useLayoutEffect(()=>{if(f.current===null)return;let p=new Map;for(let v in b)_o(f.current,v,l[v],d.current.get(v),o),d.current.delete(v),p.set(v,l[v]);for(let[v,E]of d.current)_o(f.current,v,void 0,E,o);d.current=p}),t.useLayoutEffect(()=>{f.current?.removeAttribute("defer-hydration")},[]),h.suppressHydrationWarning=!0,t.createElement(e,{...h,ref:t.useCallback(p=>{f.current=p,typeof a=="function"?a(p):a!==null&&(a.current=p)},[a])})});return i.displayName=r??n.name,i};var si=A(k(),1),Ja=y({tagName:Pe,elementClass:ge,react:si,displayName:"KittlAccordion"});var ai={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M5.793 6.853A1.193 1.193 0 1 0 4.1 8.534l5.068 5.07a1.193 1.193 0 0 0 1.682 0l5.057-5.07a1.193 1.193 0 0 0 0-1.681 1.193 1.193 0 0 0-1.682 0l-4.222 4.222z" clip-rule="evenodd"/>'},jn=ai;var Ie={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},jt=t=>(...e)=>({_$litDirective$:t,values:e}),Ut=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,n,o){this._$Ct=e,this._$AM=n,this._$Ci=o}_$AS(e,n){return this.update(e,n)}update(e,n){return this.render(...n)}};var Tt=class extends Ut{constructor(e){if(super(e),this.it=T,e.type!==Ie.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===T||e==null)return this._t=void 0,this.it=e;if(e===F)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;let n=[e];return n.raw=n,this._t={_$litType$:this.constructor.resultType,strings:n,values:[]}}};Tt.directiveName="unsafeHTML",Tt.resultType=1;var ol=jt(Tt);var ve=class extends Tt{};ve.directiveName="unsafeSVG",ve.resultType=2;var Y=jt(ve);var li=`:host {
   --accordion-background: var(--color-bg-fill);
   --accordion-hover-background: var(--color-bg-fill-hover);
   --accordion-active-background: var(--color-bg-fill-active);
@@ -91,7 +91,7 @@
 .content-inner {
   padding: 0 var(--accordion-padding) var(--accordion-padding);
 }
-`,Ie="kittl-accordion-item",qt=class extends g{constructor(){super(...arguments),this.open=!1,this.value=""}_toggle(){let t=!this.open;this.open=t,this.dispatchEvent(new CustomEvent("accordion-toggle",{detail:{value:this.value,open:t},bubbles:!0,composed:!0}))}render(){return m`
+`,ze="kittl-accordion-item",qt=class extends g{constructor(){super(...arguments),this.open=!1,this.value=""}_toggle(){let t=!this.open;this.open=t,this.dispatchEvent(new CustomEvent("accordion-toggle",{detail:{value:this.value,open:t},bubbles:!0,composed:!0}))}render(){return m`
       <button
         class="trigger"
         type="button"
@@ -99,7 +99,7 @@
         @click="${this._toggle}"
       >
         <slot name="trigger"></slot>
-        ${pt`<svg
+        ${ht`<svg
           class="chevron"
           width="20"
           height="20"
@@ -117,7 +117,7 @@
       </div>
     `}};qt.styles=[_`
       ${x(li)}
-    `];c([u({type:Boolean,reflect:!0})],qt.prototype,"open",2);c([u({type:String})],qt.prototype,"value",2);customElements.get(Ie)||customElements.define(Ie,qt);var ci=A(k(),1),bl=y({tagName:Ie,elementClass:qt,react:ci,displayName:"KittlAccordionItem",events:{onAccordionToggle:"accordion-toggle"}});var ze="kittl-accordion-item-content",qn=class extends g{createRenderRoot(){return this}render(){return m`<slot></slot>`}};customElements.get(ze)||customElements.define(ze,qn);var di=A(k(),1),Tl=y({tagName:ze,elementClass:qn,react:di,displayName:"KittlAccordionItemContent"});var De="kittl-accordion-item-trigger",Vn=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","trigger")}createRenderRoot(){return this}render(){return m`<slot></slot>`}};customElements.get(De)||customElements.define(De,Vn);var ui=A(k(),1),Pl=y({tagName:De,elementClass:Vn,react:ui,displayName:"KittlAccordionItemTrigger"});var pi=`:host {
+    `];c([u({type:Boolean,reflect:!0})],qt.prototype,"open",2);c([u({type:String})],qt.prototype,"value",2);customElements.get(ze)||customElements.define(ze,qt);var ci=A(k(),1),yl=y({tagName:ze,elementClass:qt,react:ci,displayName:"KittlAccordionItem",events:{onAccordionToggle:"accordion-toggle"}});var De="kittl-accordion-item-content",qn=class extends g{createRenderRoot(){return this}render(){return m`<slot></slot>`}};customElements.get(De)||customElements.define(De,qn);var di=A(k(),1),kl=y({tagName:De,elementClass:qn,react:di,displayName:"KittlAccordionItemContent"});var Be="kittl-accordion-item-trigger",Vn=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","trigger")}createRenderRoot(){return this}render(){return m`<slot></slot>`}};customElements.get(Be)||customElements.define(Be,Vn);var ui=A(k(),1),Ll=y({tagName:Be,elementClass:Vn,react:ui,displayName:"KittlAccordionItemTrigger"});var pi=`:host {
   /* Base size \u2013 all proportions derive from this */
   --avatar-base-size: 24px;
   --avatar-size: var(--avatar-base-size);
@@ -213,7 +213,7 @@
 .overlay .image {
   border-radius: inherit;
 }
-`,Be="kittl-avatar",et=class extends g{constructor(){super(...arguments),this.variant="photo",this.fluid=!1,this.round="full",this._imageError=!1}_handleImageLoad(){this.classList.add("image-loaded")}_handleImageError(){this._imageError=!0,this.classList.remove("image-loaded")}updated(t){t.has("src")&&(this._imageError=!1,this.classList.remove("image-loaded"))}_renderTeam(){return m`
+`,He="kittl-avatar",et=class extends g{constructor(){super(...arguments),this.variant="photo",this.fluid=!1,this.round="full",this._imageError=!1}_handleImageLoad(){this.classList.add("image-loaded")}_handleImageError(){this._imageError=!0,this.classList.remove("image-loaded")}updated(t){t.has("src")&&(this._imageError=!1,this.classList.remove("image-loaded"))}_renderTeam(){return m`
       <p class="fallback-text">${this.fallback}</p>
       ${!this._imageError&&this.src?m`
             <div class="overlay">
@@ -232,7 +232,7 @@
           @load=${this._handleImageLoad}
           @error=${this._handleImageError}
         />
-      `:this.fallback?m`<p class="fallback-text">${this.fallback.substring(0,1).toUpperCase()}</p>`:T}render(){switch(this.variant){case"team":return this._renderTeam();case"blank":return T;default:return this._renderPhoto()}}};et.styles=[_`${x(pi)}`];c([u({type:String,reflect:!0})],et.prototype,"variant",2);c([u({type:String})],et.prototype,"src",2);c([u({type:Boolean,reflect:!0})],et.prototype,"fluid",2);c([u({type:String})],et.prototype,"fallback",2);c([u({type:String,reflect:!0})],et.prototype,"round",2);c([W()],et.prototype,"_imageError",2);customElements.get(Be)||customElements.define(Be,et);var hi=A(k(),1),ql=y({tagName:Be,elementClass:et,react:hi,displayName:"KittlAvatar"});var fi=`/* ---- Size ---- */
+      `:this.fallback?m`<p class="fallback-text">${this.fallback.substring(0,1).toUpperCase()}</p>`:T}render(){switch(this.variant){case"team":return this._renderTeam();case"blank":return T;default:return this._renderPhoto()}}};et.styles=[_`${x(pi)}`];c([u({type:String,reflect:!0})],et.prototype,"variant",2);c([u({type:String})],et.prototype,"src",2);c([u({type:Boolean,reflect:!0})],et.prototype,"fluid",2);c([u({type:String})],et.prototype,"fallback",2);c([u({type:String,reflect:!0})],et.prototype,"round",2);c([W()],et.prototype,"_imageError",2);customElements.get(He)||customElements.define(He,et);var hi=A(k(),1),Vl=y({tagName:He,elementClass:et,react:hi,displayName:"KittlAvatar"});var fi=`/* ---- Size ---- */
 :host([size="s"]) {
   --badge-height: 20px;
   --badge-padding-h: var(--spacing-8, 8px);
@@ -302,7 +302,146 @@
   font-weight: var(--font-weight-bold, 700);
   line-height: 1;
 }
-`,He="kittl-badge",Vt=class extends g{constructor(){super(...arguments),this.variant="soft-info",this.size="m"}render(){return m`<slot></slot>`}};Vt.styles=[_`${x(fi)}`];c([u({type:String,reflect:!0})],Vt.prototype,"variant",2);c([u({type:String,reflect:!0})],Vt.prototype,"size",2);customElements.get(He)||customElements.define(He,Vt);var mi=A(k(),1),Zl=y({tagName:He,elementClass:Vt,react:mi,displayName:"KittlBadge"});var H=t=>{class e extends t{constructor(...o){super(...o),this._disabled=!1}set disabled(o){let r=this._disabled;this._disabled=o,this.tabIndex=o?-1:0;let s=this;s._internals&&(s._internals.ariaDisabled=o?"true":"false"),this.requestUpdate("disabled",r)}get disabled(){return this._disabled}}return c([u({type:Boolean,reflect:!0})],e.prototype,"disabled",1),e},U=t=>{class e extends t{constructor(...o){super(...o),this._internals=this.attachInternals()}}return e};var gi=`/* We style the :host because there is no native <button> tag inside. */
+`,Ue="kittl-badge",Vt=class extends g{constructor(){super(...arguments),this.variant="soft-info",this.size="m"}render(){return m`<slot></slot>`}};Vt.styles=[_`${x(fi)}`];c([u({type:String,reflect:!0})],Vt.prototype,"variant",2);c([u({type:String,reflect:!0})],Vt.prototype,"size",2);customElements.get(Ue)||customElements.define(Ue,Vt);var mi=A(k(),1),Ql=y({tagName:Ue,elementClass:Vt,react:mi,displayName:"KittlBadge"});var gi=`:host {
+  display: block;
+  color: var(--color-text);
+  font-family: var(--font-family-default);
+  margin: 0;
+  padding: 0;
+}
+
+:host([truncate]) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+`,vi=`/* Alignment styles */
+
+:host([textAlign="left"]) {
+  text-align: left;
+}
+
+:host([textAlign="center"]) {
+  text-align: center;
+}
+
+:host([textAlign="right"]) {
+  text-align: right;
+}
+`,bi=`/* Color styles */
+
+:host([color="default"]) {
+  color: var(--color-text);
+}
+
+:host([color="secondary"]) {
+  color: var(--color-text-secondary);
+}
+
+:host([color="tertiary"]) {
+  color: var(--color-text-tertiary);
+}
+
+:host([color="disabled"]) {
+  color: var(--color-text-disabled);
+}
+
+:host([color="critical"]) {
+  color: var(--color-text-critical);
+}
+
+:host([color="info"]) {
+  color: var(--color-text-info);
+}
+
+:host([color="brand-on-bg"]) {
+  color: var(--color-text-brand-on-bg);
+}
+
+:host([color="inherit"]) {
+  color: inherit;
+}
+`,yi=`/* Variant styles */
+
+/* Headings */
+:host([variant="h1"]) {
+  font-size: 28px;
+  font-weight: var(--font-weight-semi-bold);
+  letter-spacing: -0.03em;
+  line-height: 32px;
+}
+
+:host([variant="h2"]) {
+  font-size: 22px;
+  font-weight: var(--font-weight-semi-bold);
+  letter-spacing: -0.03em;
+  line-height: 28px;
+}
+
+:host([variant="h3"]) {
+  font-size: 18px;
+  font-weight: var(--font-weight-semi-bold);
+  letter-spacing: -0.03em;
+  line-height: 24px;
+}
+
+:host([variant="h4"]) {
+  font-size: 16px;
+  font-weight: var(--font-weight-medium);
+  letter-spacing: -0.015em;
+  line-height: 24px;
+}
+
+:host([variant="h5"]) {
+  font-size: 14px;
+  font-weight: var(--font-weight-medium);
+  letter-spacing: -0.01em;
+  line-height: 20px;
+}
+
+:host([variant="h6"]) {
+  font-size: 12px;
+  font-weight: var(--font-weight-medium);
+  letter-spacing: -0.01em;
+  line-height: 16px;
+}
+
+/* Body text */
+:host([variant="p0"]) {
+  font-size: 18px;
+  font-weight: var(--font-weight-regular);
+  letter-spacing: -0.01em;
+  line-height: 28px;
+}
+
+:host([variant="p1"]) {
+  font-size: 16px;
+  font-weight: var(--font-weight-regular);
+  letter-spacing: -0.01em;
+  line-height: 24px;
+}
+
+:host([variant="p2"]) {
+  font-size: 14px;
+  font-weight: var(--font-weight-medium);
+  letter-spacing: -0.005em;
+  line-height: 20px;
+}
+
+:host([variant="p3"]) {
+  font-size: 12px;
+  font-weight: var(--font-weight-medium);
+  letter-spacing: -0.005em;
+  line-height: 18px;
+}
+
+:host([variant="p4"]) {
+  font-size: 11px;
+  font-weight: var(--font-weight-regular);
+  letter-spacing: 0;
+  line-height: 18px;
+}
+`,be="kittl-text",st=class extends g{constructor(){super(...arguments),this.variant="p1",this.color="default",this.textAlign=void 0,this.truncate=!1}render(){return m`<slot></slot>`}};st.styles=[_`${x(yi)}`,_`${x(bi)}`,_`${x(vi)}`,_`${x(gi)}`];c([u({type:String,reflect:!0})],st.prototype,"variant",2);c([u({type:String,reflect:!0})],st.prototype,"color",2);c([u({type:String,reflect:!0})],st.prototype,"textAlign",2);c([u({type:Boolean,reflect:!0})],st.prototype,"truncate",2);customElements.get(be)||customElements.define(be,st);var H=t=>{class e extends t{constructor(...o){super(...o),this._disabled=!1}set disabled(o){let r=this._disabled;this._disabled=o,this.tabIndex=o?-1:0;let s=this;s._internals&&(s._internals.ariaDisabled=o?"true":"false"),this.requestUpdate("disabled",r)}get disabled(){return this._disabled}}return c([u({type:Boolean,reflect:!0})],e.prototype,"disabled",1),e},U=t=>{class e extends t{constructor(...o){super(...o),this._internals=this.attachInternals()}}return e};var xi=`/* We style the :host because there is no native <button> tag inside. */
 :host {
   align-items: center;
   background-color: var(--button-background-color);
@@ -351,7 +490,12 @@
   background-color: var(--button-active-background-color);
   border: var(--button-active-border, none);
 }
-`,vi=`:host([size="xs"]) {
+
+:host > kittl-text {
+  color: inherit;
+  margin: 0 var(--spacing-4);
+}
+`,_i=`:host([size="xs"]) {
   --button-height: 24px;
   --button-padding: var(--spacing-4);
   --button-radius: var(--border-radius-6);
@@ -382,7 +526,7 @@
   --button-outline-width: 2px;
   --button-gap: var(--spacing-4);
 }
-`,bi=`:host([variant="primary"]) {
+`,wi=`:host([variant="primary"]) {
   --button-background-color: var(--color-bg-fill-brand);
   --button-color: var(--color-text-brand-on-bg);
   --button-border: 1px solid transparent;
@@ -450,9 +594,9 @@
   --button-active-color: var(--color-text-critical);
   --button-focus-color: var(--color-text-critical);
 }
-`,Ue="kittl-button",ht=class extends H(U(g)){constructor(){super(),this.size="m",this.variant="primary",this.type="button",this._internals.role="button",this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeyDown)}_handleKeyDown(t){this.disabled||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.click())}_handleClick(t){if(this.disabled){t.stopImmediatePropagation(),t.preventDefault();return}let e=this._internals?.form;e&&(this.type==="submit"&&e.requestSubmit(),this.type==="reset"&&e.reset())}render(){return m`
-      <slot></slot>
-    `}};ht.styles=[_`${x(vi)}`,_`${x(bi)}`,_`${x(gi)}`];ht.formAssociated=!0;c([u({type:String,reflect:!0})],ht.prototype,"size",2);c([u({type:String,reflect:!0})],ht.prototype,"variant",2);c([u({type:String,reflect:!0})],ht.prototype,"type",2);customElements.get(Ue)||customElements.define(Ue,ht);var yi=A(k(),1),uc=y({tagName:Ue,elementClass:ht,react:yi,displayName:"KittlButton"});var xi=`:host {
+`,je="kittl-button",ft=class extends H(U(g)){constructor(){super(),this.size="m",this.variant="primary",this.type="button",this._internals.role="button",this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeyDown)}_handleKeyDown(t){this.disabled||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.click())}_handleClick(t){if(this.disabled){t.stopImmediatePropagation(),t.preventDefault();return}let e=this._internals?.form;e&&(this.type==="submit"&&e.requestSubmit(),this.type==="reset"&&e.reset())}getTextVariantSize(){switch(this.size){case"xs":case"s":return"h6";case"l":return"h4";default:return"h5"}}render(){let t=this.getTextVariantSize();return m`
+      <kittl-text variant="${t}"><slot></slot></kittl-text>
+    `}};ft.styles=[_`${x(_i)}`,_`${x(wi)}`,_`${x(xi)}`];ft.formAssociated=!0;c([u({type:String,reflect:!0})],ft.prototype,"size",2);c([u({type:String,reflect:!0})],ft.prototype,"variant",2);c([u({type:String,reflect:!0})],ft.prototype,"type",2);customElements.get(je)||customElements.define(je,ft);var Ei=A(k(),1),bc=y({tagName:je,elementClass:ft,react:Ei,displayName:"KittlButton"});var Ci=`:host {
   --card-border-color: transparent;
   --card-background-color: var(--color-bg-fill);
   --card-hover-background-color: var(--color-bg-fill-hover);
@@ -516,19 +660,19 @@
   gap: var(--spacing-4);
   padding: var(--spacing-12);
 }
-`,je="kittl-card",Tt=class extends H(U(g)){constructor(){super(),this.bordered=!1,this.interactive=!1,this.active=!1,this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeyDown)}_handleClick(t){if(this.disabled){t.preventDefault(),t.stopPropagation();return}this.interactive&&this.dispatchEvent(new CustomEvent("card-click",{bubbles:!0,composed:!0}))}_handleKeyDown(t){!this.interactive||this.disabled||t.key==="Enter"&&(t.preventDefault(),this.click())}connectedCallback(){super.connectedCallback(),this.interactive&&(this.tabIndex=0,this._internals.role="button")}render(){return m`
+`,qe="kittl-card",kt=class extends H(U(g)){constructor(){super(),this.bordered=!1,this.interactive=!1,this.active=!1,this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeyDown)}_handleClick(t){if(this.disabled){t.preventDefault(),t.stopPropagation();return}this.interactive&&this.dispatchEvent(new CustomEvent("card-click",{bubbles:!0,composed:!0}))}_handleKeyDown(t){!this.interactive||this.disabled||t.key==="Enter"&&(t.preventDefault(),this.click())}connectedCallback(){super.connectedCallback(),this.interactive&&(this.tabIndex=0,this._internals.role="button")}render(){return m`
       <slot name="media"></slot>
       <div class="content">
         <slot></slot>
       </div>
-    `}};Tt.styles=[_`${x(xi)}`];c([u({type:Boolean,reflect:!0})],Tt.prototype,"bordered",2);c([u({type:Boolean,reflect:!0})],Tt.prototype,"interactive",2);c([u({type:Boolean,reflect:!0})],Tt.prototype,"active",2);customElements.get(je)||customElements.define(je,Tt);var _i=A(k(),1),_c=y({tagName:je,elementClass:Tt,react:_i,displayName:"KittlCard",events:{onCardClick:"card-click"}});var wi={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M2.8 11.8a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6m9-1.8a1.8 1.8 0 1 1-3.6 0 1.8 1.8 0 0 1 3.6 0m7.2 0a1.8 1.8 0 1 1-3.6 0 1.8 1.8 0 0 1 3.6 0" clip-rule="evenodd"/>'},Kn=wi;var Ei=`:host {
+    `}};kt.styles=[_`${x(Ci)}`];c([u({type:Boolean,reflect:!0})],kt.prototype,"bordered",2);c([u({type:Boolean,reflect:!0})],kt.prototype,"interactive",2);c([u({type:Boolean,reflect:!0})],kt.prototype,"active",2);customElements.get(qe)||customElements.define(qe,kt);var Ai=A(k(),1),$c=y({tagName:qe,elementClass:kt,react:Ai,displayName:"KittlCard",events:{onCardClick:"card-click"}});var Ti={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M2.8 11.8a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6m9-1.8a1.8 1.8 0 1 1-3.6 0 1.8 1.8 0 0 1 3.6 0m7.2 0a1.8 1.8 0 1 1-3.6 0 1.8 1.8 0 0 1 3.6 0" clip-rule="evenodd"/>'},Kn=Ti;var ki=`:host {
   display: inline-block;
 }
 
 .menu-content {
   min-width: 160px;
 }
-`,be="kittl-menu",ft=class extends g{constructor(){super(),this.placement="bottom-start",this.open=!1,this.offset=4,this.addEventListener("menu-item-select",this._handleItemSelect.bind(this))}get _popover(){return this.shadowRoot?.querySelector("kittl-popover")??null}_handlePopoverOpen(){this.open=!0,this.dispatchEvent(new CustomEvent("menu-open",{bubbles:!0,composed:!0}))}_handlePopoverClose(){this.open=!1,this.dispatchEvent(new CustomEvent("menu-close",{bubbles:!0,composed:!0}))}_handleKeyDown(t){if(this.open)switch(t.key){case"ArrowDown":{t.preventDefault(),this._focusNextItem(1);break}case"ArrowUp":{t.preventDefault(),this._focusNextItem(-1);break}}}_focusNextItem(t){let e=this._getMenuItems();if(e.length===0)return;let n=this.querySelector("kittl-menu-item:focus"),o=n?e.indexOf(n)+t:0;o<0&&(o=e.length-1),o>=e.length&&(o=0),e[o]?.focus()}_getMenuItems(){return Array.from(this.querySelectorAll("kittl-menu-item:not([disabled])"))}_handleItemSelect(){let t=this._popover;t&&(t.open=!1),this.open=!1,this.dispatchEvent(new CustomEvent("menu-close",{bubbles:!0,composed:!0}))}updated(t){if(t.has("open")){let e=this._popover;e&&e.open!==this.open&&(e.open=this.open)}}render(){return m`
+`,ye="kittl-menu",mt=class extends g{constructor(){super(),this.placement="bottom-start",this.open=!1,this.offset=4,this.addEventListener("menu-item-select",this._handleItemSelect.bind(this))}get _popover(){return this.shadowRoot?.querySelector("kittl-popover")??null}_handlePopoverOpen(){this.open=!0,this.dispatchEvent(new CustomEvent("menu-open",{bubbles:!0,composed:!0}))}_handlePopoverClose(){this.open=!1,this.dispatchEvent(new CustomEvent("menu-close",{bubbles:!0,composed:!0}))}_handleKeyDown(t){if(this.open)switch(t.key){case"ArrowDown":{t.preventDefault(),this._focusNextItem(1);break}case"ArrowUp":{t.preventDefault(),this._focusNextItem(-1);break}}}_focusNextItem(t){let e=this._getMenuItems();if(e.length===0)return;let n=this.querySelector("kittl-menu-item:focus"),o=n?e.indexOf(n)+t:0;o<0&&(o=e.length-1),o>=e.length&&(o=0),e[o]?.focus()}_getMenuItems(){return Array.from(this.querySelectorAll("kittl-menu-item:not([disabled])"))}_handleItemSelect(){let t=this._popover;t&&(t.open=!1),this.open=!1,this.dispatchEvent(new CustomEvent("menu-close",{bubbles:!0,composed:!0}))}updated(t){if(t.has("open")){let e=this._popover;e&&e.open!==this.open&&(e.open=this.open)}}render(){return m`
       <kittl-popover
         .placement="${this.placement}"
         .offset="${this.offset}"
@@ -544,9 +688,9 @@
           <slot></slot>
         </div>
       </kittl-popover>
-    `}};ft.styles=[_`
-      ${x(Ei)}
-    `];c([u({type:String,reflect:!0})],ft.prototype,"placement",2);c([u({type:Boolean,reflect:!0})],ft.prototype,"open",2);c([u({type:Number})],ft.prototype,"offset",2);customElements.get(be)||customElements.define(be,ft);var mt=Math.min,st=Math.max,xe=Math.round,_e=Math.floor,G=t=>({x:t,y:t}),Ci={left:"right",right:"left",bottom:"top",top:"bottom"};function Ve(t,e,n){return st(t,mt(e,n))}function Kt(t,e){return typeof t=="function"?t(e):t}function gt(t){return t.split("-")[0]}function Ft(t){return t.split("-")[1]}function Fn(t){return t==="x"?"y":"x"}function Ke(t){return t==="y"?"height":"width"}function at(t){let e=t[0];return e==="t"||e==="b"?"y":"x"}function Fe(t){return Fn(at(t))}function zo(t,e,n){n===void 0&&(n=!1);let o=Ft(t),r=Fe(t),s=Ke(r),i=r==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(i=ye(i)),[i,ye(i)]}function Do(t){let e=ye(t);return[qe(t),e,qe(e)]}function qe(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}var Lo=["left","right"],Io=["right","left"],Ai=["top","bottom"],Ti=["bottom","top"];function ki(t,e,n){switch(t){case"top":case"bottom":return n?e?Io:Lo:e?Lo:Io;case"left":case"right":return e?Ai:Ti;default:return[]}}function Bo(t,e,n,o){let r=Ft(t),s=ki(gt(t),n==="start",o);return r&&(s=s.map(i=>i+"-"+r),e&&(s=s.concat(s.map(qe)))),s}function ye(t){let e=gt(t);return Ci[e]+t.slice(e.length)}function $i(t){return{top:0,right:0,bottom:0,left:0,...t}}function Wn(t){return typeof t!="number"?$i(t):{top:t,right:t,bottom:t,left:t}}function kt(t){let{x:e,y:n,width:o,height:r}=t;return{width:o,height:r,top:n,left:e,right:e+o,bottom:n+r,x:e,y:n}}function Ho(t,e,n){let{reference:o,floating:r}=t,s=at(e),i=Fe(e),l=Ke(i),a=gt(e),d=s==="y",f=o.x+o.width/2-r.width/2,h=o.y+o.height/2-r.height/2,b=o[l]/2-r[l]/2,p;switch(a){case"top":p={x:f,y:o.y-r.height};break;case"bottom":p={x:f,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:h};break;case"left":p={x:o.x-r.width,y:h};break;default:p={x:o.x,y:o.y}}switch(Ft(e)){case"start":p[i]-=b*(n&&d?-1:1);break;case"end":p[i]+=b*(n&&d?-1:1);break}return p}async function Uo(t,e){var n;e===void 0&&(e={});let{x:o,y:r,platform:s,rects:i,elements:l,strategy:a}=t,{boundary:d="clippingAncestors",rootBoundary:f="viewport",elementContext:h="floating",altBoundary:b=!1,padding:p=0}=Kt(e,t),v=Wn(p),$=l[b?h==="floating"?"reference":"floating":h],C=kt(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement($)))==null||n?$:$.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(l.floating)),boundary:d,rootBoundary:f,strategy:a})),S=h==="floating"?{x:o,y:r,width:i.floating.width,height:i.floating.height}:i.reference,N=await(s.getOffsetParent==null?void 0:s.getOffsetParent(l.floating)),R=await(s.isElement==null?void 0:s.isElement(N))?await(s.getScale==null?void 0:s.getScale(N))||{x:1,y:1}:{x:1,y:1},L=kt(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:S,offsetParent:N,strategy:a}):S);return{top:(C.top-L.top+v.top)/R.y,bottom:(L.bottom-C.bottom+v.bottom)/R.y,left:(C.left-L.left+v.left)/R.x,right:(L.right-C.right+v.right)/R.x}}var Si=50,jo=async(t,e,n)=>{let{placement:o="bottom",strategy:r="absolute",middleware:s=[],platform:i}=n,l=i.detectOverflow?i:{...i,detectOverflow:Uo},a=await(i.isRTL==null?void 0:i.isRTL(e)),d=await i.getElementRects({reference:t,floating:e,strategy:r}),{x:f,y:h}=Ho(d,o,a),b=o,p=0,v={};for(let E=0;E<s.length;E++){let $=s[E];if(!$)continue;let{name:C,fn:S}=$,{x:N,y:R,data:L,reset:M}=await S({x:f,y:h,initialPlacement:o,placement:b,strategy:r,middlewareData:v,rects:d,platform:l,elements:{reference:t,floating:e}});f=N??f,h=R??h,v[C]={...v[C],...L},M&&p<Si&&(p++,typeof M=="object"&&(M.placement&&(b=M.placement),M.rects&&(d=M.rects===!0?await i.getElementRects({reference:t,floating:e,strategy:r}):M.rects),{x:f,y:h}=Ho(d,b,a)),E=-1)}return{x:f,y:h,placement:b,strategy:r,middlewareData:v}},qo=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:o,placement:r,rects:s,platform:i,elements:l,middlewareData:a}=e,{element:d,padding:f=0}=Kt(t,e)||{};if(d==null)return{};let h=Wn(f),b={x:n,y:o},p=Fe(r),v=Ke(p),E=await i.getDimensions(d),$=p==="y",C=$?"top":"left",S=$?"bottom":"right",N=$?"clientHeight":"clientWidth",R=s.reference[v]+s.reference[p]-b[p]-s.floating[v],L=b[p]-s.reference[p],M=await(i.getOffsetParent==null?void 0:i.getOffsetParent(d)),B=M?M[N]:0;(!B||!await(i.isElement==null?void 0:i.isElement(M)))&&(B=l.floating[N]||s.floating[v]);let oe=R/2-L/2,bt=B/2-E[v]/2-1,ot=mt(h[C],bt),re=mt(h[S],bt),yt=ot,ie=B-E[v]-re,P=B/2-E[v]/2+oe,xt=Ve(yt,P,ie),rt=!a.arrow&&Ft(r)!=null&&P!==xt&&s.reference[v]/2-(P<yt?ot:re)-E[v]/2<0,V=rt?P<yt?P-yt:P-ie:0;return{[p]:b[p]+V,data:{[p]:xt,centerOffset:P-xt-V,...rt&&{alignmentOffset:V}},reset:rt}}});var Vo=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:r,middlewareData:s,rects:i,initialPlacement:l,platform:a,elements:d}=e,{mainAxis:f=!0,crossAxis:h=!0,fallbackPlacements:b,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:E=!0,...$}=Kt(t,e);if((n=s.arrow)!=null&&n.alignmentOffset)return{};let C=gt(r),S=at(l),N=gt(l)===l,R=await(a.isRTL==null?void 0:a.isRTL(d.floating)),L=b||(N||!E?[ye(l)]:Do(l)),M=v!=="none";!b&&M&&L.push(...Bo(l,E,v,R));let B=[l,...L],oe=await a.detectOverflow(e,$),bt=[],ot=((o=s.flip)==null?void 0:o.overflows)||[];if(f&&bt.push(oe[C]),h){let P=zo(r,i,R);bt.push(oe[P[0]],oe[P[1]])}if(ot=[...ot,{placement:r,overflows:bt}],!bt.every(P=>P<=0)){var re,yt;let P=(((re=s.flip)==null?void 0:re.index)||0)+1,xt=B[P];if(xt&&(!(h==="alignment"?S!==at(xt):!1)||ot.every(K=>at(K.placement)===S?K.overflows[0]>0:!0)))return{data:{index:P,overflows:ot},reset:{placement:xt}};let rt=(yt=ot.filter(V=>V.overflows[0]<=0).sort((V,K)=>V.overflows[1]-K.overflows[1])[0])==null?void 0:yt.placement;if(!rt)switch(p){case"bestFit":{var ie;let V=(ie=ot.filter(K=>{if(M){let ct=at(K.placement);return ct===S||ct==="y"}return!0}).map(K=>[K.placement,K.overflows.filter(ct=>ct>0).reduce((ct,yr)=>ct+yr,0)]).sort((K,ct)=>K[1]-ct[1])[0])==null?void 0:ie[0];V&&(rt=V);break}case"initialPlacement":rt=l;break}if(r!==rt)return{reset:{placement:rt}}}return{}}}};var Ni=new Set(["left","top"]);async function Oi(t,e){let{placement:n,platform:o,elements:r}=t,s=await(o.isRTL==null?void 0:o.isRTL(r.floating)),i=gt(n),l=Ft(n),a=at(n)==="y",d=Ni.has(i)?-1:1,f=s&&a?-1:1,h=Kt(e,t),{mainAxis:b,crossAxis:p,alignmentAxis:v}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return l&&typeof v=="number"&&(p=l==="end"?v*-1:v),a?{x:p*f,y:b*d}:{x:b*d,y:p*f}}var Ko=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:r,y:s,placement:i,middlewareData:l}=e,a=await Oi(e,t);return i===((n=l.offset)==null?void 0:n.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:r+a.x,y:s+a.y,data:{...a,placement:i}}}}},Fo=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:r,platform:s}=e,{mainAxis:i=!0,crossAxis:l=!1,limiter:a={fn:C=>{let{x:S,y:N}=C;return{x:S,y:N}}},...d}=Kt(t,e),f={x:n,y:o},h=await s.detectOverflow(e,d),b=at(gt(r)),p=Fn(b),v=f[p],E=f[b];if(i){let C=p==="y"?"top":"left",S=p==="y"?"bottom":"right",N=v+h[C],R=v-h[S];v=Ve(N,v,R)}if(l){let C=b==="y"?"top":"left",S=b==="y"?"bottom":"right",N=E+h[C],R=E-h[S];E=Ve(N,E,R)}let $=a.fn({...e,[p]:v,[b]:E});return{...$,data:{x:$.x-n,y:$.y-o,enabled:{[p]:i,[b]:l}}}}}};function We(){return typeof window<"u"}function St(t){return Yo(t)?(t.nodeName||"").toLowerCase():"#document"}function I(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function X(t){var e;return(e=(Yo(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Yo(t){return We()?t instanceof Node||t instanceof I(t).Node:!1}function j(t){return We()?t instanceof Element||t instanceof I(t).Element:!1}function nt(t){return We()?t instanceof HTMLElement||t instanceof I(t).HTMLElement:!1}function Wo(t){return!We()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof I(t).ShadowRoot}function Yt(t){let{overflow:e,overflowX:n,overflowY:o,display:r}=q(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&r!=="inline"&&r!=="contents"}function Go(t){return/^(table|td|th)$/.test(St(t))}function we(t){try{if(t.matches(":popover-open"))return!0}catch{}try{return t.matches(":modal")}catch{return!1}}var Ri=/transform|translate|scale|rotate|perspective|filter/,Mi=/paint|layout|strict|content/,$t=t=>!!t&&t!=="none",Yn;function Ye(t){let e=j(t)?q(t):t;return $t(e.transform)||$t(e.translate)||$t(e.scale)||$t(e.rotate)||$t(e.perspective)||!Ge()&&($t(e.backdropFilter)||$t(e.filter))||Ri.test(e.willChange||"")||Mi.test(e.contain||"")}function Xo(t){let e=lt(t);for(;nt(e)&&!Nt(e);){if(Ye(e))return e;if(we(e))return null;e=lt(e)}return null}function Ge(){return Yn==null&&(Yn=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Yn}function Nt(t){return/^(html|body|#document)$/.test(St(t))}function q(t){return I(t).getComputedStyle(t)}function Ee(t){return j(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function lt(t){if(St(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Wo(t)&&t.host||X(t);return Wo(e)?e.host:e}function Jo(t){let e=lt(t);return Nt(e)?t.ownerDocument?t.ownerDocument.body:t.body:nt(e)&&Yt(e)?e:Jo(e)}function Wt(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);let r=Jo(t),s=r===((o=t.ownerDocument)==null?void 0:o.body),i=I(r);if(s){let l=Xe(i);return e.concat(i,i.visualViewport||[],Yt(r)?r:[],l&&n?Wt(l):[])}else return e.concat(r,Wt(r,[],n))}function Xe(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function er(t){let e=q(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,r=nt(t),s=r?t.offsetWidth:n,i=r?t.offsetHeight:o,l=xe(n)!==s||xe(o)!==i;return l&&(n=s,o=i),{width:n,height:o,$:l}}function Xn(t){return j(t)?t:t.contextElement}function Gt(t){let e=Xn(t);if(!nt(e))return G(1);let n=e.getBoundingClientRect(),{width:o,height:r,$:s}=er(e),i=(s?xe(n.width):n.width)/o,l=(s?xe(n.height):n.height)/r;return(!i||!Number.isFinite(i))&&(i=1),(!l||!Number.isFinite(l))&&(l=1),{x:i,y:l}}var Pi=G(0);function nr(t){let e=I(t);return!Ge()||!e.visualViewport?Pi:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Li(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==I(t)?!1:e}function Ot(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);let r=t.getBoundingClientRect(),s=Xn(t),i=G(1);e&&(o?j(o)&&(i=Gt(o)):i=Gt(t));let l=Li(s,n,o)?nr(s):G(0),a=(r.left+l.x)/i.x,d=(r.top+l.y)/i.y,f=r.width/i.x,h=r.height/i.y;if(s){let b=I(s),p=o&&j(o)?I(o):o,v=b,E=Xe(v);for(;E&&o&&p!==v;){let $=Gt(E),C=E.getBoundingClientRect(),S=q(E),N=C.left+(E.clientLeft+parseFloat(S.paddingLeft))*$.x,R=C.top+(E.clientTop+parseFloat(S.paddingTop))*$.y;a*=$.x,d*=$.y,f*=$.x,h*=$.y,a+=N,d+=R,v=I(E),E=Xe(v)}}return kt({width:f,height:h,x:a,y:d})}function Je(t,e){let n=Ee(t).scrollLeft;return e?e.left+n:Ot(X(t)).left+n}function or(t,e){let n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-Je(t,n),r=n.top+e.scrollTop;return{x:o,y:r}}function Ii(t){let{elements:e,rect:n,offsetParent:o,strategy:r}=t,s=r==="fixed",i=X(o),l=e?we(e.floating):!1;if(o===i||l&&s)return n;let a={scrollLeft:0,scrollTop:0},d=G(1),f=G(0),h=nt(o);if((h||!h&&!s)&&((St(o)!=="body"||Yt(i))&&(a=Ee(o)),h)){let p=Ot(o);d=Gt(o),f.x=p.x+o.clientLeft,f.y=p.y+o.clientTop}let b=i&&!h&&!s?or(i,a):G(0);return{width:n.width*d.x,height:n.height*d.y,x:n.x*d.x-a.scrollLeft*d.x+f.x+b.x,y:n.y*d.y-a.scrollTop*d.y+f.y+b.y}}function zi(t){return Array.from(t.getClientRects())}function Di(t){let e=X(t),n=Ee(t),o=t.ownerDocument.body,r=st(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),s=st(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),i=-n.scrollLeft+Je(t),l=-n.scrollTop;return q(o).direction==="rtl"&&(i+=st(e.clientWidth,o.clientWidth)-r),{width:r,height:s,x:i,y:l}}var Zo=25;function Bi(t,e){let n=I(t),o=X(t),r=n.visualViewport,s=o.clientWidth,i=o.clientHeight,l=0,a=0;if(r){s=r.width,i=r.height;let f=Ge();(!f||f&&e==="fixed")&&(l=r.offsetLeft,a=r.offsetTop)}let d=Je(o);if(d<=0){let f=o.ownerDocument,h=f.body,b=getComputedStyle(h),p=f.compatMode==="CSS1Compat"&&parseFloat(b.marginLeft)+parseFloat(b.marginRight)||0,v=Math.abs(o.clientWidth-h.clientWidth-p);v<=Zo&&(s-=v)}else d<=Zo&&(s+=d);return{width:s,height:i,x:l,y:a}}function Hi(t,e){let n=Ot(t,!0,e==="fixed"),o=n.top+t.clientTop,r=n.left+t.clientLeft,s=nt(t)?Gt(t):G(1),i=t.clientWidth*s.x,l=t.clientHeight*s.y,a=r*s.x,d=o*s.y;return{width:i,height:l,x:a,y:d}}function Qo(t,e,n){let o;if(e==="viewport")o=Bi(t,n);else if(e==="document")o=Di(X(t));else if(j(e))o=Hi(e,n);else{let r=nr(t);o={x:e.x-r.x,y:e.y-r.y,width:e.width,height:e.height}}return kt(o)}function rr(t,e){let n=lt(t);return n===e||!j(n)||Nt(n)?!1:q(n).position==="fixed"||rr(n,e)}function Ui(t,e){let n=e.get(t);if(n)return n;let o=Wt(t,[],!1).filter(l=>j(l)&&St(l)!=="body"),r=null,s=q(t).position==="fixed",i=s?lt(t):t;for(;j(i)&&!Nt(i);){let l=q(i),a=Ye(i);!a&&l.position==="fixed"&&(r=null),(s?!a&&!r:!a&&l.position==="static"&&!!r&&(r.position==="absolute"||r.position==="fixed")||Yt(i)&&!a&&rr(t,i))?o=o.filter(f=>f!==i):r=l,i=lt(i)}return e.set(t,o),o}function ji(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t,i=[...n==="clippingAncestors"?we(e)?[]:Ui(e,this._c):[].concat(n),o],l=Qo(e,i[0],r),a=l.top,d=l.right,f=l.bottom,h=l.left;for(let b=1;b<i.length;b++){let p=Qo(e,i[b],r);a=st(p.top,a),d=mt(p.right,d),f=mt(p.bottom,f),h=st(p.left,h)}return{width:d-h,height:f-a,x:h,y:a}}function qi(t){let{width:e,height:n}=er(t);return{width:e,height:n}}function Vi(t,e,n){let o=nt(e),r=X(e),s=n==="fixed",i=Ot(t,!0,s,e),l={scrollLeft:0,scrollTop:0},a=G(0);function d(){a.x=Je(r)}if(o||!o&&!s)if((St(e)!=="body"||Yt(r))&&(l=Ee(e)),o){let p=Ot(e,!0,s,e);a.x=p.x+e.clientLeft,a.y=p.y+e.clientTop}else r&&d();s&&!o&&r&&d();let f=r&&!o&&!s?or(r,l):G(0),h=i.left+l.scrollLeft-a.x-f.x,b=i.top+l.scrollTop-a.y-f.y;return{x:h,y:b,width:i.width,height:i.height}}function Gn(t){return q(t).position==="static"}function tr(t,e){if(!nt(t)||q(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return X(t)===n&&(n=n.ownerDocument.body),n}function ir(t,e){let n=I(t);if(we(t))return n;if(!nt(t)){let r=lt(t);for(;r&&!Nt(r);){if(j(r)&&!Gn(r))return r;r=lt(r)}return n}let o=tr(t,e);for(;o&&Go(o)&&Gn(o);)o=tr(o,e);return o&&Nt(o)&&Gn(o)&&!Ye(o)?n:o||Xo(t)||n}var Ki=async function(t){let e=this.getOffsetParent||ir,n=this.getDimensions,o=await n(t.floating);return{reference:Vi(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Fi(t){return q(t).direction==="rtl"}var Wi={convertOffsetParentRelativeRectToViewportRelativeRect:Ii,getDocumentElement:X,getClippingRect:ji,getOffsetParent:ir,getElementRects:Ki,getClientRects:zi,getDimensions:qi,getScale:Gt,isElement:j,isRTL:Fi};function sr(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Yi(t,e){let n=null,o,r=X(t);function s(){var l;clearTimeout(o),(l=n)==null||l.disconnect(),n=null}function i(l,a){l===void 0&&(l=!1),a===void 0&&(a=1),s();let d=t.getBoundingClientRect(),{left:f,top:h,width:b,height:p}=d;if(l||e(),!b||!p)return;let v=_e(h),E=_e(r.clientWidth-(f+b)),$=_e(r.clientHeight-(h+p)),C=_e(f),N={rootMargin:-v+"px "+-E+"px "+-$+"px "+-C+"px",threshold:st(0,mt(1,a))||1},R=!0;function L(M){let B=M[0].intersectionRatio;if(B!==a){if(!R)return i();B?i(!1,B):o=setTimeout(()=>{i(!1,1e-7)},1e3)}B===1&&!sr(d,t.getBoundingClientRect())&&i(),R=!1}try{n=new IntersectionObserver(L,{...N,root:r.ownerDocument})}catch{n=new IntersectionObserver(L,N)}n.observe(t)}return i(!0),s}function Ze(t,e,n,o){o===void 0&&(o={});let{ancestorScroll:r=!0,ancestorResize:s=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:a=!1}=o,d=Xn(t),f=r||s?[...d?Wt(d):[],...e?Wt(e):[]]:[];f.forEach(C=>{r&&C.addEventListener("scroll",n,{passive:!0}),s&&C.addEventListener("resize",n)});let h=d&&l?Yi(d,n):null,b=-1,p=null;i&&(p=new ResizeObserver(C=>{let[S]=C;S&&S.target===d&&p&&e&&(p.unobserve(e),cancelAnimationFrame(b),b=requestAnimationFrame(()=>{var N;(N=p)==null||N.observe(e)})),n()}),d&&!a&&p.observe(d),e&&p.observe(e));let v,E=a?Ot(t):null;a&&$();function $(){let C=Ot(t);E&&!sr(E,C)&&n(),E=C,v=requestAnimationFrame($)}return n(),()=>{var C;f.forEach(S=>{r&&S.removeEventListener("scroll",n),s&&S.removeEventListener("resize",n)}),h?.(),(C=p)==null||C.disconnect(),p=null,a&&cancelAnimationFrame(v)}}var Qe=Ko;var tn=Fo,en=Vo;var ar=qo;var nn=(t,e,n)=>{let o=new Map,r={platform:Wi,...n},s={...r.platform,_c:o};return jo(t,e,{...r,platform:s})};var Gi=`@keyframes fade-in {
+    `}};mt.styles=[_`
+      ${x(ki)}
+    `];c([u({type:String,reflect:!0})],mt.prototype,"placement",2);c([u({type:Boolean,reflect:!0})],mt.prototype,"open",2);c([u({type:Number})],mt.prototype,"offset",2);customElements.get(ye)||customElements.define(ye,mt);var gt=Math.min,at=Math.max,_e=Math.round,we=Math.floor,G=t=>({x:t,y:t}),$i={left:"right",right:"left",bottom:"top",top:"bottom"};function Ke(t,e,n){return at(t,gt(e,n))}function Kt(t,e){return typeof t=="function"?t(e):t}function vt(t){return t.split("-")[0]}function Ft(t){return t.split("-")[1]}function Fn(t){return t==="x"?"y":"x"}function Fe(t){return t==="y"?"height":"width"}function lt(t){let e=t[0];return e==="t"||e==="b"?"y":"x"}function We(t){return Fn(lt(t))}function zo(t,e,n){n===void 0&&(n=!1);let o=Ft(t),r=We(t),s=Fe(r),i=r==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(i=xe(i)),[i,xe(i)]}function Do(t){let e=xe(t);return[Ve(t),e,Ve(e)]}function Ve(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}var Lo=["left","right"],Io=["right","left"],Si=["top","bottom"],Ni=["bottom","top"];function Oi(t,e,n){switch(t){case"top":case"bottom":return n?e?Io:Lo:e?Lo:Io;case"left":case"right":return e?Si:Ni;default:return[]}}function Bo(t,e,n,o){let r=Ft(t),s=Oi(vt(t),n==="start",o);return r&&(s=s.map(i=>i+"-"+r),e&&(s=s.concat(s.map(Ve)))),s}function xe(t){let e=vt(t);return $i[e]+t.slice(e.length)}function Ri(t){return{top:0,right:0,bottom:0,left:0,...t}}function Wn(t){return typeof t!="number"?Ri(t):{top:t,right:t,bottom:t,left:t}}function $t(t){let{x:e,y:n,width:o,height:r}=t;return{width:o,height:r,top:n,left:e,right:e+o,bottom:n+r,x:e,y:n}}function Ho(t,e,n){let{reference:o,floating:r}=t,s=lt(e),i=We(e),l=Fe(i),a=vt(e),d=s==="y",f=o.x+o.width/2-r.width/2,h=o.y+o.height/2-r.height/2,b=o[l]/2-r[l]/2,p;switch(a){case"top":p={x:f,y:o.y-r.height};break;case"bottom":p={x:f,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:h};break;case"left":p={x:o.x-r.width,y:h};break;default:p={x:o.x,y:o.y}}switch(Ft(e)){case"start":p[i]-=b*(n&&d?-1:1);break;case"end":p[i]+=b*(n&&d?-1:1);break}return p}async function Uo(t,e){var n;e===void 0&&(e={});let{x:o,y:r,platform:s,rects:i,elements:l,strategy:a}=t,{boundary:d="clippingAncestors",rootBoundary:f="viewport",elementContext:h="floating",altBoundary:b=!1,padding:p=0}=Kt(e,t),v=Wn(p),$=l[b?h==="floating"?"reference":"floating":h],C=$t(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement($)))==null||n?$:$.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(l.floating)),boundary:d,rootBoundary:f,strategy:a})),S=h==="floating"?{x:o,y:r,width:i.floating.width,height:i.floating.height}:i.reference,N=await(s.getOffsetParent==null?void 0:s.getOffsetParent(l.floating)),R=await(s.isElement==null?void 0:s.isElement(N))?await(s.getScale==null?void 0:s.getScale(N))||{x:1,y:1}:{x:1,y:1},L=$t(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:S,offsetParent:N,strategy:a}):S);return{top:(C.top-L.top+v.top)/R.y,bottom:(L.bottom-C.bottom+v.bottom)/R.y,left:(C.left-L.left+v.left)/R.x,right:(L.right-C.right+v.right)/R.x}}var Mi=50,jo=async(t,e,n)=>{let{placement:o="bottom",strategy:r="absolute",middleware:s=[],platform:i}=n,l=i.detectOverflow?i:{...i,detectOverflow:Uo},a=await(i.isRTL==null?void 0:i.isRTL(e)),d=await i.getElementRects({reference:t,floating:e,strategy:r}),{x:f,y:h}=Ho(d,o,a),b=o,p=0,v={};for(let E=0;E<s.length;E++){let $=s[E];if(!$)continue;let{name:C,fn:S}=$,{x:N,y:R,data:L,reset:M}=await S({x:f,y:h,initialPlacement:o,placement:b,strategy:r,middlewareData:v,rects:d,platform:l,elements:{reference:t,floating:e}});f=N??f,h=R??h,v[C]={...v[C],...L},M&&p<Mi&&(p++,typeof M=="object"&&(M.placement&&(b=M.placement),M.rects&&(d=M.rects===!0?await i.getElementRects({reference:t,floating:e,strategy:r}):M.rects),{x:f,y:h}=Ho(d,b,a)),E=-1)}return{x:f,y:h,placement:b,strategy:r,middlewareData:v}},qo=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:o,placement:r,rects:s,platform:i,elements:l,middlewareData:a}=e,{element:d,padding:f=0}=Kt(t,e)||{};if(d==null)return{};let h=Wn(f),b={x:n,y:o},p=We(r),v=Fe(p),E=await i.getDimensions(d),$=p==="y",C=$?"top":"left",S=$?"bottom":"right",N=$?"clientHeight":"clientWidth",R=s.reference[v]+s.reference[p]-b[p]-s.floating[v],L=b[p]-s.reference[p],M=await(i.getOffsetParent==null?void 0:i.getOffsetParent(d)),B=M?M[N]:0;(!B||!await(i.isElement==null?void 0:i.isElement(M)))&&(B=l.floating[N]||s.floating[v]);let oe=R/2-L/2,yt=B/2-E[v]/2-1,ot=gt(h[C],yt),re=gt(h[S],yt),xt=ot,ie=B-E[v]-re,P=B/2-E[v]/2+oe,_t=Ke(xt,P,ie),rt=!a.arrow&&Ft(r)!=null&&P!==_t&&s.reference[v]/2-(P<xt?ot:re)-E[v]/2<0,V=rt?P<xt?P-xt:P-ie:0;return{[p]:b[p]+V,data:{[p]:_t,centerOffset:P-_t-V,...rt&&{alignmentOffset:V}},reset:rt}}});var Vo=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:r,middlewareData:s,rects:i,initialPlacement:l,platform:a,elements:d}=e,{mainAxis:f=!0,crossAxis:h=!0,fallbackPlacements:b,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:E=!0,...$}=Kt(t,e);if((n=s.arrow)!=null&&n.alignmentOffset)return{};let C=vt(r),S=lt(l),N=vt(l)===l,R=await(a.isRTL==null?void 0:a.isRTL(d.floating)),L=b||(N||!E?[xe(l)]:Do(l)),M=v!=="none";!b&&M&&L.push(...Bo(l,E,v,R));let B=[l,...L],oe=await a.detectOverflow(e,$),yt=[],ot=((o=s.flip)==null?void 0:o.overflows)||[];if(f&&yt.push(oe[C]),h){let P=zo(r,i,R);yt.push(oe[P[0]],oe[P[1]])}if(ot=[...ot,{placement:r,overflows:yt}],!yt.every(P=>P<=0)){var re,xt;let P=(((re=s.flip)==null?void 0:re.index)||0)+1,_t=B[P];if(_t&&(!(h==="alignment"?S!==lt(_t):!1)||ot.every(K=>lt(K.placement)===S?K.overflows[0]>0:!0)))return{data:{index:P,overflows:ot},reset:{placement:_t}};let rt=(xt=ot.filter(V=>V.overflows[0]<=0).sort((V,K)=>V.overflows[1]-K.overflows[1])[0])==null?void 0:xt.placement;if(!rt)switch(p){case"bestFit":{var ie;let V=(ie=ot.filter(K=>{if(M){let dt=lt(K.placement);return dt===S||dt==="y"}return!0}).map(K=>[K.placement,K.overflows.filter(dt=>dt>0).reduce((dt,yr)=>dt+yr,0)]).sort((K,dt)=>K[1]-dt[1])[0])==null?void 0:ie[0];V&&(rt=V);break}case"initialPlacement":rt=l;break}if(r!==rt)return{reset:{placement:rt}}}return{}}}};var Pi=new Set(["left","top"]);async function Li(t,e){let{placement:n,platform:o,elements:r}=t,s=await(o.isRTL==null?void 0:o.isRTL(r.floating)),i=vt(n),l=Ft(n),a=lt(n)==="y",d=Pi.has(i)?-1:1,f=s&&a?-1:1,h=Kt(e,t),{mainAxis:b,crossAxis:p,alignmentAxis:v}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return l&&typeof v=="number"&&(p=l==="end"?v*-1:v),a?{x:p*f,y:b*d}:{x:b*d,y:p*f}}var Ko=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:r,y:s,placement:i,middlewareData:l}=e,a=await Li(e,t);return i===((n=l.offset)==null?void 0:n.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:r+a.x,y:s+a.y,data:{...a,placement:i}}}}},Fo=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:r,platform:s}=e,{mainAxis:i=!0,crossAxis:l=!1,limiter:a={fn:C=>{let{x:S,y:N}=C;return{x:S,y:N}}},...d}=Kt(t,e),f={x:n,y:o},h=await s.detectOverflow(e,d),b=lt(vt(r)),p=Fn(b),v=f[p],E=f[b];if(i){let C=p==="y"?"top":"left",S=p==="y"?"bottom":"right",N=v+h[C],R=v-h[S];v=Ke(N,v,R)}if(l){let C=b==="y"?"top":"left",S=b==="y"?"bottom":"right",N=E+h[C],R=E-h[S];E=Ke(N,E,R)}let $=a.fn({...e,[p]:v,[b]:E});return{...$,data:{x:$.x-n,y:$.y-o,enabled:{[p]:i,[b]:l}}}}}};function Ye(){return typeof window<"u"}function Nt(t){return Yo(t)?(t.nodeName||"").toLowerCase():"#document"}function I(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function X(t){var e;return(e=(Yo(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Yo(t){return Ye()?t instanceof Node||t instanceof I(t).Node:!1}function j(t){return Ye()?t instanceof Element||t instanceof I(t).Element:!1}function nt(t){return Ye()?t instanceof HTMLElement||t instanceof I(t).HTMLElement:!1}function Wo(t){return!Ye()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof I(t).ShadowRoot}function Yt(t){let{overflow:e,overflowX:n,overflowY:o,display:r}=q(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&r!=="inline"&&r!=="contents"}function Go(t){return/^(table|td|th)$/.test(Nt(t))}function Ee(t){try{if(t.matches(":popover-open"))return!0}catch{}try{return t.matches(":modal")}catch{return!1}}var Ii=/transform|translate|scale|rotate|perspective|filter/,zi=/paint|layout|strict|content/,St=t=>!!t&&t!=="none",Yn;function Ge(t){let e=j(t)?q(t):t;return St(e.transform)||St(e.translate)||St(e.scale)||St(e.rotate)||St(e.perspective)||!Xe()&&(St(e.backdropFilter)||St(e.filter))||Ii.test(e.willChange||"")||zi.test(e.contain||"")}function Xo(t){let e=ct(t);for(;nt(e)&&!Ot(e);){if(Ge(e))return e;if(Ee(e))return null;e=ct(e)}return null}function Xe(){return Yn==null&&(Yn=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Yn}function Ot(t){return/^(html|body|#document)$/.test(Nt(t))}function q(t){return I(t).getComputedStyle(t)}function Ce(t){return j(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function ct(t){if(Nt(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Wo(t)&&t.host||X(t);return Wo(e)?e.host:e}function Jo(t){let e=ct(t);return Ot(e)?t.ownerDocument?t.ownerDocument.body:t.body:nt(e)&&Yt(e)?e:Jo(e)}function Wt(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);let r=Jo(t),s=r===((o=t.ownerDocument)==null?void 0:o.body),i=I(r);if(s){let l=Je(i);return e.concat(i,i.visualViewport||[],Yt(r)?r:[],l&&n?Wt(l):[])}else return e.concat(r,Wt(r,[],n))}function Je(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function er(t){let e=q(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,r=nt(t),s=r?t.offsetWidth:n,i=r?t.offsetHeight:o,l=_e(n)!==s||_e(o)!==i;return l&&(n=s,o=i),{width:n,height:o,$:l}}function Xn(t){return j(t)?t:t.contextElement}function Gt(t){let e=Xn(t);if(!nt(e))return G(1);let n=e.getBoundingClientRect(),{width:o,height:r,$:s}=er(e),i=(s?_e(n.width):n.width)/o,l=(s?_e(n.height):n.height)/r;return(!i||!Number.isFinite(i))&&(i=1),(!l||!Number.isFinite(l))&&(l=1),{x:i,y:l}}var Di=G(0);function nr(t){let e=I(t);return!Xe()||!e.visualViewport?Di:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Bi(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==I(t)?!1:e}function Rt(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);let r=t.getBoundingClientRect(),s=Xn(t),i=G(1);e&&(o?j(o)&&(i=Gt(o)):i=Gt(t));let l=Bi(s,n,o)?nr(s):G(0),a=(r.left+l.x)/i.x,d=(r.top+l.y)/i.y,f=r.width/i.x,h=r.height/i.y;if(s){let b=I(s),p=o&&j(o)?I(o):o,v=b,E=Je(v);for(;E&&o&&p!==v;){let $=Gt(E),C=E.getBoundingClientRect(),S=q(E),N=C.left+(E.clientLeft+parseFloat(S.paddingLeft))*$.x,R=C.top+(E.clientTop+parseFloat(S.paddingTop))*$.y;a*=$.x,d*=$.y,f*=$.x,h*=$.y,a+=N,d+=R,v=I(E),E=Je(v)}}return $t({width:f,height:h,x:a,y:d})}function Ze(t,e){let n=Ce(t).scrollLeft;return e?e.left+n:Rt(X(t)).left+n}function or(t,e){let n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-Ze(t,n),r=n.top+e.scrollTop;return{x:o,y:r}}function Hi(t){let{elements:e,rect:n,offsetParent:o,strategy:r}=t,s=r==="fixed",i=X(o),l=e?Ee(e.floating):!1;if(o===i||l&&s)return n;let a={scrollLeft:0,scrollTop:0},d=G(1),f=G(0),h=nt(o);if((h||!h&&!s)&&((Nt(o)!=="body"||Yt(i))&&(a=Ce(o)),h)){let p=Rt(o);d=Gt(o),f.x=p.x+o.clientLeft,f.y=p.y+o.clientTop}let b=i&&!h&&!s?or(i,a):G(0);return{width:n.width*d.x,height:n.height*d.y,x:n.x*d.x-a.scrollLeft*d.x+f.x+b.x,y:n.y*d.y-a.scrollTop*d.y+f.y+b.y}}function Ui(t){return Array.from(t.getClientRects())}function ji(t){let e=X(t),n=Ce(t),o=t.ownerDocument.body,r=at(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),s=at(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),i=-n.scrollLeft+Ze(t),l=-n.scrollTop;return q(o).direction==="rtl"&&(i+=at(e.clientWidth,o.clientWidth)-r),{width:r,height:s,x:i,y:l}}var Zo=25;function qi(t,e){let n=I(t),o=X(t),r=n.visualViewport,s=o.clientWidth,i=o.clientHeight,l=0,a=0;if(r){s=r.width,i=r.height;let f=Xe();(!f||f&&e==="fixed")&&(l=r.offsetLeft,a=r.offsetTop)}let d=Ze(o);if(d<=0){let f=o.ownerDocument,h=f.body,b=getComputedStyle(h),p=f.compatMode==="CSS1Compat"&&parseFloat(b.marginLeft)+parseFloat(b.marginRight)||0,v=Math.abs(o.clientWidth-h.clientWidth-p);v<=Zo&&(s-=v)}else d<=Zo&&(s+=d);return{width:s,height:i,x:l,y:a}}function Vi(t,e){let n=Rt(t,!0,e==="fixed"),o=n.top+t.clientTop,r=n.left+t.clientLeft,s=nt(t)?Gt(t):G(1),i=t.clientWidth*s.x,l=t.clientHeight*s.y,a=r*s.x,d=o*s.y;return{width:i,height:l,x:a,y:d}}function Qo(t,e,n){let o;if(e==="viewport")o=qi(t,n);else if(e==="document")o=ji(X(t));else if(j(e))o=Vi(e,n);else{let r=nr(t);o={x:e.x-r.x,y:e.y-r.y,width:e.width,height:e.height}}return $t(o)}function rr(t,e){let n=ct(t);return n===e||!j(n)||Ot(n)?!1:q(n).position==="fixed"||rr(n,e)}function Ki(t,e){let n=e.get(t);if(n)return n;let o=Wt(t,[],!1).filter(l=>j(l)&&Nt(l)!=="body"),r=null,s=q(t).position==="fixed",i=s?ct(t):t;for(;j(i)&&!Ot(i);){let l=q(i),a=Ge(i);!a&&l.position==="fixed"&&(r=null),(s?!a&&!r:!a&&l.position==="static"&&!!r&&(r.position==="absolute"||r.position==="fixed")||Yt(i)&&!a&&rr(t,i))?o=o.filter(f=>f!==i):r=l,i=ct(i)}return e.set(t,o),o}function Fi(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t,i=[...n==="clippingAncestors"?Ee(e)?[]:Ki(e,this._c):[].concat(n),o],l=Qo(e,i[0],r),a=l.top,d=l.right,f=l.bottom,h=l.left;for(let b=1;b<i.length;b++){let p=Qo(e,i[b],r);a=at(p.top,a),d=gt(p.right,d),f=gt(p.bottom,f),h=at(p.left,h)}return{width:d-h,height:f-a,x:h,y:a}}function Wi(t){let{width:e,height:n}=er(t);return{width:e,height:n}}function Yi(t,e,n){let o=nt(e),r=X(e),s=n==="fixed",i=Rt(t,!0,s,e),l={scrollLeft:0,scrollTop:0},a=G(0);function d(){a.x=Ze(r)}if(o||!o&&!s)if((Nt(e)!=="body"||Yt(r))&&(l=Ce(e)),o){let p=Rt(e,!0,s,e);a.x=p.x+e.clientLeft,a.y=p.y+e.clientTop}else r&&d();s&&!o&&r&&d();let f=r&&!o&&!s?or(r,l):G(0),h=i.left+l.scrollLeft-a.x-f.x,b=i.top+l.scrollTop-a.y-f.y;return{x:h,y:b,width:i.width,height:i.height}}function Gn(t){return q(t).position==="static"}function tr(t,e){if(!nt(t)||q(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return X(t)===n&&(n=n.ownerDocument.body),n}function ir(t,e){let n=I(t);if(Ee(t))return n;if(!nt(t)){let r=ct(t);for(;r&&!Ot(r);){if(j(r)&&!Gn(r))return r;r=ct(r)}return n}let o=tr(t,e);for(;o&&Go(o)&&Gn(o);)o=tr(o,e);return o&&Ot(o)&&Gn(o)&&!Ge(o)?n:o||Xo(t)||n}var Gi=async function(t){let e=this.getOffsetParent||ir,n=this.getDimensions,o=await n(t.floating);return{reference:Yi(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Xi(t){return q(t).direction==="rtl"}var Ji={convertOffsetParentRelativeRectToViewportRelativeRect:Hi,getDocumentElement:X,getClippingRect:Fi,getOffsetParent:ir,getElementRects:Gi,getClientRects:Ui,getDimensions:Wi,getScale:Gt,isElement:j,isRTL:Xi};function sr(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Zi(t,e){let n=null,o,r=X(t);function s(){var l;clearTimeout(o),(l=n)==null||l.disconnect(),n=null}function i(l,a){l===void 0&&(l=!1),a===void 0&&(a=1),s();let d=t.getBoundingClientRect(),{left:f,top:h,width:b,height:p}=d;if(l||e(),!b||!p)return;let v=we(h),E=we(r.clientWidth-(f+b)),$=we(r.clientHeight-(h+p)),C=we(f),N={rootMargin:-v+"px "+-E+"px "+-$+"px "+-C+"px",threshold:at(0,gt(1,a))||1},R=!0;function L(M){let B=M[0].intersectionRatio;if(B!==a){if(!R)return i();B?i(!1,B):o=setTimeout(()=>{i(!1,1e-7)},1e3)}B===1&&!sr(d,t.getBoundingClientRect())&&i(),R=!1}try{n=new IntersectionObserver(L,{...N,root:r.ownerDocument})}catch{n=new IntersectionObserver(L,N)}n.observe(t)}return i(!0),s}function Qe(t,e,n,o){o===void 0&&(o={});let{ancestorScroll:r=!0,ancestorResize:s=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:a=!1}=o,d=Xn(t),f=r||s?[...d?Wt(d):[],...e?Wt(e):[]]:[];f.forEach(C=>{r&&C.addEventListener("scroll",n,{passive:!0}),s&&C.addEventListener("resize",n)});let h=d&&l?Zi(d,n):null,b=-1,p=null;i&&(p=new ResizeObserver(C=>{let[S]=C;S&&S.target===d&&p&&e&&(p.unobserve(e),cancelAnimationFrame(b),b=requestAnimationFrame(()=>{var N;(N=p)==null||N.observe(e)})),n()}),d&&!a&&p.observe(d),e&&p.observe(e));let v,E=a?Rt(t):null;a&&$();function $(){let C=Rt(t);E&&!sr(E,C)&&n(),E=C,v=requestAnimationFrame($)}return n(),()=>{var C;f.forEach(S=>{r&&S.removeEventListener("scroll",n),s&&S.removeEventListener("resize",n)}),h?.(),(C=p)==null||C.disconnect(),p=null,a&&cancelAnimationFrame(v)}}var tn=Ko;var en=Fo,nn=Vo;var ar=qo;var on=(t,e,n)=>{let o=new Map,r={platform:Ji,...n},s={...r.platform,_c:o};return jo(t,e,{...r,platform:s})};var Qi=`@keyframes fade-in {
   from {
     opacity: 0;
   }
@@ -589,7 +733,7 @@
   pointer-events: auto;
   animation: fade-in var(--motion-duration-300) ease-out;
 }
-`,Ce="kittl-popover",vt=class extends g{constructor(){super(...arguments),this.placement="bottom",this.open=!1,this.offset=8,this._cleanup=null,this._outsideClickHandler=this._handleOutsideClick.bind(this)}_toggle(){this.open?this._close():this._open()}_open(){this.open=!0,this.dispatchEvent(new CustomEvent("popover-open",{bubbles:!0,composed:!0}))}_close(){this.open=!1,this.dispatchEvent(new CustomEvent("popover-close",{bubbles:!0,composed:!0}))}_handleOutsideClick(t){t.composedPath().includes(this)||this._close()}_handleKeyDown(t){t.key==="Escape"&&this.open&&(t.preventDefault(),this._close(),this.shadowRoot?.querySelector('slot[name="trigger"]')?.assignedElements()[0]?.focus())}_startPositioning(){let t=this.shadowRoot?.querySelector(".trigger"),e=this.shadowRoot?.querySelector(".content");!t||!e||(this._cleanup=Ze(t,e,()=>{nn(t,e,{placement:this.placement,middleware:[Qe(this.offset),en(),tn({padding:8})]}).then(({x:n,y:o})=>{Object.assign(e.style,{left:`${n}px`,top:`${o}px`})})}))}_stopPositioning(){this._cleanup?.(),this._cleanup=null}disconnectedCallback(){super.disconnectedCallback(),this._stopPositioning(),document.removeEventListener("click",this._outsideClickHandler,!0)}updated(t){if(t.has("open")){let e=this.shadowRoot?.querySelector(".content");this.open?(e?.removeAttribute("inert"),this._startPositioning(),document.addEventListener("click",this._outsideClickHandler,!0)):(e?.setAttribute("inert",""),this._stopPositioning(),document.removeEventListener("click",this._outsideClickHandler,!0))}}render(){return m`
+`,Ae="kittl-popover",bt=class extends g{constructor(){super(...arguments),this.placement="bottom",this.open=!1,this.offset=8,this._cleanup=null,this._outsideClickHandler=this._handleOutsideClick.bind(this)}_toggle(){this.open?this._close():this._open()}_open(){this.open=!0,this.dispatchEvent(new CustomEvent("popover-open",{bubbles:!0,composed:!0}))}_close(){this.open=!1,this.dispatchEvent(new CustomEvent("popover-close",{bubbles:!0,composed:!0}))}_handleOutsideClick(t){t.composedPath().includes(this)||this._close()}_handleKeyDown(t){t.key==="Escape"&&this.open&&(t.preventDefault(),this._close(),this.shadowRoot?.querySelector('slot[name="trigger"]')?.assignedElements()[0]?.focus())}_startPositioning(){let t=this.shadowRoot?.querySelector(".trigger"),e=this.shadowRoot?.querySelector(".content");!t||!e||(this._cleanup=Qe(t,e,()=>{on(t,e,{placement:this.placement,middleware:[tn(this.offset),nn(),en({padding:8})]}).then(({x:n,y:o})=>{Object.assign(e.style,{left:`${n}px`,top:`${o}px`})})}))}_stopPositioning(){this._cleanup?.(),this._cleanup=null}disconnectedCallback(){super.disconnectedCallback(),this._stopPositioning(),document.removeEventListener("click",this._outsideClickHandler,!0)}updated(t){if(t.has("open")){let e=this.shadowRoot?.querySelector(".content");this.open?(e?.removeAttribute("inert"),this._startPositioning(),document.addEventListener("click",this._outsideClickHandler,!0)):(e?.setAttribute("inert",""),this._stopPositioning(),document.removeEventListener("click",this._outsideClickHandler,!0))}}render(){return m`
       <div
         class="trigger"
         @click="${this._toggle}"
@@ -606,9 +750,9 @@
       >
         <slot></slot>
       </div>
-    `}};vt.styles=[_`
-      ${x(Gi)}
-    `];c([u({type:String,reflect:!0})],vt.prototype,"placement",2);c([u({type:Boolean,reflect:!0})],vt.prototype,"open",2);c([u({type:Number})],vt.prototype,"offset",2);customElements.get(Ce)||customElements.define(Ce,vt);var Xi=`:host {
+    `}};bt.styles=[_`
+      ${x(Qi)}
+    `];c([u({type:String,reflect:!0})],bt.prototype,"placement",2);c([u({type:Boolean,reflect:!0})],bt.prototype,"open",2);c([u({type:Number})],bt.prototype,"offset",2);customElements.get(Ae)||customElements.define(Ae,bt);var ts=`:host {
   display: flex;
   align-items: center;
   gap: var(--spacing-8);
@@ -659,7 +803,7 @@
 .menu-button:focus-visible {
   outline: 2px solid var(--color-border-focused);
 }
-`,on="kittl-header",Ae=class extends g{constructor(){super(...arguments),this.bordered=!1}render(){return m`
+`,rn="kittl-header",Te=class extends g{constructor(){super(...arguments),this.bordered=!1}render(){return m`
       <slot name="start"></slot>
       <div class="body">
         <slot></slot>
@@ -671,7 +815,7 @@
           slot="trigger"
           aria-label="More options"
         >
-          ${pt`<svg
+          ${ht`<svg
             width="12"
             height="12"
             viewBox=${Kn.viewBox}
@@ -681,9 +825,9 @@
         </button>
         <slot name="menu"></slot>
       </kittl-menu>
-    `}};Ae.styles=[_`
-      ${x(Xi)}
-    `];c([u({type:Boolean,reflect:!0})],Ae.prototype,"bordered",2);customElements.get(on)||customElements.define(on,Ae);var Ji=A(k(),1),ld=y({tagName:on,elementClass:Ae,react:Ji,displayName:"KittlHeader",events:{onMenuItemSelect:"menu-item-select"}});var Zi=`:host {
+    `}};Te.styles=[_`
+      ${x(ts)}
+    `];c([u({type:Boolean,reflect:!0})],Te.prototype,"bordered",2);customElements.get(rn)||customElements.define(rn,Te);var es=A(k(),1),md=y({tagName:rn,elementClass:Te,react:es,displayName:"KittlHeader",events:{onMenuItemSelect:"menu-item-select"}});var ns=`:host {
   display: inline-flex;
   line-height: 1;
   vertical-align: middle;
@@ -696,7 +840,7 @@ svg {
   display: block;
   flex: 0 0 auto;
 }
-`,Te="kittl-icon",Xt=class extends g{shouldUpdate(t){return t.has("icon")}render(){return this.icon?pt`
+`,ke="kittl-icon",Xt=class extends g{shouldUpdate(t){return t.has("icon")}render(){return this.icon?ht`
       <svg
         viewBox=${this.icon.viewBox}
         fill=${this.icon.fill}
@@ -707,7 +851,7 @@ svg {
       >
         ${Y(this.icon.path)}
       </svg>
-    `:null}};Xt.styles=[_`${x(Zi)}`];c([u({attribute:!1,hasChanged:(t,e)=>t!==e})],Xt.prototype,"icon",2);customElements.get(Te)||customElements.define(Te,Xt);var Qi=A(k(),1),_d=y({tagName:Te,elementClass:Xt,react:Qi,displayName:"KittlIcon"});var Jt=jt(class extends Ut{constructor(t){if(super(t),t.type!==Le.ATTRIBUTE||t.name!=="class"||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(let o in e)e[o]&&!this.nt?.has(o)&&this.st.add(o);return this.render(e)}let n=t.element.classList;for(let o of this.st)o in e||(n.remove(o),this.st.delete(o));for(let o in e){let r=!!e[o];r===this.st.has(o)||this.nt?.has(o)||(r?(n.add(o),this.st.add(o)):(n.remove(o),this.st.delete(o)))}return F}});var ts=`:host {
+    `:null}};Xt.styles=[_`${x(ns)}`];c([u({attribute:!1,hasChanged:(t,e)=>t!==e})],Xt.prototype,"icon",2);customElements.get(ke)||customElements.define(ke,Xt);var os=A(k(),1),$d=y({tagName:ke,elementClass:Xt,react:os,displayName:"KittlIcon"});var Jt=jt(class extends Ut{constructor(t){if(super(t),t.type!==Ie.ATTRIBUTE||t.name!=="class"||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(let o in e)e[o]&&!this.nt?.has(o)&&this.st.add(o);return this.render(e)}let n=t.element.classList;for(let o of this.st)o in e||(n.remove(o),this.st.delete(o));for(let o in e){let r=!!e[o];r===this.st.has(o)||this.nt?.has(o)||(r?(n.add(o),this.st.add(o)):(n.remove(o),this.st.delete(o)))}return F}});var rs=`:host {
   --image-width: 100%;
   --image-height: 100%;
 
@@ -779,14 +923,14 @@ svg {
 :host([clickable]) {
   cursor: pointer;
 }
-`,rn="kittl-image",J=class extends g{constructor(){super(...arguments),this.alt="",this.ratio="free",this.fitContent=!1,this.fadeIn=!0,this.clickable=!1,this._loaded=!1,this._handleKeyDown=t=>{this.clickable&&t.key==="Enter"&&this.click()}}updated(t){t.has("src")&&(this._loaded=!1),t.has("clickable")&&(this.clickable?(this.setAttribute("role","button"),this.setAttribute("tabindex","0")):(this.removeAttribute("role"),this.removeAttribute("tabindex")))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeyDown)}_handleLoad(){this._loaded=!0}render(){return m`
+`,sn="kittl-image",J=class extends g{constructor(){super(...arguments),this.alt="",this.ratio="free",this.fitContent=!1,this.fadeIn=!0,this.clickable=!1,this._loaded=!1,this._handleKeyDown=t=>{this.clickable&&t.key==="Enter"&&this.click()}}updated(t){t.has("src")&&(this._loaded=!1),t.has("clickable")&&(this.clickable?(this.setAttribute("role","button"),this.setAttribute("tabindex","0")):(this.removeAttribute("role"),this.removeAttribute("tabindex")))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeyDown)}_handleLoad(){this._loaded=!0}render(){return m`
       <img
         class=${Jt({image:!0,loaded:this._loaded})}
         .src=${this.src??""}
         .alt=${this.alt}
         @load=${this._handleLoad}
       />
-    `}};J.styles=[_`${x(ts)}`];c([u({type:String})],J.prototype,"src",2);c([u({type:String})],J.prototype,"alt",2);c([u({type:String,reflect:!0})],J.prototype,"ratio",2);c([u({type:Boolean,reflect:!0,attribute:"fit-content"})],J.prototype,"fitContent",2);c([u({type:Boolean,reflect:!0,attribute:"fade-in"})],J.prototype,"fadeIn",2);c([u({type:Boolean,reflect:!0})],J.prototype,"clickable",2);c([W()],J.prototype,"_loaded",2);customElements.get(rn)||customElements.define(rn,J);var es=A(k(),1),zd=y({tagName:rn,elementClass:J,react:es,displayName:"KittlImage"});var sn=`:host {
+    `}};J.styles=[_`${x(rs)}`];c([u({type:String})],J.prototype,"src",2);c([u({type:String})],J.prototype,"alt",2);c([u({type:String,reflect:!0})],J.prototype,"ratio",2);c([u({type:Boolean,reflect:!0,attribute:"fit-content"})],J.prototype,"fitContent",2);c([u({type:Boolean,reflect:!0,attribute:"fade-in"})],J.prototype,"fadeIn",2);c([u({type:Boolean,reflect:!0})],J.prototype,"clickable",2);c([W()],J.prototype,"_loaded",2);customElements.get(sn)||customElements.define(sn,J);var is=A(k(),1),Vd=y({tagName:sn,elementClass:J,react:is,displayName:"KittlImage"});var an=`:host {
   /* Colors */
   --input-background-color: var(--color-bg-fill);
   --input-background-color-hover: var(--color-bg-fill);
@@ -875,7 +1019,7 @@ label {
   gap: var(--spacing-6);
   flex-direction: column;
 }
-`,an=`/* Size variants */
+`,ln=`/* Size variants */
 
 :host([size="s"]) {
   --input-radius: var(--border-radius-7);
@@ -897,16 +1041,16 @@ label {
   --input-font-size: 16px;
   --input-line-height: 24px;
 }
-`;var Rt=t=>t??T;var ln="kittl-input",z=class extends H(U(g)){constructor(){super(),this.size="m",this.value="",this._focused=!1,this._internals.role="textbox"}_handleInput(t){let e=t.target;this.value=e.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))}_handleFocus(){this._focused=!0}_handleBlur(){this._focused=!1}_handleRootClick(){this._input?.focus()}render(){let t={"input-root":!0,focused:this._focused,disabled:this.disabled};return m`
+`;var Mt=t=>t??T;var cn="kittl-input",z=class extends H(U(g)){constructor(){super(),this.size="m",this.value="",this._focused=!1,this._internals.role="textbox"}_handleInput(t){let e=t.target;this.value=e.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))}_handleFocus(){this._focused=!0}_handleBlur(){this._focused=!1}_handleRootClick(){this._input?.focus()}render(){let t={"input-root":!0,focused:this._focused,disabled:this.disabled};return m`
       <label>
         ${this.label?m`<kittl-text variant="h6">${this.label}</kittl-text>`:""}
         <div class=${Jt(t)} @click=${this._handleRootClick}>
           <input
             .value=${this.value}
-            placeholder=${Rt(this.placeholder)}
+            placeholder=${Mt(this.placeholder)}
             ?disabled=${this.disabled}
-            name=${Rt(this.name)}
-            maxlength=${Rt(this.maxlength)}
+            name=${Mt(this.name)}
+            maxlength=${Mt(this.maxlength)}
             @input=${this._handleInput}
             @focus=${this._handleFocus}
             @blur=${this._handleBlur}
@@ -914,7 +1058,7 @@ label {
         </div>
       </label>
       ${this.error?m`<span class="error">${this.error}</span>`:""}
-    `}};z.styles=[_`${x(an)}`,_`${x(sn)}`];z.formAssociated=!0;c([u({type:String,reflect:!0})],z.prototype,"size",2);c([u({type:String})],z.prototype,"placeholder",2);c([u({type:String})],z.prototype,"label",2);c([u({type:String})],z.prototype,"value",2);c([u({type:String})],z.prototype,"name",2);c([u({type:String})],z.prototype,"error",2);c([u({type:Number})],z.prototype,"maxlength",2);c([W()],z.prototype,"_focused",2);c([Dt("input")],z.prototype,"_input",2);customElements.get(ln)||customElements.define(ln,z);var ns=A(k(),1),eu=y({tagName:ln,elementClass:z,react:ns,displayName:"KittlInput",events:{onChange:"change"}});var os=A(k(),1),cu=y({tagName:be,elementClass:ft,react:os,displayName:"KittlMenu",events:{onMenuOpen:"menu-open",onMenuClose:"menu-close"}});var rs=`:host {
+    `}};z.styles=[_`${x(ln)}`,_`${x(an)}`];z.formAssociated=!0;c([u({type:String,reflect:!0})],z.prototype,"size",2);c([u({type:String})],z.prototype,"placeholder",2);c([u({type:String})],z.prototype,"label",2);c([u({type:String})],z.prototype,"value",2);c([u({type:String})],z.prototype,"name",2);c([u({type:String})],z.prototype,"error",2);c([u({type:Number})],z.prototype,"maxlength",2);c([W()],z.prototype,"_focused",2);c([Dt("input")],z.prototype,"_input",2);customElements.get(cn)||customElements.define(cn,z);var ss=A(k(),1),lu=y({tagName:cn,elementClass:z,react:ss,displayName:"KittlInput",events:{onChange:"change"}});var as=A(k(),1),gu=y({tagName:ye,elementClass:mt,react:as,displayName:"KittlMenu",events:{onMenuOpen:"menu-open",onMenuClose:"menu-close"}});var ls=`:host {
   display: flex;
   align-items: center;
   gap: var(--spacing-8);
@@ -959,13 +1103,13 @@ label {
   display: flex;
   flex-shrink: 0;
 }
-`,cn="kittl-menu-item",ke=class extends H(U(g)){constructor(){super(),this.destructive=!1,this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeyDown)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem")}_handleClick(t){if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}this.dispatchEvent(new CustomEvent("menu-item-select",{bubbles:!0,composed:!0}))}_handleKeyDown(t){this.disabled||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.click())}render(){return m`
+`,dn="kittl-menu-item",$e=class extends H(U(g)){constructor(){super(),this.destructive=!1,this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this._handleKeyDown)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem")}_handleClick(t){if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}this.dispatchEvent(new CustomEvent("menu-item-select",{bubbles:!0,composed:!0}))}_handleKeyDown(t){this.disabled||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.click())}render(){return m`
       <slot name="icon-start"></slot>
       <span class="label"><slot></slot></span>
       <slot name="icon-end"></slot>
-    `}};ke.styles=[_`
-      ${x(rs)}
-    `];c([u({type:Boolean,reflect:!0})],ke.prototype,"destructive",2);customElements.get(cn)||customElements.define(cn,ke);var is=A(k(),1),yu=y({tagName:cn,elementClass:ke,react:is,displayName:"KittlMenuItem",events:{onMenuItemSelect:"menu-item-select"}});var dn="kittl-menu-trigger",Jn=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","trigger")}createRenderRoot(){return this}render(){return m`<slot></slot>`}};customElements.get(dn)||customElements.define(dn,Jn);var ss=A(k(),1),ku=y({tagName:dn,elementClass:Jn,react:ss,displayName:"KittlMenuTrigger"});var as=A(k(),1),Pu=y({tagName:Ce,elementClass:vt,react:as,displayName:"KittlPopover",events:{onPopoverOpen:"popover-open",onPopoverClose:"popover-close"}});var un="kittl-popover-content",Zn=class extends g{createRenderRoot(){return this}render(){return m`<slot></slot>`}};customElements.get(un)||customElements.define(un,Zn);var ls=A(k(),1),ju=y({tagName:un,elementClass:Zn,react:ls,displayName:"KittlPopoverContent"});var pn="kittl-popover-trigger",Qn=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","trigger")}createRenderRoot(){return this}render(){return m`<slot></slot>`}};customElements.get(pn)||customElements.define(pn,Qn);var cs=A(k(),1),Xu=y({tagName:pn,elementClass:Qn,react:cs,displayName:"KittlPopoverTrigger"});var ds=`:host {
+    `}};$e.styles=[_`
+      ${x(ls)}
+    `];c([u({type:Boolean,reflect:!0})],$e.prototype,"destructive",2);customElements.get(dn)||customElements.define(dn,$e);var cs=A(k(),1),Tu=y({tagName:dn,elementClass:$e,react:cs,displayName:"KittlMenuItem",events:{onMenuItemSelect:"menu-item-select"}});var un="kittl-menu-trigger",Jn=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","trigger")}createRenderRoot(){return this}render(){return m`<slot></slot>`}};customElements.get(un)||customElements.define(un,Jn);var ds=A(k(),1),Pu=y({tagName:un,elementClass:Jn,react:ds,displayName:"KittlMenuTrigger"});var us=A(k(),1),Uu=y({tagName:Ae,elementClass:bt,react:us,displayName:"KittlPopover",events:{onPopoverOpen:"popover-open",onPopoverClose:"popover-close"}});var pn="kittl-popover-content",Zn=class extends g{createRenderRoot(){return this}render(){return m`<slot></slot>`}};customElements.get(pn)||customElements.define(pn,Zn);var ps=A(k(),1),Gu=y({tagName:pn,elementClass:Zn,react:ps,displayName:"KittlPopoverContent"});var hn="kittl-popover-trigger",Qn=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","trigger")}createRenderRoot(){return this}render(){return m`<slot></slot>`}};customElements.get(hn)||customElements.define(hn,Qn);var hs=A(k(),1),op=y({tagName:hn,elementClass:Qn,react:hs,displayName:"KittlPopoverTrigger"});var fs=`:host {
   /* Scrollbar tokens */
   --scrollable-area-scrollbar-size: var(--scrollbar-width-default, 8px);
   --scrollable-area-scrollbar-radius: 7px;
@@ -1098,7 +1242,7 @@ label {
 .scroll-arrow-end {
   right: -12px;
 }
-`,hn="kittl-scrollable-area",Z=class extends g{constructor(){super(...arguments),this.direction="vertical",this.hideScrollbar=!1,this.showArrows=!1,this._canScrollStart=!1,this._canScrollEnd=!1}updated(t){t.has("maxHeight")&&(this.maxHeight?this.style.maxHeight=this.maxHeight:this.style.removeProperty("max-height"))}connectedCallback(){super.connectedCallback(),this.showArrows&&(this._resizeObserver=new ResizeObserver(()=>this._updateArrows()))}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect()}firstUpdated(){this.showArrows&&this._container&&(this._resizeObserver?.observe(this._container),this._updateArrows())}_updateArrows(){if(!this._container)return;let{scrollLeft:t,scrollWidth:e,clientWidth:n}=this._container;this._canScrollStart=t>1,this._canScrollEnd=t+n<e-1}_handleScroll(){this.showArrows&&this._updateArrows()}_scrollBy(t){this._container?.scrollBy({left:t,behavior:"smooth"})}_renderArrows(){return!this.showArrows||this.direction==="vertical"?T:m`
+`,fn="kittl-scrollable-area",Z=class extends g{constructor(){super(...arguments),this.direction="vertical",this.hideScrollbar=!1,this.showArrows=!1,this._canScrollStart=!1,this._canScrollEnd=!1}updated(t){t.has("maxHeight")&&(this.maxHeight?this.style.maxHeight=this.maxHeight:this.style.removeProperty("max-height"))}connectedCallback(){super.connectedCallback(),this.showArrows&&(this._resizeObserver=new ResizeObserver(()=>this._updateArrows()))}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect()}firstUpdated(){this.showArrows&&this._container&&(this._resizeObserver?.observe(this._container),this._updateArrows())}_updateArrows(){if(!this._container)return;let{scrollLeft:t,scrollWidth:e,clientWidth:n}=this._container;this._canScrollStart=t>1,this._canScrollEnd=t+n<e-1}_handleScroll(){this.showArrows&&this._updateArrows()}_scrollBy(t){this._container?.scrollBy({left:t,behavior:"smooth"})}_renderArrows(){return!this.showArrows||this.direction==="vertical"?T:m`
       ${this._canScrollStart?m`<button
             class="scroll-arrow scroll-arrow-start"
             @click=${()=>this._scrollBy(-200)}
@@ -1124,7 +1268,7 @@ label {
           </div>
           ${this._renderArrows()}
         </div>
-      `:m`<slot></slot>`}};Z.styles=[_`${x(ds)}`];c([u({type:String,reflect:!0})],Z.prototype,"direction",2);c([u({type:Boolean,reflect:!0,attribute:"hide-scrollbar"})],Z.prototype,"hideScrollbar",2);c([u({type:String,attribute:"max-height"})],Z.prototype,"maxHeight",2);c([u({type:Boolean,reflect:!0,attribute:"show-arrows"})],Z.prototype,"showArrows",2);c([W()],Z.prototype,"_canScrollStart",2);c([W()],Z.prototype,"_canScrollEnd",2);c([Dt(".scroll-container")],Z.prototype,"_container",2);customElements.get(hn)||customElements.define(hn,Z);var us=A(k(),1),ip=y({tagName:hn,elementClass:Z,react:us,displayName:"KittlScrollableArea"});var ps={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M13.744 9.063a4.686 4.686 0 0 1-4.685 4.687 4.686 4.686 0 0 1-4.685-4.687 4.686 4.686 0 0 1 4.685-4.688 4.686 4.686 0 0 1 4.685 4.688m-.753 5.252A6.56 6.56 0 0 1 2.5 9.062 6.56 6.56 0 0 1 9.059 2.5a6.56 6.56 0 0 1 6.559 6.563 6.54 6.54 0 0 1-1.303 3.925l2.91 2.912a.938.938 0 0 1-1.325 1.325z" clip-rule="evenodd"/>'},fn=ps;var hs={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18m4.094-13.094a.7.7 0 0 1 0 .99L10.99 10l3.104 3.104a.7.7 0 1 1-.99.99L10 10.99l-3.104 3.104a.7.7 0 1 1-.99-.99L9.01 10 5.906 6.896a.7.7 0 0 1 .99-.99L10 9.01l3.104-3.104a.7.7 0 0 1 .99 0" clip-rule="evenodd"/>'},mn=hs;var fs=`/* Hide native search input UI */
+      `:m`<slot></slot>`}};Z.styles=[_`${x(fs)}`];c([u({type:String,reflect:!0})],Z.prototype,"direction",2);c([u({type:Boolean,reflect:!0,attribute:"hide-scrollbar"})],Z.prototype,"hideScrollbar",2);c([u({type:String,attribute:"max-height"})],Z.prototype,"maxHeight",2);c([u({type:Boolean,reflect:!0,attribute:"show-arrows"})],Z.prototype,"showArrows",2);c([W()],Z.prototype,"_canScrollStart",2);c([W()],Z.prototype,"_canScrollEnd",2);c([Dt(".scroll-container")],Z.prototype,"_container",2);customElements.get(fn)||customElements.define(fn,Z);var ms=A(k(),1),pp=y({tagName:fn,elementClass:Z,react:ms,displayName:"KittlScrollableArea"});var gs={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M13.744 9.063a4.686 4.686 0 0 1-4.685 4.687 4.686 4.686 0 0 1-4.685-4.687 4.686 4.686 0 0 1 4.685-4.688 4.686 4.686 0 0 1 4.685 4.688m-.753 5.252A6.56 6.56 0 0 1 2.5 9.062 6.56 6.56 0 0 1 9.059 2.5a6.56 6.56 0 0 1 6.559 6.563 6.54 6.54 0 0 1-1.303 3.925l2.91 2.912a.938.938 0 0 1-1.325 1.325z" clip-rule="evenodd"/>'},mn=gs;var vs={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18m4.094-13.094a.7.7 0 0 1 0 .99L10.99 10l3.104 3.104a.7.7 0 1 1-.99.99L10 10.99l-3.104 3.104a.7.7 0 1 1-.99-.99L9.01 10 5.906 6.896a.7.7 0 0 1 .99-.99L10 9.01l3.104-3.104a.7.7 0 0 1 .99 0" clip-rule="evenodd"/>'},gn=vs;var bs=`/* Hide native search input UI */
 .search-input::-webkit-search-decoration,
 .search-input::-webkit-search-cancel-button,
 .search-input::-webkit-search-results-button,
@@ -1196,14 +1340,14 @@ label {
 `,lr="kittl-search-input",D=class extends H(U(g)){constructor(){super(),this.size="m",this.value="",this._focused=!1,this._internals.role="searchbox"}_handleInput(t){let e=t.target;this.value=e.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))}_handleClear(){this.value="",this._internals.setFormValue(""),this._input?.focus(),this.dispatchEvent(new CustomEvent("change",{detail:{value:""},bubbles:!0,composed:!0}))}_handleFocus(){this._focused=!0}_handleBlur(t){this._focused=!1;let e=t.target;e instanceof HTMLInputElement&&(e.scrollLeft=0,this.value=e.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})))}_handleKeyDown(t){let e=t.target;e instanceof HTMLInputElement&&(t.key==="Enter"||t.key==="NumpadEnter")&&(t.preventDefault(),e.scrollLeft=0,this.value=e.value,this._internals.setFormValue(this.value),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("search",{detail:{value:this.value},bubbles:!0,composed:!0})),e.blur())}_handleRootClick(){this._input?.focus()}render(){let t={"input-root":!0,"search-input-root":!0,focused:this._focused,disabled:this.disabled};return m`
       ${this.label?m`<span class="label">${this.label}</span>`:""}
       <div class=${Jt(t)} @click=${this._handleRootClick}>
-        <div class="prefix"><svg viewBox=${fn.viewBox} fill="var(--color-icon-secondary)" stroke=${fn.stroke}>${Y(fn.path)}</svg></div>
+        <div class="prefix"><svg viewBox=${mn.viewBox} fill="var(--color-icon-secondary)" stroke=${mn.stroke}>${Y(mn.path)}</svg></div>
         <input
           class="search-input"
           type="search"
           .value=${this.value}
-          placeholder=${Rt(this.placeholder)}
+          placeholder=${Mt(this.placeholder)}
           ?disabled=${this.disabled}
-          name=${Rt(this.name)}
+          name=${Mt(this.name)}
           @input=${this._handleInput}
           @focus=${this._handleFocus}
           @blur=${this._handleBlur}
@@ -1218,12 +1362,12 @@ label {
                   ?disabled=${this.disabled}
                   @click=${e=>{e.stopPropagation(),this._handleClear()}}
                 >
-                  <svg viewBox=${mn.viewBox} fill="var(--color-icon-secondary)" stroke=${mn.stroke}>${Y(mn.path)}</svg>
+                  <svg viewBox=${gn.viewBox} fill="var(--color-icon-secondary)" stroke=${gn.stroke}>${Y(gn.path)}</svg>
                 </button>
               `:""}
         </div>
       </div>
-    `}};D.styles=[_`${x(an)}`,_`${x(sn)}`,_`${x(fs)}`];D.formAssociated=!0;D.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0};c([u({type:String,reflect:!0})],D.prototype,"size",2);c([u({type:String})],D.prototype,"placeholder",2);c([u({type:String})],D.prototype,"label",2);c([u({type:String})],D.prototype,"value",2);c([u({type:String})],D.prototype,"name",2);c([W()],D.prototype,"_focused",2);c([Dt("input")],D.prototype,"_input",2);customElements.get(lr)||customElements.define(lr,D);var ms=A(k(),1),Ep=y({tagName:"kittl-search-input",elementClass:D,react:ms,displayName:"KittlSearchInput",events:{onChange:"change",onSearch:"search"}});var gs=`@keyframes spinner-rotate {
+    `}};D.styles=[_`${x(ln)}`,_`${x(an)}`,_`${x(bs)}`];D.formAssociated=!0;D.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0};c([u({type:String,reflect:!0})],D.prototype,"size",2);c([u({type:String})],D.prototype,"placeholder",2);c([u({type:String})],D.prototype,"label",2);c([u({type:String})],D.prototype,"value",2);c([u({type:String})],D.prototype,"name",2);c([W()],D.prototype,"_focused",2);c([Dt("input")],D.prototype,"_input",2);customElements.get(lr)||customElements.define(lr,D);var ys=A(k(),1),Np=y({tagName:"kittl-search-input",elementClass:D,react:ys,displayName:"KittlSearchInput",events:{onChange:"change",onSearch:"search"}});var xs=`@keyframes spinner-rotate {
   100% {
     transform: rotate(360deg);
   }
@@ -1305,9 +1449,9 @@ label {
   border-style: solid;
   animation: spinner-clip-path 2s linear infinite;
 }
-`,gn="kittl-spinner",Zt=class extends g{constructor(){super(...arguments),this.size="m",this.color="default"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","status"),this.setAttribute("aria-live","polite")}render(){return m`<span class="spinner"></span>`}};Zt.styles=[_`
-      ${x(gs)}
-    `];c([u({type:String,reflect:!0})],Zt.prototype,"size",2);c([u({type:String,reflect:!0})],Zt.prototype,"color",2);customElements.get(gn)||customElements.define(gn,Zt);var vs=A(k(),1),Rp=y({tagName:gn,elementClass:Zt,react:vs,displayName:"KittlSpinner"});var bs=`:host {
+`,vn="kittl-spinner",Zt=class extends g{constructor(){super(...arguments),this.size="m",this.color="default"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","status"),this.setAttribute("aria-live","polite")}render(){return m`<span class="spinner"></span>`}};Zt.styles=[_`
+      ${x(xs)}
+    `];c([u({type:String,reflect:!0})],Zt.prototype,"size",2);c([u({type:String,reflect:!0})],Zt.prototype,"color",2);customElements.get(vn)||customElements.define(vn,Zt);var _s=A(k(),1),Bp=y({tagName:vn,elementClass:Zt,react:_s,displayName:"KittlSpinner"});var ws=`:host {
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -1351,14 +1495,14 @@ label {
 :host([fluid]) ::slotted(kittl-tabs-trigger) {
   flex-grow: 1;
 }
-`,vn="kittl-tabs",ys=0,Mt=class extends g{constructor(){super(),this.value="",this.size="m",this.fluid=!1,this._uid=`tabs-${ys++}`,this.addEventListener("tab-select",this._handleTabSelect)}_handleTabSelect(t){this.value=t.detail.value,this._syncChildren(),this.dispatchEvent(new CustomEvent("tabs-change",{detail:{value:this.value},bubbles:!0,composed:!0}))}firstUpdated(){this._syncChildren()}updated(t){t.has("value")&&this._syncChildren()}_syncChildren(){let t=this.querySelectorAll("kittl-tabs-trigger");for(let n of t)n.active=n.value===this.value,n.id=`${this._uid}-tab-${n.value}`,n.setAttribute("role","tab"),n.setAttribute("aria-selected",String(n.value===this.value)),n.setAttribute("aria-controls",`${this._uid}-tabpanel-${n.value}`);let e=this.querySelectorAll("kittl-tabs-content");for(let n of e)n.active=n.value===this.value,n.id=`${this._uid}-tabpanel-${n.value}`,n.setAttribute("role","tabpanel"),n.setAttribute("aria-labelledby",`${this._uid}-tab-${n.value}`)}render(){return m`
+`,bn="kittl-tabs",Es=0,Pt=class extends g{constructor(){super(),this.value="",this.size="m",this.fluid=!1,this._uid=`tabs-${Es++}`,this.addEventListener("tab-select",this._handleTabSelect)}_handleTabSelect(t){this.value=t.detail.value,this._syncChildren(),this.dispatchEvent(new CustomEvent("tabs-change",{detail:{value:this.value},bubbles:!0,composed:!0}))}firstUpdated(){this._syncChildren()}updated(t){t.has("value")&&this._syncChildren()}_syncChildren(){let t=this.querySelectorAll("kittl-tabs-trigger");for(let n of t)n.active=n.value===this.value,n.id=`${this._uid}-tab-${n.value}`,n.setAttribute("role","tab"),n.setAttribute("aria-selected",String(n.value===this.value)),n.setAttribute("aria-controls",`${this._uid}-tabpanel-${n.value}`);let e=this.querySelectorAll("kittl-tabs-content");for(let n of e)n.active=n.value===this.value,n.id=`${this._uid}-tabpanel-${n.value}`,n.setAttribute("role","tabpanel"),n.setAttribute("aria-labelledby",`${this._uid}-tab-${n.value}`)}render(){return m`
       <div class="list" role="tablist">
         <slot name="tab"></slot>
       </div>
       <slot></slot>
-    `}};Mt.styles=[_`
-      ${x(bs)}
-    `];c([u({type:String,reflect:!0})],Mt.prototype,"value",2);c([u({type:String,reflect:!0})],Mt.prototype,"size",2);c([u({type:Boolean,reflect:!0})],Mt.prototype,"fluid",2);customElements.get(vn)||customElements.define(vn,Mt);var xs=A(k(),1),Up=y({tagName:vn,elementClass:Mt,react:xs,displayName:"KittlTabs",events:{onTabsChange:"tabs-change"}});var _s=`:host {
+    `}};Pt.styles=[_`
+      ${x(ws)}
+    `];c([u({type:String,reflect:!0})],Pt.prototype,"value",2);c([u({type:String,reflect:!0})],Pt.prototype,"size",2);c([u({type:Boolean,reflect:!0})],Pt.prototype,"fluid",2);customElements.get(bn)||customElements.define(bn,Pt);var Cs=A(k(),1),Yp=y({tagName:bn,elementClass:Pt,react:Cs,displayName:"KittlTabs",events:{onTabsChange:"tabs-change"}});var As=`:host {
   display: none;
   flex-grow: 1;
   outline: none;
@@ -1367,9 +1511,9 @@ label {
 :host([active]) {
   display: block;
 }
-`,bn="kittl-tabs-content",Qt=class extends g{constructor(){super(...arguments),this.value="",this.active=!1}render(){return m`<slot></slot>`}};Qt.styles=[_`
-      ${x(_s)}
-    `];c([u({type:String})],Qt.prototype,"value",2);c([u({type:Boolean,reflect:!0})],Qt.prototype,"active",2);customElements.get(bn)||customElements.define(bn,Qt);var ws=A(k(),1),Xp=y({tagName:bn,elementClass:Qt,react:ws,displayName:"KittlTabsContent"});var Es=`:host {
+`,yn="kittl-tabs-content",Qt=class extends g{constructor(){super(...arguments),this.value="",this.active=!1}render(){return m`<slot></slot>`}};Qt.styles=[_`
+      ${x(As)}
+    `];c([u({type:String})],Qt.prototype,"value",2);c([u({type:Boolean,reflect:!0})],Qt.prototype,"active",2);customElements.get(yn)||customElements.define(yn,Qt);var Ts=A(k(),1),oh=y({tagName:yn,elementClass:Qt,react:Ts,displayName:"KittlTabsContent"});var ks=`:host {
   display: inline-flex;
   flex-shrink: 0;
 }
@@ -1405,7 +1549,7 @@ label {
 .trigger:focus-visible {
   outline: 2px solid var(--color-border-focused);
 }
-`,yn="kittl-tabs-trigger",te=class extends g{constructor(){super(...arguments),this.value="",this.active=!1}focus(t){this.shadowRoot?.querySelector("button")?.focus(t)}_handleClick(){this.dispatchEvent(new CustomEvent("tab-select",{detail:{value:this.value},bubbles:!0,composed:!0}))}_handleKeydown(t){if(t.key==="ArrowRight"||t.key==="ArrowLeft"){t.preventDefault();let e=this.closest("kittl-tabs");if(!e)return;let n=[...e.querySelectorAll("kittl-tabs-trigger")],o=n.indexOf(this),r=t.key==="ArrowRight"?n[(o+1)%n.length]:n[(o-1+n.length)%n.length];r?.focus(),r?.dispatchEvent(new CustomEvent("tab-select",{detail:{value:r.value},bubbles:!0,composed:!0}))}}render(){return m`
+`,xn="kittl-tabs-trigger",te=class extends g{constructor(){super(...arguments),this.value="",this.active=!1}focus(t){this.shadowRoot?.querySelector("button")?.focus(t)}_handleClick(){this.dispatchEvent(new CustomEvent("tab-select",{detail:{value:this.value},bubbles:!0,composed:!0}))}_handleKeydown(t){if(t.key==="ArrowRight"||t.key==="ArrowLeft"){t.preventDefault();let e=this.closest("kittl-tabs");if(!e)return;let n=[...e.querySelectorAll("kittl-tabs-trigger")],o=n.indexOf(this),r=t.key==="ArrowRight"?n[(o+1)%n.length]:n[(o-1+n.length)%n.length];r?.focus(),r?.dispatchEvent(new CustomEvent("tab-select",{detail:{value:r.value},bubbles:!0,composed:!0}))}}render(){return m`
       <button
         class="trigger"
         type="button"
@@ -1416,8 +1560,8 @@ label {
         <slot></slot>
       </button>
     `}};te.styles=[_`
-      ${x(Es)}
-    `];c([u({type:String})],te.prototype,"value",2);c([u({type:Boolean,reflect:!0})],te.prototype,"active",2);customElements.get(yn)||customElements.define(yn,te);var Cs=A(k(),1),ih=y({tagName:yn,elementClass:te,react:Cs,displayName:"KittlTabsTrigger",events:{onTabSelect:"tab-select"}});var As=`/* ---- Size ---- */
+      ${x(ks)}
+    `];c([u({type:String})],te.prototype,"value",2);c([u({type:Boolean,reflect:!0})],te.prototype,"active",2);customElements.get(xn)||customElements.define(xn,te);var $s=A(k(),1),ph=y({tagName:xn,elementClass:te,react:$s,displayName:"KittlTabsTrigger",events:{onTabSelect:"tab-select"}});var Ss=`/* ---- Size ---- */
 :host([size="xs"]) {
   --tag-height: 24px;
   --tag-gap: var(--spacing-2);
@@ -1468,133 +1612,7 @@ label {
   min-width: 0;
   overflow: hidden;
 }
-`,cr="kittl-tag",ee=class extends H(U(g)){constructor(){super(),this.size="s",this.type="default",this.addEventListener("click",this._handleTagClick),this.addEventListener("keydown",this._handleKeyDown)}connectedCallback(){super.connectedCallback(),this._syncClickableA11y()}updated(t){super.updated(t),(t.has("type")||t.has("disabled"))&&this._syncClickableA11y()}_syncClickableA11y(){this.type==="clickable"?(this._internals.role="button",this.disabled||(this.tabIndex=0)):(this._internals.role=null,this.removeAttribute("tabindex"))}_handleTagClick(t){if(this.disabled){t.preventDefault(),t.stopPropagation();return}this.type==="clickable"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("tag-click",{bubbles:!0,composed:!0})))}_handleKeyDown(t){this.type!=="clickable"||this.disabled||t.key==="Enter"&&(t.preventDefault(),this.click())}render(){return m`<kittl-text variant="p2" color="secondary"><slot></slot></kittl-text>`}};ee.styles=[_`${x(As)}`];c([u({type:String,reflect:!0})],ee.prototype,"size",2);c([u({attribute:"tag-type",reflect:!0})],ee.prototype,"type",2);customElements.get(cr)||customElements.define(cr,ee);var Ts=A(k(),1),mh=y({tagName:"kittl-tag",elementClass:ee,react:Ts,displayName:"KittlTag",events:{onTagClick:"tag-click"}});var ks=`:host {
-  display: block;
-  color: var(--color-text);
-  font-family: var(--font-family-default);
-  margin: 0;
-  padding: 0;
-}
-
-:host([truncate]) {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-`,$s=`/* Color styles */
-
-:host([color="default"]) {
-  color: var(--color-text);
-}
-
-:host([color="secondary"]) {
-  color: var(--color-text-secondary);
-}
-
-:host([color="tertiary"]) {
-  color: var(--color-text-tertiary);
-}
-
-:host([color="disabled"]) {
-  color: var(--color-text-disabled);
-}
-
-:host([color="critical"]) {
-  color: var(--color-text-critical);
-}
-
-:host([color="info"]) {
-  color: var(--color-text-info);
-}
-
-:host([color="brand-on-bg"]) {
-  color: var(--color-text-brand-on-bg);
-}
-
-:host([color="inherit"]) {
-  color: inherit;
-}
-`,Ss=`/* Variant styles */
-
-/* Headings */
-:host([variant="h1"]) {
-  font-size: 28px;
-  font-weight: var(--font-weight-semi-bold);
-  letter-spacing: -0.03em;
-  line-height: 32px;
-}
-
-:host([variant="h2"]) {
-  font-size: 22px;
-  font-weight: var(--font-weight-semi-bold);
-  letter-spacing: -0.03em;
-  line-height: 28px;
-}
-
-:host([variant="h3"]) {
-  font-size: 18px;
-  font-weight: var(--font-weight-semi-bold);
-  letter-spacing: -0.03em;
-  line-height: 24px;
-}
-
-:host([variant="h4"]) {
-  font-size: 16px;
-  font-weight: var(--font-weight-medium);
-  letter-spacing: -0.015em;
-  line-height: 24px;
-}
-
-:host([variant="h5"]) {
-  font-size: 14px;
-  font-weight: var(--font-weight-medium);
-  letter-spacing: -0.01em;
-  line-height: 20px;
-}
-
-:host([variant="h6"]) {
-  font-size: 12px;
-  font-weight: var(--font-weight-medium);
-  letter-spacing: -0.01em;
-  line-height: 16px;
-}
-
-/* Body text */
-:host([variant="p0"]) {
-  font-size: 18px;
-  font-weight: var(--font-weight-regular);
-  letter-spacing: -0.01em;
-  line-height: 28px;
-}
-
-:host([variant="p1"]) {
-  font-size: 16px;
-  font-weight: var(--font-weight-regular);
-  letter-spacing: -0.01em;
-  line-height: 24px;
-}
-
-:host([variant="p2"]) {
-  font-size: 14px;
-  font-weight: var(--font-weight-medium);
-  letter-spacing: -0.005em;
-  line-height: 20px;
-}
-
-:host([variant="p3"]) {
-  font-size: 12px;
-  font-weight: var(--font-weight-medium);
-  letter-spacing: -0.005em;
-  line-height: 18px;
-}
-
-:host([variant="p4"]) {
-  font-size: 11px;
-  font-weight: var(--font-weight-regular);
-  letter-spacing: 0;
-  line-height: 18px;
-}
-`,xn="kittl-text",Pt=class extends g{constructor(){super(...arguments),this.variant="p1",this.color="default",this.truncate=!1}render(){return m`<slot></slot>`}};Pt.styles=[_`${x(Ss)}`,_`${x($s)}`,_`${x(ks)}`];c([u({type:String,reflect:!0})],Pt.prototype,"variant",2);c([u({type:String,reflect:!0})],Pt.prototype,"color",2);c([u({type:Boolean,reflect:!0})],Pt.prototype,"truncate",2);customElements.get(xn)||customElements.define(xn,Pt);var Ns=A(k(),1),Ch=y({tagName:xn,elementClass:Pt,react:Ns,displayName:"KittlText"});var Os={viewBox:"0 0 20 20",fill:"none",path:'<path d="M10.008 13.267a.9.9 0 0 1 0 1.8H10a.9.9 0 0 1 0-1.8zM10 6.6a.9.9 0 0 1 .9.9v3.333a.9.9 0 1 1-1.8 0V7.5a.9.9 0 0 1 .9-.9"/><path fill-rule="evenodd" d="M9.991 1.588a2.57 2.57 0 0 1 2.232 1.299l6.665 11.663.079.148a2.57 2.57 0 0 1-.08 2.417 2.57 2.57 0 0 1-2.22 1.284H3.333a2.567 2.567 0 0 1-2.237-3.85L7.76 2.888a2.57 2.57 0 0 1 2.231-1.3m0 1.8a.77.77 0 0 0-.667.39v.001L2.655 15.446l-.047.094a.768.768 0 0 0 .716 1.06h13.34a.77.77 0 0 0 .664-.384.77.77 0 0 0 .044-.676l-.047-.094L10.66 3.78l-.002-.002a.77.77 0 0 0-.667-.388" clip-rule="evenodd"/>'},dr=Os;var Rs={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M3.08 3.077a.875.875 0 0 1 1.237 0L10 8.762l5.684-5.684a.875.875 0 1 1 1.237 1.238L11.24 9.999l5.684 5.685a.875.875 0 1 1-1.237 1.237L10 11.237l-5.685 5.685a.875.875 0 0 1-1.238-1.237l5.686-5.686-5.685-5.684a.875.875 0 0 1 0-1.238" clip-rule="evenodd"/>'},ur=Rs;var Ms={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M18.01 4.212a1 1 0 0 1 0 1.415L7.85 15.787a1 1 0 0 1-1.414 0L1.99 11.342a1 1 0 0 1 1.414-1.414l3.739 3.738 9.454-9.454a1 1 0 0 1 1.414 0" clip-rule="evenodd"/>'},pr=Ms;var Ps=`@keyframes slide-in-up {
+`,cr="kittl-tag",ee=class extends H(U(g)){constructor(){super(),this.size="s",this.type="default",this.addEventListener("click",this._handleTagClick),this.addEventListener("keydown",this._handleKeyDown)}connectedCallback(){super.connectedCallback(),this._syncClickableA11y()}updated(t){super.updated(t),(t.has("type")||t.has("disabled"))&&this._syncClickableA11y()}_syncClickableA11y(){this.type==="clickable"?(this._internals.role="button",this.disabled||(this.tabIndex=0)):(this._internals.role=null,this.removeAttribute("tabindex"))}_handleTagClick(t){if(this.disabled){t.preventDefault(),t.stopPropagation();return}this.type==="clickable"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("tag-click",{bubbles:!0,composed:!0})))}_handleKeyDown(t){this.type!=="clickable"||this.disabled||t.key==="Enter"&&(t.preventDefault(),this.click())}render(){return m`<kittl-text variant="p2" color="secondary"><slot></slot></kittl-text>`}};ee.styles=[_`${x(Ss)}`];c([u({type:String,reflect:!0})],ee.prototype,"size",2);c([u({attribute:"tag-type",reflect:!0})],ee.prototype,"type",2);customElements.get(cr)||customElements.define(cr,ee);var Ns=A(k(),1),wh=y({tagName:"kittl-tag",elementClass:ee,react:Ns,displayName:"KittlTag",events:{onTagClick:"tag-click"}});var Os=A(k(),1),Sh=y({tagName:be,elementClass:st,react:Os,displayName:"KittlText"});var Rs={viewBox:"0 0 20 20",fill:"none",path:'<path d="M10.008 13.267a.9.9 0 0 1 0 1.8H10a.9.9 0 0 1 0-1.8zM10 6.6a.9.9 0 0 1 .9.9v3.333a.9.9 0 1 1-1.8 0V7.5a.9.9 0 0 1 .9-.9"/><path fill-rule="evenodd" d="M9.991 1.588a2.57 2.57 0 0 1 2.232 1.299l6.665 11.663.079.148a2.57 2.57 0 0 1-.08 2.417 2.57 2.57 0 0 1-2.22 1.284H3.333a2.567 2.567 0 0 1-2.237-3.85L7.76 2.888a2.57 2.57 0 0 1 2.231-1.3m0 1.8a.77.77 0 0 0-.667.39v.001L2.655 15.446l-.047.094a.768.768 0 0 0 .716 1.06h13.34a.77.77 0 0 0 .664-.384.77.77 0 0 0 .044-.676l-.047-.094L10.66 3.78l-.002-.002a.77.77 0 0 0-.667-.388" clip-rule="evenodd"/>'},dr=Rs;var Ms={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M3.08 3.077a.875.875 0 0 1 1.237 0L10 8.762l5.684-5.684a.875.875 0 1 1 1.237 1.238L11.24 9.999l5.684 5.685a.875.875 0 1 1-1.237 1.237L10 11.237l-5.685 5.685a.875.875 0 0 1-1.238-1.237l5.686-5.686-5.685-5.684a.875.875 0 0 1 0-1.238" clip-rule="evenodd"/>'},ur=Ms;var Ps={viewBox:"0 0 20 20",fill:"none",path:'<path fill-rule="evenodd" d="M18.01 4.212a1 1 0 0 1 0 1.415L7.85 15.787a1 1 0 0 1-1.414 0L1.99 11.342a1 1 0 0 1 1.414-1.414l3.739 3.738 9.454-9.454a1 1 0 0 1 1.414 0" clip-rule="evenodd"/>'},pr=Ps;var Ls=`@keyframes slide-in-up {
   from {
     transform: translateY(100%);
     opacity: 0;
@@ -1687,9 +1705,9 @@ label {
 ::slotted([slot="action"]) {
   flex-shrink: 0;
 }
-`,_n="kittl-toast",Ls={success:pr,error:ur,warning:dr},Lt=class extends g{constructor(){super(...arguments),this.open=!1,this.duration=3e3,this._autoCloseTimer=null,this._requestedDuration=null,this._closeTimer=null}show(t){this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null,this.removeAttribute("closing")),this._requestedDuration=t??this.duration,this.open=!0,this.dispatchEvent(new CustomEvent("toast-open",{bubbles:!0,composed:!0}))}hide(){this._clearAutoClose(),this.setAttribute("closing",""),this._closeTimer=setTimeout(()=>{this._closeTimer=null,this.removeAttribute("closing"),this.open=!1,this.dispatchEvent(new CustomEvent("toast-close",{bubbles:!0,composed:!0}))},300)}_startAutoClose(t){this._clearAutoClose(),t>0&&(this._autoCloseTimer=setTimeout(()=>this.hide(),t))}_clearAutoClose(){this._autoCloseTimer&&(clearTimeout(this._autoCloseTimer),this._autoCloseTimer=null)}updated(t){t.has("open")&&this.open&&(this._startAutoClose(this._requestedDuration??this.duration),this._requestedDuration=null)}disconnectedCallback(){super.disconnectedCallback(),this._clearAutoClose(),this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null)}render(){let t=this.status?Ls[this.status]:void 0,e=t?m`
+`,_n="kittl-toast",Is={success:pr,error:ur,warning:dr},Lt=class extends g{constructor(){super(...arguments),this.open=!1,this.duration=3e3,this._autoCloseTimer=null,this._requestedDuration=null,this._closeTimer=null}show(t){this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null,this.removeAttribute("closing")),this._requestedDuration=t??this.duration,this.open=!0,this.dispatchEvent(new CustomEvent("toast-open",{bubbles:!0,composed:!0}))}hide(){this._clearAutoClose(),this.setAttribute("closing",""),this._closeTimer=setTimeout(()=>{this._closeTimer=null,this.removeAttribute("closing"),this.open=!1,this.dispatchEvent(new CustomEvent("toast-close",{bubbles:!0,composed:!0}))},300)}_startAutoClose(t){this._clearAutoClose(),t>0&&(this._autoCloseTimer=setTimeout(()=>this.hide(),t))}_clearAutoClose(){this._autoCloseTimer&&(clearTimeout(this._autoCloseTimer),this._autoCloseTimer=null)}updated(t){t.has("open")&&this.open&&(this._startAutoClose(this._requestedDuration??this.duration),this._requestedDuration=null)}disconnectedCallback(){super.disconnectedCallback(),this._clearAutoClose(),this._closeTimer&&(clearTimeout(this._closeTimer),this._closeTimer=null)}render(){let t=this.status?Is[this.status]:void 0,e=t?m`
           <div class="icon icon-${this.status}">
-            ${pt`<svg
+            ${ht`<svg
               width="18"
               height="18"
               viewBox=${t.viewBox}
@@ -1706,8 +1724,8 @@ label {
         <slot name="action"></slot>
       </div>
     `}};Lt.styles=[_`
-      ${x(Ps)}
-    `];c([u({type:Boolean,reflect:!0})],Lt.prototype,"open",2);c([u({type:String,reflect:!0})],Lt.prototype,"status",2);c([u({type:Number})],Lt.prototype,"duration",2);customElements.get(_n)||customElements.define(_n,Lt);var Is=A(k(),1),hr=y({tagName:_n,elementClass:Lt,react:Is,displayName:"KittlToast",events:{onToastOpen:"toast-open",onToastClose:"toast-close"}});var zs=`:host {
+      ${x(Ls)}
+    `];c([u({type:Boolean,reflect:!0})],Lt.prototype,"open",2);c([u({type:String,reflect:!0})],Lt.prototype,"status",2);c([u({type:Number})],Lt.prototype,"duration",2);customElements.get(_n)||customElements.define(_n,Lt);var zs=A(k(),1),hr=y({tagName:_n,elementClass:Lt,react:zs,displayName:"KittlToast",events:{onToastOpen:"toast-open",onToastClose:"toast-close"}});var Ds=`:host {
   position: fixed;
   bottom: var(--spacing-16, 16px);
   left: 50%;
@@ -1727,8 +1745,8 @@ label {
         <slot></slot>
       </div>
     `}};En.styles=[_`
-      ${x(zs)}
-    `];customElements.get(wn)||customElements.define(wn,En);var Ds=A(k(),1),fr=y({tagName:wn,elementClass:En,react:Ds,displayName:"KittlToastContainer"});var Bs=`@keyframes slide-down-and-fade {
+      ${x(Ds)}
+    `];customElements.get(wn)||customElements.define(wn,En);var Bs=A(k(),1),fr=y({tagName:wn,elementClass:En,react:Bs,displayName:"KittlToastContainer"});var Hs=`@keyframes slide-down-and-fade {
   from {
     opacity: 0;
     transform: translateY(-2px);
@@ -1884,7 +1902,7 @@ label {
   right: -4px;
   top: 1px;
 }
-`,Cn="kittl-tooltip",Hs=0,Q=class extends g{constructor(){super(...arguments),this.content="",this.side="top",this.sideOffset=8,this.delay=200,this.arrow=!1,this.controlled=!1,this.open=!1,this._cleanup=null,this._showTimer=null,this._open=!1,this._tooltipId=`tooltip-${Hs++}`}_applyOpen(t){this._showTimer&&(clearTimeout(this._showTimer),this._showTimer=null),this._stopPositioning(),t&&(this._open=!0),this._startPositioning();let e=this.shadowRoot?.querySelector(".tooltip");e&&e.classList.add("visible"),this.shadowRoot?.querySelector(".trigger")?.setAttribute("aria-describedby",this._tooltipId)}_applyClose(t){this._showTimer&&(clearTimeout(this._showTimer),this._showTimer=null),t&&(this._open=!1);let e=this.shadowRoot?.querySelector(".tooltip");e&&e.classList.remove("visible"),this.shadowRoot?.querySelector(".trigger")?.removeAttribute("aria-describedby"),this._stopPositioning()}_handleEnter(){this.controlled||this._open||(this._showTimer&&(clearTimeout(this._showTimer),this._showTimer=null),this._showTimer=setTimeout(()=>{this._showTimer=null,this._applyOpen(!0)},this.delay))}_handleLeave(){this.controlled||(this._showTimer&&(clearTimeout(this._showTimer),this._showTimer=null),this._open&&this._applyClose(!0))}updated(t){if(t.has("controlled")&&!this.controlled){this._open=!1,this._applyClose(!1);return}this.controlled&&(t.has("controlled")&&this.controlled&&(this._open=!1),(t.has("open")||t.has("controlled"))&&(this.open?this._applyOpen(!1):this._applyClose(!1)))}_startPositioning(){let t=this.shadowRoot?.querySelector(".trigger"),e=this.shadowRoot?.querySelector(".tooltip"),n=this.shadowRoot?.querySelector(".arrow");if(!t||!e)return;let o=[Qe(this.sideOffset),en(),tn({padding:6})];this.arrow&&n&&o.push(ar({element:n,padding:4})),this._cleanup=Ze(t,e,()=>{nn(t,e,{placement:this.side,middleware:o}).then(({x:r,y:s,placement:i,middlewareData:l})=>{if(Object.assign(e.style,{left:`${r}px`,top:`${s}px`}),e.setAttribute("data-side",i),this.arrow&&n&&l.arrow){let{x:a,y:d}=l.arrow,f=i.split("-")[0],h={top:"bottom",right:"left",bottom:"top",left:"right"}[f];Object.assign(n.style,{left:a!=null?`${a}px`:"",top:d!=null?`${d}px`:"",[h]:"-5px"}),n.setAttribute("data-side",f)}})})}_stopPositioning(){this._cleanup?.(),this._cleanup=null}disconnectedCallback(){super.disconnectedCallback(),this._stopPositioning(),this._showTimer&&clearTimeout(this._showTimer)}render(){return m`
+`,Cn="kittl-tooltip",Us=0,Q=class extends g{constructor(){super(...arguments),this.content="",this.side="top",this.sideOffset=8,this.delay=200,this.arrow=!1,this.controlled=!1,this.open=!1,this._cleanup=null,this._showTimer=null,this._open=!1,this._tooltipId=`tooltip-${Us++}`}_applyOpen(t){this._showTimer&&(clearTimeout(this._showTimer),this._showTimer=null),this._stopPositioning(),t&&(this._open=!0),this._startPositioning();let e=this.shadowRoot?.querySelector(".tooltip");e&&e.classList.add("visible"),this.shadowRoot?.querySelector(".trigger")?.setAttribute("aria-describedby",this._tooltipId)}_applyClose(t){this._showTimer&&(clearTimeout(this._showTimer),this._showTimer=null),t&&(this._open=!1);let e=this.shadowRoot?.querySelector(".tooltip");e&&e.classList.remove("visible"),this.shadowRoot?.querySelector(".trigger")?.removeAttribute("aria-describedby"),this._stopPositioning()}_handleEnter(){this.controlled||this._open||(this._showTimer&&(clearTimeout(this._showTimer),this._showTimer=null),this._showTimer=setTimeout(()=>{this._showTimer=null,this._applyOpen(!0)},this.delay))}_handleLeave(){this.controlled||(this._showTimer&&(clearTimeout(this._showTimer),this._showTimer=null),this._open&&this._applyClose(!0))}updated(t){if(t.has("controlled")&&!this.controlled){this._open=!1,this._applyClose(!1);return}this.controlled&&(t.has("controlled")&&this.controlled&&(this._open=!1),(t.has("open")||t.has("controlled"))&&(this.open?this._applyOpen(!1):this._applyClose(!1)))}_startPositioning(){let t=this.shadowRoot?.querySelector(".trigger"),e=this.shadowRoot?.querySelector(".tooltip"),n=this.shadowRoot?.querySelector(".arrow");if(!t||!e)return;let o=[tn(this.sideOffset),nn(),en({padding:6})];this.arrow&&n&&o.push(ar({element:n,padding:4})),this._cleanup=Qe(t,e,()=>{on(t,e,{placement:this.side,middleware:o}).then(({x:r,y:s,placement:i,middlewareData:l})=>{if(Object.assign(e.style,{left:`${r}px`,top:`${s}px`}),e.setAttribute("data-side",i),this.arrow&&n&&l.arrow){let{x:a,y:d}=l.arrow,f=i.split("-")[0],h={top:"bottom",right:"left",bottom:"top",left:"right"}[f];Object.assign(n.style,{left:a!=null?`${a}px`:"",top:d!=null?`${d}px`:"",[h]:"-5px"}),n.setAttribute("data-side",f)}})})}_stopPositioning(){this._cleanup?.(),this._cleanup=null}disconnectedCallback(){super.disconnectedCallback(),this._stopPositioning(),this._showTimer&&clearTimeout(this._showTimer)}render(){return m`
       <div
         class="trigger"
         @mouseenter="${this._handleEnter}"
@@ -1902,8 +1920,8 @@ label {
       >${this.content} ${this.arrow?m`<div class="arrow"></div>`:""}
       </div>
     `}};Q.styles=[_`
-      ${x(Bs)}
-    `];c([u({type:String})],Q.prototype,"content",2);c([u({type:String,reflect:!0})],Q.prototype,"side",2);c([u({type:Number})],Q.prototype,"sideOffset",2);c([u({type:Number})],Q.prototype,"delay",2);c([u({type:Boolean,reflect:!0})],Q.prototype,"arrow",2);c([u({type:Boolean,reflect:!0})],Q.prototype,"controlled",2);c([u({type:Boolean,reflect:!0})],Q.prototype,"open",2);customElements.get(Cn)||customElements.define(Cn,Q);var Us=A(k(),1),nf=y({tagName:Cn,elementClass:Q,react:Us,displayName:"KittlTooltip"});var tt=A(k(),1);var ne=A(to(),1),br=(0,tt.createContext)(void 0),Vs=0,eo=new Map,Ks=({toasts:t,removeToast:e})=>(0,ne.jsx)(fr,{children:t.map(n=>(0,ne.jsx)(hr,{ref:o=>{o&&eo.set(n.id,o)},status:n.status,onToastClose:()=>e(n.id),children:n.message},n.id))}),cf=({children:t})=>{let[e,n]=(0,tt.useState)([]),o=(0,tt.useCallback)((i,l="error")=>{let a=++Vs;n(d=>[...d,{id:a,message:i,status:l}]),requestAnimationFrame(()=>{let d=eo.get(a);d&&"show"in d&&d.show()})},[]),r=(0,tt.useCallback)(i=>{n(l=>l.filter(a=>a.id!==i)),eo.delete(i)},[]),s=(0,tt.useMemo)(()=>({showToast:o}),[o]);return(0,ne.jsxs)(br.Provider,{value:s,children:[t,(0,ne.jsx)(Ks,{toasts:e,removeToast:r})]})},df=()=>{let t=(0,tt.useContext)(br);if(!t)throw new Error("useToast must be used within a ToastProvider");return t};})();
+      ${x(Hs)}
+    `];c([u({type:String})],Q.prototype,"content",2);c([u({type:String,reflect:!0})],Q.prototype,"side",2);c([u({type:Number})],Q.prototype,"sideOffset",2);c([u({type:Number})],Q.prototype,"delay",2);c([u({type:Boolean,reflect:!0})],Q.prototype,"arrow",2);c([u({type:Boolean,reflect:!0})],Q.prototype,"controlled",2);c([u({type:Boolean,reflect:!0})],Q.prototype,"open",2);customElements.get(Cn)||customElements.define(Cn,Q);var js=A(k(),1),lf=y({tagName:Cn,elementClass:Q,react:js,displayName:"KittlTooltip"});var tt=A(k(),1);var ne=A(to(),1),br=(0,tt.createContext)(void 0),Ks=0,eo=new Map,Fs=({toasts:t,removeToast:e})=>(0,ne.jsx)(fr,{children:t.map(n=>(0,ne.jsx)(hr,{ref:o=>{o&&eo.set(n.id,o)},status:n.status,onToastClose:()=>e(n.id),children:n.message},n.id))}),ff=({children:t})=>{let[e,n]=(0,tt.useState)([]),o=(0,tt.useCallback)((i,l="error")=>{let a=++Ks;n(d=>[...d,{id:a,message:i,status:l}]),requestAnimationFrame(()=>{let d=eo.get(a);d&&"show"in d&&d.show()})},[]),r=(0,tt.useCallback)(i=>{n(l=>l.filter(a=>a.id!==i)),eo.delete(i)},[]),s=(0,tt.useMemo)(()=>({showToast:o}),[o]);return(0,ne.jsxs)(br.Provider,{value:s,children:[t,(0,ne.jsx)(Fs,{toasts:e,removeToast:r})]})},mf=()=>{let t=(0,tt.useContext)(br);if(!t)throw new Error("useToast must be used within a ToastProvider");return t};})();
 /*! Bundled license information:
 
 react/cjs/react.production.js:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kittl/ui-react",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -128,7 +128,7 @@
   },
   "dependencies": {
     "@lit/react": "1.0.8",
-    "@kittl/ui": "0.0.4"
+    "@kittl/ui": "0.0.5"
   },
   "peerDependencies": {
     "react": "19.0.0",