kemet-ui 1.0.0 → 1.2.0

package/dist/kemet-components.min.js

@@ -8,19 +8,19 @@ const t=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShad
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */;var a;const l=window.trustedTypes,h=l?l.emptyScript:"",c=window.reactiveElementPolyfillSupport,d={toAttribute(t,e){switch(e){case Boolean:t=t?h:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},p=(t,e)=>e!==t&&(e==e||t==t),m={attribute:!0,type:String,converter:d,reflect:!1,hasChanged:p};class u extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,s)=>{const i=this._$Eh(s,e);void 0!==i&&(this._$Eu.set(i,s),t.push(i))})),t}static createProperty(t,e=m){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,s,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(i){const o=this[t];this[e]=i,this.requestUpdate(t,o,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of e)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(n(t))}else void 0!==t&&e.push(n(t));return e}static _$Eh(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ep=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,s;(null!==(e=this._$Eg)&&void 0!==e?e:this._$Eg=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var e;null===(e=this._$Eg)||void 0===e||e.splice(this._$Eg.indexOf(t)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Et.set(e,this[e]),delete this[e])}))}createRenderRoot(){var e;const s=null!==(e=this.shadowRoot)&&void 0!==e?e:this.attachShadow(this.constructor.shadowRootOptions);return((e,s)=>{t?e.adoptedStyleSheets=s.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):s.forEach((t=>{const s=document.createElement("style"),i=window.litNonce;void 0!==i&&s.setAttribute("nonce",i),s.textContent=t.cssText,e.appendChild(s)}))})(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ES(t,e,s=m){var i,o;const r=this.constructor._$Eh(t,s);if(void 0!==r&&!0===s.reflect){const n=(null!==(o=null===(i=s.converter)||void 0===i?void 0:i.toAttribute)&&void 0!==o?o:d.toAttribute)(e,s.type);this._$Ei=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$Ei=null}}_$AK(t,e){var s,i,o;const r=this.constructor,n=r._$Eu.get(t);if(void 0!==n&&this._$Ei!==n){const t=r.getPropertyOptions(n),a=t.converter,l=null!==(o=null!==(i=null===(s=a)||void 0===s?void 0:s.fromAttribute)&&void 0!==i?i:"function"==typeof a?a:null)&&void 0!==o?o:d.fromAttribute;this._$Ei=n,this[n]=l(e,t.type),this._$Ei=null}}requestUpdate(t,e,s){let i=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||p)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===s.reflect&&this._$Ei!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):i=!1),!this.isUpdatePending&&i&&(this._$Ep=this._$E_())}async _$E_(){this.isUpdatePending=!0;try{await this._$Ep}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,e)=>this[e]=t)),this._$Et=void 0);let e=!1;const s=this._$AL;try{e=this.shouldUpdate(s),e?(this.willUpdate(s),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(s)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(s)}willUpdate(t){}_$AE(t){var e;null===(e=this._$Eg)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$ES(e,this[e],t))),this._$EC=void 0),this._$EU()}updated(t){}firstUpdated(t){}}
+ */;var a;const l=window.trustedTypes,d=l?l.emptyScript:"",h=window.reactiveElementPolyfillSupport,c={toAttribute(t,e){switch(e){case Boolean:t=t?d:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},p=(t,e)=>e!==t&&(e==e||t==t),m={attribute:!0,type:String,converter:c,reflect:!1,hasChanged:p};class u extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,s)=>{const i=this._$Eh(s,e);void 0!==i&&(this._$Eu.set(i,s),t.push(i))})),t}static createProperty(t,e=m){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,s,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){return{get(){return this[e]},set(i){const o=this[t];this[e]=i,this.requestUpdate(t,o,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of e)this.createProperty(s,t[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(n(t))}else void 0!==t&&e.push(n(t));return e}static _$Eh(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ep=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,s;(null!==(e=this._$Eg)&&void 0!==e?e:this._$Eg=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t))}removeController(t){var e;null===(e=this._$Eg)||void 0===e||e.splice(this._$Eg.indexOf(t)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Et.set(e,this[e]),delete this[e])}))}createRenderRoot(){var e;const s=null!==(e=this.shadowRoot)&&void 0!==e?e:this.attachShadow(this.constructor.shadowRootOptions);return((e,s)=>{t?e.adoptedStyleSheets=s.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):s.forEach((t=>{const s=document.createElement("style"),i=window.litNonce;void 0!==i&&s.setAttribute("nonce",i),s.textContent=t.cssText,e.appendChild(s)}))})(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ES(t,e,s=m){var i,o;const r=this.constructor._$Eh(t,s);if(void 0!==r&&!0===s.reflect){const n=(null!==(o=null===(i=s.converter)||void 0===i?void 0:i.toAttribute)&&void 0!==o?o:c.toAttribute)(e,s.type);this._$Ei=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$Ei=null}}_$AK(t,e){var s,i,o;const r=this.constructor,n=r._$Eu.get(t);if(void 0!==n&&this._$Ei!==n){const t=r.getPropertyOptions(n),a=t.converter,l=null!==(o=null!==(i=null===(s=a)||void 0===s?void 0:s.fromAttribute)&&void 0!==i?i:"function"==typeof a?a:null)&&void 0!==o?o:c.fromAttribute;this._$Ei=n,this[n]=l(e,t.type),this._$Ei=null}}requestUpdate(t,e,s){let i=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||p)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===s.reflect&&this._$Ei!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):i=!1),!this.isUpdatePending&&i&&(this._$Ep=this._$E_())}async _$E_(){this.isUpdatePending=!0;try{await this._$Ep}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,e)=>this[e]=t)),this._$Et=void 0);let e=!1;const s=this._$AL;try{e=this.shouldUpdate(s),e?(this.willUpdate(s),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(s)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(s)}willUpdate(t){}_$AE(t){var e;null===(e=this._$Eg)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$ES(e,this[e],t))),this._$EC=void 0),this._$EU()}updated(t){}firstUpdated(t){}}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var f;u.finalized=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==c||c({ReactiveElement:u}),(null!==(a=globalThis.reactiveElementVersions)&&void 0!==a?a:globalThis.reactiveElementVersions=[]).push("1.3.2");const g=globalThis.trustedTypes,v=g?g.createPolicy("lit-html",{createHTML:t=>t}):void 0,b=`lit$${(Math.random()+"").slice(9)}$`,k="?"+b,y=`<${k}>`,w=document,x=(t="")=>w.createComment(t),$=t=>null===t||"object"!=typeof t&&"function"!=typeof t,E=Array.isArray,S=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,A=/>/g,C=/>|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g,z=/'/g,B=/"/g,L=/^(?:script|style|textarea|title)$/i,P=(t=>(e,...s)=>({_$litType$:t,strings:e,values:s}))(1),I=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),T=new WeakMap,U=w.createTreeWalker(w,129,null,!1),D=(t,e)=>{const s=t.length-1,i=[];let o,r=2===e?"<svg>":"",n=S;for(let e=0;e<s;e++){const s=t[e];let a,l,h=-1,c=0;for(;c<s.length&&(n.lastIndex=c,l=n.exec(s),null!==l);)c=n.lastIndex,n===S?"!--"===l[1]?n=_:void 0!==l[1]?n=A:void 0!==l[2]?(L.test(l[2])&&(o=RegExp("</"+l[2],"g")),n=C):void 0!==l[3]&&(n=C):n===C?">"===l[0]?(n=null!=o?o:S,h=-1):void 0===l[1]?h=-2:(h=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?C:'"'===l[3]?B:z):n===B||n===z?n=C:n===_||n===A?n=S:(n=C,o=void 0);const d=n===C&&t[e+1].startsWith("/>")?" ":"";r+=n===S?s+y:h>=0?(i.push(a),s.slice(0,h)+"$lit$"+s.slice(h)+b+d):s+b+(-2===h?(i.push(void 0),e):d)}const a=r+(t[s]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==v?v.createHTML(a):a,i]};class X{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let o=0,r=0;const n=t.length-1,a=this.parts,[l,h]=D(t,e);if(this.el=X.createElement(l,s),U.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=U.nextNode())&&a.length<n;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(b)){const s=h[r++];if(t.push(e),void 0!==s){const t=i.getAttribute(s.toLowerCase()+"$lit$").split(b),e=/([.?@])?(.*)/.exec(s);a.push({type:1,index:o,name:e[2],strings:t,ctor:"."===e[1]?M:"?"===e[1]?V:"@"===e[1]?F:Y})}else a.push({type:6,index:o})}for(const e of t)i.removeAttribute(e)}if(L.test(i.tagName)){const t=i.textContent.split(b),e=t.length-1;if(e>0){i.textContent=g?g.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],x()),U.nextNode(),a.push({type:2,index:++o});i.append(t[e],x())}}}else if(8===i.nodeType)if(i.data===k)a.push({type:2,index:o});else{let t=-1;for(;-1!==(t=i.data.indexOf(b,t+1));)a.push({type:7,index:o}),t+=b.length-1}o++}}static createElement(t,e){const s=w.createElement("template");return s.innerHTML=t,s}}function q(t,e,s=t,i){var o,r,n,a;if(e===I)return e;let l=void 0!==i?null===(o=s._$Cl)||void 0===o?void 0:o[i]:s._$Cu;const h=$(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==h&&(null===(r=null==l?void 0:l._$AO)||void 0===r||r.call(l,!1),void 0===h?l=void 0:(l=new h(t),l._$AT(t,s,i)),void 0!==i?(null!==(n=(a=s)._$Cl)&&void 0!==n?n:a._$Cl=[])[i]=l:s._$Cu=l),void 0!==l&&(e=q(t,l._$AS(t,e.values),l,i)),e}class R{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:s},parts:i}=this._$AD,o=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:w).importNode(s,!0);U.currentNode=o;let r=U.nextNode(),n=0,a=0,l=i[0];for(;void 0!==l;){if(n===l.index){let e;2===l.type?e=new H(r,r.nextSibling,this,t):1===l.type?e=new l.ctor(r,l.name,l.strings,this,t):6===l.type&&(e=new K(r,this,t)),this.v.push(e),l=i[++a]}n!==(null==l?void 0:l.index)&&(r=U.nextNode(),n++)}return o}m(t){let e=0;for(const s of this.v)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class H{constructor(t,e,s,i){var o;this.type=2,this._$AH=O,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cg=null===(o=null==i?void 0:i.isConnected)||void 0===o||o}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=q(this,t,e),$(t)?t===O||null==t||""===t?(this._$AH!==O&&this._$AR(),this._$AH=O):t!==this._$AH&&t!==I&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):(t=>{var e;return E(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.S(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==O&&$(this._$AH)?this._$AA.nextSibling.data=t:this.k(w.createTextNode(t)),this._$AH=t}T(t){var e;const{values:s,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=X.createElement(i.h,this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===o)this._$AH.m(s);else{const t=new R(o,this),e=t.p(this.options);t.m(s),this.k(e),this._$AH=t}}_$AC(t){let e=T.get(t.strings);return void 0===e&&T.set(t.strings,e=new X(t)),e}S(t){E(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const o of t)i===e.length?e.push(s=new H(this.M(x()),this.M(x()),this,this.options)):s=e[i],s._$AI(o),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class Y{constructor(t,e,s,i,o){this.type=1,this._$AH=O,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,s,i){const o=this.strings;let r=!1;if(void 0===o)t=q(this,t,e,0),r=!$(t)||t!==this._$AH&&t!==I,r&&(this._$AH=t);else{const i=t;let n,a;for(t=o[0],n=0;n<o.length-1;n++)a=q(this,i[s+n],e,n),a===I&&(a=this._$AH[n]),r||(r=!$(a)||a!==this._$AH[n]),a===O?t=O:t!==O&&(t+=(null!=a?a:"")+o[n+1]),this._$AH[n]=a}r&&!i&&this.C(t)}C(t){t===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class M extends Y{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===O?void 0:t}}const N=g?g.emptyScript:"";class V extends Y{constructor(){super(...arguments),this.type=4}C(t){t&&t!==O?this.element.setAttribute(this.name,N):this.element.removeAttribute(this.name)}}class F extends Y{constructor(t,e,s,i,o){super(t,e,s,i,o),this.type=5}_$AI(t,e=this){var s;if((t=null!==(s=q(this,t,e,0))&&void 0!==s?s:O)===I)return;const i=this._$AH,o=t===O&&i!==O||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==O&&(i===O||o);o&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class K{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){q(this,t)}}const j=window.litHtmlPolyfillSupport;
+var f;u.finalized=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:u}),(null!==(a=globalThis.reactiveElementVersions)&&void 0!==a?a:globalThis.reactiveElementVersions=[]).push("1.3.2");const g=globalThis.trustedTypes,v=g?g.createPolicy("lit-html",{createHTML:t=>t}):void 0,b=`lit$${(Math.random()+"").slice(9)}$`,k="?"+b,y=`<${k}>`,w=document,x=(t="")=>w.createComment(t),E=t=>null===t||"object"!=typeof t&&"function"!=typeof t,$=Array.isArray,S=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,C=/>/g,A=/>|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g,z=/'/g,L=/"/g,B=/^(?:script|style|textarea|title)$/i,P=(t=>(e,...s)=>({_$litType$:t,strings:e,values:s}))(1),I=Symbol.for("lit-noChange"),O=Symbol.for("lit-nothing"),T=new WeakMap,X=w.createTreeWalker(w,129,null,!1),U=(t,e)=>{const s=t.length-1,i=[];let o,r=2===e?"<svg>":"",n=S;for(let e=0;e<s;e++){const s=t[e];let a,l,d=-1,h=0;for(;h<s.length&&(n.lastIndex=h,l=n.exec(s),null!==l);)h=n.lastIndex,n===S?"!--"===l[1]?n=_:void 0!==l[1]?n=C:void 0!==l[2]?(B.test(l[2])&&(o=RegExp("</"+l[2],"g")),n=A):void 0!==l[3]&&(n=A):n===A?">"===l[0]?(n=null!=o?o:S,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?A:'"'===l[3]?L:z):n===L||n===z?n=A:n===_||n===C?n=S:(n=A,o=void 0);const c=n===A&&t[e+1].startsWith("/>")?" ":"";r+=n===S?s+y:d>=0?(i.push(a),s.slice(0,d)+"$lit$"+s.slice(d)+b+c):s+b+(-2===d?(i.push(void 0),e):c)}const a=r+(t[s]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==v?v.createHTML(a):a,i]};class D{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let o=0,r=0;const n=t.length-1,a=this.parts,[l,d]=U(t,e);if(this.el=D.createElement(l,s),X.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=X.nextNode())&&a.length<n;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(b)){const s=d[r++];if(t.push(e),void 0!==s){const t=i.getAttribute(s.toLowerCase()+"$lit$").split(b),e=/([.?@])?(.*)/.exec(s);a.push({type:1,index:o,name:e[2],strings:t,ctor:"."===e[1]?H:"?"===e[1]?V:"@"===e[1]?F:N})}else a.push({type:6,index:o})}for(const e of t)i.removeAttribute(e)}if(B.test(i.tagName)){const t=i.textContent.split(b),e=t.length-1;if(e>0){i.textContent=g?g.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],x()),X.nextNode(),a.push({type:2,index:++o});i.append(t[e],x())}}}else if(8===i.nodeType)if(i.data===k)a.push({type:2,index:o});else{let t=-1;for(;-1!==(t=i.data.indexOf(b,t+1));)a.push({type:7,index:o}),t+=b.length-1}o++}}static createElement(t,e){const s=w.createElement("template");return s.innerHTML=t,s}}function M(t,e,s=t,i){var o,r,n,a;if(e===I)return e;let l=void 0!==i?null===(o=s._$Cl)||void 0===o?void 0:o[i]:s._$Cu;const d=E(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==d&&(null===(r=null==l?void 0:l._$AO)||void 0===r||r.call(l,!1),void 0===d?l=void 0:(l=new d(t),l._$AT(t,s,i)),void 0!==i?(null!==(n=(a=s)._$Cl)&&void 0!==n?n:a._$Cl=[])[i]=l:s._$Cu=l),void 0!==l&&(e=M(t,l._$AS(t,e.values),l,i)),e}class q{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:s},parts:i}=this._$AD,o=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:w).importNode(s,!0);X.currentNode=o;let r=X.nextNode(),n=0,a=0,l=i[0];for(;void 0!==l;){if(n===l.index){let e;2===l.type?e=new R(r,r.nextSibling,this,t):1===l.type?e=new l.ctor(r,l.name,l.strings,this,t):6===l.type&&(e=new j(r,this,t)),this.v.push(e),l=i[++a]}n!==(null==l?void 0:l.index)&&(r=X.nextNode(),n++)}return o}m(t){let e=0;for(const s of this.v)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class R{constructor(t,e,s,i){var o;this.type=2,this._$AH=O,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cg=null===(o=null==i?void 0:i.isConnected)||void 0===o||o}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=M(this,t,e),E(t)?t===O||null==t||""===t?(this._$AH!==O&&this._$AR(),this._$AH=O):t!==this._$AH&&t!==I&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):(t=>{var e;return $(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.S(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==O&&E(this._$AH)?this._$AA.nextSibling.data=t:this.k(w.createTextNode(t)),this._$AH=t}T(t){var e;const{values:s,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=D.createElement(i.h,this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===o)this._$AH.m(s);else{const t=new q(o,this),e=t.p(this.options);t.m(s),this.k(e),this._$AH=t}}_$AC(t){let e=T.get(t.strings);return void 0===e&&T.set(t.strings,e=new D(t)),e}S(t){$(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const o of t)i===e.length?e.push(s=new R(this.M(x()),this.M(x()),this,this.options)):s=e[i],s._$AI(o),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class N{constructor(t,e,s,i,o){this.type=1,this._$AH=O,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=O}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,s,i){const o=this.strings;let r=!1;if(void 0===o)t=M(this,t,e,0),r=!E(t)||t!==this._$AH&&t!==I,r&&(this._$AH=t);else{const i=t;let n,a;for(t=o[0],n=0;n<o.length-1;n++)a=M(this,i[s+n],e,n),a===I&&(a=this._$AH[n]),r||(r=!E(a)||a!==this._$AH[n]),a===O?t=O:t!==O&&(t+=(null!=a?a:"")+o[n+1]),this._$AH[n]=a}r&&!i&&this.C(t)}C(t){t===O?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class H extends N{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===O?void 0:t}}const Y=g?g.emptyScript:"";class V extends N{constructor(){super(...arguments),this.type=4}C(t){t&&t!==O?this.element.setAttribute(this.name,Y):this.element.removeAttribute(this.name)}}class F extends N{constructor(t,e,s,i,o){super(t,e,s,i,o),this.type=5}_$AI(t,e=this){var s;if((t=null!==(s=M(this,t,e,0))&&void 0!==s?s:O)===I)return;const i=this._$AH,o=t===O&&i!==O||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==O&&(i===O||o);o&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t)}}class j{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){M(this,t)}}const K=window.litHtmlPolyfillSupport;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var Z,W;null==j||j(X,H),(null!==(f=globalThis.litHtmlVersions)&&void 0!==f?f:globalThis.litHtmlVersions=[]).push("2.2.3");class G extends u{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const s=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=s.firstChild),s}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=((t,e,s)=>{var i,o;const r=null!==(i=null==s?void 0:s.renderBefore)&&void 0!==i?i:e;let n=r._$litPart$;if(void 0===n){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;r._$litPart$=n=new H(e.insertBefore(x(),t),t,void 0,null!=s?s:{})}return n._$AI(t),n})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return I}}G.finalized=!0,G._$litElement$=!0,null===(Z=globalThis.litElementHydrateSupport)||void 0===Z||Z.call(globalThis,{LitElement:G});const J=globalThis.litElementPolyfillSupport;null==J||J({LitElement:G}),(null!==(W=globalThis.litElementVersions)&&void 0!==W?W:globalThis.litElementVersions=[]).push("3.2.0");customElements.get("kemet-icon")||customElements.define("kemet-icon",class extends G{static get properties(){return{icon:{type:String},set:{type:String},size:{type:Number}}}static get styles(){return[r`
+var W,Z;null==K||K(D,R),(null!==(f=globalThis.litHtmlVersions)&&void 0!==f?f:globalThis.litHtmlVersions=[]).push("2.2.3");class G extends u{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const s=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=s.firstChild),s}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=((t,e,s)=>{var i,o;const r=null!==(i=null==s?void 0:s.renderBefore)&&void 0!==i?i:e;let n=r._$litPart$;if(void 0===n){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;r._$litPart$=n=new R(e.insertBefore(x(),t),t,void 0,null!=s?s:{})}return n._$AI(t),n})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return I}}G.finalized=!0,G._$litElement$=!0,null===(W=globalThis.litElementHydrateSupport)||void 0===W||W.call(globalThis,{LitElement:G});const J=globalThis.litElementPolyfillSupport;null==J||J({LitElement:G}),(null!==(Z=globalThis.litElementVersions)&&void 0!==Z?Z:globalThis.litElementVersions=[]).push("3.2.0");customElements.get("kemet-icon")||customElements.define("kemet-icon",class extends G{static get properties(){return{icon:{type:String},set:{type:String},size:{type:Number}}}static get styles(){return[r`
         :host {
           display: inline-flex;
           align-items: center;
@@ -76,7 +76,44 @@ var Z,W;null==j||j(X,H),(null!==(f=globalThis.litHtmlVersions)&&void 0!==f?f:glo
         :host {
           display: block;
         }
-      `]}static get properties(){return{currentPanel:{type:Number},togglePanels:{type:Boolean,attribute:"toggle-panels"}}}constructor(){super(),this.togglePanels=!1,this.currentPanel=void 0,this.addEventListener("kemet-accordion-panel-opened",this.handlePanelOpened.bind(this))}firstUpdated(){this.onKeyDown=t=>this.handleKeyDown(t)}render(){return P`<slot @slotchange=${t=>this.handleSlotChange(t)}></slot>`}handleSlotChange(){this.panels=this.querySelectorAll("kemet-accordion-panel"),this.panels.forEach((t=>{t.removeEventListener("keydown",this.onKeyDown),t.addEventListener("keydown",this.onKeyDown)}))}handlePanelOpened(t){this.togglePanels&&this.panels.forEach((e=>{e!==t.detail&&(e.opened=!1)}))}navigatePanels(t){switch(t){case"home":this.currentPanel=0;break;case"end":this.currentPanel=this.panels.length-1;break;case"next":this.currentPanel+=1;break;case"prev":this.currentPanel-=1;break;default:this.currentPanelFocus=0}this.currentPanel>this.panels.length-1&&(this.currentPanel=0),this.currentPanel<0&&(this.currentPanel=this.panels.length-1),this.panels[this.currentPanel].shadowRoot.querySelector("button").focus()}handleKeyDown(t){switch(t.key){case"Enter":case"Space":t.preventDefault(),t.target.click();break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.navigatePanels("prev");break;case"ArrowRight":case"ArrowDown":t.preventDefault(),this.navigatePanels("next");break;case"End":t.preventDefault(),this.navigatePanels("end");break;case"Home":t.preventDefault(),this.navigatePanels("home")}}expandAll(){this.panels.forEach((t=>{t.opened=!0}))}collapseAll(){this.panels.forEach((t=>{t.opened=!1}))}});class Q{host;form;options;constructor(t,e){(this.host=t).addController(this),this.options={form:t=>t.closest("form"),name:t=>t.name,value:t=>t.value,disabled:t=>t.disabled,checkValidity:t=>"function"!=typeof t.checkValidity||t.checkValidity(),...e},this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this)}hostConnected(){this.form=this.options.form(this.host),this.form&&(this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit))}hostDisconnected(){this.form&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form=void 0)}handleFormData(t){const e=this.options.disabled(this.host),s=this.options.name(this.host),i=this.options.value(this.host);e||"string"!=typeof s||void 0===i||(Array.isArray(i)?i.forEach((e=>{t.formData.append(s,e.toString())})):t.formData.append(s,i.toString()))}handleFormSubmit(t){const e=this.options.disabled(this.host),s=this.options.checkValidity;if(this.form&&!this.form.noValidate&&!e&&!s(this.host)){t.preventDefault(),t.stopImmediatePropagation();this.form.querySelectorAll("kemet-input, kemet-textarea, kemet-select, kemet-checkbox, kemet-radios").forEach((t=>{t.checkValidity(),t.checkValidity()||(t.status="error",t.invalid=!0,t.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"error",validity:t.validity?t.validity:{},element:t}}))),t.checkLimitValidity&&!t.checkLimitValidity()&&(t.status="error",t.invalid=!0,t.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"error",validity:{passedLimit:!0},element:t}})))}))}}submit(){const t=document.createElement("button");this.form&&(t.type="submit",t.style.position="absolute",t.style.width="0",t.style.height="0",t.style.clip="rect(0 0 0 0)",t.style.clipPath="inset(50%)",t.style.overflow="hidden",t.style.whiteSpace="nowrap",this.form.append(t),t.click(),t.remove())}}customElements.get("kemet-button")||customElements.define("kemet-button",class extends G{static get styles(){return[r`
+      `]}static get properties(){return{currentPanel:{type:Number},togglePanels:{type:Boolean,attribute:"toggle-panels"}}}constructor(){super(),this.togglePanels=!1,this.currentPanel=void 0,this.addEventListener("kemet-accordion-panel-opened",this.handlePanelOpened.bind(this))}firstUpdated(){this.onKeyDown=t=>this.handleKeyDown(t)}render(){return P`<slot @slotchange=${t=>this.handleSlotChange(t)}></slot>`}handleSlotChange(){this.panels=this.querySelectorAll("kemet-accordion-panel"),this.panels.forEach((t=>{t.removeEventListener("keydown",this.onKeyDown),t.addEventListener("keydown",this.onKeyDown)}))}handlePanelOpened(t){this.togglePanels&&this.panels.forEach((e=>{e!==t.detail&&(e.opened=!1)}))}navigatePanels(t){switch(t){case"home":this.currentPanel=0;break;case"end":this.currentPanel=this.panels.length-1;break;case"next":this.currentPanel+=1;break;case"prev":this.currentPanel-=1;break;default:this.currentPanelFocus=0}this.currentPanel>this.panels.length-1&&(this.currentPanel=0),this.currentPanel<0&&(this.currentPanel=this.panels.length-1),this.panels[this.currentPanel].shadowRoot.querySelector("button").focus()}handleKeyDown(t){switch(t.key){case"Enter":case"Space":t.preventDefault(),t.target.click();break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.navigatePanels("prev");break;case"ArrowRight":case"ArrowDown":t.preventDefault(),this.navigatePanels("next");break;case"End":t.preventDefault(),this.navigatePanels("end");break;case"Home":t.preventDefault(),this.navigatePanels("home")}}expandAll(){this.panels.forEach((t=>{t.opened=!0}))}collapseAll(){this.panels.forEach((t=>{t.opened=!1}))}});customElements.get("kemet-badge")||customElements.define("kemet-badge",class extends G{static get styles(){return[r`
+        :host {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          padding: var(--kemet-badge-padding, 10px);
+          line-height: 1;
+          color: var(--kemet-color-white);
+        }
+
+        :host([status='primary']) {
+          background-color: var(--kemet-color-primary);
+        }
+
+        :host([status='success']) {
+          background-color: var(--kemet-color-success);
+        }
+
+        :host([status='standard']) {
+          background-color: var(--kemet-color-gray6);
+        }
+
+        :host([status='warning']) {
+          background-color: var(--kemet-color-warning);
+        }
+
+        :host([status='error']) {
+          background-color: var(--kemet-color-error);
+        }
+
+        :host([circle]) {
+          border-radius: 50%;
+        }
+
+        :host([pill]) {
+          border-radius: 99rem;
+        }
+      `]}static get properties(){return{status:{type:String,reflect:!0},circle:{type:Boolean,reflect:!0},pill:{type:Boolean,reflect:!0},circlePadding:{type:Number,attribute:"circle-padding"}}}constructor(){super(),this.status="primary",this.pill=!1,this.circle=!1,this.circlePadding=0}render(){return P`<slot @slotchange=${()=>this.handleSlotChange()}></slot>`}handleSlotChange(){this.circle&&(this.style.height=`${this.offsetWidth+this.circlePadding}px`,this.style.width=`${this.offsetWidth+this.circlePadding}px`)}});class Q{host;form;options;constructor(t,e){(this.host=t).addController(this),this.options={form:t=>t.closest("form"),name:t=>t.name,value:t=>t.value,disabled:t=>t.disabled,checkValidity:t=>"function"!=typeof t.checkValidity||t.checkValidity(),...e},this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this)}hostConnected(){this.form=this.options.form(this.host),this.form&&(this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit))}hostDisconnected(){this.form&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form=void 0)}handleFormData(t){const e=this.options.disabled(this.host),s=this.options.name(this.host),i=this.options.value(this.host);e||"string"!=typeof s||void 0===i||(Array.isArray(i)?i.forEach((e=>{t.formData?.append(s,e.toString())})):t.formData?.append(s,i.toString()))}handleFormSubmit(t){const e=this.options.disabled(this.host),s=this.options.checkValidity;if(this.form=this.options.form(this.host),this.form&&!this.form.noValidate&&!e&&!s(this.host)){t.preventDefault(),t.stopImmediatePropagation();this.form.querySelectorAll("kemet-input, kemet-textarea, kemet-select, kemet-checkbox, kemet-radios").forEach((t=>{t.checkValidity(),t.checkValidity()||(t.status="error",t.invalid=!0,t.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"error",validity:t.validity?t.validity:{},element:t}}))),t.checkLimitValidity&&!t.checkLimitValidity()&&(t.status="error",t.invalid=!0,t.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"error",validity:{passedLimit:!0},element:t}})))}))}}submit(){const t=document.createElement("button");this.form&&(t.type="submit",t.style.position="absolute",t.style.width="0",t.style.height="0",t.style.clip="rect(0 0 0 0)",t.style.clipPath="inset(50%)",t.style.overflow="hidden",t.style.whiteSpace="nowrap",this.form.append(t),t.click(),t.remove())}}customElements.get("kemet-button")||customElements.define("kemet-button",class extends G{static get styles(){return[r`
         :host {
           cursor: pointer;
           display: inline-flex;
@@ -157,60 +194,194 @@ var Z,W;null==j||j(X,H),(null!==(f=globalThis.litHtmlVersions)&&void 0!==f?f:glo
         <slot></slot>
         <slot name="right"></slot>
       </button>
-    `}handleMouseOver(){this.hover=!0}handleMouseOut(){this.hover=!1}handleClick(){this.hover=!1,this.active=!0,setTimeout((()=>{this.active=!1}),300),this.shadowRoot.querySelector("button")&&this.formSubmitController.submit(this)}handleBlur(){this.focused=!1,this.active=!1,this.hover=!1}handleKeyUp(t){"Tab"===t.key&&(this.focused=!0)}});customElements.get("kemet-badge")||customElements.define("kemet-badge",class extends G{static get styles(){return[r`
+    `}handleMouseOver(){this.hover=!0}handleMouseOut(){this.hover=!1}handleClick(){this.hover=!1,this.active=!0,setTimeout((()=>{this.active=!1}),300),this.shadowRoot.querySelector("button")&&this.formSubmitController.submit(this)}handleBlur(){this.focused=!1,this.active=!1,this.hover=!1}handleKeyUp(t){"Tab"===t.key&&(this.focused=!0)}});class tt extends G{static get styles(){return[r`
         :host {
-          display: inline-flex;
-          align-items: center;
-          justify-content: center;
-          padding: var(--kemet-badge-padding, 10px);
-          line-height: 1;
-          color: var(--kemet-color-white);
+          display: inline-block;
+        }
+      `]}static get properties(){return{current:{type:Number}}}firstUpdated(){this.carousel=this.closest("kemet-carousel")}updated(){this.current=this.carousel.index+1}render(){return P`${this.current}`}}customElements.get("kemet-carousel-current")||customElements.define("kemet-carousel-current",tt);class et extends G{static get styles(){return[r`
+        :host {
+          cursor: pointer;
         }
 
-        :host([status='primary']) {
-          background-color: var(--kemet-color-primary);
+        :host([disabled]) {
+          cursor: not-allowed;
+        }
+      `]}static get properties(){return{disabled:{type:Boolean,reflect:!0}}}render(){return P`
+      <span tabindex="0" @keyup=${()=>this.first()} @click=${()=>this.first()}>
+        <slot></slot>
+      </span>
+    `}first(){this.disabled||this.dispatchEvent(new CustomEvent("kemet-carousel-first",{bubbles:!0,composed:!0,detail:this}))}}customElements.get("kemet-carousel-first")||customElements.define("kemet-carousel-first",et);class st extends G{static get styles(){return[r`
+        :host {
+          cursor: pointer;
         }
 
-        :host([status='success']) {
-          background-color: var(--kemet-color-success);
+        :host([disabled]) {
+          cursor: not-allowed;
+        }
+      `]}static get properties(){return{disabled:{type:Boolean,reflect:!0}}}render(){return P`
+      <span tabindex="0" @keyup=${()=>this.last()} @click=${()=>this.last()}>
+        <slot></slot>
+      </span>
+    `}last(){this.disabled||this.dispatchEvent(new CustomEvent("kemet-carousel-last",{bubbles:!0,composed:!0,detail:this}))}}customElements.get("kemet-carousel-last")||customElements.define("kemet-carousel-last",st);customElements.get("kemet-carousel-link")||customElements.define("kemet-carousel-link",class extends G{static get properties(){return{slide:{type:Number,reflect:!0},selected:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0}}}static get styles(){return[r`
+        :host([selected]) {
+          color: var(--kemet-carousel-link-selected-color, var(--kemet-color-primary));
         }
 
-        :host([status='standard']) {
-          background-color: var(--kemet-color-gray6);
+        :host(:not([selected])) {
+          cursor: pointer;
         }
 
-        :host([status='warning']) {
-          background-color: var(--kemet-color-warning);
+        :host([disabled]) {
+          cursor: not-allowed;
+        }
+      `]}render(){return P`
+      <span tabindex="0" @keyup=${()=>this.changed()} @click=${()=>this.changed()}>
+        <slot></slot>
+      </span>
+    `}changed(){this.disabled||this.dispatchEvent(new CustomEvent("kemet-carousel-link",{bubbles:!0,composed:!0,detail:this}))}});customElements.get("kemet-carousel-next")||customElements.define("kemet-carousel-next",class extends G{static get styles(){return[r`
+        :host {
+          cursor: pointer;
         }
 
-        :host([status='error']) {
-          background-color: var(--kemet-color-error);
+        :host([disabled]) {
+          cursor: not-allowed;
+        }
+      `]}static get properties(){return{disabled:{type:Boolean,reflect:!0}}}render(){return P`
+      <span tabindex="0" @keyup=${()=>this.next()} @click=${()=>this.next()}>
+        <slot></slot>
+      </span>
+    `}next(){this.disabled||this.dispatchEvent(new CustomEvent("kemet-carousel-next",{bubbles:!0,composed:!0,detail:this}))}});class it extends G{static get styles(){return[r`
+        :host {
+          cursor: pointer;
         }
 
-        :host([circle]) {
-          border-radius: 50%;
+        :host([disabled]) {
+          cursor: not-allowed;
+        }
+      `]}static get properties(){return{disabled:{type:Boolean,reflect:!0}}}render(){return P`
+      <span tabindex="0" @keyup=${()=>this.prev()} @click=${()=>this.prev()}>
+        <slot></slot>
+      </span>
+    `}prev(){this.disabled||this.dispatchEvent(new CustomEvent("kemet-carousel-prev",{bubbles:!0,composed:!0,detail:this}))}}customElements.get("kemet-carousel-prev")||customElements.define("kemet-carousel-prev",it);customElements.get("kemet-carousel-slide")||customElements.define("kemet-carousel-slide",class extends G{static get styles(){return[r`
+        :host,
+        :host *,
+        :host *::before,
+        *::after {
+          box-sizing: border-box;
         }
 
-        :host([pill]) {
-          border-radius: 99rem;
+        :host {
+          flex: 0 0 auto;
         }
-      `]}static get properties(){return{status:{type:String,reflect:!0},circle:{type:Boolean,reflect:!0},pill:{type:Boolean,reflect:!0},circlePadding:{type:Number,attribute:"circle-padding"}}}constructor(){super(),this.status="primary",this.pill=!1,this.circle=!1,this.circlePadding=0}render(){return P`<slot @slotchange=${()=>this.handleSlotChange()}></slot>`}handleSlotChange(){this.circle&&(this.style.height=`${this.offsetWidth+this.circlePadding}px`,this.style.width=`${this.offsetWidth+this.circlePadding}px`)}});
+      `]}static get properties(){return{selected:{type:Boolean,reflect:!0},"aria-hidden":{type:String,reflect:!0}}}constructor(){super(),this.selected=!1,this["aria-hidden"]="true"}render(){return P`
+      <slot></slot>
+    `}});class ot extends G{static get styles(){return[r`
+        :host {
+          display: inline-block;
+        }
+      `]}static get properties(){return{total:{type:Number}}}firstUpdated(){this.carousel=this.closest("kemet-carousel")}updated(){this.total=this.carousel.total}render(){return P`${this.total}`}}customElements.get("kemet-carousel-total")||customElements.define("kemet-carousel-total",ot);customElements.get("kemet-carousel")||customElements.define("kemet-carousel",class extends G{static get styles(){return r`
+      :host,
+      *,
+      *::before,
+      *::after {
+        box-sizing: border-box;
+      }
+
+      :host {
+        position: relative;
+        display: grid;
+        grid-template-columns: minmax(0, 1fr);
+        align-items: center;
+        width: var(--kemet-carousel-width, 100%);
+        height: var(--kemet-carousel-height, auto);
+        overflow: visible;
+      }
+
+      :host([arrows]) {
+        grid-template-columns: auto minmax(0, 1fr) auto;
+      }
+
+      .toolbar {
+        display: flex;
+        gap: var(--kemet-carousel-toolbar-gap, 1rem);
+        align-items: center;
+        justify-content: var(--kemet-carousel-toolbar-justify-content, center);
+        line-height: 1;
+        padding: var(--kemet-carousel-toolbar-padding, 1rem);
+      }
+
+      :host([inner]) .toolbar {
+        width: var(--kemet-carousel-toolbar-inner-width, 100%);
+        position: absolute;
+        bottom: var(--kemet-carousel-toolbar-inner-bottom, 0);
+        top: var(--kemet-carousel-toolbar-inner-top, auto);
+        color: var(--kemet-carousel-toolbar-inner-color, var(--kemet-color-white));
+        background-color: var(--kemet-carousel-toolbar-inner-background-color, rgba(0, 0, 0, 0.4));
+      }
+
+      .slides {
+        overflow: hidden;
+        position: relative;
+        padding: 1rem 0;
+        border: var(--kemet-carousel-slides-border, 1px solid var(--kemet-color-gray1));
+      }
+
+      .slider {
+        display: flex;
+        flex-wrap: nowrap;
+        transition: transform var(--kemet-carousel-transition-speed, 300ms) ease;
+      }
+
+      ::slotted([slot='next']),
+      ::slotted([slot='prev']) {
+        opacity: var(--kemet-carousel-arrows-opacity, 0.25);
+        transition: opacity var(--kemet-carousel-arrows-transition-speed, 300ms) ease-in-out;
+      }
+
+      :host(:hover) ::slotted([slot='next']),
+      :host(:hover) ::slotted([slot='prev']) {
+        opacity: var(--kemet-carousel-arrows-opacity-hover, 1);
+      }
+    `}static get properties(){return{index:{type:Number,reflect:!0},total:{type:Number},sliderWidth:{type:String},sliderTranslateX:{type:String},inner:{type:Boolean,reflect:!0},arrows:{type:Boolean,reflect:!0},options:{type:Object},breakpoints:{type:Object}}}constructor(){super(),this.index=0,this.total=0,this.sliderWidth="auto",this.sliderTranslateX="0",this.inner=!1,this.arrows=!1,this.options={perView:1,perMove:1,gap:12,slideshow:0,rewind:!0,center:!1},this.breakpoints={768:{perView:2,gap:24,rewind:!1},1280:{perView:2.5,center:!0}},this.addEventListener("kemet-carousel-first",this.handleFirst.bind(this)),this.addEventListener("kemet-carousel-last",this.handleLast.bind(this)),this.addEventListener("kemet-carousel-next",this.handleNext.bind(this)),this.addEventListener("kemet-carousel-prev",this.handlePrev.bind(this)),this.addEventListener("kemet-carousel-link",this.handleLink.bind(this))}firstUpdated(){this.slides=[],this.links=[],this.containerElement=this.shadowRoot.querySelector('[part="container"]'),this.slidesElement=this.shadowRoot.querySelector('[part="slides"]'),this.sliderElement=this.shadowRoot.querySelector('[part="slider"]'),this.toolbarElement=this.shadowRoot.querySelector('[part="toolbar"]'),this.toolbarSlotElement=this.querySelector('[slot="toolbar"]'),this.informationElement=this.querySelector("kemet-carousel-information"),window.addEventListener("resize",(()=>{this.setSlideSize(),this.setToolbarSize(),this.updateIndex(this.index)})),this.sliderElement.addEventListener("transitionend",this.handleTransitionEnd.bind(this)),this.swipeMove=t=>{t.preventDefault();const e=t.touches?t.touches[0].pageX:t.pageX,s=this.slides[this.index];this.sliderTranslateX=e-this.startX-s.offsetLeft+"px"},this.handleSlideShow=()=>{this.getOption("slideshow")>0&&(this.updateIndex(this.index+1),clearTimeout(this.handleSlideShow))},this.setSlideSize(),this.goToSlide(this.index)}updated(t){this.setSlideSize(),this.setToolbarSize(),t.has("index")&&(this.updateIndex(this.index),setTimeout(this.handleSlideShow,1e3*this.getOption("slideshow")))}render(){return P`
+      <slot name="prev" @slotchange=${this.handleArrows}></slot>
+      <div class="container" part="container">
+        <section
+          class="slides"
+          part="slides"
+          @mousedown=${this.swipeStart}
+          @mouseup=${this.swipeEnd}
+          @touchstart=${this.swipeStart}
+          @touchend=${this.swipeEnd}
+          @mouseleave=${this.swipeLeave}
+        >
+          <div class="slider" part="slider" style="width:${this.sliderWidth}; transform:translateX(${this.sliderTranslateX});">
+            <slot name="slides" @slotchange="${this.handleSlotChange}"></slot>
+          </div>
+        </section>
+        ${this.makeToolbar()}
+      </div>
+      <slot name="next" @slotchange=${this.handleArrows}></slot>
+    `}swipeStart(t){this.startX=t.touches?t.touches[0].pageX:t.pageX,this.addEventListener("mousemove",this.swipeMove),this.addEventListener("touchmove",this.swipeMove)}swipeEnd(t){this.updateIndex(this.swipeUpdate(t)),this.removeEventListener("mousemove",this.swipeMove,!1),this.removeEventListener("touchmove",this.swipeMove,!1)}swipeUpdate(t){const e=t.changedTouches?t.changedTouches[0].pageX:t.pageX,s=this.startX>e?"right":"left",i=this.slidesElement.offsetWidth/3,o=this.startX-e,r=Math.abs(o)>i;let{index:n}=this;return r&&"right"===s&&(n=this.index>=this.slides.length-1?this.index:this.index+1),r&&"left"===s&&(n=this.index<1?0:this.index-1),n}swipeLeave(){this.updateIndex(this.index),this.removeEventListener("mousemove",this.swipeMove,!1),this.removeEventListener("touchmove",this.swipeMove,!1)}setSlideSize(){this.slideWidth=this.containerElement.offsetWidth/this.getOption("perView"),this.slides.forEach((t=>{t.style.marginLeft=this.getOption("gap")/2+"px",t.style.marginRight=this.getOption("gap")/2+"px",t.style.width=this.slideWidth-this.getOption("gap")+"px"})),this.sliderWidth=this.slideWidth*this.slides.length+"px"}setToolbarSize(){if(this.inner&&this.toolbarElement){const t=this.slidesElement.offsetWidth;this.toolbarElement.style.width=`${t}px`}}makeToolbar(){return this.toolbarSlotElement?P`
+        <section class="toolbar" part="toolbar">
+          <slot name="toolbar"></slot>
+        </section>
+      `:null}handleSlotChange(){const t=this.querySelectorAll("kemet-carousel-slide"),e=this.querySelectorAll("kemet-carousel-link");t.forEach((t=>{this.slides.push(t)})),this.updateInformation(),this.total=t.length,t[this.index].selected=!0,e.forEach((t=>{this.links.push(t)}))}handleArrows(){this.arrows=!0}handleFirst(){this.updateIndex(0)}handleLast(){this.updateIndex(this.slides.length-1)}handleNext(){let t=this.index+this.getOption("perMove");t>=this.slides.length&&(t=this.getOption("rewind")?0:this.index),this.updateIndex(t)}handlePrev(){let t=this.index-this.getOption("perMove");t<0&&(t=this.getOption("rewind")?this.slides.length-1:this.index),this.updateIndex(t)}updateIndex(t){let e=this.slides[this.index],s=this.links[t];this.links.forEach((t=>{t.selected=!1})),s||([s]=this.links),s&&(s.selected=!0),e&&(e.setAttribute("aria-hidden","true"),t>-1&&t<this.slides.length?this.index=t:(console.warn("An invalid index number was entered. The kemet-carousel has been reset to the first slide."),this.index=0),this.goToSlide(this.index),e=this.slides[this.index],e.setAttribute("aria-hidden","false"),this.slides.forEach((t=>{t.selected=!1})),e.selected=!0,this.dispatchEvent(new CustomEvent("kemet-carousel-change-start",{bubbles:!0,composed:!0,detail:this})),this.updateInformation())}updateInformation(){this.informationSlot=this.slides[this.index].querySelector('[slot="information"]'),this.informationElement&&(this.informationSlot?this.informationElement.innerHTML=this.informationSlot.outerHTML:this.informationElement.innerHTML="")}goToSlide(t){if(!0===this.getOption("center")){const e=this.slidesElement.offsetWidth/2,s=this.slideWidth*t;this.sliderTranslateX=s-(s-e)-this.slideWidth/2-s+"px"}else this.sliderTranslateX=this.slideWidth*t*-1+"px"}handleTransitionEnd(){const t=this.querySelector("kemet-carousel-current");t&&(t.current=this.index+1),this.dispatchEvent(new CustomEvent("kemet-carousel-change-finished",{bubbles:!0,composed:!0,detail:this}))}handleLink(t){this.updateIndex(t.detail.slide)}getOption(t){const e=Object.keys(this.breakpoints);let s=this.options[t];return e.forEach((e=>(window.matchMedia(`(min-width: ${e}px)`).matches&&void 0!==this.breakpoints[e][t]&&(s=this.breakpoints[e][t]),s))),s}});
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const tt=t=>null!=t?t:O
+const rt=t=>null!=t?t:O
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */,et=1,st=2,it=3,ot=4,rt=t=>(...e)=>({_$litDirective$:t,values:e});class nt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
+ */,nt=1,at=2,lt=3,dt=4,ht=t=>(...e)=>({_$litDirective$:t,values:e});class ct{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const at={},lt=rt(class extends nt{constructor(t){if(super(t),t.type!==it&&t.type!==et&&t.type!==ot)throw Error("The `live` directive is not allowed on child or event bindings");if(!(t=>void 0===t.strings)(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===I||e===O)return e;const s=t.element,i=t.name;if(t.type===it){if(e===s[i])return I}else if(t.type===ot){if(!!e===s.hasAttribute(i))return I}else if(t.type===et&&s.getAttribute(i)===e+"")return I;return((t,e=at)=>{t._$AH=e;
+ */const pt={},mt=ht(class extends ct{constructor(t){if(super(t),t.type!==lt&&t.type!==nt&&t.type!==dt)throw Error("The `live` directive is not allowed on child or event bindings");if(!(t=>void 0===t.strings)(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===I||e===O)return e;const s=t.element,i=t.name;if(t.type===lt){if(e===s[i])return I}else if(t.type===dt){if(!!e===s.hasAttribute(i))return I}else if(t.type===nt&&s.getAttribute(i)===e+"")return I;return((t,e=pt)=>{t._$AH=e;
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -299,10 +470,10 @@ const tt=t=>null!=t?t:O
       <label part="label">
         <input
           type="checkbox"
-          name=${tt(this.name)}
+          name=${rt(this.name)}
           .value=${this.value}
-          .indeterminate=${lt(this.indeterminate)}
-          .checked=${lt(this.checked)}
+          .indeterminate=${mt(this.indeterminate)}
+          .checked=${mt(this.checked)}
           .disabled=${this.disabled}
           .required=${this.required}
           aria-checked=${this.checked?"true":"false"}
@@ -423,7 +594,7 @@ const tt=t=>null!=t?t:O
       <div id="draggable" @mousedown=${t=>this.startDrag(t)} style="top:${this.top}; left:${this.left}">
         <slot></slot>
       </div>
-    `}startDrag(t){t&&(t.preventDefault(),this.position3=t.clientX,this.position4=t.clientY),document.addEventListener("mouseup",this.mouseUp),document.addEventListener("mousemove",this.mouseMove),this.dispatchEvent(new CustomEvent("kemet-draggable-start",{bubbles:!0,composed:!0,detail:this}))}drag(t){t.preventDefault(),this.position1=this.position3-t.clientX,this.position2=this.position4-t.clientY,this.position3=t.clientX,this.position4=t.clientY,this.top=this.draggableElement.offsetTop-this.position2+"px",this.left=this.draggableElement.offsetLeft-this.position1+"px"}stopDrag(){if(document.removeEventListener("mouseup",this.mouseUp),document.removeEventListener("mousemove",this.mouseMove),this.memory){const t={top:this.top,left:this.left};localStorage.setItem(this.memory,JSON.stringify(t))}this.dispatchEvent(new CustomEvent("kemet-draggable-stop",{bubbles:!0,composed:!0,detail:this}))}measureContent(){this.style.width=`${this.draggableElement.offsetWidth}px`,this.style.height=`${this.draggableElement.offsetHeight}px`}});const ht=`${document.documentElement.scrollHeight}px`,ct=r`
+    `}startDrag(t){t&&(t.preventDefault(),this.position3=t.clientX,this.position4=t.clientY),document.addEventListener("mouseup",this.mouseUp),document.addEventListener("mousemove",this.mouseMove),this.dispatchEvent(new CustomEvent("kemet-draggable-start",{bubbles:!0,composed:!0,detail:this}))}drag(t){t.preventDefault(),this.position1=this.position3-t.clientX,this.position2=this.position4-t.clientY,this.position3=t.clientX,this.position4=t.clientY,this.top=this.draggableElement.offsetTop-this.position2+"px",this.left=this.draggableElement.offsetLeft-this.position1+"px"}stopDrag(){if(document.removeEventListener("mouseup",this.mouseUp),document.removeEventListener("mousemove",this.mouseMove),this.memory){const t={top:this.top,left:this.left};localStorage.setItem(this.memory,JSON.stringify(t))}this.dispatchEvent(new CustomEvent("kemet-draggable-stop",{bubbles:!0,composed:!0,detail:this}))}measureContent(){this.style.width=`${this.draggableElement.offsetWidth}px`,this.style.height=`${this.draggableElement.offsetHeight}px`}});const ut=`${document.documentElement.scrollHeight}px`,ft=r`
   *,
   *::before,
   *::after {
@@ -520,7 +691,7 @@ const tt=t=>null!=t?t:O
     color: var(--kemet-drawer-color, #fafafa);
     background: var(--kemet-drawer-background-color, #202020);
   }
-`,dt=r`
+`,gt=r`
   /* slide */
   :host([effect='slide']) .off-canvas__nav {
     visibility: visible;
@@ -557,7 +728,7 @@ const tt=t=>null!=t?t:O
   :host([effect='slide'][side='bottom']) .off-canvas__nav {
     width: 100vw;
     height: var(--kemet-drawer-height, 100vh);
-    transform: translate3d(0, ${o(ht)}, 0);
+    transform: translate3d(0, ${o(ut)}, 0);
   }
 
   :host([effect='slide'][side='bottom'][opened]) .off-canvas__nav {
@@ -611,7 +782,7 @@ const tt=t=>null!=t?t:O
   :host([effect='reveal'][side='bottom']) .off-canvas__nav {
     width: 100vw;
     height: var(--kemet-drawer-height, 100vh);
-    transform: translate3d(0, ${o(ht)}, 0);
+    transform: translate3d(0, ${o(ut)}, 0);
   }
 
   :host([effect='reveal'][side='bottom'][opened]) .off-canvas__nav {
@@ -670,7 +841,7 @@ const tt=t=>null!=t?t:O
   :host([effect='push'][side='bottom']) .off-canvas__nav {
     width: 100vw;
     height: var(--kemet-drawer-height, 100vh);
-    transform: translate3d(0, ${o(ht)}, 0);
+    transform: translate3d(0, ${o(ut)}, 0);
   }
 
   :host([effect='push'][side='bottom'][opened]) .off-canvas__nav {
@@ -726,13 +897,13 @@ const tt=t=>null!=t?t:O
   :host([effect='scale'][side='bottom']) .off-canvas__nav {
     width: 100vw;
     height: var(--kemet-drawer-height, 100vh);
-    transform: translate3d(0, ${o(ht)}, 0);
+    transform: translate3d(0, ${o(ut)}, 0);
   }
 
   :host([effect='scale'][side='bottom'][opened]) .off-canvas__nav {
     transform: translate3d(0, calc(100vh - var(--kemet-drawer-height, 100vh)), 0);
   }
-`;customElements.get("kemet-drawer")||customElements.define("kemet-drawer",class extends G{static get styles(){return[ct,dt]}static get properties(){return{opened:{type:Boolean,reflect:!0},effect:{type:String,reflect:!0},side:{type:String,reflect:!0},overlay:{type:Boolean,reflect:!0}}}constructor(){super(),this.opened=void 0,this.effect="slide",this.side="left",this.overlay=!1}firstUpdated(){this.addEventListener("click",(t=>{this.opened&&"kemet-drawer"===t.target.tagName.toLowerCase()&&(this.opened=!1)}))}updated(t){t.get("opened")||!0!==this.opened||this.dispatchEvent(new CustomEvent("kemet-drawer-opened",{bubbles:!0,composed:!0,detail:this})),t.get("opened")&&!1===this.opened&&this.dispatchEvent(new CustomEvent("kemet-drawer-closed",{bubbles:!0,composed:!0,detail:this}))}render(){return P`
+`;customElements.get("kemet-drawer")||customElements.define("kemet-drawer",class extends G{static get styles(){return[ft,gt]}static get properties(){return{opened:{type:Boolean,reflect:!0},effect:{type:String,reflect:!0},side:{type:String,reflect:!0},overlay:{type:Boolean,reflect:!0}}}constructor(){super(),this.opened=void 0,this.effect="slide",this.side="left",this.overlay=!1}firstUpdated(){this.addEventListener("click",(t=>{this.opened&&"kemet-drawer"===t.target.tagName.toLowerCase()&&(this.opened=!1)}))}updated(t){t.get("opened")||!0!==this.opened||this.dispatchEvent(new CustomEvent("kemet-drawer-opened",{bubbles:!0,composed:!0,detail:this})),t.get("opened")&&!1===this.opened&&this.dispatchEvent(new CustomEvent("kemet-drawer-closed",{bubbles:!0,composed:!0,detail:this}))}render(){return P`
       <section class="off-canvas" part="container">
         <nav class="off-canvas__nav" part="drawer" title="Drawer">
           <slot name="navigation"></slot>
@@ -745,7 +916,108 @@ const tt=t=>null!=t?t:O
           </main>
         </div>
       </section>
-    `}});customElements.get("kemet-field")||customElements.define("kemet-field",class extends G{static get styles(){return[r`
+    `}});customElements.get("kemet-fab")||customElements.define("kemet-fab",class extends G{static get styles(){return[r`
+        :host {
+          --kemet-fab-size: 50px;
+
+          display: inline-block;
+          position: relative;
+        }
+
+        button {
+          color: var(--kemet-fab-color, var(--kemet-color-white));
+          font-size: inherit;
+          display: inline-flex;
+          padding: 0;
+          position: relative;
+          min-height: var(--kemet-fab-size);
+          min-width: var(--kemet-fab-size);
+          max-width: var(--kemet-fab-size);
+          align-items: center;
+          justify-content: flex-start;
+          transition: all 0.4s ease;
+          border: none;
+          background-color: var(--kemet-fab-background-color, var(--kemet-color-primary));
+        }
+
+        :host([outlined]) button {
+          color: var(--kemet-fab-outlined-color, var(--kemet-color-primary));
+          border: var(--kemet-fab-outlined-border, 1px solid var(--kemet-color-primary));
+          background-color: transparent;
+        }
+
+        :host([pill]) button {
+          border-radius: var(--kemet-fab-pill-radius, 10rem);
+        }
+
+        button::before {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          z-index: -1;
+          width: 100%;
+          height: 100%;
+          transition: background-color 0.3s ease-in-out;
+          background-color: var(--kemet-fab-background-color, var(--kemet-color-primary));
+        }
+
+        :host([pill]) button::before {
+          border-radius: var(--kemet-fab-pill-radius, 10rem);
+        }
+
+        :host([outlined]) button::before {
+          border: var(--kemet-fab-outline-border, 1px solid var(--kemet-color-primary));
+          background-color: transparent;
+        }
+
+        :host([expanded]) button {
+          max-width: 99rem;
+          padding: 0 1.35rem 0 0.25rem;
+        }
+
+        :host([disabled]) button {
+          opacity: 0.5;
+          cursor: not-allowed;
+        }
+
+        .icon {
+          width: var(--kemet-fab-size);
+          height: var(--kemet-fab-size);
+          display: flex;
+          flex: 0 0 auto;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .text {
+          color: var(--kemet-fab-color, var(--kemet-color-white));
+          z-index: 1;
+          white-space: nowrap;
+          pointer-events: none;
+          opacity: 0;
+          transition: opacity 0.2s ease-in-out;
+        }
+
+        :host([outlined]) .text {
+          color: var(--kemet-fab-outlined-color, var(--kemet-color-primary));
+        }
+
+        :host([expanded]) .text {
+          opacity: 1;
+        }
+      `]}static get properties(){return{expanded:{type:Boolean,reflect:!0},outlined:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},pill:{type:Boolean,reflect:!0},expandPoint:{type:Number,attribute:"expand-point"},collapsePoint:{type:Number,attribute:"collapse-point"}}}constructor(){super(),this.outlined=!1,this.disabled=!1,this.expanded=!1}firstUpdated(){window.addEventListener("scroll",this.handleScroll.bind(this)),this.addEventListener("mouseover",this.handleMouseOver.bind(this)),this.addEventListener("mouseout",this.handleMouseOut.bind(this))}render(){return P`
+      <button class="button" part="button" ?disabled=${this.disabled} aria-disabled=${this.disabled?"true":"false"}>
+        <span class="icon" part="icon">
+          <slot name="icon"></slot>
+        </span>
+        <span class="text" part="text">
+          <slot></slot>
+        </span>
+      </button>
+    `}handleMouseOver(){this.disabled||(this.expanded=!0)}handleMouseOut(){this.disabled||(this.expanded=!1)}handleScroll(){window.scrollY>this.expandPoint&&(this.expanded=!0),window.scrollY<this.expandPoint&&(this.expanded=!1),window.scrollY>this.collapsePoint&&(this.expanded=!1),window.scrollY<this.collapsePoint&&(this.expanded=!0)}});customElements.get("kemet-field")||customElements.define("kemet-field",class extends G{static get styles(){return[r`
         *,
         *::before,
         *::after {
@@ -1023,32 +1295,32 @@ const tt=t=>null!=t?t:O
         :host([status='success']) kemet-icon {
           color: var(--kemet-color-success);
         }
-      `]}static get properties(){return{slug:{type:String},name:{type:String},placeholder:{type:String},minlength:{type:String},maxlength:{type:String},min:{type:String},max:{type:String},step:{type:String},autocomplete:{type:String},pattern:{type:String},inputmode:{type:String},autofocus:{type:Boolean},disabled:{type:Boolean,reflect:!0},readonly:{type:Boolean},required:{type:Boolean,reflect:!0},type:{type:String},value:{type:String},invalid:{type:Boolean,reflect:!0},status:{type:String,reflect:!0},validateOnBlur:{type:Boolean,attribute:"validate-on-blur"},ariaAutoComplete:{type:String,attribute:"aria-autocomplete"},ariaControls:{type:String,attribute:"aria-controls"},ariaActiveDescendant:{type:String,attribute:"aria-activedescendant"},rounded:{type:Boolean,reflect:!0},filled:{type:Boolean,reflect:!0},iconRight:{type:String,reflect:!0,attribute:"icon-right"},iconLeft:{type:String,reflect:!0,attribute:"icon-left"},iconSize:{type:Number},validity:{type:Object},isPasswordVisible:{type:Boolean},inputType:{type:String}}}constructor(){super(),this.name="input",this.type="text",this.value="",this.status="standard",this.iconSize=20,this.validateOnBlur=!1,this.isPasswordVisible=!1,this.formSubmitController=new Q(this)}firstUpdated(){this.input=this.shadowRoot.querySelector("input"),this.field=this.closest("kemet-field"),this.form=this.closest("form"),this.slug=this.field?this.field.slug:"input"}render(){return P`
+      `]}static get properties(){return{slug:{type:String},name:{type:String},placeholder:{type:String},minlength:{type:String},maxlength:{type:String},min:{type:String},max:{type:String},step:{type:String},autocomplete:{type:String},pattern:{type:String},inputmode:{type:String},autofocus:{type:Boolean},disabled:{type:Boolean,reflect:!0},readonly:{type:Boolean},required:{type:Boolean,reflect:!0},type:{type:String},value:{type:String},invalid:{type:Boolean,reflect:!0},status:{type:String,reflect:!0},validateOnBlur:{type:Boolean,attribute:"validate-on-blur"},ariaAutoComplete:{type:String,attribute:"aria-autocomplete"},ariaControls:{type:String,attribute:"aria-controls"},ariaActiveDescendant:{type:String,attribute:"aria-activedescendant"},rounded:{type:Boolean,reflect:!0},filled:{type:Boolean,reflect:!0},iconRight:{type:String,reflect:!0,attribute:"icon-right"},iconLeft:{type:String,reflect:!0,attribute:"icon-left"},iconSize:{type:Number},validity:{type:Object},isPasswordVisible:{type:Boolean},inputType:{type:String},focused:{type:Boolean,reflect:!0}}}constructor(){super(),this.name="input",this.type="text",this.value="",this.status="standard",this.iconSize=20,this.validateOnBlur=!1,this.isPasswordVisible=!1,this.focused=!1,this.formSubmitController=new Q(this)}firstUpdated(){this.input=this.shadowRoot.querySelector("input"),this.field=this.closest("kemet-field"),this.form=this.closest("form"),this.slug=this.field?this.field.slug:"input",this.field&&this.field.addEventListener("fmc-password-status",(t=>this.handleStatus(t)))}render(){return P`
       <div>
         ${this.makeIconLeft()}
         <input
           part="input"
           id=${this.slug}
           name=${this.name}
-          placeholder=${tt(this.placeholder)}
-          minlength=${tt(this.minlength)}
-          maxlength=${tt(this.maxlength)}
-          min=${tt(this.min)}
-          max=${tt(this.max)}
-          step=${tt(this.step)}
-          autocomplete=${tt(this.autocomplete)}
-          aria-autocomplete=${tt(this.ariaAutoComplete)}
-          aria-controls=${tt(this.ariaControls)}
-          aria-activedescendant=${tt(this.ariaActiveDescendant)}
-          pattern=${tt(this.pattern)}
-          inputmode=${tt(this.inputmode)}
+          placeholder=${rt(this.placeholder)}
+          minlength=${rt(this.minlength)}
+          maxlength=${rt(this.maxlength)}
+          min=${rt(this.min)}
+          max=${rt(this.max)}
+          step=${rt(this.step)}
+          autocomplete=${rt(this.autocomplete)}
+          aria-autocomplete=${rt(this.ariaAutoComplete)}
+          aria-controls=${rt(this.ariaControls)}
+          aria-activedescendant=${rt(this.ariaActiveDescendant)}
+          pattern=${rt(this.pattern)}
+          inputmode=${rt(this.inputmode)}
           aria-invalid=${this.invalid?"true":"false"}
           ?autofocus=${this.autofocus}
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
           ?required=${this.required}
           .type="${"password"===this.type&&this.isPasswordVisible?"text":this.type}"
-          .value=${lt(this.value)}
+          .value=${mt(this.value)}
           @change=${this.handleChange}
           @input=${this.handleInput}
           @invalid=${this.handleInvalid}
@@ -1067,7 +1339,7 @@ const tt=t=>null!=t?t:O
         class="eye right"
         icon="${this.setPasswordIcon()}"
         @click=${()=>this.togglePasswordVisibility()}
-      ></kemet-icon>`:null}setPasswordIcon(){return this.isPasswordVisible?"eye":"eye-slash"}handleFocus(){this.hasFocus=!0,this.dispatchEvent(new CustomEvent("kemet-input-focused",{bubbles:!0,composed:!0,detail:!0}))}handleBlur(){this.validateOnBlur&&this.form&&!this.form.noValidate&&(this.input.checkValidity(),this.validity=this.input.validity),this.hasFocus=!1,this.dispatchEvent(new CustomEvent("kemet-input-focused",{bubbles:!0,composed:!0,detail:!1}))}handleChange(){this.value=this.input.value,this.input.checkValidity()&&this.checkLimitValidity()&&"success"!==this.status&&(this.invalid=!1,this.status="standard",this.validity=this.input.validity,this.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"standard",validity:this.input.validity,element:this}})))}handleInput(t){this.inputType=t.inputType,this.value=this.input.value,this.dispatchEvent(new CustomEvent("kemet-input-input",{bubbles:!0,composed:!0,detail:this.value}))}handleInvalid(){this.validity=this.input.validity,this.validateOnBlur&&(this.invalid=!0,this.status="error",this.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"error",validity:this.input.validity,element:this}})))}handleStatus(t){this.status=t.detail.status}togglePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible}handleClear(){this.value="",this.dispatchEvent(new CustomEvent("kemet-input-input",{bubbles:!0,composed:!0,detail:this.value}))}checkLimitValidity(){if(this.field){const t=this.field.querySelector("kemet-count");if(t)return this.value.length<t.limit}return!0}checkValidity(){return this.input.checkValidity()}focus(){this.input.focus()}});customElements.get("kemet-modal-close")||customElements.define("kemet-modal-close",class extends G{static get styles(){return[r`
+      ></kemet-icon>`:null}setPasswordIcon(){return this.isPasswordVisible?"eye":"eye-slash"}handleFocus(){this.focused=!0,this.dispatchEvent(new CustomEvent("kemet-input-focused",{bubbles:!0,composed:!0,detail:!0}))}handleBlur(){this.validateOnBlur&&this.form&&!this.form.noValidate&&(this.input.checkValidity(),this.validity=this.input.validity),this.focused=!1,this.dispatchEvent(new CustomEvent("kemet-input-focused",{bubbles:!0,composed:!0,detail:!1}))}handleChange(){this.value=this.input.value,this.input.checkValidity()&&this.checkLimitValidity()&&"success"!==this.status&&(this.invalid=!1,this.status="standard",this.validity=this.input.validity,this.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"standard",validity:this.input.validity,element:this}})))}handleInput(){this.value=this.input.value,this.dispatchEvent(new CustomEvent("kemet-input-input",{bubbles:!0,composed:!0,detail:this.value}))}handleInvalid(){this.validity=this.input.validity,this.validateOnBlur&&(this.invalid=!0,this.status="error",this.dispatchEvent(new CustomEvent("kemet-input-status",{bubbles:!0,composed:!0,detail:{status:"error",validity:this.input.validity,element:this}})))}handleStatus(t){this.status=t.detail.status}togglePasswordVisibility(){this.isPasswordVisible=!this.isPasswordVisible}handleClear(){this.value="",this.dispatchEvent(new CustomEvent("kemet-input-input",{bubbles:!0,composed:!0,detail:this.value}))}checkLimitValidity(){if(this.field){const t=this.field.querySelector("kemet-count");if(t)return this.value.length<t.limit}return!0}checkValidity(){return this.input.checkValidity()}focus(){this.input.focus()}});customElements.get("kemet-modal-close")||customElements.define("kemet-modal-close",class extends G{static get styles(){return[r`
         :host {
           position: absolute;
           top: -0.5rem;
@@ -1078,7 +1350,7 @@ const tt=t=>null!=t?t:O
         }
       `]}render(){return P`
       <slot @keyup=${()=>this.close()} @click=${()=>this.close()}></slot>
-    `}close(){this.dispatchEvent(new CustomEvent("kemet-modal-close-pressed",{bubbles:!0,composed:!0,detail:this}))}});const pt=r`
+    `}close(){this.dispatchEvent(new CustomEvent("kemet-modal-close-pressed",{bubbles:!0,composed:!0,detail:this}))}});const vt=r`
   *,
   *::before,
   *::after {
@@ -1132,7 +1404,7 @@ const tt=t=>null!=t?t:O
     opacity: 1;
     visibility: visible;
   }
-`,mt=r`
+`,bt=r`
   /* fadein-scaleup */
   :host([effect="fadein-scaleup"]) .content {
     transform: scale(0.7);
@@ -1340,12 +1612,104 @@ const tt=t=>null!=t?t:O
     transform: translateZ(0px) translateX(0%) rotateY(0deg);
     opacity: 1;
   }
-`;customElements.get("kemet-modal")||customElements.define("kemet-modal",class extends G{static get styles(){return[pt,mt]}static get properties(){return{opened:{type:Boolean,reflect:!0},effect:{type:String,reflect:!0},closeOnClick:{type:Boolean,attribute:"close-on-click"},breakpoint:{type:String},mobile:{type:Boolean,reflect:!0}}}constructor(){super(),this.opened=!1,this.closeOnClick=!1,this.breakpoint="600px",this.addEventListener("kemet-modal-close-pressed",(()=>{this.opened=!1}))}firstUpdated(){this.focusableSelector="body, a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]",this.focusableElements=this.querySelectorAll(this.focusableSelector),this.addEventListener("keyup",(t=>{"Escape"===t.key&&(this.opened=!1)})),this.addEventListener("click",(t=>{this.opened&&this.closeOnClick&&"kemet-modal"===t.target.tagName.toLowerCase()&&(this.opened=!1)})),window.addEventListener("resize",(()=>{this.isMobile()})),this.focusableElements.forEach((t=>{t.addEventListener("keydown",(t=>this.handleFocusableDown(t)))}))}updated(t){t.get("opened")||!0!==this.opened||(setTimeout((()=>{this.focusableElements[0].focus()}),100),this.dispatchEvent(new CustomEvent("kemet-modal-opened",{bubbles:!0,composed:!0,detail:this}))),t.get("opened")&&!1===this.opened&&this.dispatchEvent(new CustomEvent("kemet-modal-closed",{bubbles:!0,composed:!0,detail:this})),this.isMobile()}render(){return P`
+`;customElements.get("kemet-modal")||customElements.define("kemet-modal",class extends G{static get styles(){return[vt,bt]}static get properties(){return{opened:{type:Boolean,reflect:!0},effect:{type:String,reflect:!0},closeOnClick:{type:Boolean,attribute:"close-on-click"},breakpoint:{type:String},mobile:{type:Boolean,reflect:!0}}}constructor(){super(),this.opened=!1,this.closeOnClick=!1,this.breakpoint="600px",this.addEventListener("kemet-modal-close-pressed",(()=>{this.opened=!1}))}firstUpdated(){this.focusableSelector="body, a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]",this.focusableElements=this.querySelectorAll(this.focusableSelector),this.addEventListener("keyup",(t=>{"Escape"===t.key&&(this.opened=!1)})),this.addEventListener("click",(t=>{this.opened&&this.closeOnClick&&"kemet-modal"===t.target.tagName.toLowerCase()&&(this.opened=!1)})),window.addEventListener("resize",(()=>{this.isMobile()})),this.focusableElements.forEach((t=>{t.addEventListener("keydown",(t=>this.handleFocusableDown(t)))}))}updated(t){t.get("opened")||!0!==this.opened||(setTimeout((()=>{this.focusableElements[0].focus()}),100),this.dispatchEvent(new CustomEvent("kemet-modal-opened",{bubbles:!0,composed:!0,detail:this}))),t.get("opened")&&!1===this.opened&&this.dispatchEvent(new CustomEvent("kemet-modal-closed",{bubbles:!0,composed:!0,detail:this})),this.isMobile()}render(){return P`
       <div class="content" part="content">
         <slot></slot>
       </div>
       <div class="overlay" part="overlay"></div>
-    `}isMobile(){const t=window.matchMedia(`(max-width: ${this.breakpoint})`);this.mobile=t.matches}handleFocusableDown(t){const e=this.focusableElements[0],s=this.focusableElements[this.focusableElements.length-1];"Tab"===t.key&&(t.shiftKey&&document.activeElement===e?(t.preventDefault(),s.focus()):t.shiftKey||document.activeElement!==s||(t.preventDefault(),e.focus()))}});const ut=13,ft=32;window.customElements.define("kemet-popover-close",class extends G{static get styles(){return[r`
+    `}isMobile(){const t=window.matchMedia(`(max-width: ${this.breakpoint})`);this.mobile=t.matches}handleFocusableDown(t){const e=this.focusableElements[0],s=this.focusableElements[this.focusableElements.length-1];"Tab"===t.key&&(t.shiftKey&&document.activeElement===e?(t.preventDefault(),s.focus()):t.shiftKey||document.activeElement!==s||(t.preventDefault(),e.focus()))}});customElements.get("kemet-password")||customElements.define("kemet-password",class extends G{static get styles(){return[r`
+        :host {
+          color: inherit;
+          display: none;
+        }
+
+        :host([show]) {
+          display: block;
+        }
+
+        p {
+          margin: 1.6rem 0;
+        }
+
+        .status {
+          display: grid;
+          align-items: center;
+          grid-template-columns: 1fr auto;
+          line-height: 1;
+          margin-top: 0.8rem;
+        }
+
+        .status > span {
+          text-transform: capitalize;
+        }
+
+        .status--weak,
+        .status--better {
+          color: var(--kemet-color-error);
+        }
+
+        .status--strong {
+          color: var(--kemet-color-success);
+        }
+
+        .indicator {
+          display: flex;
+          gap: 0.4rem;
+          margin: 0;
+          list-style: none;
+        }
+
+        .indicator li {
+          width: 1.6rem;
+          height: 0.2rem;
+          background-color: var(--fds-color--gray2);
+        }
+
+        .status--weak .indicator li:nth-child(1) {
+          background-color: var(--kemet-color-error);
+        }
+
+        .status--better .indicator li:nth-child(1),
+        .status--better .indicator li:nth-child(2) {
+          background-color: var(--kemet-color-error);
+        }
+
+        .status--strong .indicator li {
+          background-color: var(--kemet-color-success);
+        }
+
+        .rules {
+          color: var(--kemet-color-primary);
+          list-style: none;
+          font-size: 90%;
+          padding-left: 2rem;
+        }
+
+        .rules li {
+          position: relative;
+        }
+
+        .rules kemet-icon {
+          color: var(--kemet-color-success);
+          position: absolute;
+          left: -2.4rem;
+        }
+      `]}static get properties(){return{rules:{type:Array},show:{type:Boolean,reflect:!0},value:{type:String},message:{type:String},strength:{type:String},icon:{type:String},iconSize:{type:Number}}}constructor(){super(),this.rules=[{pattern:"(?=.{8,}$)",message:"At least 8 characters long"},{pattern:"(?=.*[a-z])(?=.*[A-Z])",message:"Uppercase and lowercase"},{pattern:"(?=.*[0-9])",message:"At least one number (0-9)"}],this.message="Please make sure you meet all the requirements.",this.icon="check2",this.iconSize=16}firstUpdated(){this.field=this.closest("kemet-field"),this.input=this.field.querySelector('[slot="input"]'),this.slug=this.field.slug,this.input.addEventListener("kemet-input-input",this.handleInput.bind(this))}render(){return P`
+      <div role="alert" aria-live="assertive">
+        <div class="status status--${this.strength}" part="status">
+          <span>${this.strength}</span>
+          <ul class="indicator" part="indicator">
+            <li></li>
+            <li></li>
+            <li></li>
+          </ul>
+        </div>
+        <p class="message" part="message">${this.message}</p>
+        <ul class="rules" part="rules">
+          ${this.makeRules()}
+        </ul>
+      </div>
+    `}makeRules(){if(this.input){return this.rules.map(((t,e)=>{const s=new RegExp(t.pattern).test(this.input.value);return this.rules[e].meetsCriteria=s,P`<li>${this.makeCheckIcon(s)} ${t.message}</li>`}))}return null}makeCheckIcon(t){return t?P`<kemet-icon icon=${this.icon} size=${this.iconSize}></kemet-icon>`:null}handleInput(t){this.value=t.detail,this.setStrength(),this.visibility()}setStrength(){setTimeout((()=>{const t=this.rules.length,e=this.rules.filter((t=>t.meetsCriteria)).length,s=Math.round(e/t*100)/100;s<=.33&&(this.strength="weak",this.status="error"),s>.33&&s<=.67&&(this.strength="better",this.status="error"),s>.67&&(this.strength="strong",this.status="success"),this.dispatchEvent(new CustomEvent("kemet-password-status",{bubbles:!0,composed:!0,detail:{status:this.status,validity:{meetsPasswordCriteria:"success"===this.status},element:this}}))}),1)}visibility(){this.value.length>0?this.show=!0:this.show=!1}});const kt=13,yt=32;window.customElements.define("kemet-popover-close",class extends G{static get styles(){return[r`
         button {
           font: inherit;
           color: inherit;
@@ -1357,7 +1721,7 @@ const tt=t=>null!=t?t:O
       <button @click=${()=>this.close()} @keyup=${t=>this.handleKeyboard(t)}>
         <slot></slot>
       </button>
-    `}close(){this.dispatchEvent(new CustomEvent("kemet-popover-close-btn",{bubbles:!0,composed:!0,detail:this}))}handleKeyboard(t){t.preventDefault(),t.keyCode!==ft&&t.keyCode!==ut||this.close()}});const gt=r`
+    `}close(){this.dispatchEvent(new CustomEvent("kemet-popover-close-btn",{bubbles:!0,composed:!0,detail:this}))}handleKeyboard(t){t.preventDefault(),t.keyCode!==yt&&t.keyCode!==kt||this.close()}});const wt=r`
   :host([effect="fade"]) #content {
     opacity: 0;
     transition: all var(--kemet-popover-transition-speed, 0.3s);
@@ -1366,7 +1730,7 @@ const tt=t=>null!=t?t:O
   :host([effect="fade"][opened]) #content {
     opacity: 1;
   }
-`,vt=r`
+`,xt=r`
   :host([effect="scale"]) #content {
     opacity: 0;
     transition: all var(--kemet-popover-transition-speed, 0.3s);
@@ -1395,7 +1759,7 @@ const tt=t=>null!=t?t:O
   :host([effect="scale"][position="right"][opened]) #content {
     transform: translateY(-50%) scale(1);
   }
-`,bt=r`
+`,Et=r`
   :host([effect="slide"]) #content {
     opacity: 0;
     transition: all var(--kemet-popover-transition-speed, 0.3s) cubic-bezier(0.25, 0.5, 0.5, 0.9);
@@ -1436,7 +1800,7 @@ const tt=t=>null!=t?t:O
   :host([effect="slide"][position="left"][opened]) #content {
     transform: translateY(-50%) translateX(0);
   }
-`,kt=r`
+`,$t=r`
   :host([effect="fall"]) {
     perspective: 1300px;
   }
@@ -1482,7 +1846,7 @@ const tt=t=>null!=t?t:O
   :host([effect="fall"][position="left"][opened]) #content {
     transform: translateY(-50%) translateZ(0px) rotateX(0deg);
   }
-`,yt=r`
+`,St=r`
   :host([effect="flip-horizontal"]) {
     perspective: 1300px;
   }
@@ -1528,7 +1892,7 @@ const tt=t=>null!=t?t:O
   :host([effect="flip-horizontal"][position="left"][opened]) #content {
     transform: translateY(-50%) rotateY(0deg);
   }
-`,wt=r`
+`,_t=r`
   :host([effect="flip-vertical"]) {
     perspective: 1300px;
   }
@@ -1574,7 +1938,7 @@ const tt=t=>null!=t?t:O
   :host([effect="flip-vertical"][position="left"][opened]) #content {
     transform: translateY(-50%) rotateX(0deg);
   }
-`,xt=r`
+`,Ct=r`
   :host([effect="sign"]) {
     perspective: 1300px;
   }
@@ -1624,7 +1988,7 @@ const tt=t=>null!=t?t:O
   :host([effect="sign"][position="left"][opened]) #content {
     transform: translateY(-50%) rotateY(0deg);
   }
-`,$t=r`
+`,At=r`
   :host([effect="super-scaled"]) #content {
     opacity: 0;
     transition: all var(--kemet-popover-transition-speed, 0.3s);
@@ -1653,7 +2017,7 @@ const tt=t=>null!=t?t:O
   :host([effect="super-scaled"][position="right"][opened]) #content {
     transform: translateY(-50%) scale(1);
   }
-`,Et=r`
+`,zt=r`
   #tooltip {
     display: flex;
     position: absolute;
@@ -1708,7 +2072,7 @@ const tt=t=>null!=t?t:O
     transform: rotate(270deg);
     right: 8px;
   }
-`,St=r`
+`,Lt=r`
   #custom-tooltip {
     display: flex;
     position: absolute;
@@ -1744,7 +2108,7 @@ const tt=t=>null!=t?t:O
   ::slotted([slot="custom-tooltip"]) {
     display: flex;
   }
-`,_t=13,At=32,Ct=27;customElements.get("kemet-popover")||customElements.define("kemet-popover",class extends G{static get styles(){return[r`
+`,Bt=13,Pt=32,It=27;customElements.get("kemet-popover")||customElements.define("kemet-popover",class extends G{static get styles(){return[r`
         :host {
           display: inline-block;
           position: relative;
@@ -1829,7 +2193,7 @@ const tt=t=>null!=t?t:O
           height: 100%;
           min-height: 100vh;
         }
-      `,Et,St,gt,vt,bt,kt,yt,wt,xt,$t]}static get properties(){return{opened:{type:Boolean,reflect:!0},effect:{string:String,reflect:!0},position:{type:String,reflect:!0},tooltip:{type:Boolean},customTooltip:{type:Boolean,attribute:"custom-tooltip"},fireOn:{type:String,attribute:"fire-on"},clickOutside:{type:Boolean,attribute:"click-outside"},smart:{type:Boolean}}}constructor(){super(),this.opened=!1,this.effect=null,this.position="top",this.tooltip=!1,this.customTooltip=!1,this.fireOn="hover",this.clickOutside=!1,this.smart=!0,this.addEventListener("kemet-popover-close-btn",this.close.bind(this))}firstUpdated(){this.focusableSelector="body, a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable], kemet-popover-close",this.focusableElements=this.querySelectorAll(this.focusableSelector),this.contentElement=this.shadowRoot.querySelector('slot[name="content"]').assignedNodes({flatten:!0})[0],window.addEventListener("resize",(()=>{this.smartContent()})),"click"===this.fireOn&&this.focusableElements.forEach((t=>{t.addEventListener("keydown",(t=>this.handleFocusableDown(t)))}))}updated(t){t.get("opened")||!0!==this.opened||this.dispatchEvent(new CustomEvent("kemet-popover-opened",{bubbles:!0,composed:!0,detail:this})),t.get("opened")&&!1===this.opened&&this.dispatchEvent(new CustomEvent("kemet-popover-closed",{bubbles:!0,composed:!0,detail:this})),this.smartContent()}render(){return P`
+      `,zt,Lt,wt,xt,Et,$t,St,_t,Ct,At]}static get properties(){return{opened:{type:Boolean,reflect:!0},effect:{string:String,reflect:!0},position:{type:String,reflect:!0},tooltip:{type:Boolean},customTooltip:{type:Boolean,attribute:"custom-tooltip"},fireOn:{type:String,attribute:"fire-on"},clickOutside:{type:Boolean,attribute:"click-outside"},smart:{type:Boolean}}}constructor(){super(),this.opened=!1,this.effect=null,this.position="top",this.tooltip=!1,this.customTooltip=!1,this.fireOn="hover",this.clickOutside=!1,this.smart=!0,this.addEventListener("kemet-popover-close-btn",this.close.bind(this))}firstUpdated(){this.focusableSelector="body, a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable], kemet-popover-close",this.focusableElements=this.querySelectorAll(this.focusableSelector),this.contentElement=this.shadowRoot.querySelector('slot[name="content"]').assignedNodes({flatten:!0})[0],window.addEventListener("resize",(()=>{this.smartContent()})),"click"===this.fireOn&&this.focusableElements.forEach((t=>{t.addEventListener("keydown",(t=>this.handleFocusableDown(t)))}))}updated(t){t.get("opened")||!0!==this.opened||this.dispatchEvent(new CustomEvent("kemet-popover-opened",{bubbles:!0,composed:!0,detail:this})),t.get("opened")&&!1===this.opened&&this.dispatchEvent(new CustomEvent("kemet-popover-closed",{bubbles:!0,composed:!0,detail:this})),this.smartContent()}render(){return P`
       <div
         id="trigger"
         part="trigger"
@@ -1847,7 +2211,7 @@ const tt=t=>null!=t?t:O
         </div>
       </div>
       ${this.makeOverlay()}
-    `}open(){this.opened=!0}close(){this.opened=!1}toggle(t){const e="trigger"===t.target.getAttribute("slot"),s="trigger"===t.target.getAttribute("part");(e||s)&&(this.opened?this.close():this.open())}handleKeyUp(t){t.preventDefault(),t.keyCode===Ct&&this.close(),t.keyCode!==_t&&t.keyCode!==At||this.toggle()}handleFocusableDown(t){const e=this.focusableElements[0],s=this.focusableElements[this.focusableElements.length-1];"Tab"===t.key&&(t.shiftKey&&document.activeElement===e?(t.preventDefault(),s.focus()):t.shiftKey||document.activeElement!==s||(t.preventDefault(),e.focus()))}makeTooltip(){return this.customTooltip?P`
+    `}open(){this.opened=!0}close(){this.opened=!1}toggle(t){const e="trigger"===t.target.getAttribute("slot"),s="trigger"===t.target.getAttribute("part");(e||s)&&(this.opened?this.close():this.open())}handleKeyUp(t){t.preventDefault(),t.keyCode===It&&this.close(),t.keyCode!==Bt&&t.keyCode!==Pt||this.toggle()}handleFocusableDown(t){const e=this.focusableElements[0],s=this.focusableElements[this.focusableElements.length-1];"Tab"===t.key&&(t.shiftKey&&document.activeElement===e?(t.preventDefault(),s.focus()):t.shiftKey||document.activeElement!==s||(t.preventDefault(),e.focus()))}makeTooltip(){return this.customTooltip?P`
         <div id="custom-tooltip" part="custom-tooltip">
           <slot name="custom-tooltip"></slot>
         </div>
@@ -1922,9 +2286,9 @@ const tt=t=>null!=t?t:O
       <label part="label">
         <input
           type="radio"
-          name=${tt(this.name)}
+          name=${rt(this.name)}
           .value=${this.value}
-          .checked=${lt(this.checked)}
+          .checked=${mt(this.checked)}
           .disabled=${this.disabled}
           @blur=${()=>this.handleBlur()}
           @focus=${()=>this.handleFocus()}
@@ -1985,7 +2349,7 @@ const tt=t=>null!=t?t:O
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class zt extends nt{constructor(t){if(super(t),this.it=O,t.type!==st)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===O||null==t)return this.ft=void 0,this.it=t;if(t===I)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this.ft;this.it=t;const e=[t];return e.raw=e,this.ft={_$litType$:this.constructor.resultType,strings:e,values:[]}}}zt.directiveName="unsafeHTML",zt.resultType=1;const Bt=rt(zt);customElements.get("kemet-rotator")||customElements.define("kemet-rotator",class extends G{static get styles(){return r`
+class Ot extends ct{constructor(t){if(super(t),this.it=O,t.type!==at)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===O||null==t)return this.ft=void 0,this.it=t;if(t===I)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this.ft;this.it=t;const e=[t];return e.raw=e,this.ft={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Ot.directiveName="unsafeHTML",Ot.resultType=1;const Tt=ht(Ot);customElements.get("kemet-rotator")||customElements.define("kemet-rotator",class extends G{static get styles(){return r`
       :host {
         display: flex;
       }
@@ -2060,7 +2424,7 @@ class zt extends nt{constructor(t){if(super(t),this.it=O,t.type!==st)throw Error
       </span>
     `}makeMessages(){return this.messages.map(((t,e)=>{const s=this.activeSlide===e?"rotator__slide--active":"",i=this.prevSlide===e?"rotator__slide--prev":"";return P`
         <span class="rotator__slide ${s} ${i}">
-          ${Bt(t)}
+          ${Tt(t)}
         </span>
       `}))}setDimensions(){if("flip"===this.effect){this.width=`${this.offsetWidth}px`;const t=this.shadowRoot.querySelectorAll(".rotator__slide");let e=0;t.forEach((t=>{t.offsetHeight>e&&(e=t.offsetHeight)})),this.height=`${e}px`}}nextSlide(){this.activeSlide<this.messages.length-1?(this.activeSlide+=1,this.prevSlide=this.activeSlide-1):(this.activeSlide=0,this.prevSlide=this.messages.length-1)}});customElements.get("kemet-scroll-link")||customElements.define("kemet-scroll-link",class extends G{static get styles(){return r`
       :host {
@@ -2348,7 +2712,7 @@ class zt extends nt{constructor(t){if(super(t),this.it=O,t.type!==st)throw Error
     `}static get properties(){return{selected:{type:Boolean,reflect:!0},link:{type:String},closable:{type:Boolean}}}constructor(){super(),this.selected=!1}firstUpdated(){this.addEventListener("click",this.select.bind(this))}updated(){this.a11y()}render(){return P`
       <slot></slot>
       ${this.makeCloseable()}
-    `}select(){this.dispatchEvent(new CustomEvent("kemet-tab-selected",{bubbles:!0,composed:!0,detail:this}))}a11y(){this.setAttribute("role","tab"),this.selected?(this.setAttribute("aria-selected","true"),this.setAttribute("tabindex","0")):(this.setAttribute("aria-selected","false"),this.setAttribute("tabindex","-1"))}makeCloseable(){return this.closable?P`<kemet-icon icon="x-lg" @click=${()=>this.handleClosable()}></kemet-icon>`:null}handleClosable(){this.dispatchEvent(new CustomEvent("kemet-tab-close",{bubbles:!0,composed:!0,detail:this}))}});const Lt=r`
+    `}select(){this.dispatchEvent(new CustomEvent("kemet-tab-selected",{bubbles:!0,composed:!0,detail:this}))}a11y(){this.setAttribute("role","tab"),this.selected?(this.setAttribute("aria-selected","true"),this.setAttribute("tabindex","0")):(this.setAttribute("aria-selected","false"),this.setAttribute("tabindex","-1"))}makeCloseable(){return this.closable?P`<kemet-icon icon="x-lg" @click=${()=>this.handleClosable()}></kemet-icon>`:null}handleClosable(){this.dispatchEvent(new CustomEvent("kemet-tab-close",{bubbles:!0,composed:!0,detail:this}))}});const Xt=r`
   :host {
     --kemet-tabs-ink-size: 6px;
     --kemet-tabs-ink-radius: 6px;
@@ -2545,7 +2909,7 @@ class zt extends nt{constructor(t){if(super(t),this.it=O,t.type!==st)throw Error
     top: auto;
     bottom: 1rem;
   }
-`;customElements.get("kemet-tabs")||customElements.define("kemet-tabs",class extends G{static get styles(){return[Lt]}static get properties(){return{selected:{type:String,reflect:!0},selectedIndex:{type:Number},panelPosition:{type:Number},panelEffect:{type:String,reflect:!0,attribute:"panel-effect"},swipe:{type:Boolean},placement:{type:String,reflect:!0},divider:{type:Boolean},tabsAlign:{type:String,reflect:!0,attribute:"tabs-align"},ink:{type:Object},hideInk:{type:Boolean,attribute:"hide-ink"},overflow:{type:Boolean,reflect:!0}}}constructor(){super(),this.selectedIndex=0,this.panelPosition=0,this.panelEffect="none",this.placement="top",this.tabsAlign="center",this.hideInk=!1,this.addEventListener("kemet-tab-selected",this.tabSelectedChange.bind(this)),this.addEventListener("kemet-tab-close",this.handleTabClose.bind(this)),window.addEventListener("resize",this.handleResize.bind(this))}firstUpdated(){this.tabs=[],this.panels=[],this.xDown=null,this.yDown=null,this.links=this.shadowRoot.getElementById("links")}render(){return P`
+`;customElements.get("kemet-tabs")||customElements.define("kemet-tabs",class extends G{static get styles(){return[Xt]}static get properties(){return{selected:{type:String,reflect:!0},selectedIndex:{type:Number},panelPosition:{type:Number},panelEffect:{type:String,reflect:!0,attribute:"panel-effect"},swipe:{type:Boolean},placement:{type:String,reflect:!0},divider:{type:Boolean},tabsAlign:{type:String,reflect:!0,attribute:"tabs-align"},ink:{type:Object},hideInk:{type:Boolean,attribute:"hide-ink"},overflow:{type:Boolean,reflect:!0}}}constructor(){super(),this.selectedIndex=0,this.panelPosition=0,this.panelEffect="none",this.placement="top",this.tabsAlign="center",this.hideInk=!1,this.addEventListener("kemet-tab-selected",this.tabSelectedChange.bind(this)),this.addEventListener("kemet-tab-close",this.handleTabClose.bind(this)),window.addEventListener("resize",this.handleResize.bind(this))}firstUpdated(){this.tabs=[],this.panels=[],this.xDown=null,this.yDown=null,this.links=this.shadowRoot.getElementById("links")}render(){return P`
       ${this.makeLeftArrow()}
       ${this.makeRightArrow()}
       <div id="links" part="links">
@@ -2630,18 +2994,18 @@ class zt extends nt{constructor(t){if(super(t),this.it=O,t.type!==st)throw Error
         part="textarea"
         id=${this.slug}
         name=${this.name}
-        .value=${lt(this.value)}
+        .value=${mt(this.value)}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
         ?required=${this.required}
-        placeholder=${tt(this.placeholder)}
-        rows=${tt(this.rows)}
-        minlength=${tt(this.minlength)}
-        maxlength=${tt(this.maxlength)}
-        autocorrect=${tt(this.autocorrect)}
+        placeholder=${rt(this.placeholder)}
+        rows=${rt(this.rows)}
+        minlength=${rt(this.minlength)}
+        maxlength=${rt(this.maxlength)}
+        autocorrect=${rt(this.autocorrect)}
         ?autofocus=${this.autofocus}
-        spellcheck=${tt(this.spellcheck)}
-        inputmode=${tt(this.inputmode)}
+        spellcheck=${rt(this.spellcheck)}
+        inputmode=${rt(this.inputmode)}
         @change=${this.handleChange}
         @input=${this.handleInput}
         @focus=${this.handleFocus}
@@ -2749,4 +3113,127 @@ class zt extends nt{constructor(t){if(super(t),this.it=O,t.type!==st)throw Error
         ${this.makeCheckedOption()}
         <span part="text">${this.label}</span>
       </label>
-    `}handleChange(){this.checked=!this.checked,this.value=this.checked?this.optionChecked:this.optionUnchecked,this.dispatchEvent(new CustomEvent("kemet-toggle-change",{bubbles:!0,composed:!0,detail:!0}))}makeUncheckedOption(){return this.show?P`<span class="option" part="unchecked">${this.optionUnchecked}</span>`:null}makeCheckedOption(){return this.show?P`<span class="option" part="checked">${this.optionChecked}</span>`:null}});export{St as customTooltip,gt as fade,kt as fall,yt as flipHorizontal,wt as flipVertical,vt as scale,xt as sign,bt as slide,Lt as stylesKemetTabs,$t as superScaled,Et as tooltip};
+    `}handleChange(){this.checked=!this.checked,this.value=this.checked?this.optionChecked:this.optionUnchecked,this.dispatchEvent(new CustomEvent("kemet-toggle-change",{bubbles:!0,composed:!0,detail:!0}))}makeUncheckedOption(){return this.show?P`<span class="option" part="unchecked">${this.optionUnchecked}</span>`:null}makeCheckedOption(){return this.show?P`<span class="option" part="checked">${this.optionChecked}</span>`:null}});customElements.get("kemet-tracker-step")||customElements.define("kemet-tracker-step",class extends G{static get styles(){return[r`
+        :host {
+          --kemet-tracker-step-dot-size: 50px;
+          --kemet-tracker-step-dot-size-mobile: 25px;
+          --kemet-tracker-step-dot-gap: 4px;
+          --kemet-tracker-step-standard-line-weight: 1px;
+          --kemet-tracker-step-completed-line-weight: 3px;
+          --kemet-tracker-step-dot-transition: all 300ms ease-in-out;
+
+          position: relative;
+          width: 100%;
+          text-align: center;
+        }
+
+        .dot {
+          font-size: var(--kemet-tracker-step-dot-font-size, 90%);
+          color: var(--kemet-tracker-step-dot-color, var(--kemet-color-primary));
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin: 0 auto;
+          position: relative;
+          z-index: 1;
+          width: var(--kemet-tracker-step-dot-size);
+          height: var(--kemet-tracker-step-dot-size);
+          border-radius: 100%;
+          transition: var(--kemet-tracker-step-dot-transition);
+          background-color: var(--kemet-tracker-step-dot-background-color, var(--kemet-color-white));
+        }
+
+        .dot::after {
+          content: "";
+          width: unset;
+          height: unset;
+          position: absolute;
+          top: var(--kemet-tracker-step-dot-gap);
+          left: var(--kemet-tracker-step-dot-gap);
+          right: var(--kemet-tracker-step-dot-gap);
+          bottom: var(--kemet-tracker-step-dot-gap);
+          z-index: -1;
+          border-radius: 100%;
+          transition: var(--kemet-tracker-step-dot-transition);
+          border: var(--kemet-tracker-step-dot-border, 1px solid var(--kemet-color-primary));
+          background-color: var(--kemet-tracker-step-dot-fill-color, transparent);
+        }
+
+        :host([completed]) .dot {
+          color: var(--kemet-tracker-step-completed-color, var(--kemet-color-white));
+        }
+
+        :host([completed]) .dot::after {
+          border: 0;
+          background-color: var(--kemet-tracker-step-completed-fill-color, var(--kemet-color-success));
+        }
+
+        :host([current]) .dot.animate {
+          color: var(--kemet-tracker-step-current-color, var(--kemet-color-white));
+        }
+
+        :host([current]) .dot.animate::after {
+          border: 0;
+          background-color: var(--kemet-tracker-step-current-fill-color, var(--kemet-color-primary));
+        }
+
+        :host([mobile]) .dot {
+          width: var(--kemet-tracker-step-dot-size-mobile);
+          height: var(--kemet-tracker-step-dot-size-mobile);
+        }
+
+        .line {
+          display: block;
+          position: absolute;
+          left: 50%;
+          right: 0;
+          bottom: 0;
+          width: 100%;
+
+          /* standard */
+          top: calc((var(--kemet-tracker-step-dot-size) - var(--kemet-tracker-step-standard-line-weight)) / 2);
+          height: var(--kemet-tracker-step-standard-line-weight);
+          background-color: var(--kemet-tracker-step-line-color, var(--kemet-color-primary));
+        }
+
+        .line.completed {
+          width: 100%;
+          transform: scaleX(0);
+          transform-origin: left center;
+          top: calc((var(--kemet-tracker-step-dot-size) - var(--kemet-tracker-step-completed-line-weight)) / 2);
+          height: var(--kemet-tracker-step-completed-line-weight);
+          background-color: var(--kemet-tracker-step-completed-line-color, var(--kemet-color-primary));
+          animation-name: grow;
+          animation-delay: 1s;
+          animation-duration: 600ms;
+          animation-fill-mode: forwards;
+        }
+
+        :host([mobile]) .line {
+          top: calc((var(--kemet-tracker-step-dot-size-mobile) - var(--kemet-tracker-step-standard-line-weight)) / 2);
+        }
+
+        :host([mobile]) .line.completed {
+          top: calc((var(--kemet-tracker-step-dot-size-mobile) - var(--kemet-tracker-step-completed-line-weight)) / 2);
+        }
+
+        @keyframes grow {
+          from { transform: scaleX(0); }
+          to { transform: scaleX(1); }
+        }
+      `]}static get properties(){return{step:{type:Number},completed:{type:Boolean,reflect:!0},current:{type:Boolean,reflect:!0},last:{type:Boolean,reflect:!0},mobile:{type:Boolean,reflect:!0},hideDotContent:{type:Boolean,reflect:!0,attribute:"hide-dot-content"},completedSize:{type:Number}}}constructor(){super(),this.completedSize=16}firstUpdated(){this.tracker=this.closest("kemet-tracker")}render(){return P`
+      ${this.makeLine()}
+      ${this.makeCompletedLine()}
+      <div class="dot" part="dot">${this.makeDotContent()}</div>
+      ${this.makeSlotContent()}
+    `}makeLine(){return this.last?null:P`<div class="line" part="line"></div>`}makeCompletedLine(){return this.completed&&!this.last?P`<div class="line completed" part="completed-line" @animationend=${()=>this.handleCompletedLineEnd()}></div>`:null}makeDotContent(){return!this.completed||this.mobile||this.hideDotContent?this.mobile||this.hideDotContent?null:P`
+        <span>${this.step}/${this.tracker?.total}</span>
+      `:P`
+        <kemet-icon icon="check2" size=${this.completedSize}></kemet-icon>
+      `}makeSlotContent(){return this.mobile?null:P`<slot></slot>`}handleCompletedLineEnd(){const t=this.tracker.querySelector("[current]").shadowRoot.querySelector(".dot");t&&t.classList.add("animate")}});customElements.get("kemet-tracker")||customElements.define("kemet-tracker",class extends G{static get styles(){return[r`
+        :host {
+          display: flex;
+          justify-content: center;
+          align-items: flex-start;
+        }
+      `]}static get properties(){return{total:{type:Number},breakpoint:{type:String}}}constructor(){super(),this.breakpoint="767px"}firstUpdated(){this.steps=this.querySelectorAll("kemet-tracker-step"),this.isMobile(),window.addEventListener("resize",(()=>{this.isMobile()}))}render(){return P`<slot @slotchange=${()=>this.handleSlotChange()}></slot>`}handleSlotChange(){this.total=this.steps.length,this.steps.forEach(((t,e)=>{t.step=e+1,t.step===this.total&&(t.last=!0)}))}isMobile(){const t=window.matchMedia(`(max-width: ${this.breakpoint})`);this.steps.forEach((e=>{e.mobile=t.matches}))}});export{tt as KemetCarouselCurrent,et as KemetCarouselFirst,st as KemetCarouselLast,it as KemetCarouselPrev,ot as KemetCarouselTotal,Lt as customTooltip,wt as fade,$t as fall,St as flipHorizontal,_t as flipVertical,xt as scale,Ct as sign,Et as slide,Xt as stylesKemetTabs,At as superScaled,zt as tooltip};