@florid-kit/components 0.7.0 → 0.7.2

package/index.js

@@ -12,11 +12,11 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */const J=globalThis,at=J.trustedTypes,It=at?at.createPolicy("lit-html",{createHTML:o=>o}):void 0,Tt="$lit$",P=`lit$${Math.random().toFixed(9).slice(2)}$`,jt="?"+P,Jt=`<${jt}>`,T=document,Y=()=>T.createComment(""),Q=o=>o===null||typeof o!="object"&&typeof o!="function",$t=Array.isArray,Yt=o=>$t(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",pt=`[ 	
 \f\r]`,K=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Pt=/-->/g,Ot=/>/g,D=RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),Bt=/'/g,zt=/"/g,Ut=/^(?:script|style|textarea|title)$/i,Qt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),c=Qt(1),j=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Dt=new WeakMap,H=T.createTreeWalker(T,129);function Nt(o,t){if(!$t(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return It!==void 0?It.createHTML(t):t}const te=(o,t)=>{const e=o.length-1,n=[];let i,s=t===2?"<svg>":t===3?"<math>":"",r=K;for(let h=0;h<e;h++){const l=o[h];let v,f,p=-1,A=0;for(;A<l.length&&(r.lastIndex=A,f=r.exec(l),f!==null);)A=r.lastIndex,r===K?f[1]==="!--"?r=Pt:f[1]!==void 0?r=Ot:f[2]!==void 0?(Ut.test(f[2])&&(i=RegExp("</"+f[2],"g")),r=D):f[3]!==void 0&&(r=D):r===D?f[0]===">"?(r=i??K,p=-1):f[1]===void 0?p=-2:(p=r.lastIndex-f[2].length,v=f[1],r=f[3]===void 0?D:f[3]==='"'?zt:Bt):r===zt||r===Bt?r=D:r===Pt||r===Ot?r=K:(r=D,i=void 0);const I=r===D&&o[h+1].startsWith("/>")?" ":"";s+=r===K?l+Jt:p>=0?(n.push(v),l.slice(0,p)+Tt+l.slice(p)+P+I):l+P+(p===-2?h:I)}return[Nt(o,s+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class tt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let s=0,r=0;const h=t.length-1,l=this.parts,[v,f]=te(t,e);if(this.el=tt.createElement(v,n),H.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=H.nextNode())!==null&&l.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Tt)){const A=f[r++],I=i.getAttribute(p).split(P),nt=/([.?@])?(.*)/.exec(A);l.push({type:1,index:s,name:nt[2],strings:I,ctor:nt[1]==="."?oe:nt[1]==="?"?ie:nt[1]==="@"?ne:lt}),i.removeAttribute(p)}else p.startsWith(P)&&(l.push({type:6,index:s}),i.removeAttribute(p));if(Ut.test(i.tagName)){const p=i.textContent.split(P),A=p.length-1;if(A>0){i.textContent=at?at.emptyScript:"";for(let I=0;I<A;I++)i.append(p[I],Y()),H.nextNode(),l.push({type:2,index:++s});i.append(p[A],Y())}}}else if(i.nodeType===8)if(i.data===jt)l.push({type:2,index:s});else{let p=-1;for(;(p=i.data.indexOf(P,p+1))!==-1;)l.push({type:7,index:s}),p+=P.length-1}s++}}static createElement(t,e){const n=T.createElement("template");return n.innerHTML=t,n}}function V(o,t,e=o,n){var r,h;if(t===j)return t;let i=n!==void 0?(r=e._$Co)==null?void 0:r[n]:e._$Cl;const s=Q(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),s===void 0?i=void 0:(i=new s(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=V(o,i._$AS(o,t.values),i,n)),t}class ee{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,i=((t==null?void 0:t.creationScope)??T).importNode(e,!0);H.currentNode=i;let s=H.nextNode(),r=0,h=0,l=n[0];for(;l!==void 0;){if(r===l.index){let v;l.type===2?v=new it(s,s.nextSibling,this,t):l.type===1?v=new l.ctor(s,l.name,l.strings,this,t):l.type===6&&(v=new re(s,this,t)),this._$AV.push(v),l=n[++h]}r!==(l==null?void 0:l.index)&&(s=H.nextNode(),r++)}return H.currentNode=T,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class it{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=V(this,t,e),Q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==j&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Yt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&Q(this._$AH)?this._$AA.nextSibling.data=t:this.T(T.createTextNode(t)),this._$AH=t}$(t){var s;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=tt.createElement(Nt(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(e);else{const r=new ee(i,this),h=r.u(this.options);r.p(e),this.T(h),this._$AH=r}}_$AC(t){let e=Dt.get(t.strings);return e===void 0&&Dt.set(t.strings,e=new tt(t)),e}k(t){$t(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const s of t)i===e.length?e.push(n=new it(this.O(Y()),this.O(Y()),this,this.options)):n=e[i],n._$AI(s),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const s=this.strings;let r=!1;if(s===void 0)t=V(this,t,e,0),r=!Q(t)||t!==this._$AH&&t!==j,r&&(this._$AH=t);else{const h=t;let l,v;for(t=s[0],l=0;l<s.length-1;l++)v=V(this,h[n+l],e,l),v===j&&(v=this._$AH[l]),r||(r=!Q(v)||v!==this._$AH[l]),v===d?t=d:t!==d&&(t+=(v??"")+s[l+1]),this._$AH[l]=v}r&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class oe extends lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ie extends lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class ne extends lt{constructor(t,e,n,i,s){super(t,e,n,i,s),this.type=5}_$AI(t,e=this){if((t=V(this,t,e,0)??d)===j)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class re{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){V(this,t)}}const ut=J.litHtmlPolyfillSupport;ut==null||ut(tt,it),(J.litHtmlVersions??(J.litHtmlVersions=[])).push("3.3.0");const se=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const s=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new it(t.insertBefore(Y(),s),s,void 0,e??{})}return i._$AI(o),i};/**
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Bt=/'/g,zt=/"/g,Ut=/^(?:script|style|textarea|title)$/i,Qt=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),c=Qt(1),j=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Dt=new WeakMap,H=T.createTreeWalker(T,129);function Nt(o,t){if(!$t(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return It!==void 0?It.createHTML(t):t}const te=(o,t)=>{const e=o.length-1,n=[];let i,s=t===2?"<svg>":t===3?"<math>":"",r=K;for(let h=0;h<e;h++){const l=o[h];let v,b,p=-1,A=0;for(;A<l.length&&(r.lastIndex=A,b=r.exec(l),b!==null);)A=r.lastIndex,r===K?b[1]==="!--"?r=Pt:b[1]!==void 0?r=Ot:b[2]!==void 0?(Ut.test(b[2])&&(i=RegExp("</"+b[2],"g")),r=D):b[3]!==void 0&&(r=D):r===D?b[0]===">"?(r=i??K,p=-1):b[1]===void 0?p=-2:(p=r.lastIndex-b[2].length,v=b[1],r=b[3]===void 0?D:b[3]==='"'?zt:Bt):r===zt||r===Bt?r=D:r===Pt||r===Ot?r=K:(r=D,i=void 0);const I=r===D&&o[h+1].startsWith("/>")?" ":"";s+=r===K?l+Jt:p>=0?(n.push(v),l.slice(0,p)+Tt+l.slice(p)+P+I):l+P+(p===-2?h:I)}return[Nt(o,s+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class tt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let s=0,r=0;const h=t.length-1,l=this.parts,[v,b]=te(t,e);if(this.el=tt.createElement(v,n),H.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=H.nextNode())!==null&&l.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Tt)){const A=b[r++],I=i.getAttribute(p).split(P),nt=/([.?@])?(.*)/.exec(A);l.push({type:1,index:s,name:nt[2],strings:I,ctor:nt[1]==="."?oe:nt[1]==="?"?ie:nt[1]==="@"?ne:lt}),i.removeAttribute(p)}else p.startsWith(P)&&(l.push({type:6,index:s}),i.removeAttribute(p));if(Ut.test(i.tagName)){const p=i.textContent.split(P),A=p.length-1;if(A>0){i.textContent=at?at.emptyScript:"";for(let I=0;I<A;I++)i.append(p[I],Y()),H.nextNode(),l.push({type:2,index:++s});i.append(p[A],Y())}}}else if(i.nodeType===8)if(i.data===jt)l.push({type:2,index:s});else{let p=-1;for(;(p=i.data.indexOf(P,p+1))!==-1;)l.push({type:7,index:s}),p+=P.length-1}s++}}static createElement(t,e){const n=T.createElement("template");return n.innerHTML=t,n}}function V(o,t,e=o,n){var r,h;if(t===j)return t;let i=n!==void 0?(r=e._$Co)==null?void 0:r[n]:e._$Cl;const s=Q(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==s&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),s===void 0?i=void 0:(i=new s(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=V(o,i._$AS(o,t.values),i,n)),t}class ee{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,i=((t==null?void 0:t.creationScope)??T).importNode(e,!0);H.currentNode=i;let s=H.nextNode(),r=0,h=0,l=n[0];for(;l!==void 0;){if(r===l.index){let v;l.type===2?v=new it(s,s.nextSibling,this,t):l.type===1?v=new l.ctor(s,l.name,l.strings,this,t):l.type===6&&(v=new re(s,this,t)),this._$AV.push(v),l=n[++h]}r!==(l==null?void 0:l.index)&&(s=H.nextNode(),r++)}return H.currentNode=T,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class it{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=V(this,t,e),Q(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==j&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Yt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&Q(this._$AH)?this._$AA.nextSibling.data=t:this.T(T.createTextNode(t)),this._$AH=t}$(t){var s;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=tt.createElement(Nt(n.h,n.h[0]),this.options)),n);if(((s=this._$AH)==null?void 0:s._$AD)===i)this._$AH.p(e);else{const r=new ee(i,this),h=r.u(this.options);r.p(e),this.T(h),this._$AH=r}}_$AC(t){let e=Dt.get(t.strings);return e===void 0&&Dt.set(t.strings,e=new tt(t)),e}k(t){$t(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const s of t)i===e.length?e.push(n=new it(this.O(Y()),this.O(Y()),this,this.options)):n=e[i],n._$AI(s),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,s){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const s=this.strings;let r=!1;if(s===void 0)t=V(this,t,e,0),r=!Q(t)||t!==this._$AH&&t!==j,r&&(this._$AH=t);else{const h=t;let l,v;for(t=s[0],l=0;l<s.length-1;l++)v=V(this,h[n+l],e,l),v===j&&(v=this._$AH[l]),r||(r=!Q(v)||v!==this._$AH[l]),v===d?t=d:t!==d&&(t+=(v??"")+s[l+1]),this._$AH[l]=v}r&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class oe extends lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ie extends lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class ne extends lt{constructor(t,e,n,i,s){super(t,e,n,i,s),this.type=5}_$AI(t,e=this){if((t=V(this,t,e,0)??d)===j)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,s=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class re{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){V(this,t)}}const ut=J.litHtmlPolyfillSupport;ut==null||ut(tt,it),(J.litHtmlVersions??(J.litHtmlVersions=[])).push("3.3.0");const se=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const s=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new it(t.insertBefore(Y(),s),s,void 0,e??{})}return i._$AI(o),i};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const M=globalThis;let b=class extends R{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=se(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return j}};var Ht;b._$litElement$=!0,b.finalized=!0,(Ht=M.litElementHydrateSupport)==null||Ht.call(M,{LitElement:b});const vt=M.litElementPolyfillSupport;vt==null||vt({LitElement:b});(M.litElementVersions??(M.litElementVersions=[])).push("4.2.0");/**
+ */const M=globalThis;let f=class extends R{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=se(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return j}};var Ht;f._$litElement$=!0,f.finalized=!0,(Ht=M.litElementHydrateSupport)==null||Ht.call(M,{LitElement:f});const vt=M.litElementPolyfillSupport;vt==null||vt({LitElement:f});(M.litElementVersions??(M.litElementVersions=[])).push("4.2.0");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -56,10 +56,10 @@
 `,ge=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
 </svg>
-`,fe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
 </svg>
-`,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`,fe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
 </svg>
 `,ye=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -118,7 +118,7 @@
 `,Pe=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
 </svg>
-`,q={wishlist:pe,playerv:ue,chevronRight:ve,chevronLeft:ge,icoPlus:_e,icoMinus:Ce,"star-0":fe,"star-25":be,"star-50":ye,"star-75":me,"star-100":we,cross:xe,search:$e,arrowLeft:ke,arrowTop:Ae,cart:Ee,notifyme:Se,triangledown:Le,triangleup:Ie,checkstroke:Pe};/**
+`,q={wishlist:pe,playerv:ue,chevronRight:ve,chevronLeft:ge,icoPlus:_e,icoMinus:Ce,"star-0":be,"star-25":fe,"star-50":ye,"star-75":me,"star-100":we,cross:xe,search:$e,arrowLeft:ke,arrowTop:Ae,cart:Ee,notifyme:Se,triangledown:Le,triangleup:Ie,checkstroke:Pe};/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -126,11 +126,11 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class ft extends ze{constructor(t){if(super(t),this.it=d,t.type!==Oe.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===j)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}ft.directiveName="unsafeHTML",ft.resultType=1;/**
+ */class bt extends ze{constructor(t){if(super(t),this.it=d,t.type!==Oe.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===j)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}bt.directiveName="unsafeHTML",bt.resultType=1;/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class bt extends ft{}bt.directiveName="unsafeSVG",bt.resultType=2;const B=Be(bt);var De=Object.defineProperty,He=Object.getOwnPropertyDescriptor,m=(o,t,e,n)=>{for(var i=n>1?void 0:n?He(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&De(t,e,i),i};const Me=he(b);let u=class extends Me{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[_t].form}handleClick(){if(this.panelTarget){const o=document.getElementById(this.panelTarget);o!=null&&o.openPanel&&typeof o.openPanel=="function"?o.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=q[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return c`<span class="${o==="start"?"icon-start":"icon-end"}">${B(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return c`
+ */class ft extends bt{}ft.directiveName="unsafeSVG",ft.resultType=2;const B=Be(ft);var De=Object.defineProperty,He=Object.getOwnPropertyDescriptor,m=(o,t,e,n)=>{for(var i=n>1?void 0:n?He(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&De(t,e,i),i};const Me=he(f);let u=class extends Me{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[_t].form}handleClick(){if(this.panelTarget){const o=document.getElementById(this.panelTarget);o!=null&&o.openPanel&&typeof o.openPanel=="function"?o.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=q[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return c`<span class="${o==="start"?"icon-start":"icon-end"}">${B(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return c`
       <button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
           ${this.startIcon?this.renderIcon("start"):d}
           ${o?c`
@@ -310,7 +310,7 @@
       transform: translateX(4px);
     }
     //End icon movment on hover
-  `;m([a()],u.prototype,"type",2);m([a({reflect:!0})],u.prototype,"value",2);m([a({type:String,reflect:!0})],u.prototype,"variant",2);m([a({type:String})],u.prototype,"text",2);m([a({type:String})],u.prototype,"textsecond",2);m([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);m([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);m([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);m([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);m([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);m([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);m([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);m([a({type:String})],u.prototype,"href",2);m([a({type:String})],u.prototype,"target",2);u=m([$("o-button")],u);var Te=Object.defineProperty,je=Object.getOwnPropertyDescriptor,ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Te(t,e,i),i};let Z=class extends b{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=q.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return c`
+  `;m([a()],u.prototype,"type",2);m([a({reflect:!0})],u.prototype,"value",2);m([a({type:String,reflect:!0})],u.prototype,"variant",2);m([a({type:String})],u.prototype,"text",2);m([a({type:String})],u.prototype,"textsecond",2);m([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);m([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);m([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);m([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);m([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);m([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);m([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);m([a({type:String})],u.prototype,"href",2);m([a({type:String})],u.prototype,"target",2);u=m([$("o-button")],u);var Te=Object.defineProperty,je=Object.getOwnPropertyDescriptor,ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Te(t,e,i),i};let Z=class extends f{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=q.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return c`
 			<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
 				<span class="sr-only">${this.label}</span>
 				${B(o)}
@@ -379,7 +379,7 @@
 			width: 0.1rem !important;
 			white-space: nowrap !important;
 		}
-	`;ct([a({type:String,reflect:!0})],Z.prototype,"status",2);ct([a({type:String,reflect:!0})],Z.prototype,"ariaDescribedBy",2);ct([a({type:String,reflect:!0})],Z.prototype,"label",2);Z=ct([$("o-wishlist-button")],Z);var Ue=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,z=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ne(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ue(t,e,i),i};let C=class extends b{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=q[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return c`
+	`;ct([a({type:String,reflect:!0})],Z.prototype,"status",2);ct([a({type:String,reflect:!0})],Z.prototype,"ariaDescribedBy",2);ct([a({type:String,reflect:!0})],Z.prototype,"label",2);Z=ct([$("o-wishlist-button")],Z);var Ue=Object.defineProperty,Ne=Object.getOwnPropertyDescriptor,z=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ne(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ue(t,e,i),i};let C=class extends f{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=q[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return c`
 			${this.type==="span"?c`
 				<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">	
 					${B(e)}
@@ -597,7 +597,7 @@
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const G=o=>o??d;var Fe=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?Re(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Fe(t,e,i),i};let E=class extends b{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return c`
+ */const G=o=>o??d;var Fe=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?Re(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Fe(t,e,i),i};let E=class extends f{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return c`
             <a 
                 href="${o}" 
                 target="${G(this.target||void 0)}"
@@ -710,7 +710,7 @@
             height: 1px;
         }
         /* End of underline effect */
-    `;N([a({type:String})],E.prototype,"href",2);N([a({type:String})],E.prototype,"target",2);N([a({type:String,reflect:!0})],E.prototype,"template",2);N([a({type:Boolean,reflect:!0})],E.prototype,"inverse",2);N([a({type:Boolean,reflect:!0})],E.prototype,"endIcon",2);N([a({type:Boolean,reflect:!0})],E.prototype,"reverseEndIcon",2);E=N([$("o-link")],E);var Ve=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ze(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ve(t,e,i),i};let W=class extends b{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return c`
+    `;N([a({type:String})],E.prototype,"href",2);N([a({type:String})],E.prototype,"target",2);N([a({type:String,reflect:!0})],E.prototype,"template",2);N([a({type:Boolean,reflect:!0})],E.prototype,"inverse",2);N([a({type:Boolean,reflect:!0})],E.prototype,"endIcon",2);N([a({type:Boolean,reflect:!0})],E.prototype,"reverseEndIcon",2);E=N([$("o-link")],E);var Ve=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ze(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ve(t,e,i),i};let W=class extends f{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return c`
 			<div class="rating">
 			<div class="stars">
 				${o.map(t=>c`<span class="star">${B(q[t]??"")}</span>`)}
@@ -750,7 +750,7 @@
 			text-decoration: underline;
 			cursor: pointer;
 		}
-	`;ht([a({type:Number})],W.prototype,"rating",2);ht([a({type:String})],W.prototype,"reviewCount",2);ht([a({type:String})],W.prototype,"href",2);W=ht([$("o-rating")],W);var We=Object.defineProperty,qe=Object.getOwnPropertyDescriptor,y=(o,t,e,n)=>{for(var i=n>1?void 0:n?qe(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&We(t,e,i),i};let g=class extends b{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],n=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),n.focus()):!o.shiftKey&&document.activeElement===n&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return c`
+	`;ht([a({type:Number})],W.prototype,"rating",2);ht([a({type:String})],W.prototype,"reviewCount",2);ht([a({type:String})],W.prototype,"href",2);W=ht([$("o-rating")],W);var We=Object.defineProperty,qe=Object.getOwnPropertyDescriptor,y=(o,t,e,n)=>{for(var i=n>1?void 0:n?qe(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&We(t,e,i),i};let g=class extends f{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(o){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],n=t[t.length-1];o.shiftKey&&document.activeElement===e?(o.preventDefault(),n.focus()):!o.shiftKey&&document.activeElement===n&&(o.preventDefault(),e.focus())}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");return o?Array.from(o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const o=this.getFocusableElements()[0];o==null||o.focus()})}closePanel(){var o;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(o=this.previousFocusedElement)==null||o.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return c`
 			<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
 			<div
 				class="panel"
@@ -936,7 +936,7 @@
 				--line-height: var(--line-height-280);
 			}
 		}
-	`;y([a({type:Boolean,reflect:!0})],g.prototype,"open",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);y([a({type:String,reflect:!0})],g.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);y([a({type:Function})],g.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],g.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"secondaryButtonVariant",2);y([a({type:Function})],g.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],g.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],g.prototype,"initialized",2);g=y([$("o-side-panel")],g);var Ke=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,F=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ge(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ke(t,e,i),i};let S=class extends b{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=c`
+	`;y([a({type:Boolean,reflect:!0})],g.prototype,"open",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);y([a({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);y([a({type:String,reflect:!0})],g.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);y([a({type:Function})],g.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],g.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],g.prototype,"secondaryButtonVariant",2);y([a({type:Function})],g.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],g.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],g.prototype,"initialized",2);g=y([$("o-side-panel")],g);var Ke=Object.defineProperty,Ge=Object.getOwnPropertyDescriptor,F=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ge(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ke(t,e,i),i};let S=class extends f{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=c`
     <o-icon-button
       icon="playerv"
       size="xsmall"
@@ -1067,7 +1067,7 @@
       height: 0;
       width: 0;
     }
-  `;F([a({type:Array})],S.prototype,"thumbnails",2);F([a({type:Number})],S.prototype,"activeIndex",2);F([a({type:Array})],S.prototype,"disabledIndexes",2);F([a({type:String})],S.prototype,"maxWidth",2);F([a({type:Object})],S.prototype,"swiperInstance",2);F([U()],S.prototype,"focusedIndex",2);S=F([$("thumbnail-navigation")],S);var Xe=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,Ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?Je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Xe(t,e,i),i};let et=class extends b{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return c`
+  `;F([a({type:Array})],S.prototype,"thumbnails",2);F([a({type:Number})],S.prototype,"activeIndex",2);F([a({type:Array})],S.prototype,"disabledIndexes",2);F([a({type:String})],S.prototype,"maxWidth",2);F([a({type:Object})],S.prototype,"swiperInstance",2);F([U()],S.prototype,"focusedIndex",2);S=F([$("thumbnail-navigation")],S);var Xe=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,Ct=(o,t,e,n)=>{for(var i=n>1?void 0:n?Je(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Xe(t,e,i),i};let et=class extends f{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return c`
       <span class="tag ${this.bgstyle}"><slot></slot></span>
     `}};et.styles=w`
     .tag {
@@ -1124,7 +1124,7 @@
       background-color: var(--color-content-success);
     }
 
-  `;Ct([a({type:String,reflect:!0})],et.prototype,"type",2);Ct([a({type:String,reflect:!0})],et.prototype,"bgstyle",2);et=Ct([$("o-tag")],et);var Ye=Object.defineProperty,Qe=Object.getOwnPropertyDescriptor,kt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qe(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ye(t,e,i),i};let ot=class extends b{constructor(){super(...arguments),this.type="top",this.text=""}render(){return c`
+  `;Ct([a({type:String,reflect:!0})],et.prototype,"type",2);Ct([a({type:String,reflect:!0})],et.prototype,"bgstyle",2);et=Ct([$("o-tag")],et);var Ye=Object.defineProperty,Qe=Object.getOwnPropertyDescriptor,kt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qe(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&Ye(t,e,i),i};let ot=class extends f{constructor(){super(...arguments),this.type="top",this.text=""}render(){return c`
       <div class="tooltip">
         <span class="tooltiptext">${this.text}</span>
         <slot></slot>
@@ -1221,7 +1221,7 @@
     border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
   }
       
-  `;kt([a({type:String,reflect:!0})],ot.prototype,"type",2);kt([a({type:String,reflect:!0})],ot.prototype,"text",2);ot=kt([$("o-tooltip")],ot);var to=Object.defineProperty,eo=Object.getOwnPropertyDescriptor,L=(o,t,e,n)=>{for(var i=n>1?void 0:n?eo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&to(t,e,i),i};let _=class extends b{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)},this.menuWidth=""}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled&&(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto")){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}}))}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length;break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length;break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=q.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return c`
+  `;kt([a({type:String,reflect:!0})],ot.prototype,"type",2);kt([a({type:String,reflect:!0})],ot.prototype,"text",2);ot=kt([$("o-tooltip")],ot);var to=Object.defineProperty,eo=Object.getOwnPropertyDescriptor,L=(o,t,e,n)=>{for(var i=n>1?void 0:n?eo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&to(t,e,i),i};let _=class extends f{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)},this.menuWidth=""}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled&&(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto")){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}}))}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length;break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length;break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=q.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return c`
       <button
         @click=${this.toggle}
         @keydown=${this.handleKeydown}
@@ -1296,6 +1296,14 @@
           color: var(--color-content-disabled);
         }
 			}
+
+      &:hover {
+				border: var(--border-m) solid var(--color-border-primary);
+			}
+
+			&[aria-expanded="true"] {
+				border: var(--border-l) solid var(--color-border-primary);
+			}
 		}
 
 		ul {
@@ -1387,7 +1395,7 @@
 		input[type="hidden"] {
 			display: none;
 		}
-	`;L([a({type:Array,reflect:!0})],_.prototype,"options",2);L([a({type:String,reflect:!0})],_.prototype,"value",2);L([a({type:String,reflect:!0})],_.prototype,"name",2);L([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);L([a({type:String,reflect:!0})],_.prototype,"width",2);L([U()],_.prototype,"open",2);L([U()],_.prototype,"activeIndex",2);L([U()],_.prototype,"menuWidth",2);_=L([$("o-dropdown")],_);var oo=Object.getOwnPropertyDescriptor,io=(o,t,e,n)=>{for(var i=n>1?void 0:n?oo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=r(i)||i);return i};let yt=class extends b{render(){return c` <span class="dots"></span> `}};yt.styles=w`
+	`;L([a({type:Array,reflect:!0})],_.prototype,"options",2);L([a({type:String,reflect:!0})],_.prototype,"value",2);L([a({type:String,reflect:!0})],_.prototype,"name",2);L([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);L([a({type:String,reflect:!0})],_.prototype,"width",2);L([U()],_.prototype,"open",2);L([U()],_.prototype,"activeIndex",2);L([U()],_.prototype,"menuWidth",2);_=L([$("o-dropdown")],_);var oo=Object.getOwnPropertyDescriptor,io=(o,t,e,n)=>{for(var i=n>1?void 0:n?oo(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=r(i)||i);return i};let yt=class extends f{render(){return c` <span class="dots"></span> `}};yt.styles=w`
     :host {
       display: flex;
       align-items: center;
@@ -1401,6 +1409,7 @@
         border-radius: 50%;
         cursor: pointer;
         border: 1px solid var(--color-border-primary);
+        box-sizing: border-box;
         background-color: var(--color-container-action-secondary-default);
       }
     }
@@ -1437,7 +1446,7 @@
         background-color: var(--color-container-action-primary-pressed);
       }
     }
-  `;yt=io([$("o-dots")],yt);var no=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,k=(o,t,e,n)=>{for(var i=n>1?void 0:n?ro(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&no(t,e,i),i};let x=class extends b{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)},this.menuWidth=""}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled&&(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto")){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}}))}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length;break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length;break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=q.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return c`
+  `;yt=io([$("o-dots")],yt);var no=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,k=(o,t,e,n)=>{for(var i=n>1?void 0:n?ro(t,e):t,s=o.length-1,r;s>=0;s--)(r=o[s])&&(i=(n?r(t,e,i):r(i))||i);return n&&i&&no(t,e,i),i};let x=class extends f{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)},this.menuWidth=""}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled&&(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto")){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}}))}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length;break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length;break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=q.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return c`
 			<button
 			@click=${this.toggle}
 			@keydown=${this.handleKeydown}
@@ -1531,9 +1540,13 @@
 				margin-right: var(--spacing-l);
 			}
 
-			&:hover, &[aria-expanded="true"] {
+			&:hover {
 				border: var(--border-m) solid var(--color-border-primary);
 			}
+
+			&[aria-expanded="true"] {
+				border: var(--border-l) solid var(--color-border-primary);
+			}
 		}
 
 		.label {
@@ -1561,7 +1574,6 @@
 			border-radius: var(--radius-200);
 			background-color: var(--color-container-action-secondary-default);
 			max-height: calc(5 * 40px);
-			overflow: hidden;
 		}
 
 		li {
@@ -1593,6 +1605,10 @@
 
 			&.disabled {
 				background-color: var(--color-container-disabled);
+
+				.label {
+					color: var(--color-content-disabled);
+				}
 			}
 
 			&:hover:not(.disabled) {

package/index.mjs

@@ -294,8 +294,8 @@ const te = (o, t) => {
   let i, s = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = K;
   for (let h = 0; h < e; h++) {
     const l = o[h];
-    let v, f, p = -1, A = 0;
-    for (; A < l.length && (r.lastIndex = A, f = r.exec(l), f !== null); ) A = r.lastIndex, r === K ? f[1] === "!--" ? r = Pt : f[1] !== void 0 ? r = Ot : f[2] !== void 0 ? (Ut.test(f[2]) && (i = RegExp("</" + f[2], "g")), r = D) : f[3] !== void 0 && (r = D) : r === D ? f[0] === ">" ? (r = i ?? K, p = -1) : f[1] === void 0 ? p = -2 : (p = r.lastIndex - f[2].length, v = f[1], r = f[3] === void 0 ? D : f[3] === '"' ? zt : Bt) : r === zt || r === Bt ? r = D : r === Pt || r === Ot ? r = K : (r = D, i = void 0);
+    let v, b, p = -1, A = 0;
+    for (; A < l.length && (r.lastIndex = A, b = r.exec(l), b !== null); ) A = r.lastIndex, r === K ? b[1] === "!--" ? r = Pt : b[1] !== void 0 ? r = Ot : b[2] !== void 0 ? (Ut.test(b[2]) && (i = RegExp("</" + b[2], "g")), r = D) : b[3] !== void 0 && (r = D) : r === D ? b[0] === ">" ? (r = i ?? K, p = -1) : b[1] === void 0 ? p = -2 : (p = r.lastIndex - b[2].length, v = b[1], r = b[3] === void 0 ? D : b[3] === '"' ? zt : Bt) : r === zt || r === Bt ? r = D : r === Pt || r === Ot ? r = K : (r = D, i = void 0);
     const I = r === D && o[h + 1].startsWith("/>") ? " " : "";
     s += r === K ? l + Jt : p >= 0 ? (n.push(v), l.slice(0, p) + Tt + l.slice(p) + P + I) : l + P + (p === -2 ? h : I);
   }
@@ -306,7 +306,7 @@ class tt {
     let i;
     this.parts = [];
     let s = 0, r = 0;
-    const h = t.length - 1, l = this.parts, [v, f] = te(t, e);
+    const h = t.length - 1, l = this.parts, [v, b] = te(t, e);
     if (this.el = tt.createElement(v, n), H.currentNode = this.el.content, e === 2 || e === 3) {
       const p = this.el.content.firstChild;
       p.replaceWith(...p.childNodes);
@@ -314,7 +314,7 @@ class tt {
     for (; (i = H.nextNode()) !== null && l.length < h; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(Tt)) {
-          const A = f[r++], I = i.getAttribute(p).split(P), nt = /([.?@])?(.*)/.exec(A);
+          const A = b[r++], I = i.getAttribute(p).split(P), nt = /([.?@])?(.*)/.exec(A);
           l.push({ type: 1, index: s, name: nt[2], strings: I, ctor: nt[1] === "." ? oe : nt[1] === "?" ? ie : nt[1] === "@" ? ne : lt }), i.removeAttribute(p);
         } else p.startsWith(P) && (l.push({ type: 6, index: s }), i.removeAttribute(p));
         if (Ut.test(i.tagName)) {
@@ -519,7 +519,7 @@ const se = (o, t, e) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const M = globalThis;
-let b = class extends R {
+let f = class extends R {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -545,9 +545,9 @@ let b = class extends R {
   }
 };
 var Ht;
-b._$litElement$ = !0, b.finalized = !0, (Ht = M.litElementHydrateSupport) == null || Ht.call(M, { LitElement: b });
+f._$litElement$ = !0, f.finalized = !0, (Ht = M.litElementHydrateSupport) == null || Ht.call(M, { LitElement: f });
 const vt = M.litElementPolyfillSupport;
-vt == null || vt({ LitElement: b });
+vt == null || vt({ LitElement: f });
 (M.litElementVersions ?? (M.litElementVersions = [])).push("4.2.0");
 /**
  * @license
@@ -668,10 +668,10 @@ const pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 `, ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
 </svg>
-`, fe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
 </svg>
-`, be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, fe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
 </svg>
 `, ye = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -737,8 +737,8 @@ const pe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
   chevronLeft: ge,
   icoPlus: _e,
   icoMinus: Ce,
-  "star-0": fe,
-  "star-25": be,
+  "star-0": be,
+  "star-25": fe,
   "star-50": ye,
   "star-75": me,
   "star-100": we,
@@ -779,7 +779,7 @@ class ze {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class ft extends ze {
+class bt extends ze {
   constructor(t) {
     if (super(t), this.it = d, t.type !== Oe.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
@@ -793,22 +793,22 @@ class ft extends ze {
     return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
   }
 }
-ft.directiveName = "unsafeHTML", ft.resultType = 1;
+bt.directiveName = "unsafeHTML", bt.resultType = 1;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class bt extends ft {
+class ft extends bt {
 }
-bt.directiveName = "unsafeSVG", bt.resultType = 2;
-const B = Be(bt);
+ft.directiveName = "unsafeSVG", ft.resultType = 2;
+const B = Be(ft);
 var De = Object.defineProperty, He = Object.getOwnPropertyDescriptor, m = (o, t, e, n) => {
   for (var i = n > 1 ? void 0 : n ? He(t, e) : t, s = o.length - 1, r; s >= 0; s--)
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && De(t, e, i), i;
 };
-const Me = he(b);
+const Me = he(f);
 let u = class extends Me {
   constructor() {
     super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.text = "", this.textsecond = "", this.fullwidth = !1, this.disabled = !1, this.startIconModel = "search", this.endIconModel = "chevronRight", this.startIcon = !1, this.endIcon = !1, this.panelTarget = "", this.href = "", this.target = "";
@@ -1082,7 +1082,7 @@ var Te = Object.defineProperty, je = Object.getOwnPropertyDescriptor, ct = (o, t
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && Te(t, e, i), i;
 };
-let Z = class extends b {
+let Z = class extends f {
   constructor() {
     super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist", this.toggleStatus = () => {
       this.status = this.status === "empty" ? "filled" : "empty", this.setAttribute("aria-pressed", String(this.status === "filled")), this.dispatchEvent(new CustomEvent("wishlist-toggle", {
@@ -1205,7 +1205,7 @@ var Ue = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, z = (o, t,
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && Ue(t, e, i), i;
 };
-let C = class extends b {
+let C = class extends f {
   constructor() {
     super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1;
   }
@@ -1470,7 +1470,7 @@ var Fe = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, N = (o, t,
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && Fe(t, e, i), i;
 };
-let E = class extends b {
+let E = class extends f {
   constructor() {
     super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
   }
@@ -1622,7 +1622,7 @@ var Ve = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, ht = (o, t
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && Ve(t, e, i), i;
 };
-let W = class extends b {
+let W = class extends f {
   constructor() {
     super(...arguments), this.rating = 0;
   }
@@ -1700,7 +1700,7 @@ var We = Object.defineProperty, qe = Object.getOwnPropertyDescriptor, y = (o, t,
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && We(t, e, i), i;
 };
-let g = class extends b {
+let g = class extends f {
   constructor() {
     super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.closeButtonLabel = "Close the modal", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.secondaryButtonLabel = "", this.secondaryButtonVariant = "secondary", this.disablePortal = !1, this.zIndex = 99, this.initialized = !1, this.previousFocusedElement = null, this.handleKeyDown = (o) => {
       this.open && (o.key === "Escape" ? this.closePanel() : o.key === "Tab" && this.trapFocus(o));
@@ -1993,7 +1993,7 @@ var Ke = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, F = (o, t,
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && Ke(t, e, i), i;
 };
-let S = class extends b {
+let S = class extends f {
   constructor() {
     super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.focusedIndex = 0, this.playerIconTemplate = c`
     <o-icon-button
@@ -2184,7 +2184,7 @@ var Xe = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, Ct = (o, t
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && Xe(t, e, i), i;
 };
-let et = class extends b {
+let et = class extends f {
   constructor() {
     super(...arguments), this.type = "", this.bgstyle = "background-white";
   }
@@ -2264,7 +2264,7 @@ var Ye = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, kt = (o, t
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && Ye(t, e, i), i;
 };
-let ot = class extends b {
+let ot = class extends f {
   constructor() {
     super(...arguments), this.type = "top", this.text = "";
   }
@@ -2384,7 +2384,7 @@ var to = Object.defineProperty, eo = Object.getOwnPropertyDescriptor, L = (o, t,
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && to(t, e, i), i;
 };
-let _ = class extends b {
+let _ = class extends f {
   constructor() {
     super(...arguments), this.options = [], this.value = "", this.name = "", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this._handleOutsideClick = (o) => {
       this.contains(o.target) || (this.open = !1, this.activeIndex = -1);
@@ -2518,6 +2518,14 @@ _.styles = w`
           color: var(--color-content-disabled);
         }
 			}
+
+      &:hover {
+				border: var(--border-m) solid var(--color-border-primary);
+			}
+
+			&[aria-expanded="true"] {
+				border: var(--border-l) solid var(--color-border-primary);
+			}
 		}
 
 		ul {
@@ -2642,7 +2650,7 @@ var oo = Object.getOwnPropertyDescriptor, io = (o, t, e, n) => {
     (r = o[s]) && (i = r(i) || i);
   return i;
 };
-let yt = class extends b {
+let yt = class extends f {
   render() {
     return c` <span class="dots"></span> `;
   }
@@ -2661,6 +2669,7 @@ yt.styles = w`
         border-radius: 50%;
         cursor: pointer;
         border: 1px solid var(--color-border-primary);
+        box-sizing: border-box;
         background-color: var(--color-container-action-secondary-default);
       }
     }
@@ -2706,7 +2715,7 @@ var no = Object.defineProperty, ro = Object.getOwnPropertyDescriptor, k = (o, t,
     (r = o[s]) && (i = (n ? r(t, e, i) : r(i)) || i);
   return n && i && no(t, e, i), i;
 };
-let x = class extends b {
+let x = class extends f {
   constructor() {
     super(...arguments), this.options = [], this.value = "", this.name = "", this.additionaltext = "+X variant(s)", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this._handleOutsideClick = (o) => {
       this.contains(o.target) || (this.open = !1, this.activeIndex = -1);
@@ -2865,9 +2874,13 @@ x.styles = w`
 				margin-right: var(--spacing-l);
 			}
 
-			&:hover, &[aria-expanded="true"] {
+			&:hover {
 				border: var(--border-m) solid var(--color-border-primary);
 			}
+
+			&[aria-expanded="true"] {
+				border: var(--border-l) solid var(--color-border-primary);
+			}
 		}
 
 		.label {
@@ -2895,7 +2908,6 @@ x.styles = w`
 			border-radius: var(--radius-200);
 			background-color: var(--color-container-action-secondary-default);
 			max-height: calc(5 * 40px);
-			overflow: hidden;
 		}
 
 		li {
@@ -2927,6 +2939,10 @@ x.styles = w`
 
 			&.disabled {
 				background-color: var(--color-container-disabled);
+
+				.label {
+					color: var(--color-content-disabled);
+				}
 			}
 
 			&:hover:not(.disabled) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@florid-kit/components",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",