@aquera/nile-elements 0.0.3-1 → 0.0.3-2

package/dist/index.iife.js

@@ -14,13 +14,13 @@
      * Copyright 2017 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-var l;e.finalized=!0,e.elementProperties=new Map,e.elementStyles=[],e.shadowRootOptions={mode:"open"},null==y||y({ReactiveElement:e}),(null!==(T=z.reactiveElementVersions)&&void 0!==T?T:z.reactiveElementVersions=[]).push("1.4.1");const w=window,E=w.trustedTypes,a=E?E.createPolicy("lit-html",{createHTML:M=>M}):void 0,S=`lit$${(Math.random()+"").slice(9)}$`,o="?"+S,O=`<${o}>`,n=document,d=(M="")=>n.createComment(M),C=M=>null===M||"object"!=typeof M&&"function"!=typeof M,r=Array.isArray,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Q=/-->/g,k=/>/g,h=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),Y=/'/g,Z=/"/g,b=/^(?:script|style|textarea|title)$/i,m=(M=>(N,...D)=>({_$litType$:M,strings:N,values:D}))(1),p=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),V=new WeakMap,v=n.createTreeWalker(n,129,null,!1);let G=class{constructor({strings:M,_$litType$:N},D){let i;this.parts=[];let I=0,j=0;const g=M.length-1,u=this.parts,[L,T]=((M,N)=>{const D=M.length-1,i=[];let I,j=2===N?"<svg>":"",g=U;for(let N=0;N<D;N++){const D=M[N];let u,L,T=-1,z=0;for(;z<D.length&&(g.lastIndex=z,L=g.exec(D),null!==L);)z=g.lastIndex,g===U?"!--"===L[1]?g=Q:void 0!==L[1]?g=k:void 0!==L[2]?(b.test(L[2])&&(I=RegExp("</"+L[2],"g")),g=h):void 0!==L[3]&&(g=h):g===h?">"===L[0]?(g=null!=I?I:U,T=-1):void 0===L[1]?T=-2:(T=g.lastIndex-L[2].length,u=L[1],g=void 0===L[3]?h:'"'===L[3]?Z:Y):g===Z||g===Y?g=h:g===Q||g===k?g=U:(g=h,I=void 0);const A=g===h&&M[N+1].startsWith("/>")?" ":"";j+=g===U?D+O:T>=0?(i.push(u),D.slice(0,T)+"$lit$"+D.slice(T)+S+A):D+S+(-2===T?(i.push(void 0),N):A)}const u=j+(M[D]||"<?>")+(2===N?"</svg>":"");if(!Array.isArray(M)||!M.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==a?a.createHTML(u):u,i]})(M,N);if(this.el=G.createElement(L,D),v.currentNode=this.el.content,2===N){const M=this.el.content,N=M.firstChild;N.remove(),M.append(...N.childNodes)}for(;null!==(i=v.nextNode())&&u.length<g;){if(1===i.nodeType){if(i.hasAttributes()){const M=[];for(const N of i.getAttributeNames())if(N.endsWith("$lit$")||N.startsWith(S)){const D=T[j++];if(M.push(N),void 0!==D){const M=i.getAttribute(D.toLowerCase()+"$lit$").split(S),N=/([.?@])?(.*)/.exec(D);u.push({type:1,index:I,name:N[2],strings:M,ctor:"."===N[1]?F:"?"===N[1]?J:"@"===N[1]?X:R})}else u.push({type:6,index:I})}for(const N of M)i.removeAttribute(N)}if(b.test(i.tagName)){const M=i.textContent.split(S),N=M.length-1;if(N>0){i.textContent=E?E.emptyScript:"";for(let D=0;D<N;D++)i.append(M[D],d()),v.nextNode(),u.push({type:2,index:++I});i.append(M[N],d())}}}else if(8===i.nodeType)if(i.data===o)u.push({type:2,index:I});else{let M=-1;for(;-1!==(M=i.data.indexOf(S,M+1));)u.push({type:7,index:I}),M+=S.length-1}I++}}static createElement(M,N){const D=n.createElement("template");return D.innerHTML=M,D}};function B(M,N,D=M,i){var I,j,g,u;if(N===p)return N;let L=void 0!==i?null===(I=D._$Co)||void 0===I?void 0:I[i]:D._$Cl;const T=C(N)?void 0:N._$litDirective$;return(null==L?void 0:L.constructor)!==T&&(null===(j=null==L?void 0:L._$AO)||void 0===j||j.call(L,!1),void 0===T?L=void 0:(L=new T(M),L._$AT(M,D,i)),void 0!==i?(null!==(g=(u=D)._$Co)&&void 0!==g?g:u._$Co=[])[i]=L:D._$Cl=L),void 0!==L&&(N=B(M,L._$AS(M,N.values),L,i)),N}let P=class{constructor(M,N,D,i){var I;this.type=2,this._$AH=W,this._$AN=void 0,this._$AA=M,this._$AB=N,this._$AM=D,this.options=i,this._$Cm=null===(I=null==i?void 0:i.isConnected)||void 0===I||I}get _$AU(){var M,N;return null!==(N=null===(M=this._$AM)||void 0===M?void 0:M._$AU)&&void 0!==N?N:this._$Cm}get parentNode(){let M=this._$AA.parentNode;const N=this._$AM;return void 0!==N&&11===M.nodeType&&(M=N.parentNode),M}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(M,N=this){M=B(this,M,N),C(M)?M===W||null==M||""===M?(this._$AH!==W&&this._$AR(),this._$AH=W):M!==this._$AH&&M!==p&&this.g(M):void 0!==M._$litType$?this.$(M):void 0!==M.nodeType?this.T(M):(M=>r(M)||"function"==typeof(null==M?void 0:M[Symbol.iterator]))(M)?this.k(M):this.g(M)}O(M,N=this._$AB){return this._$AA.parentNode.insertBefore(M,N)}T(M){this._$AH!==M&&(this._$AR(),this._$AH=this.O(M))}g(M){this._$AH!==W&&C(this._$AH)?this._$AA.nextSibling.data=M:this.T(n.createTextNode(M)),this._$AH=M}$(M){var N;const{values:D,_$litType$:i}=M,I="number"==typeof i?this._$AC(M):(void 0===i.el&&(i.el=G.createElement(i.h,this.options)),i);if((null===(N=this._$AH)||void 0===N?void 0:N._$AD)===I)this._$AH.p(D);else{const M=new class{constructor(M,N){this.u=[],this._$AN=void 0,this._$AD=M,this._$AM=N}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(M){var N;const{el:{content:D},parts:i}=this._$AD,I=(null!==(N=null==M?void 0:M.creationScope)&&void 0!==N?N:n).importNode(D,!0);v.currentNode=I;let j=v.nextNode(),g=0,u=0,L=i[0];for(;void 0!==L;){if(g===L.index){let N;2===L.type?N=new P(j,j.nextSibling,this,M):1===L.type?N=new L.ctor(j,L.name,L.strings,this,M):6===L.type&&(N=new f(j,this,M)),this.u.push(N),L=i[++u]}g!==(null==L?void 0:L.index)&&(j=v.nextNode(),g++)}return I}p(M){let N=0;for(const D of this.u)void 0!==D&&(void 0!==D.strings?(D._$AI(M,D,N),N+=D.strings.length-2):D._$AI(M[N])),N++}}(I,this),N=M.v(this.options);M.p(D),this.T(N),this._$AH=M}}_$AC(M){let N=V.get(M.strings);return void 0===N&&V.set(M.strings,N=new G(M)),N}k(M){r(this._$AH)||(this._$AH=[],this._$AR());const N=this._$AH;let D,i=0;for(const I of M)i===N.length?N.push(D=new P(this.O(d()),this.O(d()),this,this.options)):D=N[i],D._$AI(I),i++;i<N.length&&(this._$AR(D&&D._$AB.nextSibling,i),N.length=i)}_$AR(M=this._$AA.nextSibling,N){var D;for(null===(D=this._$AP)||void 0===D||D.call(this,!1,!0,N);M&&M!==this._$AB;){const N=M.nextSibling;M.remove(),M=N}}setConnected(M){var N;void 0===this._$AM&&(this._$Cm=M,null===(N=this._$AP)||void 0===N||N.call(this,M))}},R=class{constructor(M,N,D,i,I){this.type=1,this._$AH=W,this._$AN=void 0,this.element=M,this.name=N,this._$AM=i,this.options=I,D.length>2||""!==D[0]||""!==D[1]?(this._$AH=Array(D.length-1).fill(new String),this.strings=D):this._$AH=W}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(M,N=this,D,i){const I=this.strings;let j=!1;if(void 0===I)M=B(this,M,N,0),j=!C(M)||M!==this._$AH&&M!==p,j&&(this._$AH=M);else{const i=M;let g,u;for(M=I[0],g=0;g<I.length-1;g++)u=B(this,i[D+g],N,g),u===p&&(u=this._$AH[g]),j||(j=!C(u)||u!==this._$AH[g]),u===W?M=W:M!==W&&(M+=(null!=u?u:"")+I[g+1]),this._$AH[g]=u}j&&!i&&this.j(M)}j(M){M===W?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=M?M:"")}},F=class extends R{constructor(){super(...arguments),this.type=3}j(M){this.element[this.name]=M===W?void 0:M}};const H=E?E.emptyScript:"";let J=class extends R{constructor(){super(...arguments),this.type=4}j(M){M&&M!==W?this.element.setAttribute(this.name,H):this.element.removeAttribute(this.name)}},X=class extends R{constructor(M,N,D,i,I){super(M,N,D,i,I),this.type=5}_$AI(M,N=this){var D;if((M=null!==(D=B(this,M,N,0))&&void 0!==D?D:W)===p)return;const i=this._$AH,I=M===W&&i!==W||M.capture!==i.capture||M.once!==i.once||M.passive!==i.passive,j=M!==W&&(i===W||I);I&&this.element.removeEventListener(this.name,this,i),j&&this.element.addEventListener(this.name,this,M),this._$AH=M}handleEvent(M){var N,D;"function"==typeof this._$AH?this._$AH.call(null!==(D=null===(N=this.options)||void 0===N?void 0:N.host)&&void 0!==D?D:this.element,M):this._$AH.handleEvent(M)}},f=class{constructor(M,N,D){this.element=M,this.type=6,this._$AN=void 0,this._$AM=N,this.options=D}get _$AU(){return this._$AM._$AU}_$AI(M){B(this,M)}};const _=w.litHtmlPolyfillSupport;
+var l;e.finalized=!0,e.elementProperties=new Map,e.elementStyles=[],e.shadowRootOptions={mode:"open"},null==y||y({ReactiveElement:e}),(null!==(T=z.reactiveElementVersions)&&void 0!==T?T:z.reactiveElementVersions=[]).push("1.4.1");const w=window,E=w.trustedTypes,a=E?E.createPolicy("lit-html",{createHTML:M=>M}):void 0,o=`lit$${(Math.random()+"").slice(9)}$`,S="?"+o,O=`<${S}>`,n=document,d=(M="")=>n.createComment(M),C=M=>null===M||"object"!=typeof M&&"function"!=typeof M,r=Array.isArray,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Q=/-->/g,k=/>/g,h=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),Y=/'/g,Z=/"/g,b=/^(?:script|style|textarea|title)$/i,m=(M=>(N,...D)=>({_$litType$:M,strings:N,values:D}))(1),p=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),V=new WeakMap,v=n.createTreeWalker(n,129,null,!1);let G=class{constructor({strings:M,_$litType$:N},D){let i;this.parts=[];let I=0,j=0;const g=M.length-1,u=this.parts,[L,T]=((M,N)=>{const D=M.length-1,i=[];let I,j=2===N?"<svg>":"",g=U;for(let N=0;N<D;N++){const D=M[N];let u,L,T=-1,z=0;for(;z<D.length&&(g.lastIndex=z,L=g.exec(D),null!==L);)z=g.lastIndex,g===U?"!--"===L[1]?g=Q:void 0!==L[1]?g=k:void 0!==L[2]?(b.test(L[2])&&(I=RegExp("</"+L[2],"g")),g=h):void 0!==L[3]&&(g=h):g===h?">"===L[0]?(g=null!=I?I:U,T=-1):void 0===L[1]?T=-2:(T=g.lastIndex-L[2].length,u=L[1],g=void 0===L[3]?h:'"'===L[3]?Z:Y):g===Z||g===Y?g=h:g===Q||g===k?g=U:(g=h,I=void 0);const A=g===h&&M[N+1].startsWith("/>")?" ":"";j+=g===U?D+O:T>=0?(i.push(u),D.slice(0,T)+"$lit$"+D.slice(T)+o+A):D+o+(-2===T?(i.push(void 0),N):A)}const u=j+(M[D]||"<?>")+(2===N?"</svg>":"");if(!Array.isArray(M)||!M.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==a?a.createHTML(u):u,i]})(M,N);if(this.el=G.createElement(L,D),v.currentNode=this.el.content,2===N){const M=this.el.content,N=M.firstChild;N.remove(),M.append(...N.childNodes)}for(;null!==(i=v.nextNode())&&u.length<g;){if(1===i.nodeType){if(i.hasAttributes()){const M=[];for(const N of i.getAttributeNames())if(N.endsWith("$lit$")||N.startsWith(o)){const D=T[j++];if(M.push(N),void 0!==D){const M=i.getAttribute(D.toLowerCase()+"$lit$").split(o),N=/([.?@])?(.*)/.exec(D);u.push({type:1,index:I,name:N[2],strings:M,ctor:"."===N[1]?F:"?"===N[1]?J:"@"===N[1]?X:R})}else u.push({type:6,index:I})}for(const N of M)i.removeAttribute(N)}if(b.test(i.tagName)){const M=i.textContent.split(o),N=M.length-1;if(N>0){i.textContent=E?E.emptyScript:"";for(let D=0;D<N;D++)i.append(M[D],d()),v.nextNode(),u.push({type:2,index:++I});i.append(M[N],d())}}}else if(8===i.nodeType)if(i.data===S)u.push({type:2,index:I});else{let M=-1;for(;-1!==(M=i.data.indexOf(o,M+1));)u.push({type:7,index:I}),M+=o.length-1}I++}}static createElement(M,N){const D=n.createElement("template");return D.innerHTML=M,D}};function B(M,N,D=M,i){var I,j,g,u;if(N===p)return N;let L=void 0!==i?null===(I=D._$Co)||void 0===I?void 0:I[i]:D._$Cl;const T=C(N)?void 0:N._$litDirective$;return(null==L?void 0:L.constructor)!==T&&(null===(j=null==L?void 0:L._$AO)||void 0===j||j.call(L,!1),void 0===T?L=void 0:(L=new T(M),L._$AT(M,D,i)),void 0!==i?(null!==(g=(u=D)._$Co)&&void 0!==g?g:u._$Co=[])[i]=L:D._$Cl=L),void 0!==L&&(N=B(M,L._$AS(M,N.values),L,i)),N}let P=class{constructor(M,N,D,i){var I;this.type=2,this._$AH=W,this._$AN=void 0,this._$AA=M,this._$AB=N,this._$AM=D,this.options=i,this._$Cm=null===(I=null==i?void 0:i.isConnected)||void 0===I||I}get _$AU(){var M,N;return null!==(N=null===(M=this._$AM)||void 0===M?void 0:M._$AU)&&void 0!==N?N:this._$Cm}get parentNode(){let M=this._$AA.parentNode;const N=this._$AM;return void 0!==N&&11===M.nodeType&&(M=N.parentNode),M}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(M,N=this){M=B(this,M,N),C(M)?M===W||null==M||""===M?(this._$AH!==W&&this._$AR(),this._$AH=W):M!==this._$AH&&M!==p&&this.g(M):void 0!==M._$litType$?this.$(M):void 0!==M.nodeType?this.T(M):(M=>r(M)||"function"==typeof(null==M?void 0:M[Symbol.iterator]))(M)?this.k(M):this.g(M)}O(M,N=this._$AB){return this._$AA.parentNode.insertBefore(M,N)}T(M){this._$AH!==M&&(this._$AR(),this._$AH=this.O(M))}g(M){this._$AH!==W&&C(this._$AH)?this._$AA.nextSibling.data=M:this.T(n.createTextNode(M)),this._$AH=M}$(M){var N;const{values:D,_$litType$:i}=M,I="number"==typeof i?this._$AC(M):(void 0===i.el&&(i.el=G.createElement(i.h,this.options)),i);if((null===(N=this._$AH)||void 0===N?void 0:N._$AD)===I)this._$AH.p(D);else{const M=new class{constructor(M,N){this.u=[],this._$AN=void 0,this._$AD=M,this._$AM=N}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(M){var N;const{el:{content:D},parts:i}=this._$AD,I=(null!==(N=null==M?void 0:M.creationScope)&&void 0!==N?N:n).importNode(D,!0);v.currentNode=I;let j=v.nextNode(),g=0,u=0,L=i[0];for(;void 0!==L;){if(g===L.index){let N;2===L.type?N=new P(j,j.nextSibling,this,M):1===L.type?N=new L.ctor(j,L.name,L.strings,this,M):6===L.type&&(N=new f(j,this,M)),this.u.push(N),L=i[++u]}g!==(null==L?void 0:L.index)&&(j=v.nextNode(),g++)}return I}p(M){let N=0;for(const D of this.u)void 0!==D&&(void 0!==D.strings?(D._$AI(M,D,N),N+=D.strings.length-2):D._$AI(M[N])),N++}}(I,this),N=M.v(this.options);M.p(D),this.T(N),this._$AH=M}}_$AC(M){let N=V.get(M.strings);return void 0===N&&V.set(M.strings,N=new G(M)),N}k(M){r(this._$AH)||(this._$AH=[],this._$AR());const N=this._$AH;let D,i=0;for(const I of M)i===N.length?N.push(D=new P(this.O(d()),this.O(d()),this,this.options)):D=N[i],D._$AI(I),i++;i<N.length&&(this._$AR(D&&D._$AB.nextSibling,i),N.length=i)}_$AR(M=this._$AA.nextSibling,N){var D;for(null===(D=this._$AP)||void 0===D||D.call(this,!1,!0,N);M&&M!==this._$AB;){const N=M.nextSibling;M.remove(),M=N}}setConnected(M){var N;void 0===this._$AM&&(this._$Cm=M,null===(N=this._$AP)||void 0===N||N.call(this,M))}},R=class{constructor(M,N,D,i,I){this.type=1,this._$AH=W,this._$AN=void 0,this.element=M,this.name=N,this._$AM=i,this.options=I,D.length>2||""!==D[0]||""!==D[1]?(this._$AH=Array(D.length-1).fill(new String),this.strings=D):this._$AH=W}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(M,N=this,D,i){const I=this.strings;let j=!1;if(void 0===I)M=B(this,M,N,0),j=!C(M)||M!==this._$AH&&M!==p,j&&(this._$AH=M);else{const i=M;let g,u;for(M=I[0],g=0;g<I.length-1;g++)u=B(this,i[D+g],N,g),u===p&&(u=this._$AH[g]),j||(j=!C(u)||u!==this._$AH[g]),u===W?M=W:M!==W&&(M+=(null!=u?u:"")+I[g+1]),this._$AH[g]=u}j&&!i&&this.j(M)}j(M){M===W?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=M?M:"")}},F=class extends R{constructor(){super(...arguments),this.type=3}j(M){this.element[this.name]=M===W?void 0:M}};const H=E?E.emptyScript:"";let J=class extends R{constructor(){super(...arguments),this.type=4}j(M){M&&M!==W?this.element.setAttribute(this.name,H):this.element.removeAttribute(this.name)}},X=class extends R{constructor(M,N,D,i,I){super(M,N,D,i,I),this.type=5}_$AI(M,N=this){var D;if((M=null!==(D=B(this,M,N,0))&&void 0!==D?D:W)===p)return;const i=this._$AH,I=M===W&&i!==W||M.capture!==i.capture||M.once!==i.once||M.passive!==i.passive,j=M!==W&&(i===W||I);I&&this.element.removeEventListener(this.name,this,i),j&&this.element.addEventListener(this.name,this,M),this._$AH=M}handleEvent(M){var N,D;"function"==typeof this._$AH?this._$AH.call(null!==(D=null===(N=this.options)||void 0===N?void 0:N.host)&&void 0!==D?D:this.element,M):this._$AH.handleEvent(M)}},f=class{constructor(M,N,D){this.element=M,this.type=6,this._$AN=void 0,this._$AM=N,this.options=D}get _$AU(){return this._$AM._$AU}_$AI(M){B(this,M)}};const _=w.litHtmlPolyfillSupport;
 /**
      * @license
      * Copyright 2017 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-var $;null==_||_(G,P),(null!==(l=w.litHtmlVersions)&&void 0!==l?l:w.litHtmlVersions=[]).push("2.4.0");const K=window,q=K.trustedTypes,MM=q?q.createPolicy("lit-html",{createHTML:M=>M}):void 0,NM=`lit$${(Math.random()+"").slice(9)}$`,DM="?"+NM,iM=`<${DM}>`,IM=document,jM=(M="")=>IM.createComment(M),gM=M=>null===M||"object"!=typeof M&&"function"!=typeof M,uM=Array.isArray,LM=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,TM=/-->/g,zM=/>/g,AM=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),tM=/'/g,yM=/"/g,xM=/^(?:script|style|textarea|title)$/i,cM=(M=>(N,...D)=>({_$litType$:M,strings:N,values:D}))(1),sM=Symbol.for("lit-noChange"),eM=Symbol.for("lit-nothing"),lM=new WeakMap,wM=IM.createTreeWalker(IM,129,null,!1),EM=(M,N)=>{const D=M.length-1,i=[];let I,j=2===N?"<svg>":"",g=LM;for(let N=0;N<D;N++){const D=M[N];let u,L,T=-1,z=0;for(;z<D.length&&(g.lastIndex=z,L=g.exec(D),null!==L);)z=g.lastIndex,g===LM?"!--"===L[1]?g=TM:void 0!==L[1]?g=zM:void 0!==L[2]?(xM.test(L[2])&&(I=RegExp("</"+L[2],"g")),g=AM):void 0!==L[3]&&(g=AM):g===AM?">"===L[0]?(g=null!=I?I:LM,T=-1):void 0===L[1]?T=-2:(T=g.lastIndex-L[2].length,u=L[1],g=void 0===L[3]?AM:'"'===L[3]?yM:tM):g===yM||g===tM?g=AM:g===TM||g===zM?g=LM:(g=AM,I=void 0);const A=g===AM&&M[N+1].startsWith("/>")?" ":"";j+=g===LM?D+iM:T>=0?(i.push(u),D.slice(0,T)+"$lit$"+D.slice(T)+NM+A):D+NM+(-2===T?(i.push(void 0),N):A)}const u=j+(M[D]||"<?>")+(2===N?"</svg>":"");if(!Array.isArray(M)||!M.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==MM?MM.createHTML(u):u,i]};class aM{constructor({strings:M,_$litType$:N},D){let i;this.parts=[];let I=0,j=0;const g=M.length-1,u=this.parts,[L,T]=EM(M,N);if(this.el=aM.createElement(L,D),wM.currentNode=this.el.content,2===N){const M=this.el.content,N=M.firstChild;N.remove(),M.append(...N.childNodes)}for(;null!==(i=wM.nextNode())&&u.length<g;){if(1===i.nodeType){if(i.hasAttributes()){const M=[];for(const N of i.getAttributeNames())if(N.endsWith("$lit$")||N.startsWith(NM)){const D=T[j++];if(M.push(N),void 0!==D){const M=i.getAttribute(D.toLowerCase()+"$lit$").split(NM),N=/([.?@])?(.*)/.exec(D);u.push({type:1,index:I,name:N[2],strings:M,ctor:"."===N[1]?dM:"?"===N[1]?rM:"@"===N[1]?UM:nM})}else u.push({type:6,index:I})}for(const N of M)i.removeAttribute(N)}if(xM.test(i.tagName)){const M=i.textContent.split(NM),N=M.length-1;if(N>0){i.textContent=q?q.emptyScript:"";for(let D=0;D<N;D++)i.append(M[D],jM()),wM.nextNode(),u.push({type:2,index:++I});i.append(M[N],jM())}}}else if(8===i.nodeType)if(i.data===DM)u.push({type:2,index:I});else{let M=-1;for(;-1!==(M=i.data.indexOf(NM,M+1));)u.push({type:7,index:I}),M+=NM.length-1}I++}}static createElement(M,N){const D=IM.createElement("template");return D.innerHTML=M,D}}function SM(M,N,D=M,i){var I,j,g,u;if(N===sM)return N;let L=void 0!==i?null===(I=D._$Cl)||void 0===I?void 0:I[i]:D._$Cu;const T=gM(N)?void 0:N._$litDirective$;return(null==L?void 0:L.constructor)!==T&&(null===(j=null==L?void 0:L._$AO)||void 0===j||j.call(L,!1),void 0===T?L=void 0:(L=new T(M),L._$AT(M,D,i)),void 0!==i?(null!==(g=(u=D)._$Cl)&&void 0!==g?g:u._$Cl=[])[i]=L:D._$Cu=L),void 0!==L&&(N=SM(M,L._$AS(M,N.values),L,i)),N}class oM{constructor(M,N){this.v=[],this._$AN=void 0,this._$AD=M,this._$AM=N}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(M){var N;const{el:{content:D},parts:i}=this._$AD,I=(null!==(N=null==M?void 0:M.creationScope)&&void 0!==N?N:IM).importNode(D,!0);wM.currentNode=I;let j=wM.nextNode(),g=0,u=0,L=i[0];for(;void 0!==L;){if(g===L.index){let N;2===L.type?N=new OM(j,j.nextSibling,this,M):1===L.type?N=new L.ctor(j,L.name,L.strings,this,M):6===L.type&&(N=new QM(j,this,M)),this.v.push(N),L=i[++u]}g!==(null==L?void 0:L.index)&&(j=wM.nextNode(),g++)}return I}m(M){let N=0;for(const D of this.v)void 0!==D&&(void 0!==D.strings?(D._$AI(M,D,N),N+=D.strings.length-2):D._$AI(M[N])),N++}}class OM{constructor(M,N,D,i){var I;this.type=2,this._$AH=eM,this._$AN=void 0,this._$AA=M,this._$AB=N,this._$AM=D,this.options=i,this._$C_=null===(I=null==i?void 0:i.isConnected)||void 0===I||I}get _$AU(){var M,N;return null!==(N=null===(M=this._$AM)||void 0===M?void 0:M._$AU)&&void 0!==N?N:this._$C_}get parentNode(){let M=this._$AA.parentNode;const N=this._$AM;return void 0!==N&&11===M.nodeType&&(M=N.parentNode),M}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(M,N=this){M=SM(this,M,N),gM(M)?M===eM||null==M||""===M?(this._$AH!==eM&&this._$AR(),this._$AH=eM):M!==this._$AH&&M!==sM&&this.$(M):void 0!==M._$litType$?this.T(M):void 0!==M.nodeType?this.k(M):(M=>uM(M)||"function"==typeof(null==M?void 0:M[Symbol.iterator]))(M)?this.O(M):this.$(M)}S(M,N=this._$AB){return this._$AA.parentNode.insertBefore(M,N)}k(M){this._$AH!==M&&(this._$AR(),this._$AH=this.S(M))}$(M){this._$AH!==eM&&gM(this._$AH)?this._$AA.nextSibling.data=M:this.k(IM.createTextNode(M)),this._$AH=M}T(M){var N;const{values:D,_$litType$:i}=M,I="number"==typeof i?this._$AC(M):(void 0===i.el&&(i.el=aM.createElement(i.h,this.options)),i);if((null===(N=this._$AH)||void 0===N?void 0:N._$AD)===I)this._$AH.m(D);else{const M=new oM(I,this),N=M.p(this.options);M.m(D),this.k(N),this._$AH=M}}_$AC(M){let N=lM.get(M.strings);return void 0===N&&lM.set(M.strings,N=new aM(M)),N}O(M){uM(this._$AH)||(this._$AH=[],this._$AR());const N=this._$AH;let D,i=0;for(const I of M)i===N.length?N.push(D=new OM(this.S(jM()),this.S(jM()),this,this.options)):D=N[i],D._$AI(I),i++;i<N.length&&(this._$AR(D&&D._$AB.nextSibling,i),N.length=i)}_$AR(M=this._$AA.nextSibling,N){var D;for(null===(D=this._$AP)||void 0===D||D.call(this,!1,!0,N);M&&M!==this._$AB;){const N=M.nextSibling;M.remove(),M=N}}setConnected(M){var N;void 0===this._$AM&&(this._$C_=M,null===(N=this._$AP)||void 0===N||N.call(this,M))}}class nM{constructor(M,N,D,i,I){this.type=1,this._$AH=eM,this._$AN=void 0,this.element=M,this.name=N,this._$AM=i,this.options=I,D.length>2||""!==D[0]||""!==D[1]?(this._$AH=Array(D.length-1).fill(new String),this.strings=D):this._$AH=eM}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(M,N=this,D,i){const I=this.strings;let j=!1;if(void 0===I)M=SM(this,M,N,0),j=!gM(M)||M!==this._$AH&&M!==sM,j&&(this._$AH=M);else{const i=M;let g,u;for(M=I[0],g=0;g<I.length-1;g++)u=SM(this,i[D+g],N,g),u===sM&&(u=this._$AH[g]),j||(j=!gM(u)||u!==this._$AH[g]),u===eM?M=eM:M!==eM&&(M+=(null!=u?u:"")+I[g+1]),this._$AH[g]=u}j&&!i&&this.P(M)}P(M){M===eM?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=M?M:"")}}class dM extends nM{constructor(){super(...arguments),this.type=3}P(M){this.element[this.name]=M===eM?void 0:M}}const CM=q?q.emptyScript:"";class rM extends nM{constructor(){super(...arguments),this.type=4}P(M){M&&M!==eM?this.element.setAttribute(this.name,CM):this.element.removeAttribute(this.name)}}class UM extends nM{constructor(M,N,D,i,I){super(M,N,D,i,I),this.type=5}_$AI(M,N=this){var D;if((M=null!==(D=SM(this,M,N,0))&&void 0!==D?D:eM)===sM)return;const i=this._$AH,I=M===eM&&i!==eM||M.capture!==i.capture||M.once!==i.once||M.passive!==i.passive,j=M!==eM&&(i===eM||I);I&&this.element.removeEventListener(this.name,this,i),j&&this.element.addEventListener(this.name,this,M),this._$AH=M}handleEvent(M){var N,D;"function"==typeof this._$AH?this._$AH.call(null!==(D=null===(N=this.options)||void 0===N?void 0:N.host)&&void 0!==D?D:this.element,M):this._$AH.handleEvent(M)}}class QM{constructor(M,N,D){this.element=M,this.type=6,this._$AN=void 0,this._$AM=N,this.options=D}get _$AU(){return this._$AM._$AU}_$AI(M){SM(this,M)}}const kM=K.litHtmlPolyfillSupport;
+var $;null==_||_(G,P),(null!==(l=w.litHtmlVersions)&&void 0!==l?l:w.litHtmlVersions=[]).push("2.4.0");const K=window,q=K.trustedTypes,MM=q?q.createPolicy("lit-html",{createHTML:M=>M}):void 0,NM=`lit$${(Math.random()+"").slice(9)}$`,DM="?"+NM,iM=`<${DM}>`,IM=document,jM=(M="")=>IM.createComment(M),gM=M=>null===M||"object"!=typeof M&&"function"!=typeof M,uM=Array.isArray,LM=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,TM=/-->/g,zM=/>/g,AM=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),tM=/'/g,yM=/"/g,xM=/^(?:script|style|textarea|title)$/i,cM=(M=>(N,...D)=>({_$litType$:M,strings:N,values:D}))(1),sM=Symbol.for("lit-noChange"),eM=Symbol.for("lit-nothing"),lM=new WeakMap,wM=IM.createTreeWalker(IM,129,null,!1),EM=(M,N)=>{const D=M.length-1,i=[];let I,j=2===N?"<svg>":"",g=LM;for(let N=0;N<D;N++){const D=M[N];let u,L,T=-1,z=0;for(;z<D.length&&(g.lastIndex=z,L=g.exec(D),null!==L);)z=g.lastIndex,g===LM?"!--"===L[1]?g=TM:void 0!==L[1]?g=zM:void 0!==L[2]?(xM.test(L[2])&&(I=RegExp("</"+L[2],"g")),g=AM):void 0!==L[3]&&(g=AM):g===AM?">"===L[0]?(g=null!=I?I:LM,T=-1):void 0===L[1]?T=-2:(T=g.lastIndex-L[2].length,u=L[1],g=void 0===L[3]?AM:'"'===L[3]?yM:tM):g===yM||g===tM?g=AM:g===TM||g===zM?g=LM:(g=AM,I=void 0);const A=g===AM&&M[N+1].startsWith("/>")?" ":"";j+=g===LM?D+iM:T>=0?(i.push(u),D.slice(0,T)+"$lit$"+D.slice(T)+NM+A):D+NM+(-2===T?(i.push(void 0),N):A)}const u=j+(M[D]||"<?>")+(2===N?"</svg>":"");if(!Array.isArray(M)||!M.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==MM?MM.createHTML(u):u,i]};class aM{constructor({strings:M,_$litType$:N},D){let i;this.parts=[];let I=0,j=0;const g=M.length-1,u=this.parts,[L,T]=EM(M,N);if(this.el=aM.createElement(L,D),wM.currentNode=this.el.content,2===N){const M=this.el.content,N=M.firstChild;N.remove(),M.append(...N.childNodes)}for(;null!==(i=wM.nextNode())&&u.length<g;){if(1===i.nodeType){if(i.hasAttributes()){const M=[];for(const N of i.getAttributeNames())if(N.endsWith("$lit$")||N.startsWith(NM)){const D=T[j++];if(M.push(N),void 0!==D){const M=i.getAttribute(D.toLowerCase()+"$lit$").split(NM),N=/([.?@])?(.*)/.exec(D);u.push({type:1,index:I,name:N[2],strings:M,ctor:"."===N[1]?dM:"?"===N[1]?rM:"@"===N[1]?UM:nM})}else u.push({type:6,index:I})}for(const N of M)i.removeAttribute(N)}if(xM.test(i.tagName)){const M=i.textContent.split(NM),N=M.length-1;if(N>0){i.textContent=q?q.emptyScript:"";for(let D=0;D<N;D++)i.append(M[D],jM()),wM.nextNode(),u.push({type:2,index:++I});i.append(M[N],jM())}}}else if(8===i.nodeType)if(i.data===DM)u.push({type:2,index:I});else{let M=-1;for(;-1!==(M=i.data.indexOf(NM,M+1));)u.push({type:7,index:I}),M+=NM.length-1}I++}}static createElement(M,N){const D=IM.createElement("template");return D.innerHTML=M,D}}function oM(M,N,D=M,i){var I,j,g,u;if(N===sM)return N;let L=void 0!==i?null===(I=D._$Cl)||void 0===I?void 0:I[i]:D._$Cu;const T=gM(N)?void 0:N._$litDirective$;return(null==L?void 0:L.constructor)!==T&&(null===(j=null==L?void 0:L._$AO)||void 0===j||j.call(L,!1),void 0===T?L=void 0:(L=new T(M),L._$AT(M,D,i)),void 0!==i?(null!==(g=(u=D)._$Cl)&&void 0!==g?g:u._$Cl=[])[i]=L:D._$Cu=L),void 0!==L&&(N=oM(M,L._$AS(M,N.values),L,i)),N}class SM{constructor(M,N){this.v=[],this._$AN=void 0,this._$AD=M,this._$AM=N}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(M){var N;const{el:{content:D},parts:i}=this._$AD,I=(null!==(N=null==M?void 0:M.creationScope)&&void 0!==N?N:IM).importNode(D,!0);wM.currentNode=I;let j=wM.nextNode(),g=0,u=0,L=i[0];for(;void 0!==L;){if(g===L.index){let N;2===L.type?N=new OM(j,j.nextSibling,this,M):1===L.type?N=new L.ctor(j,L.name,L.strings,this,M):6===L.type&&(N=new QM(j,this,M)),this.v.push(N),L=i[++u]}g!==(null==L?void 0:L.index)&&(j=wM.nextNode(),g++)}return I}m(M){let N=0;for(const D of this.v)void 0!==D&&(void 0!==D.strings?(D._$AI(M,D,N),N+=D.strings.length-2):D._$AI(M[N])),N++}}class OM{constructor(M,N,D,i){var I;this.type=2,this._$AH=eM,this._$AN=void 0,this._$AA=M,this._$AB=N,this._$AM=D,this.options=i,this._$C_=null===(I=null==i?void 0:i.isConnected)||void 0===I||I}get _$AU(){var M,N;return null!==(N=null===(M=this._$AM)||void 0===M?void 0:M._$AU)&&void 0!==N?N:this._$C_}get parentNode(){let M=this._$AA.parentNode;const N=this._$AM;return void 0!==N&&11===M.nodeType&&(M=N.parentNode),M}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(M,N=this){M=oM(this,M,N),gM(M)?M===eM||null==M||""===M?(this._$AH!==eM&&this._$AR(),this._$AH=eM):M!==this._$AH&&M!==sM&&this.$(M):void 0!==M._$litType$?this.T(M):void 0!==M.nodeType?this.k(M):(M=>uM(M)||"function"==typeof(null==M?void 0:M[Symbol.iterator]))(M)?this.O(M):this.$(M)}S(M,N=this._$AB){return this._$AA.parentNode.insertBefore(M,N)}k(M){this._$AH!==M&&(this._$AR(),this._$AH=this.S(M))}$(M){this._$AH!==eM&&gM(this._$AH)?this._$AA.nextSibling.data=M:this.k(IM.createTextNode(M)),this._$AH=M}T(M){var N;const{values:D,_$litType$:i}=M,I="number"==typeof i?this._$AC(M):(void 0===i.el&&(i.el=aM.createElement(i.h,this.options)),i);if((null===(N=this._$AH)||void 0===N?void 0:N._$AD)===I)this._$AH.m(D);else{const M=new SM(I,this),N=M.p(this.options);M.m(D),this.k(N),this._$AH=M}}_$AC(M){let N=lM.get(M.strings);return void 0===N&&lM.set(M.strings,N=new aM(M)),N}O(M){uM(this._$AH)||(this._$AH=[],this._$AR());const N=this._$AH;let D,i=0;for(const I of M)i===N.length?N.push(D=new OM(this.S(jM()),this.S(jM()),this,this.options)):D=N[i],D._$AI(I),i++;i<N.length&&(this._$AR(D&&D._$AB.nextSibling,i),N.length=i)}_$AR(M=this._$AA.nextSibling,N){var D;for(null===(D=this._$AP)||void 0===D||D.call(this,!1,!0,N);M&&M!==this._$AB;){const N=M.nextSibling;M.remove(),M=N}}setConnected(M){var N;void 0===this._$AM&&(this._$C_=M,null===(N=this._$AP)||void 0===N||N.call(this,M))}}class nM{constructor(M,N,D,i,I){this.type=1,this._$AH=eM,this._$AN=void 0,this.element=M,this.name=N,this._$AM=i,this.options=I,D.length>2||""!==D[0]||""!==D[1]?(this._$AH=Array(D.length-1).fill(new String),this.strings=D):this._$AH=eM}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(M,N=this,D,i){const I=this.strings;let j=!1;if(void 0===I)M=oM(this,M,N,0),j=!gM(M)||M!==this._$AH&&M!==sM,j&&(this._$AH=M);else{const i=M;let g,u;for(M=I[0],g=0;g<I.length-1;g++)u=oM(this,i[D+g],N,g),u===sM&&(u=this._$AH[g]),j||(j=!gM(u)||u!==this._$AH[g]),u===eM?M=eM:M!==eM&&(M+=(null!=u?u:"")+I[g+1]),this._$AH[g]=u}j&&!i&&this.P(M)}P(M){M===eM?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=M?M:"")}}class dM extends nM{constructor(){super(...arguments),this.type=3}P(M){this.element[this.name]=M===eM?void 0:M}}const CM=q?q.emptyScript:"";class rM extends nM{constructor(){super(...arguments),this.type=4}P(M){M&&M!==eM?this.element.setAttribute(this.name,CM):this.element.removeAttribute(this.name)}}class UM extends nM{constructor(M,N,D,i,I){super(M,N,D,i,I),this.type=5}_$AI(M,N=this){var D;if((M=null!==(D=oM(this,M,N,0))&&void 0!==D?D:eM)===sM)return;const i=this._$AH,I=M===eM&&i!==eM||M.capture!==i.capture||M.once!==i.once||M.passive!==i.passive,j=M!==eM&&(i===eM||I);I&&this.element.removeEventListener(this.name,this,i),j&&this.element.addEventListener(this.name,this,M),this._$AH=M}handleEvent(M){var N,D;"function"==typeof this._$AH?this._$AH.call(null!==(D=null===(N=this.options)||void 0===N?void 0:N.host)&&void 0!==D?D:this.element,M):this._$AH.handleEvent(M)}}class QM{constructor(M,N,D){this.element=M,this.type=6,this._$AN=void 0,this._$AM=N,this.options=D}get _$AU(){return this._$AM._$AU}_$AI(M){oM(this,M)}}const kM=K.litHtmlPolyfillSupport;
 /**
      * @license
      * Copyright 2017 Google LLC
@@ -572,6 +572,13 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
     display: inline-block;
     color: inherit;
     margin-bottom: 12px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
   }
 
   .form-control--has-label.form-control--medium .form-control__label {
@@ -985,16 +992,16 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
      * @license
      * Copyright 2020 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
-     */})(M),N}});M.NileInput=class extends xN{constructor(){super(...arguments),this.formControlController=new iN(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new jN(this,"help-text","label"),this.hasFocus=!1,this.title="",this.type="text",this.name="",this.value="",this.defaultValue="",this.size="medium",this.filled=!1,this.warning=!1,this.error=!1,this.success=!1,this.pill=!1,this.label="",this.helpText="",this.errorMessage="",this.clearable=!1,this.disabled=!1,this.placeholder="",this.readonly=!1,this.passwordToggle=!1,this.passwordVisible=!1,this.noSpinButtons=!1,this.form="",this.required=!1,this.spellcheck=!0}get valueAsDate(){const M=document.createElement("input");return M.type="date",M.value=this.value,M.valueAsDate}set valueAsDate(M){const N=document.createElement("input");N.type="date",N.valueAsDate=M,this.value=N.value}get valueAsNumber(){const M=document.createElement("input");return M.type="number",M.value=this.value,M.valueAsNumber}set valueAsNumber(M){const N=document.createElement("input");N.type="number",N.valueAsNumber=M,this.value=N.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.emit("nile-change",{value:this.value})}handleClearClick(M){this.value="",this.emit("nile-clear",{value:this.value}),this.emit("nile-input",{value:this.value}),this.emit("nile-change",{value:this.value}),this.input.focus(),M.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("nile-input",{value:this.value})}handleInvalid(M){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(M)}handleKeyDown(M){const N=M.metaKey||M.ctrlKey||M.shiftKey||M.altKey;"Enter"!==M.key||N||setTimeout((()=>{M.defaultPrevented||M.isComposing||this.formControlController.submit()}))}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(M){this.input.focus(M)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(M,N,D="none"){this.input.setSelectionRange(M,N,D)}setRangeText(M,N,D,i){this.input.setRangeText(M,N,D,i),this.value!==this.input.value&&(this.value=this.input.value)}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(M){this.input.setCustomValidity(M),this.formControlController.updateValidity()}render(){const M=this.hasSlotController.test("label"),N=this.hasSlotController.test("help-text"),D=!!this.label||!!M,i=!!this.helpText||!!N,I=!!this.errorMessage,j=this.clearable&&!this.disabled&&!this.readonly&&("number"==typeof this.value||this.value.length>0);return cM`
+     */})(M),N}});M.NileInput=class extends xN{constructor(){super(...arguments),this.formControlController=new iN(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new jN(this,"help-text","label"),this.hasFocus=!1,this.title="",this.type="text",this.name="",this.value="",this.defaultValue="",this.size="medium",this.filled=!1,this.warning=!1,this.error=!1,this.success=!1,this.pill=!1,this.label="",this.helpText="",this.errorMessage="",this.clearable=!1,this.disabled=!1,this.placeholder="",this.readonly=!1,this.passwordToggle=!1,this.passwordVisible=!1,this.noSpinButtons=!1,this.form="",this.required=!1,this.spellcheck=!0}get valueAsDate(){const M=document.createElement("input");return M.type="date",M.value=this.value,M.valueAsDate}set valueAsDate(M){const N=document.createElement("input");N.type="date",N.valueAsDate=M,this.value=N.value}get valueAsNumber(){const M=document.createElement("input");return M.type="number",M.value=this.value,M.valueAsNumber}set valueAsNumber(M){const N=document.createElement("input");N.type="number",N.valueAsNumber=M,this.value=N.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.emit("nile-change",{value:this.value})}handleClearClick(M){this.value="",this.emit("nile-clear",{value:this.value}),this.emit("nile-input",{value:this.value}),this.emit("nile-change",{value:this.value}),this.input.focus(),M.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("nile-input",{value:this.value})}handleInvalid(M){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(M)}handleKeyDown(M){const N=M.metaKey||M.ctrlKey||M.shiftKey||M.altKey;"Enter"!==M.key||N||setTimeout((()=>{M.defaultPrevented||M.isComposing||this.formControlController.submit()}))}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(M){this.input.focus(M)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(M,N,D="none"){this.input.setSelectionRange(M,N,D)}setRangeText(M,N,D,i){this.input.setRangeText(M,N,D,i),this.value!==this.input.value&&(this.value=this.input.value)}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(M){this.input.setCustomValidity(M),this.formControlController.updateValidity()}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const N=!!this.label||!!M,D=!!this.helpText,i=!!this.errorMessage,I=this.clearable&&!this.disabled&&!this.readonly&&("number"==typeof this.value||this.value.length>0);return cM`
       <div
         part="form-control"
-        class=${XM({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":D,"form-control--has-help-text":i})}
+        class=${XM({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":N,"form-control--has-help-text":D})}
       >
         <label
           part="form-control-label"
           class="form-control__label"
           for="input"
-          aria-hidden=${D?"false":"true"}
+          aria-hidden=${N?"false":"true"}
         >
           <slot name="label">${this.label}</slot>
         </label>
@@ -1039,7 +1046,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
               @blur=${this.handleBlur}
             />
 
-            ${j?cM`
+            ${I?cM`
                     <button
                       part="clear-button"
                       class="input__clear"
@@ -1084,25 +1091,14 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
           </div>
         </div>
 
-        <slot
-          name="help-text"
-          part="form-control-help-text"
-          id="help-text"
-          class="form-control__help-text"
-          aria-hidden=${i?"false":"true"}
-        >
-          ${this.helpText}
-        </slot>
-        ${I?cM`
-                <slot
-                  name="error-message"
-                  part="form-control-error-message"
-                  id="error-message"
-                  class="form-control__error-message"
-                  aria-hidden=${I?"false":"true"}
+        ${D?cM`
+                <nile-form-help-text>${this.helpText}</nile-form-help-text>
+              `:""}
+
+        ${i?cM`
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
                 >
-                  ${this.errorMessage}
-                </slot>
               `:""}
         </div>
       </div>
@@ -1470,12 +1466,16 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
 
   .checkbox__label {
     display: inline-block;
-    color: var(--nile-type-scale-3);
     line-height: 14px;
     font-size: 14px;
     margin-inline-start: 0.5em;
     user-select: none;
     margin-top: 2px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: 0.2px;
   }
 
   :host([required]) .checkbox__label::after {
@@ -1486,7 +1486,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   :host {
     --nile-svg-stroke: white;
   }
-`;M.NileCheckbox=class extends xN{constructor(){super(),this.hasFocus=!1,this.title="",this.name="",this.size="medium",this.disabled=!1,this.checked=!1,this.label="",this.indeterminate=!1,this.defaultChecked=!1,this.form="",this.required=!1}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("valueChange",{composed:!0,bubbles:!0,detail:{checked:this.checked}}))}handleBlur(){this.hasFocus=!1,this.emit("blur")}handleInput(){this.emit("input")}handleFocus(){this.hasFocus=!0,this.emit("focus")}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate}click(){this.input.click()}focus(M){this.input.focus(M)}blur(){this.input.blur()}render(){return cM`
+`;M.NileCheckbox=class extends xN{constructor(){super(),this.hasFocus=!1,this.title="",this.name="",this.size="medium",this.disabled=!1,this.checked=!1,this.label="",this.indeterminate=!1,this.defaultChecked=!1,this.helpText="",this.errorMessage="",this.form="",this.required=!1}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("valueChange",{composed:!0,bubbles:!0,detail:{checked:this.checked}}))}handleBlur(){this.hasFocus=!1,this.emit("blur")}handleInput(){this.emit("input")}handleFocus(){this.hasFocus=!0,this.emit("focus")}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate}click(){this.input.click()}focus(M){this.input.focus(M)}blur(){this.input.blur()}render(){const M=!!this.helpText,N=!!this.errorMessage;return cM`
       <label
         part="base"
         class=${XM({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--medium":"medium"===this.size})}
@@ -1539,7 +1539,17 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
           <slot></slot>
         </div>
       </label>
-    `}},M.NileCheckbox.styles=EN,N([vM('input[type="checkbox"]')],M.NileCheckbox.prototype,"input",void 0),N([VM()],M.NileCheckbox.prototype,"hasFocus",void 0),N([WM()],M.NileCheckbox.prototype,"title",void 0),N([WM()],M.NileCheckbox.prototype,"name",void 0),N([WM()],M.NileCheckbox.prototype,"value",void 0),N([WM({reflect:!0})],M.NileCheckbox.prototype,"size",void 0),N([WM({type:Boolean,reflect:!0})],M.NileCheckbox.prototype,"disabled",void 0),N([WM({type:Boolean,reflect:!0})],M.NileCheckbox.prototype,"checked",void 0),N([WM({type:Boolean,reflect:!0})],M.NileCheckbox.prototype,"label",void 0),N([WM({type:Boolean,reflect:!0})],M.NileCheckbox.prototype,"indeterminate",void 0),N([sN("checked")],M.NileCheckbox.prototype,"defaultChecked",void 0),N([WM({reflect:!0})],M.NileCheckbox.prototype,"form",void 0),N([WM({type:Boolean,reflect:!0})],M.NileCheckbox.prototype,"required",void 0),N([tN(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],M.NileCheckbox.prototype,"handleStateChange",null),M.NileCheckbox=N([mM("nile-checkbox")],M.NileCheckbox);const aN=u`
+
+      ${M?cM`
+                <nile-form-help-text>${this.helpText}</nile-form-help-text>
+              `:""}
+
+        ${N?cM`
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
+                >
+              `:""}
+    `}},M.NileCheckbox.styles=EN,N([vM('input[type="checkbox"]')],M.NileCheckbox.prototype,"input",void 0),N([VM()],M.NileCheckbox.prototype,"hasFocus",void 0),N([WM()],M.NileCheckbox.prototype,"title",void 0),N([WM()],M.NileCheckbox.prototype,"name",void 0),N([WM()],M.NileCheckbox.prototype,"value",void 0),N([WM({reflect:!0})],M.NileCheckbox.prototype,"size",void 0),N([WM({type:Boolean,reflect:!0})],M.NileCheckbox.prototype,"disabled",void 0),N([WM({type:Boolean,reflect:!0})],M.NileCheckbox.prototype,"checked",void 0),N([WM({type:String,reflect:!0})],M.NileCheckbox.prototype,"label",void 0),N([WM({type:Boolean,reflect:!0})],M.NileCheckbox.prototype,"indeterminate",void 0),N([sN("checked")],M.NileCheckbox.prototype,"defaultChecked",void 0),N([WM({attribute:"help-text"})],M.NileCheckbox.prototype,"helpText",void 0),N([WM({attribute:"error-message"})],M.NileCheckbox.prototype,"errorMessage",void 0),N([WM({reflect:!0})],M.NileCheckbox.prototype,"form",void 0),N([WM({type:Boolean,reflect:!0})],M.NileCheckbox.prototype,"required",void 0),N([tN(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],M.NileCheckbox.prototype,"handleStateChange",null),M.NileCheckbox=N([mM("nile-checkbox")],M.NileCheckbox);const aN=u`
 
 
   :host {
@@ -1661,7 +1671,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
 
         <slot part="label" class="radio__label"></slot>
       </span>
-    `}},M.NileRadio.styles=aN,N([VM()],M.NileRadio.prototype,"checked",void 0),N([VM()],M.NileRadio.prototype,"hasFocus",void 0),N([WM()],M.NileRadio.prototype,"value",void 0),N([WM({reflect:!0})],M.NileRadio.prototype,"size",void 0),N([WM({type:Boolean,reflect:!0})],M.NileRadio.prototype,"disabled",void 0),N([tN("checked")],M.NileRadio.prototype,"handleCheckedChange",null),N([tN("disabled",{waitUntilFirstUpdate:!0})],M.NileRadio.prototype,"handleDisabledChange",null),M.NileRadio=N([mM("nile-radio")],M.NileRadio);var SN=u`
+    `}},M.NileRadio.styles=aN,N([VM()],M.NileRadio.prototype,"checked",void 0),N([VM()],M.NileRadio.prototype,"hasFocus",void 0),N([WM()],M.NileRadio.prototype,"value",void 0),N([WM({reflect:!0})],M.NileRadio.prototype,"size",void 0),N([WM({type:Boolean,reflect:!0})],M.NileRadio.prototype,"disabled",void 0),N([tN("checked")],M.NileRadio.prototype,"handleCheckedChange",null),N([tN("disabled",{waitUntilFirstUpdate:!0})],M.NileRadio.prototype,"handleDisabledChange",null),M.NileRadio=N([mM("nile-radio")],M.NileRadio);var oN=u`
 
   :host {
     display: block;
@@ -1680,6 +1690,14 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
 
   .form-control__label {
     padding: 0;
+    font-size: 14px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
   }
 
   .radio-group--required .radio-group__label::after {
@@ -1698,7 +1716,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
     white-space: nowrap;
     border: 0;
   }
-`;function oN(M){return M.split("-")[1]}function ON(M){return"y"===M?"height":"width"}function nN(M){return M.split("-")[0]}function dN(M){return["top","bottom"].includes(nN(M))?"x":"y"}function CN(M,N,D){let{reference:i,floating:I}=M;const j=i.x+i.width/2-I.width/2,g=i.y+i.height/2-I.height/2,u=dN(N),L=ON(u),T=i[L]/2-I[L]/2,z="x"===u;let A;switch(nN(N)){case"top":A={x:j,y:i.y-I.height};break;case"bottom":A={x:j,y:i.y+i.height};break;case"right":A={x:i.x+i.width,y:g};break;case"left":A={x:i.x-I.width,y:g};break;default:A={x:i.x,y:i.y}}switch(oN(N)){case"start":A[u]-=T*(D&&z?-1:1);break;case"end":A[u]+=T*(D&&z?-1:1)}return A}M.NileRadioGroup=class extends xN{constructor(){super(...arguments),this.hasSlotController=new jN(this,"help-text","label"),this.customValidityMessage="",this.hasButtonGroup=!1,this.errorMessage="",this.defaultValue="",this.label="",this.helpText="",this.name="option",this.value="",this.form="",this.required=!1,this.labelInline=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.handleInitialDisabledState()}getAllRadios(){return[...this.querySelectorAll("nile-radio")]}handleRadioClick(M){const N=M.target.closest("nile-radio"),D=this.getAllRadios(),i=this.value;N.disabled||this.disabled||(this.value=N.value,D.forEach((M=>M.checked=M===N)),this.value!==i&&(this.emit("change",{value:this.value}),this.emit("input")))}handleDisabledChange(){this.getAllRadios().forEach((M=>{M.disabled=this.disabled}))}handleInitialDisabledState(){this.getAllRadios().forEach((M=>{M.disabled=M.hasAttribute("disabled")?M.disabled:this.disabled}))}handleKeyDown(M){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(M.key))return;const N=this.getAllRadios().filter((M=>!M.disabled)),D=N.find((M=>M.checked))??N[0],i=" "===M.key?0:["ArrowUp","ArrowLeft"].includes(M.key)?-1:1,I=this.value;let j=N.indexOf(D)+i;j<0&&(j=N.length-1),j>N.length-1&&(j=0),this.getAllRadios().forEach((M=>{M.checked=!1,this.hasButtonGroup||(M.tabIndex=-1)})),this.value=N[j].value,N[j].checked=!0,this.hasButtonGroup?N[j].shadowRoot.querySelector("button").focus():(N[j].tabIndex=0,N[j].focus()),this.value!==I&&(this.emit("change"),this.emit("input")),M.preventDefault()}handleLabelClick(){const M=this.getAllRadios(),N=M.find((M=>M.checked)),D=N||M[0];D&&D.focus()}handleSlotChange(){const M=this.getAllRadios();if(M.forEach((M=>M.checked=M.value===this.value)),this.hasButtonGroup=M.some((M=>"nile-radio-button"===M.tagName.toLowerCase())),!M.some((M=>M.checked)))if(this.hasButtonGroup){M[0].shadowRoot.querySelector("button").tabIndex=0}else M[0].tabIndex=0;this.hasButtonGroup&&this.shadowRoot?.querySelector("nile-button-group")}updateCheckedRadio(){this.getAllRadios().forEach((M=>M.checked=M.value===this.value))}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}render(){const M=this.hasSlotController.test("label"),N=this.hasSlotController.test("help-text"),D=!!this.label||!!M,i=!!this.helpText||!!N,I=cM`
+`;function SN(M){return M.split("-")[1]}function ON(M){return"y"===M?"height":"width"}function nN(M){return M.split("-")[0]}function dN(M){return["top","bottom"].includes(nN(M))?"x":"y"}function CN(M,N,D){let{reference:i,floating:I}=M;const j=i.x+i.width/2-I.width/2,g=i.y+i.height/2-I.height/2,u=dN(N),L=ON(u),T=i[L]/2-I[L]/2,z="x"===u;let A;switch(nN(N)){case"top":A={x:j,y:i.y-I.height};break;case"bottom":A={x:j,y:i.y+i.height};break;case"right":A={x:i.x+i.width,y:g};break;case"left":A={x:i.x-I.width,y:g};break;default:A={x:i.x,y:i.y}}switch(SN(N)){case"start":A[u]-=T*(D&&z?-1:1);break;case"end":A[u]+=T*(D&&z?-1:1)}return A}M.NileRadioGroup=class extends xN{constructor(){super(...arguments),this.hasSlotController=new jN(this,"help-text","label"),this.customValidityMessage="",this.hasButtonGroup=!1,this.defaultValue="",this.label="",this.name="option",this.value="",this.form="",this.required=!1,this.labelInline=!1,this.disabled=!1,this.helpText="",this.errorMessage=""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.handleInitialDisabledState()}getAllRadios(){return[...this.querySelectorAll("nile-radio")]}handleRadioClick(M){const N=M.target.closest("nile-radio"),D=this.getAllRadios(),i=this.value;N.disabled||this.disabled||(this.value=N.value,D.forEach((M=>M.checked=M===N)),this.value!==i&&(this.emit("change",{value:this.value}),this.emit("input")))}handleDisabledChange(){this.getAllRadios().forEach((M=>{M.disabled=this.disabled}))}handleInitialDisabledState(){this.getAllRadios().forEach((M=>{M.disabled=M.hasAttribute("disabled")?M.disabled:this.disabled}))}handleKeyDown(M){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(M.key))return;const N=this.getAllRadios().filter((M=>!M.disabled)),D=N.find((M=>M.checked))??N[0],i=" "===M.key?0:["ArrowUp","ArrowLeft"].includes(M.key)?-1:1,I=this.value;let j=N.indexOf(D)+i;j<0&&(j=N.length-1),j>N.length-1&&(j=0),this.getAllRadios().forEach((M=>{M.checked=!1,this.hasButtonGroup||(M.tabIndex=-1)})),this.value=N[j].value,N[j].checked=!0,this.hasButtonGroup?N[j].shadowRoot.querySelector("button").focus():(N[j].tabIndex=0,N[j].focus()),this.value!==I&&(this.emit("change"),this.emit("input")),M.preventDefault()}handleLabelClick(){const M=this.getAllRadios(),N=M.find((M=>M.checked)),D=N||M[0];D&&D.focus()}handleSlotChange(){const M=this.getAllRadios();if(M.forEach((M=>M.checked=M.value===this.value)),this.hasButtonGroup=M.some((M=>"nile-radio-button"===M.tagName.toLowerCase())),!M.some((M=>M.checked)))if(this.hasButtonGroup){M[0].shadowRoot.querySelector("button").tabIndex=0}else M[0].tabIndex=0;this.hasButtonGroup&&this.shadowRoot?.querySelector("nile-button-group")}updateCheckedRadio(){this.getAllRadios().forEach((M=>M.checked=M.value===this.value))}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const N=!!this.label||!!M,D=!!this.helpText,i=!!this.errorMessage,I=cM`
       <slot
         @click=${this.handleRadioClick}
         @keydown=${this.handleKeyDown}
@@ -1708,7 +1726,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
     `;return cM`
       <fieldset
         part="form-control"
-        class=${XM({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":D,"form-control--has-help-text":i})}
+        class=${XM({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":N,"form-control--has-help-text":D})}
         role="radiogroup"
         aria-labelledby="label"
         aria-describedby="help-text"
@@ -1718,7 +1736,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
           part="form-control-label"
           id="label"
           class="form-control__label"
-          aria-hidden=${D?"false":"true"}
+          aria-hidden=${N?"false":"true"}
           @click=${this.handleLabelClick}
         >
           <slot name="label">${this.label}</slot>
@@ -1726,7 +1744,6 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
 
         <div part="form-control-input" class="form-control-input">
           <div class="visually-hidden">
-            <div id="error-message" aria-live="assertive">${this.errorMessage}</div>
             <label class="radio-group__validation">
               <input
                 type="text"
@@ -1744,17 +1761,18 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
             <div class="${this.labelInline?"form-control--inline-radio":""}"> ${I}</div> `}
         </div>
 
-        <slot
-          name="help-text"
-          part="form-control-help-text"
-          id="help-text"
-          class="form-control__help-text"
-          aria-hidden=${i?"false":"true"}
-        >
-          ${this.helpText}
-        </slot>
+        ${D?cM`
+                <nile-form-help-text>${this.helpText}</nile-form-help-text>
+              `:""}
+
+        ${i?cM`
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
+                >
+              `:""}
+
       </fieldset>
-    `}},M.NileRadioGroup.styles=SN,N([vM("slot:not([name])")],M.NileRadioGroup.prototype,"defaultSlot",void 0),N([VM()],M.NileRadioGroup.prototype,"hasButtonGroup",void 0),N([VM()],M.NileRadioGroup.prototype,"errorMessage",void 0),N([VM()],M.NileRadioGroup.prototype,"defaultValue",void 0),N([WM()],M.NileRadioGroup.prototype,"label",void 0),N([WM({attribute:"help-text"})],M.NileRadioGroup.prototype,"helpText",void 0),N([WM()],M.NileRadioGroup.prototype,"name",void 0),N([WM({reflect:!0})],M.NileRadioGroup.prototype,"value",void 0),N([WM({reflect:!0})],M.NileRadioGroup.prototype,"form",void 0),N([WM({type:Boolean,reflect:!0})],M.NileRadioGroup.prototype,"required",void 0),N([WM({type:Boolean,reflect:!0})],M.NileRadioGroup.prototype,"labelInline",void 0),N([WM({type:Boolean,reflect:!0})],M.NileRadioGroup.prototype,"disabled",void 0),N([tN("disabled",{waitUntilFirstUpdate:!0})],M.NileRadioGroup.prototype,"handleDisabledChange",null),N([tN("value")],M.NileRadioGroup.prototype,"handleValueChange",null),M.NileRadioGroup=N([mM("nile-radio-group")],M.NileRadioGroup);function rN(M){return"number"!=typeof M?function(M){return{top:0,right:0,bottom:0,left:0,...M}}(M):{top:M,right:M,bottom:M,left:M}}function UN(M){return{...M,top:M.y,left:M.x,right:M.x+M.width,bottom:M.y+M.height}}async function QN(M,N){var D;void 0===N&&(N={});const{x:i,y:I,platform:j,rects:g,elements:u,strategy:L}=M,{boundary:T="clippingAncestors",rootBoundary:z="viewport",elementContext:A="floating",altBoundary:t=!1,padding:y=0}=N,x=rN(y),c=u[t?"floating"===A?"reference":"floating":A],s=UN(await j.getClippingRect({element:null==(D=await(null==j.isElement?void 0:j.isElement(c)))||D?c:c.contextElement||await(null==j.getDocumentElement?void 0:j.getDocumentElement(u.floating)),boundary:T,rootBoundary:z,strategy:L})),e="floating"===A?{...g.floating,x:i,y:I}:g.reference,l=await(null==j.getOffsetParent?void 0:j.getOffsetParent(u.floating)),w=await(null==j.isElement?void 0:j.isElement(l))&&await(null==j.getScale?void 0:j.getScale(l))||{x:1,y:1},E=UN(j.convertOffsetParentRelativeRectToViewportRelativeRect?await j.convertOffsetParentRelativeRectToViewportRelativeRect({rect:e,offsetParent:l,strategy:L}):e);return{top:(s.top-E.top+x.top)/w.y,bottom:(E.bottom-s.bottom+x.bottom)/w.y,left:(s.left-E.left+x.left)/w.x,right:(E.right-s.right+x.right)/w.x}}const kN=Math.min,hN=Math.max;function YN(M,N,D){return hN(M,kN(N,D))}const ZN={left:"right",right:"left",bottom:"top",top:"bottom"};function bN(M){return M.replace(/left|right|bottom|top/g,(M=>ZN[M]))}const mN={start:"end",end:"start"};function pN(M){return M.replace(/start|end/g,(M=>mN[M]))}const WN=function(M){return void 0===M&&(M={}),{name:"flip",options:M,async fn(N){var D;const{placement:i,middlewareData:I,rects:j,initialPlacement:g,platform:u,elements:L}=N,{mainAxis:T=!0,crossAxis:z=!0,fallbackPlacements:A,fallbackStrategy:t="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:x=!0,...c}=M,s=nN(i),e=nN(g)===g,l=await(null==u.isRTL?void 0:u.isRTL(L.floating)),w=A||(e||!x?[bN(g)]:function(M){const N=bN(M);return[pN(M),N,pN(N)]}(g));A||"none"===y||w.push(...function(M,N,D,i){const I=oN(M);let j=function(M,N,D){const i=["left","right"],I=["right","left"],j=["top","bottom"],g=["bottom","top"];switch(M){case"top":case"bottom":return D?N?I:i:N?i:I;case"left":case"right":return N?j:g;default:return[]}}(nN(M),"start"===D,i);return I&&(j=j.map((M=>M+"-"+I)),N&&(j=j.concat(j.map(pN)))),j}(g,x,y,l));const E=[g,...w],a=await QN(N,c),S=[];let o=(null==(D=I.flip)?void 0:D.overflows)||[];if(T&&S.push(a[s]),z){const{main:M,cross:N}=function(M,N,D){void 0===D&&(D=!1);const i=oN(M),I=dN(M),j=ON(I);let g="x"===I?i===(D?"end":"start")?"right":"left":"start"===i?"bottom":"top";return N.reference[j]>N.floating[j]&&(g=bN(g)),{main:g,cross:bN(g)}}(i,j,l);S.push(a[M],a[N])}if(o=[...o,{placement:i,overflows:S}],!S.every((M=>M<=0))){var O,n;const M=((null==(O=I.flip)?void 0:O.index)||0)+1,N=E[M];if(N)return{data:{index:M,overflows:o},reset:{placement:N}};let D=null==(n=o.filter((M=>M.overflows[0]<=0)).sort(((M,N)=>M.overflows[1]-N.overflows[1]))[0])?void 0:n.placement;if(!D)switch(t){case"bestFit":{var d;const M=null==(d=o.map((M=>[M.placement,M.overflows.filter((M=>M>0)).reduce(((M,N)=>M+N),0)])).sort(((M,N)=>M[1]-N[1]))[0])?void 0:d[0];M&&(D=M);break}case"initialPlacement":D=g}if(i!==D)return{reset:{placement:D}}}return{}}}};const VN=function(M){return void 0===M&&(M=0),{name:"offset",options:M,async fn(N){const{x:D,y:i}=N,I=await async function(M,N){const{placement:D,platform:i,elements:I}=M,j=await(null==i.isRTL?void 0:i.isRTL(I.floating)),g=nN(D),u=oN(D),L="x"===dN(D),T=["left","top"].includes(g)?-1:1,z=j&&L?-1:1,A="function"==typeof N?N(M):N;let{mainAxis:t,crossAxis:y,alignmentAxis:x}="number"==typeof A?{mainAxis:A,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...A};return u&&"number"==typeof x&&(y="end"===u?-1*x:x),L?{x:y*z,y:t*T}:{x:t*T,y:y*z}}(N,M);return{x:D+I.x,y:i+I.y,data:I}}}};const vN=function(M){return void 0===M&&(M={}),{name:"size",options:M,async fn(N){const{placement:D,rects:i,platform:I,elements:j}=N,{apply:g=(()=>{}),...u}=M,L=await QN(N,u),T=nN(D),z=oN(D),A="x"===dN(D),{width:t,height:y}=i.floating;let x,c;"top"===T||"bottom"===T?(x=T,c=z===(await(null==I.isRTL?void 0:I.isRTL(j.floating))?"start":"end")?"left":"right"):(c=T,x="end"===z?"top":"bottom");const s=y-L[x],e=t-L[c],l=!N.middlewareData.shift;let w=s,E=e;if(A){const M=t-L.left-L.right;E=z||l?kN(e,M):M}else{const M=y-L.top-L.bottom;w=z||l?kN(s,M):M}if(l&&!z){const M=hN(L.left,0),N=hN(L.right,0),D=hN(L.top,0),i=hN(L.bottom,0);A?E=t-2*(0!==M||0!==N?M+N:hN(L.left,L.right)):w=y-2*(0!==D||0!==i?D+i:hN(L.top,L.bottom))}await g({...N,availableWidth:E,availableHeight:w});const a=await I.getDimensions(j.floating);return t!==a.width||y!==a.height?{reset:{rects:!0}}:{}}}};function GN(M){var N;return(null==(N=M.ownerDocument)?void 0:N.defaultView)||window}function BN(M){return GN(M).getComputedStyle(M)}function PN(M){return M instanceof GN(M).Node}function RN(M){return PN(M)?(M.nodeName||"").toLowerCase():""}let FN;function HN(){if(FN)return FN;const M=navigator.userAgentData;return M&&Array.isArray(M.brands)?(FN=M.brands.map((M=>M.brand+"/"+M.version)).join(" "),FN):navigator.userAgent}function JN(M){return M instanceof GN(M).HTMLElement}function XN(M){return M instanceof GN(M).Element}function fN(M){if("undefined"==typeof ShadowRoot)return!1;return M instanceof GN(M).ShadowRoot||M instanceof ShadowRoot}function _N(M){const{overflow:N,overflowX:D,overflowY:i,display:I}=BN(M);return/auto|scroll|overlay|hidden|clip/.test(N+i+D)&&!["inline","contents"].includes(I)}function $N(M){return["table","td","th"].includes(RN(M))}function KN(M){const N=/firefox/i.test(HN()),D=BN(M),i=D.backdropFilter||D.WebkitBackdropFilter;return"none"!==D.transform||"none"!==D.perspective||!!i&&"none"!==i||N&&"filter"===D.willChange||N&&!!D.filter&&"none"!==D.filter||["transform","perspective"].some((M=>D.willChange.includes(M)))||["paint","layout","strict","content"].some((M=>{const N=D.contain;return null!=N&&N.includes(M)}))}function qN(){return/^((?!chrome|android).)*safari/i.test(HN())}function MD(M){return["html","body","#document"].includes(RN(M))}const ND=Math.min,DD=Math.max,iD=Math.round;function ID(M){const N=BN(M);let D=parseFloat(N.width),i=parseFloat(N.height);const I=JN(M),j=I?M.offsetWidth:D,g=I?M.offsetHeight:i,u=iD(D)!==j||iD(i)!==g;return u&&(D=j,i=g),{width:D,height:i,fallback:u}}function jD(M){return XN(M)?M:M.contextElement}const gD={x:1,y:1};function uD(M){const N=jD(M);if(!JN(N))return gD;const D=N.getBoundingClientRect(),{width:i,height:I,fallback:j}=ID(N);let g=(j?iD(D.width):D.width)/i,u=(j?iD(D.height):D.height)/I;return g&&Number.isFinite(g)||(g=1),u&&Number.isFinite(u)||(u=1),{x:g,y:u}}function LD(M,N,D,i){var I,j;void 0===N&&(N=!1),void 0===D&&(D=!1);const g=M.getBoundingClientRect(),u=jD(M);let L=gD;N&&(i?XN(i)&&(L=uD(i)):L=uD(M));const T=u?GN(u):window,z=qN()&&D;let A=(g.left+(z&&(null==(I=T.visualViewport)?void 0:I.offsetLeft)||0))/L.x,t=(g.top+(z&&(null==(j=T.visualViewport)?void 0:j.offsetTop)||0))/L.y,y=g.width/L.x,x=g.height/L.y;if(u){const M=GN(u),N=i&&XN(i)?GN(i):i;let D=M.frameElement;for(;D&&i&&N!==M;){const M=uD(D),N=D.getBoundingClientRect(),i=getComputedStyle(D);N.x+=(D.clientLeft+parseFloat(i.paddingLeft))*M.x,N.y+=(D.clientTop+parseFloat(i.paddingTop))*M.y,A*=M.x,t*=M.y,y*=M.x,x*=M.y,A+=N.x,t+=N.y,D=GN(D).frameElement}}return UN({width:y,height:x,x:A,y:t})}function TD(M){return((PN(M)?M.ownerDocument:M.document)||window.document).documentElement}function zD(M){return XN(M)?{scrollLeft:M.scrollLeft,scrollTop:M.scrollTop}:{scrollLeft:M.pageXOffset,scrollTop:M.pageYOffset}}function AD(M){return LD(TD(M)).left+zD(M).scrollLeft}function tD(M){if("html"===RN(M))return M;const N=M.assignedSlot||M.parentNode||fN(M)&&M.host||TD(M);return fN(N)?N.host:N}function yD(M){const N=tD(M);return MD(N)?N.ownerDocument.body:JN(N)&&_N(N)?N:yD(N)}function xD(M,N){var D;void 0===N&&(N=[]);const i=yD(M),I=i===(null==(D=M.ownerDocument)?void 0:D.body),j=GN(i);return I?N.concat(j,j.visualViewport||[],_N(i)?i:[]):N.concat(i,xD(i))}function cD(M,N,D){let i;if("viewport"===N)i=function(M,N){const D=GN(M),i=TD(M),I=D.visualViewport;let j=i.clientWidth,g=i.clientHeight,u=0,L=0;if(I){j=I.width,g=I.height;const M=qN();(!M||M&&"fixed"===N)&&(u=I.offsetLeft,L=I.offsetTop)}return{width:j,height:g,x:u,y:L}}(M,D);else if("document"===N)i=function(M){const N=TD(M),D=zD(M),i=M.ownerDocument.body,I=DD(N.scrollWidth,N.clientWidth,i.scrollWidth,i.clientWidth),j=DD(N.scrollHeight,N.clientHeight,i.scrollHeight,i.clientHeight);let g=-D.scrollLeft+AD(M);const u=-D.scrollTop;return"rtl"===BN(i).direction&&(g+=DD(N.clientWidth,i.clientWidth)-I),{width:I,height:j,x:g,y:u}}(TD(M));else if(XN(N))i=function(M,N){const D=LD(M,!0,"fixed"===N),i=D.top+M.clientTop,I=D.left+M.clientLeft,j=JN(M)?uD(M):{x:1,y:1};return{width:M.clientWidth*j.x,height:M.clientHeight*j.y,x:I*j.x,y:i*j.y}}(N,D);else{const D={...N};if(qN()){var I,j;const N=GN(M);D.x-=(null==(I=N.visualViewport)?void 0:I.offsetLeft)||0,D.y-=(null==(j=N.visualViewport)?void 0:j.offsetTop)||0}i=D}return UN(i)}function sD(M,N){return JN(M)&&"fixed"!==BN(M).position?N?N(M):M.offsetParent:null}function eD(M,N){const D=GN(M);if(!JN(M))return D;let i=sD(M,N);for(;i&&$N(i)&&"static"===BN(i).position;)i=sD(i,N);return i&&("html"===RN(i)||"body"===RN(i)&&"static"===BN(i).position&&!KN(i))?D:i||function(M){let N=tD(M);for(;JN(N)&&!MD(N);){if(KN(N))return N;N=tD(N)}return null}(M)||D}function lD(M,N,D){const i=JN(N),I=TD(N),j=LD(M,!0,"fixed"===D,N);let g={scrollLeft:0,scrollTop:0};const u={x:0,y:0};if(i||!i&&"fixed"!==D)if(("body"!==RN(N)||_N(I))&&(g=zD(N)),JN(N)){const M=LD(N,!0);u.x=M.x+N.clientLeft,u.y=M.y+N.clientTop}else I&&(u.x=AD(I));return{x:j.left+g.scrollLeft-u.x,y:j.top+g.scrollTop-u.y,width:j.width,height:j.height}}const wD={getClippingRect:function(M){let{element:N,boundary:D,rootBoundary:i,strategy:I}=M;const j=[..."clippingAncestors"===D?function(M,N){const D=N.get(M);if(D)return D;let i=xD(M).filter((M=>XN(M)&&"body"!==RN(M))),I=null;const j="fixed"===BN(M).position;let g=j?tD(M):M;for(;XN(g)&&!MD(g);){const M=BN(g),N=KN(g);"fixed"===M.position&&(I=null),(j?N||I:N||"static"!==M.position||!I||!["absolute","fixed"].includes(I.position))?I=M:i=i.filter((M=>M!==g)),g=tD(g)}return N.set(M,i),i}(N,this._c):[].concat(D),i],g=j[0],u=j.reduce(((M,D)=>{const i=cD(N,D,I);return M.top=DD(i.top,M.top),M.right=ND(i.right,M.right),M.bottom=ND(i.bottom,M.bottom),M.left=DD(i.left,M.left),M}),cD(N,g,I));return{width:u.right-u.left,height:u.bottom-u.top,x:u.left,y:u.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(M){let{rect:N,offsetParent:D,strategy:i}=M;const I=JN(D),j=TD(D);if(D===j)return N;let g={scrollLeft:0,scrollTop:0},u={x:1,y:1};const L={x:0,y:0};if((I||!I&&"fixed"!==i)&&(("body"!==RN(D)||_N(j))&&(g=zD(D)),JN(D))){const M=LD(D);u=uD(D),L.x=M.x+D.clientLeft,L.y=M.y+D.clientTop}return{width:N.width*u.x,height:N.height*u.y,x:N.x*u.x-g.scrollLeft*u.x+L.x,y:N.y*u.y-g.scrollTop*u.y+L.y}},isElement:XN,getDimensions:function(M){return ID(M)},getOffsetParent:eD,getDocumentElement:TD,getScale:uD,async getElementRects(M){let{reference:N,floating:D,strategy:i}=M;const I=this.getOffsetParent||eD,j=this.getDimensions;return{reference:lD(N,await I(D),i),floating:{x:0,y:0,...await j(D)}}},getClientRects:M=>Array.from(M.getClientRects()),isRTL:M=>"rtl"===BN(M).direction};const ED=(M,N,D)=>{const i=new Map,I={platform:wD,...D},j={...I.platform,_c:i};return(async(M,N,D)=>{const{placement:i="bottom",strategy:I="absolute",middleware:j=[],platform:g}=D,u=j.filter(Boolean),L=await(null==g.isRTL?void 0:g.isRTL(N));let T=await g.getElementRects({reference:M,floating:N,strategy:I}),{x:z,y:A}=CN(T,i,L),t=i,y={},x=0;for(let D=0;D<u.length;D++){const{name:j,fn:c}=u[D],{x:s,y:e,data:l,reset:w}=await c({x:z,y:A,initialPlacement:i,placement:t,strategy:I,middlewareData:y,rects:T,platform:g,elements:{reference:M,floating:N}});z=null!=s?s:z,A=null!=e?e:A,y={...y,[j]:{...y[j],...l}},w&&x<=50&&(x++,"object"==typeof w&&(w.placement&&(t=w.placement),w.rects&&(T=!0===w.rects?await g.getElementRects({reference:M,floating:N,strategy:I}):w.rects),({x:z,y:A}=CN(T,t,L))),D=-1)}return{x:z,y:A,placement:t,strategy:I,middlewareData:y}})(M,N,{...I,platform:j})};function aD(M){return function(M){for(let N=M;N;N=SD(N))if(N instanceof Element&&"none"===getComputedStyle(N).display)return null;for(let N=SD(M);N;N=SD(N)){if(!(N instanceof Element))continue;const M=getComputedStyle(N);if("contents"!==M.display){if("static"!==M.position||"none"!==M.filter)return N;if("BODY"===N.tagName)return N}}return null}(M)}function SD(M){return M.assignedSlot?M.assignedSlot:M.parentNode instanceof ShadowRoot?M.parentNode.host:M.parentNode}const oD=u`
+    `}},M.NileRadioGroup.styles=oN,N([vM("slot:not([name])")],M.NileRadioGroup.prototype,"defaultSlot",void 0),N([VM()],M.NileRadioGroup.prototype,"hasButtonGroup",void 0),N([VM()],M.NileRadioGroup.prototype,"defaultValue",void 0),N([WM()],M.NileRadioGroup.prototype,"label",void 0),N([WM()],M.NileRadioGroup.prototype,"name",void 0),N([WM({reflect:!0})],M.NileRadioGroup.prototype,"value",void 0),N([WM({reflect:!0})],M.NileRadioGroup.prototype,"form",void 0),N([WM({type:Boolean,reflect:!0})],M.NileRadioGroup.prototype,"required",void 0),N([WM({type:Boolean,reflect:!0})],M.NileRadioGroup.prototype,"labelInline",void 0),N([WM({type:Boolean,reflect:!0})],M.NileRadioGroup.prototype,"disabled",void 0),N([WM({attribute:"help-text"})],M.NileRadioGroup.prototype,"helpText",void 0),N([WM({attribute:"error-message"})],M.NileRadioGroup.prototype,"errorMessage",void 0),N([tN("disabled",{waitUntilFirstUpdate:!0})],M.NileRadioGroup.prototype,"handleDisabledChange",null),N([tN("value")],M.NileRadioGroup.prototype,"handleValueChange",null),M.NileRadioGroup=N([mM("nile-radio-group")],M.NileRadioGroup);function rN(M){return"number"!=typeof M?function(M){return{top:0,right:0,bottom:0,left:0,...M}}(M):{top:M,right:M,bottom:M,left:M}}function UN(M){return{...M,top:M.y,left:M.x,right:M.x+M.width,bottom:M.y+M.height}}async function QN(M,N){var D;void 0===N&&(N={});const{x:i,y:I,platform:j,rects:g,elements:u,strategy:L}=M,{boundary:T="clippingAncestors",rootBoundary:z="viewport",elementContext:A="floating",altBoundary:t=!1,padding:y=0}=N,x=rN(y),c=u[t?"floating"===A?"reference":"floating":A],s=UN(await j.getClippingRect({element:null==(D=await(null==j.isElement?void 0:j.isElement(c)))||D?c:c.contextElement||await(null==j.getDocumentElement?void 0:j.getDocumentElement(u.floating)),boundary:T,rootBoundary:z,strategy:L})),e="floating"===A?{...g.floating,x:i,y:I}:g.reference,l=await(null==j.getOffsetParent?void 0:j.getOffsetParent(u.floating)),w=await(null==j.isElement?void 0:j.isElement(l))&&await(null==j.getScale?void 0:j.getScale(l))||{x:1,y:1},E=UN(j.convertOffsetParentRelativeRectToViewportRelativeRect?await j.convertOffsetParentRelativeRectToViewportRelativeRect({rect:e,offsetParent:l,strategy:L}):e);return{top:(s.top-E.top+x.top)/w.y,bottom:(E.bottom-s.bottom+x.bottom)/w.y,left:(s.left-E.left+x.left)/w.x,right:(E.right-s.right+x.right)/w.x}}const kN=Math.min,hN=Math.max;function YN(M,N,D){return hN(M,kN(N,D))}const ZN={left:"right",right:"left",bottom:"top",top:"bottom"};function bN(M){return M.replace(/left|right|bottom|top/g,(M=>ZN[M]))}const mN={start:"end",end:"start"};function pN(M){return M.replace(/start|end/g,(M=>mN[M]))}const WN=function(M){return void 0===M&&(M={}),{name:"flip",options:M,async fn(N){var D;const{placement:i,middlewareData:I,rects:j,initialPlacement:g,platform:u,elements:L}=N,{mainAxis:T=!0,crossAxis:z=!0,fallbackPlacements:A,fallbackStrategy:t="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:x=!0,...c}=M,s=nN(i),e=nN(g)===g,l=await(null==u.isRTL?void 0:u.isRTL(L.floating)),w=A||(e||!x?[bN(g)]:function(M){const N=bN(M);return[pN(M),N,pN(N)]}(g));A||"none"===y||w.push(...function(M,N,D,i){const I=SN(M);let j=function(M,N,D){const i=["left","right"],I=["right","left"],j=["top","bottom"],g=["bottom","top"];switch(M){case"top":case"bottom":return D?N?I:i:N?i:I;case"left":case"right":return N?j:g;default:return[]}}(nN(M),"start"===D,i);return I&&(j=j.map((M=>M+"-"+I)),N&&(j=j.concat(j.map(pN)))),j}(g,x,y,l));const E=[g,...w],a=await QN(N,c),o=[];let S=(null==(D=I.flip)?void 0:D.overflows)||[];if(T&&o.push(a[s]),z){const{main:M,cross:N}=function(M,N,D){void 0===D&&(D=!1);const i=SN(M),I=dN(M),j=ON(I);let g="x"===I?i===(D?"end":"start")?"right":"left":"start"===i?"bottom":"top";return N.reference[j]>N.floating[j]&&(g=bN(g)),{main:g,cross:bN(g)}}(i,j,l);o.push(a[M],a[N])}if(S=[...S,{placement:i,overflows:o}],!o.every((M=>M<=0))){var O,n;const M=((null==(O=I.flip)?void 0:O.index)||0)+1,N=E[M];if(N)return{data:{index:M,overflows:S},reset:{placement:N}};let D=null==(n=S.filter((M=>M.overflows[0]<=0)).sort(((M,N)=>M.overflows[1]-N.overflows[1]))[0])?void 0:n.placement;if(!D)switch(t){case"bestFit":{var d;const M=null==(d=S.map((M=>[M.placement,M.overflows.filter((M=>M>0)).reduce(((M,N)=>M+N),0)])).sort(((M,N)=>M[1]-N[1]))[0])?void 0:d[0];M&&(D=M);break}case"initialPlacement":D=g}if(i!==D)return{reset:{placement:D}}}return{}}}};const VN=function(M){return void 0===M&&(M=0),{name:"offset",options:M,async fn(N){const{x:D,y:i}=N,I=await async function(M,N){const{placement:D,platform:i,elements:I}=M,j=await(null==i.isRTL?void 0:i.isRTL(I.floating)),g=nN(D),u=SN(D),L="x"===dN(D),T=["left","top"].includes(g)?-1:1,z=j&&L?-1:1,A="function"==typeof N?N(M):N;let{mainAxis:t,crossAxis:y,alignmentAxis:x}="number"==typeof A?{mainAxis:A,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...A};return u&&"number"==typeof x&&(y="end"===u?-1*x:x),L?{x:y*z,y:t*T}:{x:t*T,y:y*z}}(N,M);return{x:D+I.x,y:i+I.y,data:I}}}};const vN=function(M){return void 0===M&&(M={}),{name:"size",options:M,async fn(N){const{placement:D,rects:i,platform:I,elements:j}=N,{apply:g=(()=>{}),...u}=M,L=await QN(N,u),T=nN(D),z=SN(D),A="x"===dN(D),{width:t,height:y}=i.floating;let x,c;"top"===T||"bottom"===T?(x=T,c=z===(await(null==I.isRTL?void 0:I.isRTL(j.floating))?"start":"end")?"left":"right"):(c=T,x="end"===z?"top":"bottom");const s=y-L[x],e=t-L[c],l=!N.middlewareData.shift;let w=s,E=e;if(A){const M=t-L.left-L.right;E=z||l?kN(e,M):M}else{const M=y-L.top-L.bottom;w=z||l?kN(s,M):M}if(l&&!z){const M=hN(L.left,0),N=hN(L.right,0),D=hN(L.top,0),i=hN(L.bottom,0);A?E=t-2*(0!==M||0!==N?M+N:hN(L.left,L.right)):w=y-2*(0!==D||0!==i?D+i:hN(L.top,L.bottom))}await g({...N,availableWidth:E,availableHeight:w});const a=await I.getDimensions(j.floating);return t!==a.width||y!==a.height?{reset:{rects:!0}}:{}}}};function GN(M){var N;return(null==(N=M.ownerDocument)?void 0:N.defaultView)||window}function BN(M){return GN(M).getComputedStyle(M)}function PN(M){return M instanceof GN(M).Node}function RN(M){return PN(M)?(M.nodeName||"").toLowerCase():""}let FN;function HN(){if(FN)return FN;const M=navigator.userAgentData;return M&&Array.isArray(M.brands)?(FN=M.brands.map((M=>M.brand+"/"+M.version)).join(" "),FN):navigator.userAgent}function JN(M){return M instanceof GN(M).HTMLElement}function XN(M){return M instanceof GN(M).Element}function fN(M){if("undefined"==typeof ShadowRoot)return!1;return M instanceof GN(M).ShadowRoot||M instanceof ShadowRoot}function _N(M){const{overflow:N,overflowX:D,overflowY:i,display:I}=BN(M);return/auto|scroll|overlay|hidden|clip/.test(N+i+D)&&!["inline","contents"].includes(I)}function $N(M){return["table","td","th"].includes(RN(M))}function KN(M){const N=/firefox/i.test(HN()),D=BN(M),i=D.backdropFilter||D.WebkitBackdropFilter;return"none"!==D.transform||"none"!==D.perspective||!!i&&"none"!==i||N&&"filter"===D.willChange||N&&!!D.filter&&"none"!==D.filter||["transform","perspective"].some((M=>D.willChange.includes(M)))||["paint","layout","strict","content"].some((M=>{const N=D.contain;return null!=N&&N.includes(M)}))}function qN(){return/^((?!chrome|android).)*safari/i.test(HN())}function MD(M){return["html","body","#document"].includes(RN(M))}const ND=Math.min,DD=Math.max,iD=Math.round;function ID(M){const N=BN(M);let D=parseFloat(N.width),i=parseFloat(N.height);const I=JN(M),j=I?M.offsetWidth:D,g=I?M.offsetHeight:i,u=iD(D)!==j||iD(i)!==g;return u&&(D=j,i=g),{width:D,height:i,fallback:u}}function jD(M){return XN(M)?M:M.contextElement}const gD={x:1,y:1};function uD(M){const N=jD(M);if(!JN(N))return gD;const D=N.getBoundingClientRect(),{width:i,height:I,fallback:j}=ID(N);let g=(j?iD(D.width):D.width)/i,u=(j?iD(D.height):D.height)/I;return g&&Number.isFinite(g)||(g=1),u&&Number.isFinite(u)||(u=1),{x:g,y:u}}function LD(M,N,D,i){var I,j;void 0===N&&(N=!1),void 0===D&&(D=!1);const g=M.getBoundingClientRect(),u=jD(M);let L=gD;N&&(i?XN(i)&&(L=uD(i)):L=uD(M));const T=u?GN(u):window,z=qN()&&D;let A=(g.left+(z&&(null==(I=T.visualViewport)?void 0:I.offsetLeft)||0))/L.x,t=(g.top+(z&&(null==(j=T.visualViewport)?void 0:j.offsetTop)||0))/L.y,y=g.width/L.x,x=g.height/L.y;if(u){const M=GN(u),N=i&&XN(i)?GN(i):i;let D=M.frameElement;for(;D&&i&&N!==M;){const M=uD(D),N=D.getBoundingClientRect(),i=getComputedStyle(D);N.x+=(D.clientLeft+parseFloat(i.paddingLeft))*M.x,N.y+=(D.clientTop+parseFloat(i.paddingTop))*M.y,A*=M.x,t*=M.y,y*=M.x,x*=M.y,A+=N.x,t+=N.y,D=GN(D).frameElement}}return UN({width:y,height:x,x:A,y:t})}function TD(M){return((PN(M)?M.ownerDocument:M.document)||window.document).documentElement}function zD(M){return XN(M)?{scrollLeft:M.scrollLeft,scrollTop:M.scrollTop}:{scrollLeft:M.pageXOffset,scrollTop:M.pageYOffset}}function AD(M){return LD(TD(M)).left+zD(M).scrollLeft}function tD(M){if("html"===RN(M))return M;const N=M.assignedSlot||M.parentNode||fN(M)&&M.host||TD(M);return fN(N)?N.host:N}function yD(M){const N=tD(M);return MD(N)?N.ownerDocument.body:JN(N)&&_N(N)?N:yD(N)}function xD(M,N){var D;void 0===N&&(N=[]);const i=yD(M),I=i===(null==(D=M.ownerDocument)?void 0:D.body),j=GN(i);return I?N.concat(j,j.visualViewport||[],_N(i)?i:[]):N.concat(i,xD(i))}function cD(M,N,D){let i;if("viewport"===N)i=function(M,N){const D=GN(M),i=TD(M),I=D.visualViewport;let j=i.clientWidth,g=i.clientHeight,u=0,L=0;if(I){j=I.width,g=I.height;const M=qN();(!M||M&&"fixed"===N)&&(u=I.offsetLeft,L=I.offsetTop)}return{width:j,height:g,x:u,y:L}}(M,D);else if("document"===N)i=function(M){const N=TD(M),D=zD(M),i=M.ownerDocument.body,I=DD(N.scrollWidth,N.clientWidth,i.scrollWidth,i.clientWidth),j=DD(N.scrollHeight,N.clientHeight,i.scrollHeight,i.clientHeight);let g=-D.scrollLeft+AD(M);const u=-D.scrollTop;return"rtl"===BN(i).direction&&(g+=DD(N.clientWidth,i.clientWidth)-I),{width:I,height:j,x:g,y:u}}(TD(M));else if(XN(N))i=function(M,N){const D=LD(M,!0,"fixed"===N),i=D.top+M.clientTop,I=D.left+M.clientLeft,j=JN(M)?uD(M):{x:1,y:1};return{width:M.clientWidth*j.x,height:M.clientHeight*j.y,x:I*j.x,y:i*j.y}}(N,D);else{const D={...N};if(qN()){var I,j;const N=GN(M);D.x-=(null==(I=N.visualViewport)?void 0:I.offsetLeft)||0,D.y-=(null==(j=N.visualViewport)?void 0:j.offsetTop)||0}i=D}return UN(i)}function sD(M,N){return JN(M)&&"fixed"!==BN(M).position?N?N(M):M.offsetParent:null}function eD(M,N){const D=GN(M);if(!JN(M))return D;let i=sD(M,N);for(;i&&$N(i)&&"static"===BN(i).position;)i=sD(i,N);return i&&("html"===RN(i)||"body"===RN(i)&&"static"===BN(i).position&&!KN(i))?D:i||function(M){let N=tD(M);for(;JN(N)&&!MD(N);){if(KN(N))return N;N=tD(N)}return null}(M)||D}function lD(M,N,D){const i=JN(N),I=TD(N),j=LD(M,!0,"fixed"===D,N);let g={scrollLeft:0,scrollTop:0};const u={x:0,y:0};if(i||!i&&"fixed"!==D)if(("body"!==RN(N)||_N(I))&&(g=zD(N)),JN(N)){const M=LD(N,!0);u.x=M.x+N.clientLeft,u.y=M.y+N.clientTop}else I&&(u.x=AD(I));return{x:j.left+g.scrollLeft-u.x,y:j.top+g.scrollTop-u.y,width:j.width,height:j.height}}const wD={getClippingRect:function(M){let{element:N,boundary:D,rootBoundary:i,strategy:I}=M;const j=[..."clippingAncestors"===D?function(M,N){const D=N.get(M);if(D)return D;let i=xD(M).filter((M=>XN(M)&&"body"!==RN(M))),I=null;const j="fixed"===BN(M).position;let g=j?tD(M):M;for(;XN(g)&&!MD(g);){const M=BN(g),N=KN(g);"fixed"===M.position&&(I=null),(j?N||I:N||"static"!==M.position||!I||!["absolute","fixed"].includes(I.position))?I=M:i=i.filter((M=>M!==g)),g=tD(g)}return N.set(M,i),i}(N,this._c):[].concat(D),i],g=j[0],u=j.reduce(((M,D)=>{const i=cD(N,D,I);return M.top=DD(i.top,M.top),M.right=ND(i.right,M.right),M.bottom=ND(i.bottom,M.bottom),M.left=DD(i.left,M.left),M}),cD(N,g,I));return{width:u.right-u.left,height:u.bottom-u.top,x:u.left,y:u.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(M){let{rect:N,offsetParent:D,strategy:i}=M;const I=JN(D),j=TD(D);if(D===j)return N;let g={scrollLeft:0,scrollTop:0},u={x:1,y:1};const L={x:0,y:0};if((I||!I&&"fixed"!==i)&&(("body"!==RN(D)||_N(j))&&(g=zD(D)),JN(D))){const M=LD(D);u=uD(D),L.x=M.x+D.clientLeft,L.y=M.y+D.clientTop}return{width:N.width*u.x,height:N.height*u.y,x:N.x*u.x-g.scrollLeft*u.x+L.x,y:N.y*u.y-g.scrollTop*u.y+L.y}},isElement:XN,getDimensions:function(M){return ID(M)},getOffsetParent:eD,getDocumentElement:TD,getScale:uD,async getElementRects(M){let{reference:N,floating:D,strategy:i}=M;const I=this.getOffsetParent||eD,j=this.getDimensions;return{reference:lD(N,await I(D),i),floating:{x:0,y:0,...await j(D)}}},getClientRects:M=>Array.from(M.getClientRects()),isRTL:M=>"rtl"===BN(M).direction};const ED=(M,N,D)=>{const i=new Map,I={platform:wD,...D},j={...I.platform,_c:i};return(async(M,N,D)=>{const{placement:i="bottom",strategy:I="absolute",middleware:j=[],platform:g}=D,u=j.filter(Boolean),L=await(null==g.isRTL?void 0:g.isRTL(N));let T=await g.getElementRects({reference:M,floating:N,strategy:I}),{x:z,y:A}=CN(T,i,L),t=i,y={},x=0;for(let D=0;D<u.length;D++){const{name:j,fn:c}=u[D],{x:s,y:e,data:l,reset:w}=await c({x:z,y:A,initialPlacement:i,placement:t,strategy:I,middlewareData:y,rects:T,platform:g,elements:{reference:M,floating:N}});z=null!=s?s:z,A=null!=e?e:A,y={...y,[j]:{...y[j],...l}},w&&x<=50&&(x++,"object"==typeof w&&(w.placement&&(t=w.placement),w.rects&&(T=!0===w.rects?await g.getElementRects({reference:M,floating:N,strategy:I}):w.rects),({x:z,y:A}=CN(T,t,L))),D=-1)}return{x:z,y:A,placement:t,strategy:I,middlewareData:y}})(M,N,{...I,platform:j})};function aD(M){return function(M){for(let N=M;N;N=oD(N))if(N instanceof Element&&"none"===getComputedStyle(N).display)return null;for(let N=oD(M);N;N=oD(N)){if(!(N instanceof Element))continue;const M=getComputedStyle(N);if("contents"!==M.display){if("static"!==M.position||"none"!==M.filter)return N;if("BODY"===N.tagName)return N}}return null}(M)}function oD(M){return M.assignedSlot?M.assignedSlot:M.parentNode instanceof ShadowRoot?M.parentNode.host:M.parentNode}const SD=u`
 
 :host {
     --arrow-color: hsl(240 4.8% 95.9%);
@@ -1793,7 +1811,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
     background: var(--arrow-color);
     z-index: -1;
   }
-`;M.NilePopup=class extends xN{constructor(){super(...arguments),this.active=!1,this.placement="top",this.strategy="absolute",this.distance=0,this.skidding=0,this.arrow=!1,this.arrowPlacement="anchor",this.arrowPadding=10,this.flip=!1,this.flipFallbackPlacements="",this.flipFallbackStrategy="best-fit",this.flipPadding=0,this.shift=!1,this.shiftPadding=0,this.autoSizePadding=0}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){this.stop()}async updated(M){super.updated(M),M.has("active")&&(this.active?this.start():this.stop()),M.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&"string"==typeof this.anchor){const M=this.getRootNode();this.anchorEl=M.getElementById(this.anchor)}else this.anchor instanceof Element?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');if(this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),!this.anchorEl)throw new Error("Invalid anchor element: no anchor could be found using the anchor slot or the anchor attribute.");this.start()}start(){this.anchorEl&&(this.cleanup=function(M,N,D,i){void 0===i&&(i={});const{ancestorScroll:I=!0,ancestorResize:j=!0,elementResize:g=!0,animationFrame:u=!1}=i,L=I&&!u,T=L||j?[...XN(M)?xD(M):M.contextElement?xD(M.contextElement):[],...xD(N)]:[];T.forEach((M=>{L&&M.addEventListener("scroll",D,{passive:!0}),j&&M.addEventListener("resize",D)}));let z,A=null;g&&(A=new ResizeObserver((()=>{D()})),XN(M)&&!u&&A.observe(M),XN(M)||!M.contextElement||u||A.observe(M.contextElement),A.observe(N));let t=u?LD(M):null;return u&&function N(){const i=LD(M);!t||i.x===t.x&&i.y===t.y&&i.width===t.width&&i.height===t.height||D(),t=i,z=requestAnimationFrame(N)}(),D(),()=>{var M;T.forEach((M=>{L&&M.removeEventListener("scroll",D),j&&M.removeEventListener("resize",D)})),null==(M=A)||M.disconnect(),A=null,u&&cancelAnimationFrame(z)}}(this.anchorEl,this.popup,(()=>{this.reposition()})))}async stop(){return new Promise((M=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame((()=>M()))):M()}))}reposition(){if(!this.active||!this.anchorEl)return;const M=[VN({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?M.push(vN({apply:({rects:M})=>{const N="width"===this.sync||"both"===this.sync,D="height"===this.sync||"both"===this.sync;this.popup.style.width=N?`${M.reference.width}px`:"",this.popup.style.height=D?`${M.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&M.push(WN({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&M.push(function(M){return void 0===M&&(M={}),{name:"shift",options:M,async fn(N){const{x:D,y:i,placement:I}=N,{mainAxis:j=!0,crossAxis:g=!1,limiter:u={fn:M=>{let{x:N,y:D}=M;return{x:N,y:D}}},...L}=M,T={x:D,y:i},z=await QN(N,L),A=dN(nN(I)),t="x"===A?"y":"x";let y=T[A],x=T[t];if(j){const M="y"===A?"bottom":"right";y=YN(y+z["y"===A?"top":"left"],y,y-z[M])}if(g){const M="y"===t?"bottom":"right";x=YN(x+z["y"===t?"top":"left"],x,x-z[M])}const c=u.fn({...N,[A]:y,[t]:x});return{...c,data:{x:c.x-D,y:c.y-i}}}}}({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?M.push(vN({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:M,availableHeight:N})=>{"vertical"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-height",`${N}px`):this.style.removeProperty("--auto-size-available-height"),"horizontal"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-width",`${M}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&M.push((M=>({name:"arrow",options:M,async fn(N){const{element:D,padding:i=0}=M||{},{x:I,y:j,placement:g,rects:u,platform:L,elements:T}=N;if(null==D)return{};const z=rN(i),A={x:I,y:j},t=dN(g),y=ON(t),x=await L.getDimensions(D),c="y"===t,s=c?"top":"left",e=c?"bottom":"right",l=c?"clientHeight":"clientWidth",w=u.reference[y]+u.reference[t]-A[t]-u.floating[y],E=A[t]-u.reference[t],a=await(null==L.getOffsetParent?void 0:L.getOffsetParent(D));let S=a?a[l]:0;S&&await(null==L.isElement?void 0:L.isElement(a))||(S=T.floating[l]||u.floating[y]);const o=w/2-E/2,O=z[s],n=S-x[y]-z[e],d=S/2-x[y]/2+o,C=YN(O,d,n),r=null!=oN(g)&&d!=C&&u.reference[y]/2-(d<O?z[s]:z[e])-x[y]/2<0;return{[t]:A[t]-(r?d<O?O-d:n-d:0),data:{[t]:C,centerOffset:d-C}}}}))({element:this.arrowEl,padding:this.arrowPadding}));const N="absolute"===this.strategy?M=>wD.getOffsetParent(M,aD):wD.getOffsetParent;ED(this.anchorEl,this.popup,{placement:this.placement,middleware:M,strategy:this.strategy,platform:{...wD,getOffsetParent:N}}).then((({x:M,y:N,middlewareData:D,placement:i})=>{const I="rtl"===getComputedStyle(this).direction,j={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(this.setAttribute("data-current-placement",i),Object.assign(this.popup.style,{left:`${M}px`,top:`${N}px`}),this.arrow){const M=D.arrow.x,N=D.arrow.y;let i="",g="",u="",L="";if("start"===this.arrowPlacement){const D="number"==typeof M?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";i="number"==typeof N?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",g=I?D:"",L=I?"":D}else if("end"===this.arrowPlacement){const D="number"==typeof M?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";g=I?"":D,L=I?D:"",u="number"==typeof N?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else"center"===this.arrowPlacement?(L="number"==typeof M?"calc(50% - var(--arrow-size-diagonal))":"",i="number"==typeof N?"calc(50% - var(--arrow-size-diagonal))":""):(L="number"==typeof M?`${M}px`:"",i="number"==typeof N?`${N}px`:"");Object.assign(this.arrowEl.style,{top:i,right:g,bottom:u,left:L,[j]:"calc(var(--arrow-size-diagonal) * -1)"})}})),this.emit("reposition")}render(){return cM`
+`;M.NilePopup=class extends xN{constructor(){super(...arguments),this.active=!1,this.placement="top",this.strategy="absolute",this.distance=0,this.skidding=0,this.arrow=!1,this.arrowPlacement="anchor",this.arrowPadding=10,this.flip=!1,this.flipFallbackPlacements="",this.flipFallbackStrategy="best-fit",this.flipPadding=0,this.shift=!1,this.shiftPadding=0,this.autoSizePadding=0}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){this.stop()}async updated(M){super.updated(M),M.has("active")&&(this.active?this.start():this.stop()),M.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&"string"==typeof this.anchor){const M=this.getRootNode();this.anchorEl=M.getElementById(this.anchor)}else this.anchor instanceof Element?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');if(this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),!this.anchorEl)throw new Error("Invalid anchor element: no anchor could be found using the anchor slot or the anchor attribute.");this.start()}start(){this.anchorEl&&(this.cleanup=function(M,N,D,i){void 0===i&&(i={});const{ancestorScroll:I=!0,ancestorResize:j=!0,elementResize:g=!0,animationFrame:u=!1}=i,L=I&&!u,T=L||j?[...XN(M)?xD(M):M.contextElement?xD(M.contextElement):[],...xD(N)]:[];T.forEach((M=>{L&&M.addEventListener("scroll",D,{passive:!0}),j&&M.addEventListener("resize",D)}));let z,A=null;g&&(A=new ResizeObserver((()=>{D()})),XN(M)&&!u&&A.observe(M),XN(M)||!M.contextElement||u||A.observe(M.contextElement),A.observe(N));let t=u?LD(M):null;return u&&function N(){const i=LD(M);!t||i.x===t.x&&i.y===t.y&&i.width===t.width&&i.height===t.height||D(),t=i,z=requestAnimationFrame(N)}(),D(),()=>{var M;T.forEach((M=>{L&&M.removeEventListener("scroll",D),j&&M.removeEventListener("resize",D)})),null==(M=A)||M.disconnect(),A=null,u&&cancelAnimationFrame(z)}}(this.anchorEl,this.popup,(()=>{this.reposition()})))}async stop(){return new Promise((M=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame((()=>M()))):M()}))}reposition(){if(!this.active||!this.anchorEl)return;const M=[VN({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?M.push(vN({apply:({rects:M})=>{const N="width"===this.sync||"both"===this.sync,D="height"===this.sync||"both"===this.sync;this.popup.style.width=N?`${M.reference.width}px`:"",this.popup.style.height=D?`${M.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&M.push(WN({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&M.push(function(M){return void 0===M&&(M={}),{name:"shift",options:M,async fn(N){const{x:D,y:i,placement:I}=N,{mainAxis:j=!0,crossAxis:g=!1,limiter:u={fn:M=>{let{x:N,y:D}=M;return{x:N,y:D}}},...L}=M,T={x:D,y:i},z=await QN(N,L),A=dN(nN(I)),t="x"===A?"y":"x";let y=T[A],x=T[t];if(j){const M="y"===A?"bottom":"right";y=YN(y+z["y"===A?"top":"left"],y,y-z[M])}if(g){const M="y"===t?"bottom":"right";x=YN(x+z["y"===t?"top":"left"],x,x-z[M])}const c=u.fn({...N,[A]:y,[t]:x});return{...c,data:{x:c.x-D,y:c.y-i}}}}}({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?M.push(vN({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:M,availableHeight:N})=>{"vertical"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-height",`${N}px`):this.style.removeProperty("--auto-size-available-height"),"horizontal"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-width",`${M}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&M.push((M=>({name:"arrow",options:M,async fn(N){const{element:D,padding:i=0}=M||{},{x:I,y:j,placement:g,rects:u,platform:L,elements:T}=N;if(null==D)return{};const z=rN(i),A={x:I,y:j},t=dN(g),y=ON(t),x=await L.getDimensions(D),c="y"===t,s=c?"top":"left",e=c?"bottom":"right",l=c?"clientHeight":"clientWidth",w=u.reference[y]+u.reference[t]-A[t]-u.floating[y],E=A[t]-u.reference[t],a=await(null==L.getOffsetParent?void 0:L.getOffsetParent(D));let o=a?a[l]:0;o&&await(null==L.isElement?void 0:L.isElement(a))||(o=T.floating[l]||u.floating[y]);const S=w/2-E/2,O=z[s],n=o-x[y]-z[e],d=o/2-x[y]/2+S,C=YN(O,d,n),r=null!=SN(g)&&d!=C&&u.reference[y]/2-(d<O?z[s]:z[e])-x[y]/2<0;return{[t]:A[t]-(r?d<O?O-d:n-d:0),data:{[t]:C,centerOffset:d-C}}}}))({element:this.arrowEl,padding:this.arrowPadding}));const N="absolute"===this.strategy?M=>wD.getOffsetParent(M,aD):wD.getOffsetParent;ED(this.anchorEl,this.popup,{placement:this.placement,middleware:M,strategy:this.strategy,platform:{...wD,getOffsetParent:N}}).then((({x:M,y:N,middlewareData:D,placement:i})=>{const I="rtl"===getComputedStyle(this).direction,j={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(this.setAttribute("data-current-placement",i),Object.assign(this.popup.style,{left:`${M}px`,top:`${N}px`}),this.arrow){const M=D.arrow.x,N=D.arrow.y;let i="",g="",u="",L="";if("start"===this.arrowPlacement){const D="number"==typeof M?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";i="number"==typeof N?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",g=I?D:"",L=I?"":D}else if("end"===this.arrowPlacement){const D="number"==typeof M?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";g=I?"":D,L=I?D:"",u="number"==typeof N?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else"center"===this.arrowPlacement?(L="number"==typeof M?"calc(50% - var(--arrow-size-diagonal))":"",i="number"==typeof N?"calc(50% - var(--arrow-size-diagonal))":""):(L="number"==typeof M?`${M}px`:"",i="number"==typeof N?`${N}px`:"");Object.assign(this.arrowEl.style,{top:i,right:g,bottom:u,left:L,[j]:"calc(var(--arrow-size-diagonal) * -1)"})}})),this.emit("reposition")}render(){return cM`
       <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
 
       <div
@@ -1803,7 +1821,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
         <slot></slot>
         ${this.arrow?cM`<div part="arrow" class="popup__arrow" role="presentation"></div>`:""}
       </div>
-    `}},M.NilePopup.styles=oD,N([vM(".popup")],M.NilePopup.prototype,"popup",void 0),N([vM(".popup__arrow")],M.NilePopup.prototype,"arrowEl",void 0),N([WM()],M.NilePopup.prototype,"anchor",void 0),N([WM({type:Boolean,reflect:!0})],M.NilePopup.prototype,"active",void 0),N([WM({reflect:!0})],M.NilePopup.prototype,"placement",void 0),N([WM({reflect:!0})],M.NilePopup.prototype,"strategy",void 0),N([WM({type:Number})],M.NilePopup.prototype,"distance",void 0),N([WM({type:Number})],M.NilePopup.prototype,"skidding",void 0),N([WM({type:Boolean})],M.NilePopup.prototype,"arrow",void 0),N([WM({attribute:"arrow-placement"})],M.NilePopup.prototype,"arrowPlacement",void 0),N([WM({attribute:"arrow-padding",type:Number})],M.NilePopup.prototype,"arrowPadding",void 0),N([WM({type:Boolean})],M.NilePopup.prototype,"flip",void 0),N([WM({attribute:"flip-fallback-placements",converter:{fromAttribute:M=>M.split(" ").map((M=>M.trim())).filter((M=>""!==M)),toAttribute:M=>M.join(" ")}})],M.NilePopup.prototype,"flipFallbackPlacements",void 0),N([WM({attribute:"flip-fallback-strategy"})],M.NilePopup.prototype,"flipFallbackStrategy",void 0),N([WM({type:Object})],M.NilePopup.prototype,"flipBoundary",void 0),N([WM({attribute:"flip-padding",type:Number})],M.NilePopup.prototype,"flipPadding",void 0),N([WM({type:Boolean})],M.NilePopup.prototype,"shift",void 0),N([WM({type:Object})],M.NilePopup.prototype,"shiftBoundary",void 0),N([WM({attribute:"shift-padding",type:Number})],M.NilePopup.prototype,"shiftPadding",void 0),N([WM({attribute:"auto-size"})],M.NilePopup.prototype,"autoSize",void 0),N([WM()],M.NilePopup.prototype,"sync",void 0),N([WM({type:Object})],M.NilePopup.prototype,"autoSizeBoundary",void 0),N([WM({attribute:"auto-size-padding",type:Number})],M.NilePopup.prototype,"autoSizePadding",void 0),M.NilePopup=N([mM("nile-popup")],M.NilePopup);const OD=u`
+    `}},M.NilePopup.styles=SD,N([vM(".popup")],M.NilePopup.prototype,"popup",void 0),N([vM(".popup__arrow")],M.NilePopup.prototype,"arrowEl",void 0),N([WM()],M.NilePopup.prototype,"anchor",void 0),N([WM({type:Boolean,reflect:!0})],M.NilePopup.prototype,"active",void 0),N([WM({reflect:!0})],M.NilePopup.prototype,"placement",void 0),N([WM({reflect:!0})],M.NilePopup.prototype,"strategy",void 0),N([WM({type:Number})],M.NilePopup.prototype,"distance",void 0),N([WM({type:Number})],M.NilePopup.prototype,"skidding",void 0),N([WM({type:Boolean})],M.NilePopup.prototype,"arrow",void 0),N([WM({attribute:"arrow-placement"})],M.NilePopup.prototype,"arrowPlacement",void 0),N([WM({attribute:"arrow-padding",type:Number})],M.NilePopup.prototype,"arrowPadding",void 0),N([WM({type:Boolean})],M.NilePopup.prototype,"flip",void 0),N([WM({attribute:"flip-fallback-placements",converter:{fromAttribute:M=>M.split(" ").map((M=>M.trim())).filter((M=>""!==M)),toAttribute:M=>M.join(" ")}})],M.NilePopup.prototype,"flipFallbackPlacements",void 0),N([WM({attribute:"flip-fallback-strategy"})],M.NilePopup.prototype,"flipFallbackStrategy",void 0),N([WM({type:Object})],M.NilePopup.prototype,"flipBoundary",void 0),N([WM({attribute:"flip-padding",type:Number})],M.NilePopup.prototype,"flipPadding",void 0),N([WM({type:Boolean})],M.NilePopup.prototype,"shift",void 0),N([WM({type:Object})],M.NilePopup.prototype,"shiftBoundary",void 0),N([WM({attribute:"shift-padding",type:Number})],M.NilePopup.prototype,"shiftPadding",void 0),N([WM({attribute:"auto-size"})],M.NilePopup.prototype,"autoSize",void 0),N([WM()],M.NilePopup.prototype,"sync",void 0),N([WM({type:Object})],M.NilePopup.prototype,"autoSizeBoundary",void 0),N([WM({attribute:"auto-size-padding",type:Number})],M.NilePopup.prototype,"autoSizePadding",void 0),M.NilePopup=N([mM("nile-popup")],M.NilePopup);const OD=u`
 
 :host {
     --max-width: 20rem;
@@ -1900,6 +1918,13 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   .nile-slide-toggle__label {
     margin-left: 2px;
     font-size: 14px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
   }
 
   .nile-slide-toggle__switch input {
@@ -1951,7 +1976,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   .nile-slide-toggle__slider.round:before {
     border-radius: 50%;
   }
-`;M.NileSlideToggle=class extends ZM{constructor(){super(...arguments),this.label="",this.isChecked=!1}toggleValue(){this.isChecked=!this.isChecked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.isChecked}}))}render(){return cM`
+`;M.NileSlideToggle=class extends ZM{constructor(){super(...arguments),this.label="",this.isChecked=!1,this.helpText="",this.errorMessage=""}toggleValue(){this.isChecked=!this.isChecked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.isChecked}}))}render(){const M=!!this.helpText,N=!!this.errorMessage;return cM`
     <div class="nile-slide-toggle">
       <label class="nile-slide-toggle__switch">
         <input
@@ -1965,7 +1990,16 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
         <slot>${this.label}</slot>
       </span>
     </div>
-    `}},M.NileSlideToggle.styles=bD,N([WM({type:String})],M.NileSlideToggle.prototype,"label",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSlideToggle.prototype,"isChecked",void 0),M.NileSlideToggle=N([mM("nile-slide-toggle")],M.NileSlideToggle);var mD=u`
+    ${M?cM`
+                <nile-form-help-text>${this.helpText}</nile-form-help-text>
+              `:""}
+
+        ${N?cM`
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
+                >
+              `:""}
+    `}},M.NileSlideToggle.styles=bD,N([WM({type:String})],M.NileSlideToggle.prototype,"label",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSlideToggle.prototype,"isChecked",void 0),N([WM({attribute:"help-text"})],M.NileSlideToggle.prototype,"helpText",void 0),N([WM({attribute:"error-message"})],M.NileSlideToggle.prototype,"errorMessage",void 0),M.NileSlideToggle=N([mM("nile-slide-toggle")],M.NileSlideToggle);var mD=u`
   .nile-loader {
     border-radius: 50%;
     display: inline-block;
@@ -2126,16 +2160,20 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   /* Label */
   .form-control--has-label .form-control__label {
     display: inline-block;
-    color: #333333;
-    margin-bottom: 0.75rem;
+    margin-bottom: 12px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
   }
 
-
   .form-control--has-label.form-control--medium .form-control__label {
-    font-size: 1rem;
+    font-size: 14px;
   }
 
-
   :host([required]) .form-control--has-label .form-control__label::after {
     content: '*';
     margin-inline-start: -2px;
@@ -2153,7 +2191,6 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
     font-size: 0.875rem;
   }
 
-
   .form-control--has-help-text.form-control--radio-group
     .form-control__help-text {
     margin-top: 0.25rem;
@@ -2217,6 +2254,11 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
     padding: 0;
     margin: 0;
     -webkit-appearance: none;
+    font-family: var(--nile-font-family-serif);
+  }
+
+  .select__display-input::placeholder {
+    font-family: var(--nile-font-family-serif);
   }
 
   .select:not(.select--disabled):hover .select__display-input {
@@ -2374,7 +2416,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
     align-items: center;
     justify-content: center;
     font-size: inherit;
-    color: #005EA6;
+    color: #005ea6;
     border: none;
     background: none;
     padding: 0;
@@ -2423,11 +2465,11 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
     max-height: var(--auto-size-available-height);
   }
 
-  .select__options{
+  .select__options {
     padding-top: 10px;
   }
 
-  .select__options{
+  .select__options {
     padding: 5px;
     margin: 4px;
     font-size: 14px;
@@ -2479,10 +2521,12 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   .tag {
     display: flex;
     align-items: center;
-    border: solid 1px;
+    border: solid 2px;
     line-height: 1;
     white-space: nowrap;
     user-select: none;
+    border-radius: 4px;
+    gap: 6px;
   }
 
   .tag__remove::part(base) {
@@ -2495,9 +2539,14 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
    */
 
   .tag--primary {
-    background-color: hsl(204 100% 97.1%);
-    border-color: hsl(200.6 94.4% 86.1%);
-    color: hsl(201 90% 27.5%);
+    background: #005EA6;
+    border-color: #005EA6;
+    border: 2px solid  #005EA6;
+    color: #FFF;
+  }
+
+  .tag--primary:hover {
+    border: 2px solid rgba(0, 94, 166, 0.50);
   }
 
   .tag--primary:active > nile-icon-button {
@@ -2505,71 +2554,82 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   }
 
   .tag--success {
-    background-color: hsl(138.5 76.5% 96.7%);
-    border-color: hsl(141 78.9% 85.1%);
-    color: hsl(142.8 64.2% 24.1%);
+    background: #A5F3E1;
+    border: 2px solid #A5F3E1;
+    color: #000;
+  }
+
+  .tag--success:hover {
+    border: 2px solid #43E5C0;
   }
 
   .tag--success:active > nile-icon-button {
     color: hsl(142.1 76.2% 36.3%);
   }
 
-  .tag--neutral {
-    background-color: #e5e9eb;
-    border-color: #e5e9eb;
-    color: hsl(240 3.7% 15.9%);
+  .tag--normal {
+    background: #E5E9EB;
+    border: 2px solid #E5E9EB;
+    color: #000;
+  }
+
+  .tag--normal:hover {
+    border: 2px solid #C7CED4;
   }
 
-  .tag--neutral:active > nile-icon-button {
+
+  .tag--normal:active > nile-icon-button {
     color: hsl(240 5.2% 33.9%);
   }
 
   .tag--warning {
-    background-color: hsl(48 100% 96.1%);
-    border-color: hsl(48 96.6% 76.7%);
-    color: hsl(26 90.5% 37.1%);
+    background: #F3E0A5;
+    border: 2px solid #F3E0A5;
+    color: #000;
+  }
+
+  .tag--warning:hover {
+    border: 2px solid #E5BF43;
   }
 
   .tag--warning:active > nile-icon-button {
     color: hsl(32.1 94.6% 43.7%);
   }
 
-  .tag--danger {
-    background-color: hsl(0 85.7% 97.3%);
-    border-color: hsl(0 96.3% 89.4%);
-    color: hsl(0 70% 35.3%);
+
+  .tag--error {
+    background: #F3A5AA;
+    border: 2px solid #F3A5AA;
+    color: #000;
+  }
+
+  .tag--error:hover {
+    border: 2px solid #E5434D;
   }
 
-  .tag--danger:active > nile-icon-button {
+  .tag--error:active > nile-icon-button {
     color: hsl(0 72.2% 50.6%);
   }
 
-  /*
-   * Size modifiers
-   */
+  .tag--info {
+    background: #A5D3F3;
+    border: 2px solid #A5D3F3;
+    color: #000000;
+  }
 
-  .tag--small {
-    font-size: 0.75rem;
-    height: calc(1.875rem * 0.8);
-    line-height: calc(1.875rem - 1px * 2);
-    border-radius: 0.25rem;
-    padding: 0 0.5rem;
+  .tag--info:hover {
+    border: 2px solid #42A3E5;
   }
 
-  .tag--medium {
-    font-size: 0.875rem;
-    height: calc(2.5rem * 0.8);
-    line-height: calc(2.5rem - 1px * 2);
-    border-radius: 0.25rem;
-    padding: 0 0.75rem;
+  .tag--info:active > nile-icon-button {
+    color: hsl(0 72.2% 50.6%);
   }
 
-  .tag--large {
-    font-size: 1rem;
-    height: calc(3.125rem * 0.8);
-    line-height: calc(3.125rem - 1px * 2);
-    border-radius: 0.25rem;
-    padding: 0 1rem;
+
+  .tag--medium {
+    font-size: 14px;
+    height: 26px;
+    padding: 0 0.75rem;
   }
 
   .tag__remove {
@@ -2583,6 +2643,15 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   .tag--pill {
     border-radius: 9999px;
   }
+
+  .tag__prefix {
+  padding: 3px 6px;
+}
+
+ .tag__content {
+  font-size: 14px;
+}
+
 `,GD=u`
 
 :host {
@@ -2655,20 +2724,24 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
           library=${AN(this.library)}
           src=${AN(this.src)}
           aria-hidden="true"
+          size="14"
         ></nile-icon>
       </${N}>
-    `}},M.NileIconButton.styles=GD,N([vM(".icon-button")],M.NileIconButton.prototype,"button",void 0),N([VM()],M.NileIconButton.prototype,"hasFocus",void 0),N([WM()],M.NileIconButton.prototype,"name",void 0),N([WM()],M.NileIconButton.prototype,"library",void 0),N([WM()],M.NileIconButton.prototype,"src",void 0),N([WM()],M.NileIconButton.prototype,"href",void 0),N([WM()],M.NileIconButton.prototype,"target",void 0),N([WM()],M.NileIconButton.prototype,"download",void 0),N([WM()],M.NileIconButton.prototype,"label",void 0),N([WM({type:Boolean,reflect:!0})],M.NileIconButton.prototype,"disabled",void 0),M.NileIconButton=N([mM("nile-icon-button")],M.NileIconButton),M.NileTag=class extends xN{constructor(){super(...arguments),this.variant="neutral",this.size="medium",this.pill=!1,this.removable=!1}handleRemoveClick(){this.emit("nile-remove")}render(){return cM`
+    `}},M.NileIconButton.styles=GD,N([vM(".icon-button")],M.NileIconButton.prototype,"button",void 0),N([VM()],M.NileIconButton.prototype,"hasFocus",void 0),N([WM()],M.NileIconButton.prototype,"name",void 0),N([WM()],M.NileIconButton.prototype,"library",void 0),N([WM()],M.NileIconButton.prototype,"src",void 0),N([WM()],M.NileIconButton.prototype,"href",void 0),N([WM()],M.NileIconButton.prototype,"target",void 0),N([WM()],M.NileIconButton.prototype,"download",void 0),N([WM()],M.NileIconButton.prototype,"label",void 0),N([WM({type:Boolean,reflect:!0})],M.NileIconButton.prototype,"disabled",void 0),M.NileIconButton=N([mM("nile-icon-button")],M.NileIconButton),M.NileTag=class extends xN{constructor(){super(...arguments),this.variant="normal",this.size="medium",this.pill=!1,this.removable=!1}handleRemoveClick(){this.emit("nile-remove")}render(){return cM`
       <span
         part="base"
-        class=${XM({tag:!0,"tag--primary":"primary"===this.variant,"tag--success":"success"===this.variant,"tag--neutral":"neutral"===this.variant,"tag--warning":"warning"===this.variant,"tag--danger":"danger"===this.variant,"tag--text":"text"===this.variant,"tag--small":"small"===this.size,"tag--medium":"medium"===this.size,"tag--large":"large"===this.size,"tag--pill":this.pill,"tag--removable":this.removable})}
+        class=${XM({tag:!0,"tag--primary":"primary"===this.variant,"tag--success":"success"===this.variant,"tag--normal":"normal"===this.variant,"tag--warning":"warning"===this.variant,"tag--error":"error"===this.variant,"tag--info":"info"===this.variant,"tag--small":"small"===this.size,"tag--medium":"medium"===this.size,"tag--large":"large"===this.size,"tag--pill":this.pill,"tag--removable":this.removable})}
       >
-        <slot part="content" class="tag__content"></slot>
+
+        <slot name="prefix" part="prefix" class="tag__prefix"></slot>
+
+        <slot  part="content" class="tag__content"></slot>
 
         ${this.removable?cM`
               <nile-icon-button
                 part="remove-button"
                 exportparts="base:remove-button__base"
-                name="error"
+                name="close"
                 library="system"
                 label="remove"
                 class="tag__remove"
@@ -2677,16 +2750,16 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
               ></nile-icon-button>
             `:""}
       </span>
-    `}},M.NileTag.styles=vD,N([WM({reflect:!0})],M.NileTag.prototype,"variant",void 0),N([WM({reflect:!0})],M.NileTag.prototype,"size",void 0),N([WM({type:Boolean,reflect:!0})],M.NileTag.prototype,"pill",void 0),N([WM({type:Boolean})],M.NileTag.prototype,"removable",void 0),M.NileTag=N([mM("nile-tag")],M.NileTag),M.NileSelect=class extends xN{constructor(){super(...arguments),this.formControlController=new iN(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new jN(this,"help-text","label"),this.typeToSelectString="",this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="",this.searchValue="",this.searchEnabled=!1,this.multiple=!1,this.maxOptionsVisible=3,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.helpText="",this.form="",this.required=!1,this.showSelected=!1,this.noResultsMessage="No results found"}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(M){const N=M.composedPath();this&&!N.includes(this)&&this.hide()}handleFooterClick(M){M.stopPropagation(),M.preventDefault()}toggleShowSelected(M){if(M.stopPropagation(),M.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)})),this.requestUpdate()}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((M=>{M.selected=!1,M.hidden=!1})),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name})}handleDocumentKeyDown(M){const N=M.target,D=null!==N.closest(".select__clear"),i=null!==N.closest("nile-icon-button");if(!D&&!i){if("Escape"===M.key&&this.open&&(M.preventDefault(),M.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===M.key||" "===M.key&&""===this.typeToSelectString)return M.preventDefault(),M.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(["ArrowUp","ArrowDown","Home","End"].includes(M.key)){const N=this.getAllOptions(),D=N.indexOf(this.currentOption);let i=Math.max(0,D);if(M.preventDefault(),!this.open&&(this.show(),this.currentOption))return;"ArrowDown"===M.key?(i=D+1,i>N.length-1&&(i=0)):"ArrowUp"===M.key?(i=D-1,i<0&&(i=N.length-1)):"Home"===M.key?i=0:"End"===M.key&&(i=N.length-1),this.setCurrentOption(N[i])}if(1===M.key.length||"Backspace"===M.key){const N=this.getAllOptions();if(M.metaKey||M.ctrlKey||M.altKey)return;if(!this.open){if("Backspace"===M.key)return;this.show()}M.stopPropagation(),M.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===M.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=M.key.toLowerCase();for(const M of N){if(M.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(M);break}}}}}handleDocumentMouseDown(M){const N=M.composedPath();this&&!N.includes(this)&&this.hide()}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(M){const N=M.composedPath().some((M=>M instanceof Element&&"nile-icon-button"===M.tagName.toLowerCase()));this.disabled||N||(M.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(M){M.stopPropagation(),this.handleDocumentKeyDown(M)}handleClearClick(M){M.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then((()=>{this.emit("nile-clear",{value:this.value,name:this.name}),this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})))}handleClearMouseDown(M){M.stopPropagation(),M.preventDefault()}handleOptionClick(M){const N=M.target.closest("nile-option"),D=this.value;N&&!N.disabled&&(this.multiple?this.toggleOptionSelection(N):this.setSelectedOptions(N),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==D&&this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){const M=this.getAllOptions(),N=Array.isArray(this.value)?this.value:[this.value],D=[];customElements.get("nile-option")?(M.forEach((M=>D.push(M.value))),this.setSelectedOptions(M.filter((M=>N.includes(M.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange()))}handleTagRemove(M,N){M.stopPropagation(),this.disabled||(this.toggleOptionSelection(N,!1),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})))}getAllOptions(){return[...this.querySelectorAll("nile-option")]}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(M){this.getAllOptions().forEach((M=>{M.current=!1,M.tabIndex=-1})),M&&(this.currentOption=M,M.current=!0,M.tabIndex=0,M.focus())}setSelectedOptions(M){const N=this.getAllOptions(),D=Array.isArray(M)?M:[M];N.forEach((M=>M.selected=!1)),D.length&&D.forEach((M=>M.selected=!0)),this.selectionChanged()}toggleOptionSelection(M,N){M.selected=!0===N||!1===N?N:!M.selected,this.selectionChanged()}selectionChanged(){this.selectedOptions=this.getAllOptions().filter((M=>M.selected)),this.multiple?(this.value=this.selectedOptions.map((M=>M.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected"):(this.value=this.selectedOptions[0]?.value??"",this.displayLabel=this.selectedOptions[0]?.getTextLabel()??""),this.updateComplete.then((()=>{this.formControlController.updateValidity()}))}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(M){this.searchValue=M.detail.value,0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}filterOptions(M){const N=this.getAllOptions(),D=M.toLowerCase();let i=[];return N.forEach((M=>{const N=M.getTextLabel().toLowerCase(),I=(M.value||"").toLowerCase();N.startsWith(D)||I.startsWith(D)?(M.hidden=!1,i.push(M)):M.hidden=!0})),i}handleInvalid(M){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(M)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const M=this.getAllOptions(),N=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(M.filter((M=>N.includes(M.value))))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.addOpenListeners(),await rD(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:M,options:N}=YD(this,"select.show",{dir:"ltr"});await nD(this.popup.popup,M,N),this.currentOption&&BD(this.currentOption,this.listbox,"vertical","auto"),this.emit("nile-after-show",{value:this.value,name:this.name})}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.removeOpenListeners(),await rD(this);const{keyframes:M,options:N}=YD(this,"select.hide",{dir:"ltr"});await nD(this.popup.popup,M,N),this.listbox.hidden=!0,this.popup.active=!1,this.emit("nile-after-hide",{value:this.value,name:this.name})}}async show(){if(!this.open&&!this.disabled)return this.open=!0,ZD(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,ZD(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(M){this.valueInput.setCustomValidity(M),this.formControlController.updateValidity()}focus(M){this.displayInput.focus(M)}blur(){this.displayInput.blur()}render(){const M=this.hasSlotController.test("label"),N=this.hasSlotController.test("help-text"),D=!!this.label||!!M,i=!!this.helpText||!!N,I=this.clearable&&!this.disabled&&this.value.length>0,j=this.placeholder&&0===this.value.length,g=this.searchValue||"";return cM`
+    `}},M.NileTag.styles=vD,N([WM({reflect:!0})],M.NileTag.prototype,"variant",void 0),N([WM({reflect:!0})],M.NileTag.prototype,"size",void 0),N([WM({type:Boolean,reflect:!0})],M.NileTag.prototype,"pill",void 0),N([WM({type:Boolean})],M.NileTag.prototype,"removable",void 0),M.NileTag=N([mM("nile-tag")],M.NileTag),M.NileSelect=class extends xN{constructor(){super(...arguments),this.formControlController=new iN(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new jN(this,"help-text","label"),this.typeToSelectString="",this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="",this.searchValue="",this.searchEnabled=!1,this.multiple=!1,this.helpText="",this.errorMessage="",this.maxOptionsVisible=3,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showSelected=!1,this.noResultsMessage="No results found"}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(M){const N=M.composedPath();this&&!N.includes(this)&&this.hide()}handleFooterClick(M){M.stopPropagation(),M.preventDefault()}toggleShowSelected(M){if(M.stopPropagation(),M.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((M=>{M.selected||(M.hidden=this.showSelected)})),this.requestUpdate()}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((M=>{M.selected=!1,M.hidden=!1})),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name})}handleDocumentKeyDown(M){const N=M.target,D=null!==N.closest(".select__clear"),i=null!==N.closest("nile-icon-button");if(!D&&!i){if("Escape"===M.key&&this.open&&(M.preventDefault(),M.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===M.key||" "===M.key&&""===this.typeToSelectString)return M.preventDefault(),M.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(["ArrowUp","ArrowDown","Home","End"].includes(M.key)){const N=this.getAllOptions(),D=N.indexOf(this.currentOption);let i=Math.max(0,D);if(M.preventDefault(),!this.open&&(this.show(),this.currentOption))return;"ArrowDown"===M.key?(i=D+1,i>N.length-1&&(i=0)):"ArrowUp"===M.key?(i=D-1,i<0&&(i=N.length-1)):"Home"===M.key?i=0:"End"===M.key&&(i=N.length-1),this.setCurrentOption(N[i])}if(1===M.key.length||"Backspace"===M.key){const N=this.getAllOptions();if(M.metaKey||M.ctrlKey||M.altKey)return;if(!this.open){if("Backspace"===M.key)return;this.show()}M.stopPropagation(),M.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===M.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=M.key.toLowerCase();for(const M of N){if(M.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(M);break}}}}}handleDocumentMouseDown(M){const N=M.composedPath();this&&!N.includes(this)&&this.hide()}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(M){const N=M.composedPath().some((M=>M instanceof Element&&"nile-icon-button"===M.tagName.toLowerCase()));this.disabled||N||(M.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(M){M.stopPropagation(),this.handleDocumentKeyDown(M)}handleClearClick(M){M.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then((()=>{this.emit("nile-clear",{value:this.value,name:this.name}),this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})))}handleClearMouseDown(M){M.stopPropagation(),M.preventDefault()}handleOptionClick(M){const N=M.target.closest("nile-option"),D=this.value;N&&!N.disabled&&(this.multiple?this.toggleOptionSelection(N):this.setSelectedOptions(N),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==D&&this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){const M=this.getAllOptions(),N=Array.isArray(this.value)?this.value:[this.value],D=[];customElements.get("nile-option")?(M.forEach((M=>D.push(M.value))),this.setSelectedOptions(M.filter((M=>N.includes(M.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange()))}handleTagRemove(M,N){M.stopPropagation(),this.disabled||(this.toggleOptionSelection(N,!1),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})))}getAllOptions(){return[...this.querySelectorAll("nile-option")]}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(M){this.getAllOptions().forEach((M=>{M.current=!1,M.tabIndex=-1})),M&&(this.currentOption=M,M.current=!0,M.tabIndex=0,M.focus())}setSelectedOptions(M){const N=this.getAllOptions(),D=Array.isArray(M)?M:[M];N.forEach((M=>M.selected=!1)),D.length&&D.forEach((M=>M.selected=!0)),this.selectionChanged()}toggleOptionSelection(M,N){M.selected=!0===N||!1===N?N:!M.selected,this.selectionChanged()}selectionChanged(){this.selectedOptions=this.getAllOptions().filter((M=>M.selected)),this.multiple?(this.value=this.selectedOptions.map((M=>M.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected"):(this.value=this.selectedOptions[0]?.value??"",this.displayLabel=this.selectedOptions[0]?.getTextLabel()??""),this.updateComplete.then((()=>{this.formControlController.updateValidity()}))}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(M){this.searchValue=M.detail.value,0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}filterOptions(M){const N=this.getAllOptions(),D=M.toLowerCase();let i=[];return N.forEach((M=>{const N=M.getTextLabel().toLowerCase(),I=(M.value||"").toLowerCase();N.startsWith(D)||I.startsWith(D)?(M.hidden=!1,i.push(M)):M.hidden=!0})),i}handleInvalid(M){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(M)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const M=this.getAllOptions(),N=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(M.filter((M=>N.includes(M.value))))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.addOpenListeners(),await rD(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:M,options:N}=YD(this,"select.show",{dir:"ltr"});await nD(this.popup.popup,M,N),this.currentOption&&BD(this.currentOption,this.listbox,"vertical","auto"),this.emit("nile-after-show",{value:this.value,name:this.name})}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.removeOpenListeners(),await rD(this);const{keyframes:M,options:N}=YD(this,"select.hide",{dir:"ltr"});await nD(this.popup.popup,M,N),this.listbox.hidden=!0,this.popup.active=!1,this.emit("nile-after-hide",{value:this.value,name:this.name})}}async show(){if(!this.open&&!this.disabled)return this.open=!0,ZD(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,ZD(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(M){this.valueInput.setCustomValidity(M),this.formControlController.updateValidity()}focus(M){this.displayInput.focus(M)}blur(){this.displayInput.blur()}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const N=!!this.label||!!M,D=this.clearable&&!this.disabled&&this.value.length>0,i=this.placeholder&&0===this.value.length,I=this.searchValue||"",j=!!this.helpText,g=!!this.errorMessage;return cM`
       <div
         part="form-control"
-        class=${XM({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":D,"form-control--has-help-text":i})}
+        class=${XM({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":N,"form-control--has-help-text":j})}
       >
         <label
           id="label"
           part="form-control-label"
           class="form-control__label"
-          aria-hidden=${D?"false":"true"}
+          aria-hidden=${N?"false":"true"}
           @click=${this.handleLabelClick}
         >
           <slot name="label">${this.label}</slot>
@@ -2694,7 +2767,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
 
         <div part="form-control-input" class="form-control-input">
           <nile-popup
-            class=${XM({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":j,"select--top":"top"===this.placement,"select--bottom":"bottom"===this.placement,"select--small":"small"===this.size,"select--medium":"medium"===this.size,"select--large":"large"===this.size})}
+            class=${XM({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":i,"select--top":"top"===this.placement,"select--bottom":"bottom"===this.placement,"select--small":"small"===this.size,"select--medium":"medium"===this.size,"select--large":"large"===this.size})}
             placement=${this.placement}
             strategy=${this.hoist?"fixed":"absolute"}
             flip
@@ -2755,7 +2828,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
                             </nile-tag>
                           `:N===this.maxOptionsVisible?cM`
                             <nile-tag
-                              class="select__tags-count ${I?"select__tags-count-clearable":""} "
+                              class="select__tags-count ${D?"select__tags-count-clearable":""} "
                               size=${this.size}
                             >
                               +${this.selectedOptions.length-N}
@@ -2776,7 +2849,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
                 @invalid=${this.handleInvalid}
               />
 
-              ${I?cM`
+              ${D?cM`
                     <button
                       part="clear-button"
                       class="select__clear"
@@ -2817,7 +2890,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
                     <nile-input
                       size="small"
                       clearable
-                      .value=${g}
+                      .value=${I}
                       placeholder="Search..."
                       @nile-input=${this.handleSearchChange}
                       @nile-focus=${this.handleSearchFocus}
@@ -2856,17 +2929,18 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
           </nile-popup>
         </div>
 
-        <slot
-          name="help-text"
-          part="form-control-help-text"
-          id="help-text"
-          class="form-control__help-text"
-          aria-hidden=${i?"false":"true"}
-        >
-          ${this.helpText}
-        </slot>
+        ${j?cM`
+                <nile-form-help-text>${this.helpText}</nile-form-help-text>
+              `:""}
+
+        ${g?cM`
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
+                >
+              `:""}
+
       </div>
-    `}},M.NileSelect.styles=VD,N([vM(".select")],M.NileSelect.prototype,"popup",void 0),N([vM(".select__combobox")],M.NileSelect.prototype,"combobox",void 0),N([vM(".select__display-input")],M.NileSelect.prototype,"displayInput",void 0),N([vM(".select__value-input")],M.NileSelect.prototype,"valueInput",void 0),N([vM(".select__listbox")],M.NileSelect.prototype,"listbox",void 0),N([VM()],M.NileSelect.prototype,"hasFocus",void 0),N([VM()],M.NileSelect.prototype,"displayLabel",void 0),N([VM()],M.NileSelect.prototype,"currentOption",void 0),N([VM()],M.NileSelect.prototype,"selectedOptions",void 0),N([WM()],M.NileSelect.prototype,"name",void 0),N([WM({converter:{fromAttribute:M=>M.split(" "),toAttribute:M=>M.join(" ")}})],M.NileSelect.prototype,"value",void 0),N([sN()],M.NileSelect.prototype,"defaultValue",void 0),N([WM()],M.NileSelect.prototype,"size",void 0),N([WM()],M.NileSelect.prototype,"placeholder",void 0),N([VM()],M.NileSelect.prototype,"searchValue",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"searchEnabled",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"multiple",void 0),N([WM({attribute:"max-options-visible",type:Number})],M.NileSelect.prototype,"maxOptionsVisible",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"disabled",void 0),N([WM({type:Boolean})],M.NileSelect.prototype,"clearable",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"open",void 0),N([WM({type:Boolean})],M.NileSelect.prototype,"hoist",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"filled",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"pill",void 0),N([WM()],M.NileSelect.prototype,"label",void 0),N([WM({reflect:!0})],M.NileSelect.prototype,"placement",void 0),N([WM({attribute:"help-text"})],M.NileSelect.prototype,"helpText",void 0),N([WM({reflect:!0})],M.NileSelect.prototype,"form",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"required",void 0),N([WM({type:Boolean})],M.NileSelect.prototype,"showSelected",void 0),N([VM()],M.NileSelect.prototype,"showNoResults",void 0),N([WM({type:String})],M.NileSelect.prototype,"noResultsMessage",void 0),N([tN("disabled",{waitUntilFirstUpdate:!0})],M.NileSelect.prototype,"handleDisabledChange",null),N([tN("value",{waitUntilFirstUpdate:!0})],M.NileSelect.prototype,"handleValueChange",null),N([tN("open",{waitUntilFirstUpdate:!0})],M.NileSelect.prototype,"handleOpenChange",null),M.NileSelect=N([mM("nile-select")],M.NileSelect),hD("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),hD("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});const PD=u`
+    `}},M.NileSelect.styles=VD,N([vM(".select")],M.NileSelect.prototype,"popup",void 0),N([vM(".select__combobox")],M.NileSelect.prototype,"combobox",void 0),N([vM(".select__display-input")],M.NileSelect.prototype,"displayInput",void 0),N([vM(".select__value-input")],M.NileSelect.prototype,"valueInput",void 0),N([vM(".select__listbox")],M.NileSelect.prototype,"listbox",void 0),N([VM()],M.NileSelect.prototype,"hasFocus",void 0),N([VM()],M.NileSelect.prototype,"displayLabel",void 0),N([VM()],M.NileSelect.prototype,"currentOption",void 0),N([VM()],M.NileSelect.prototype,"selectedOptions",void 0),N([WM()],M.NileSelect.prototype,"name",void 0),N([WM({converter:{fromAttribute:M=>M.split(" "),toAttribute:M=>M.join(" ")}})],M.NileSelect.prototype,"value",void 0),N([sN()],M.NileSelect.prototype,"defaultValue",void 0),N([WM()],M.NileSelect.prototype,"size",void 0),N([WM()],M.NileSelect.prototype,"placeholder",void 0),N([VM()],M.NileSelect.prototype,"searchValue",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"searchEnabled",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"multiple",void 0),N([WM({attribute:"help-text"})],M.NileSelect.prototype,"helpText",void 0),N([WM({attribute:"error-message"})],M.NileSelect.prototype,"errorMessage",void 0),N([WM({attribute:"max-options-visible",type:Number})],M.NileSelect.prototype,"maxOptionsVisible",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"disabled",void 0),N([WM({type:Boolean})],M.NileSelect.prototype,"clearable",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"open",void 0),N([WM({type:Boolean})],M.NileSelect.prototype,"hoist",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"filled",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"pill",void 0),N([WM()],M.NileSelect.prototype,"label",void 0),N([WM({reflect:!0})],M.NileSelect.prototype,"placement",void 0),N([WM({reflect:!0})],M.NileSelect.prototype,"form",void 0),N([WM({type:Boolean,reflect:!0})],M.NileSelect.prototype,"required",void 0),N([WM({type:Boolean})],M.NileSelect.prototype,"showSelected",void 0),N([VM()],M.NileSelect.prototype,"showNoResults",void 0),N([WM({type:String})],M.NileSelect.prototype,"noResultsMessage",void 0),N([tN("disabled",{waitUntilFirstUpdate:!0})],M.NileSelect.prototype,"handleDisabledChange",null),N([tN("value",{waitUntilFirstUpdate:!0})],M.NileSelect.prototype,"handleValueChange",null),N([tN("open",{waitUntilFirstUpdate:!0})],M.NileSelect.prototype,"handleOpenChange",null),M.NileSelect=N([mM("nile-select")],M.NileSelect),hD("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),hD("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});const PD=u`
   :host {
     display: block;
     user-select: none;
@@ -3234,19 +3308,18 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   .form-control--has-label .form-control__label {
     display: inline-block;
     color: inherit;
-    margin-bottom: 0.125rem;
-  }
-
-  .form-control--has-label.form-control--small .form-control__label {
-    font-size: 0.875rem;
+    margin-bottom: 12px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
   }
 
   .form-control--has-label.form-control--medium .form-control__label {
-    font-size: 1rem;
-  }
-
-  .form-control--has-label.form-control--large .form-control__label {
-    font-size: 1.25rem;
+    font-size: 14px;
   }
 
   :host([required]) .form-control--has-label .form-control__label::after {
@@ -3289,7 +3362,6 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
     background-color: #fff;
     border-radius: 0.25rem;
     border: solid 1px #c7ced4;
-    padding: 5px 10px;
     display: flex;
     flex-wrap: wrap;
     width: 100%;
@@ -3355,16 +3427,16 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   .nile-chip__tags {
     margin: 0.05rem;
   }
-`;M.NileChip=class extends xN{constructor(){super(...arguments),this.hasSlotController=new jN(this,"help-text","label"),this.tags=[],this.inputValue="",this.isDropdownOpen=!1,this.warning=!1,this.error=!1,this.success=!1,this.noDuplicates=!1,this.label="",this.acceptUserInput=!1,this.clearable=!1,this.placeholder="type here...",this.readonly=!1,this.disabled=!1,this.helpText="",this.autoCompleteOptions=[],this.filteredAutoCompleteOptions=[],this.value=[],this.noWrap=!1}static get styles(){return[fD]}onAutoCompleteOptionsChanged(){this.filteredAutoCompleteOptions=[...this.autoCompleteOptions],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((M=>!this.value.includes(M))))}onValueChanged(){this.tags=[...this.value],this.onTagsChanged()}onTagsChanged(){this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((M=>!this.tags.includes(M))))}connectedCallback(){super.connectedCallback(),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((M=>!this.value.includes(M))))}handleSelect(M){this.noDuplicates&&this.tags.includes(M.detail.value)||(this.tags=[...this.tags,M.detail.value],this.emit("nile-chip-change",{value:this.tags}),this.resetInput())}handleRemove(M){this.tags=this.tags.filter((N=>N!==M)),this.noDuplicates&&this.autoCompleteOptions.includes(M)&&(this.filteredAutoCompleteOptions=[...this.filteredAutoCompleteOptions,M]),this.emit("nile-chip-change",{value:this.tags})}handleInputChange(M){this.inputValue=M.detail.value}handleInputKeydown(M){this.acceptUserInput&&("Enter"!==M.key||!this.inputValue||this.noDuplicates&&this.tags.includes(this.inputValue)||(this.tags=[...this.tags,this.inputValue],this.resetInput(),this.emit("nile-chip-change",{value:this.tags})))}handleFocus(){this.isDropdownOpen=!0}resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus()}render(){const M=this.hasSlotController.test("label"),N=this.hasSlotController.test("help-text"),D=!!this.label||!!M,i=!!this.helpText||!!N;return cM`
+`;M.NileChip=class extends xN{constructor(){super(...arguments),this.hasSlotController=new jN(this,"help-text","label"),this.tags=[],this.inputValue="",this.isDropdownOpen=!1,this.warning=!1,this.error=!1,this.success=!1,this.noDuplicates=!1,this.label="",this.acceptUserInput=!1,this.clearable=!1,this.placeholder="type here...",this.readonly=!1,this.disabled=!1,this.autoCompleteOptions=[],this.filteredAutoCompleteOptions=[],this.value=[],this.noWrap=!1,this.errorIndexes=[],this.helpText="",this.errorMessage=""}static get styles(){return[fD]}onAutoCompleteOptionsChanged(){this.filteredAutoCompleteOptions=[...this.autoCompleteOptions],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((M=>!this.value.includes(M))))}onValueChanged(){this.tags=[...this.value],this.onTagsChanged()}onTagsChanged(){this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((M=>!this.tags.includes(M))))}connectedCallback(){super.connectedCallback(),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((M=>!this.value.includes(M))))}handleSelect(M){this.noDuplicates&&this.tags.includes(M.detail.value)||(this.tags=[...this.tags,M.detail.value],this.emit("nile-chip-change",{value:this.tags}),this.resetInput())}handleRemove(M){this.tags=this.tags.filter((N=>N!==M)),this.noDuplicates&&this.autoCompleteOptions.includes(M)&&(this.filteredAutoCompleteOptions=[...this.filteredAutoCompleteOptions,M]),this.emit("nile-chip-change",{value:this.tags})}handleInputChange(M){this.inputValue=M.detail.value}handleInputKeydown(M){this.acceptUserInput&&("Enter"!==M.key||!this.inputValue||this.noDuplicates&&this.tags.includes(this.inputValue)||(this.tags=[...this.tags,this.inputValue],this.resetInput(),this.emit("nile-chip-change",{value:this.tags})))}handleFocus(){this.isDropdownOpen=!0}resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus()}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const N=!!this.label||!!M,D=!!this.helpText,i=!!this.errorMessage;return cM`
       <div
         part="form-control"
-        class=${XM({"form-control":!0,"form-control--medium":!0,"form-control--has-label":D,"form-control--has-help-text":i,"nile-chip--disabled":this.disabled})}
+        class=${XM({"form-control":!0,"form-control--medium":!0,"form-control--has-label":N,"form-control--has-help-text":D,"nile-chip--disabled":this.disabled})}
       >
         <label
           part="form-control-label"
           class="form-control__label"
           for="input"
-          aria-hidden=${D?"false":"true"}
+          aria-hidden=${N?"false":"true"}
         >
           <slot name="label">${this.label}</slot>
         </label>
@@ -3372,9 +3444,10 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
         <div
           class=${XM({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success,"nile-chip--no-wrap":this.noWrap})}
         >
-          ${this.tags.map((M=>cM`
+          ${this.tags.map(((M,N)=>cM`
               <nile-tag
-                class="nile-chip__tags"
+                class=${XM({"nile-chip__tags":!0})}
+                .variant=${this.errorIndexes.includes(N)?"error":"normal"}
                 @nile-remove=${()=>this.handleRemove(M)}
                 removable
                 pill
@@ -3401,13 +3474,22 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
             part="form-control-help-text"
             id="help-text"
             class="form-control__help-text"
-            aria-hidden=${i?"false":"true"}
+            aria-hidden=${D?"false":"true"}
           >
             ${this.helpText}
           </slot>
         </div>
+        ${D?cM`
+                <nile-form-help-text>${this.helpText}</nile-form-help-text>
+              `:""}
+
+        ${i?cM`
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
+                >
+              `:""}
       </div>
-    `}},N([VM()],M.NileChip.prototype,"tags",void 0),N([VM()],M.NileChip.prototype,"inputValue",void 0),N([VM()],M.NileChip.prototype,"isDropdownOpen",void 0),N([vM("nile-auto-complete")],M.NileChip.prototype,"autoComplete",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"warning",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"error",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"success",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"noDuplicates",void 0),N([WM()],M.NileChip.prototype,"label",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"acceptUserInput",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"clearable",void 0),N([WM()],M.NileChip.prototype,"placeholder",void 0),N([WM({type:Boolean,reflect:!0})],M.NileChip.prototype,"readonly",void 0),N([WM({type:Boolean,reflect:!0})],M.NileChip.prototype,"disabled",void 0),N([WM({attribute:"help-text"})],M.NileChip.prototype,"helpText",void 0),N([WM({type:Array})],M.NileChip.prototype,"autoCompleteOptions",void 0),N([WM({type:Array})],M.NileChip.prototype,"filteredAutoCompleteOptions",void 0),N([WM({type:Array})],M.NileChip.prototype,"value",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"noWrap",void 0),N([tN("autoCompleteOptions")],M.NileChip.prototype,"onAutoCompleteOptionsChanged",null),N([tN("value")],M.NileChip.prototype,"onValueChanged",null),N([tN("tags")],M.NileChip.prototype,"onTagsChanged",null),M.NileChip=N([mM("nile-chip")],M.NileChip);const _D=u`
+    `}},N([VM()],M.NileChip.prototype,"tags",void 0),N([VM()],M.NileChip.prototype,"inputValue",void 0),N([VM()],M.NileChip.prototype,"isDropdownOpen",void 0),N([vM("nile-auto-complete")],M.NileChip.prototype,"autoComplete",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"warning",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"error",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"success",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"noDuplicates",void 0),N([WM()],M.NileChip.prototype,"label",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"acceptUserInput",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"clearable",void 0),N([WM()],M.NileChip.prototype,"placeholder",void 0),N([WM({type:Boolean,reflect:!0})],M.NileChip.prototype,"readonly",void 0),N([WM({type:Boolean,reflect:!0})],M.NileChip.prototype,"disabled",void 0),N([WM({type:Array})],M.NileChip.prototype,"autoCompleteOptions",void 0),N([WM({type:Array})],M.NileChip.prototype,"filteredAutoCompleteOptions",void 0),N([WM({type:Array})],M.NileChip.prototype,"value",void 0),N([WM({type:Boolean})],M.NileChip.prototype,"noWrap",void 0),N([WM({type:Array})],M.NileChip.prototype,"errorIndexes",void 0),N([WM({attribute:"help-text"})],M.NileChip.prototype,"helpText",void 0),N([WM({attribute:"error-message"})],M.NileChip.prototype,"errorMessage",void 0),N([tN("autoCompleteOptions")],M.NileChip.prototype,"onAutoCompleteOptionsChanged",null),N([tN("value")],M.NileChip.prototype,"onValueChanged",null),N([tN("tags")],M.NileChip.prototype,"onTagsChanged",null),M.NileChip=N([mM("nile-chip")],M.NileChip);const _D=u`
   .form-control .form-control__label {
     display: none;
   }
@@ -3419,8 +3501,14 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   /* Label */
   .form-control--has-label .form-control__label {
     display: inline-block;
-    color: var(--nile-colors-dark-900);
     margin-bottom: 12px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
   }
 
   .form-control--has-label.form-control--medium .form-control__label {
@@ -3510,7 +3598,7 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
 
   .textarea--standard.textarea--focused:not(.textarea--disabled)
     .textarea__control {
-    color: #333;
+      color: #000000;
   }
 
   .textarea--standard.textarea--disabled {
@@ -3596,16 +3684,16 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
   .textarea--standard.textarea--success {
     border-color: var(--nile-colors-green-500);
   }
-`;M.NileTextarea=class extends xN{constructor(){super(...arguments),this.hasSlotController=new jN(this,"help-text","label"),this.hasFocus=!1,this.title="",this.name="",this.value="",this.size="medium",this.filled=!1,this.label="",this.helpText="",this.errorMessage="",this.placeholder="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.warning=!1,this.error=!1,this.success=!1,this.spellcheck=!0,this.defaultValue=""}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.updateComplete.then((()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)}))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.input)}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("nile-change",{value:this.value})}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.emit("nile-input",{value:this.value})}setTextareaHeight(){"auto"===this.resize?(this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=void 0}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.setTextareaHeight()}focus(M){this.input.focus(M)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(M){return M?("number"==typeof M.top&&(this.input.scrollTop=M.top),void("number"==typeof M.left&&(this.input.scrollLeft=M.left))):{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(M,N,D="none"){this.input.setSelectionRange(M,N,D)}setRangeText(M,N,D,i){this.input.setRangeText(M,N,D,i),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}render(){const M=this.hasSlotController.test("label"),N=this.hasSlotController.test("help-text"),D=!!this.label||!!M,i=!!this.helpText||!!N;return cM`
+`;M.NileTextarea=class extends xN{constructor(){super(...arguments),this.hasSlotController=new jN(this,"help-text","label"),this.hasFocus=!1,this.title="",this.name="",this.value="",this.size="medium",this.filled=!1,this.label="",this.helpText="",this.errorMessage="",this.placeholder="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.warning=!1,this.error=!1,this.success=!1,this.spellcheck=!0,this.defaultValue=""}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.updateComplete.then((()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)}))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.input)}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("nile-change",{value:this.value})}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.emit("nile-input",{value:this.value})}setTextareaHeight(){"auto"===this.resize?(this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=void 0}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.setTextareaHeight()}focus(M){this.input.focus(M)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(M){return M?("number"==typeof M.top&&(this.input.scrollTop=M.top),void("number"==typeof M.left&&(this.input.scrollLeft=M.left))):{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(M,N,D="none"){this.input.setSelectionRange(M,N,D)}setRangeText(M,N,D,i){this.input.setRangeText(M,N,D,i),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}render(){const M=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const N=!!this.label||!!M,D=!!this.helpText,i=!!this.errorMessage;return cM`
       <div
         part="form-control"
-        class=${XM({"form-control":!0,"form-control--medium":"medium"===this.size,"form-control--has-label":D,"form-control--has-help-text":i})}
+        class=${XM({"form-control":!0,"form-control--medium":"medium"===this.size,"form-control--has-label":N,"form-control--has-help-text":D})}
       >
         <label
           part="form-control-label"
           class="form-control__label"
           for="input"
-          aria-hidden=${D?"false":"true"}
+          aria-hidden=${N?"false":"true"}
         >
           <slot name="label">${this.label}</slot>
         </label>
@@ -3644,23 +3732,15 @@ const gN=Symbol.for(""),uN=M=>{if((null==M?void 0:M.r)===gN)return null==M?void
           </div>
         </div>
 
-        <slot
-          name="help-text"
-          part="form-control-help-text"
-          id="help-text"
-          class="form-control__help-text"
-          aria-hidden=${i?"false":"true"}
-        >
-          ${this.helpText}
-        </slot>
-        <slot
-          name="error-message"
-          part="form-control-error-message"
-          id="error-message"
-          class="form-control__error-message"
-        >
-          ${this.errorMessage}
-        </slot>
+        ${D?cM`
+                <nile-form-help-text>${this.helpText}</nile-form-help-text>
+              `:""}
+
+        ${i?cM`
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
+                >
+              `:""}
       </div>
     `}},M.NileTextarea.styles=_D,N([vM(".textarea__control")],M.NileTextarea.prototype,"input",void 0),N([VM()],M.NileTextarea.prototype,"hasFocus",void 0),N([WM()],M.NileTextarea.prototype,"title",void 0),N([WM()],M.NileTextarea.prototype,"name",void 0),N([WM()],M.NileTextarea.prototype,"value",void 0),N([WM({reflect:!0})],M.NileTextarea.prototype,"size",void 0),N([WM({type:Boolean,reflect:!0})],M.NileTextarea.prototype,"filled",void 0),N([WM()],M.NileTextarea.prototype,"label",void 0),N([WM({attribute:"help-text"})],M.NileTextarea.prototype,"helpText",void 0),N([WM({attribute:"error-message"})],M.NileTextarea.prototype,"errorMessage",void 0),N([WM()],M.NileTextarea.prototype,"placeholder",void 0),N([WM({type:Number})],M.NileTextarea.prototype,"rows",void 0),N([WM()],M.NileTextarea.prototype,"resize",void 0),N([WM({type:Boolean,reflect:!0})],M.NileTextarea.prototype,"disabled",void 0),N([WM({type:Boolean,reflect:!0})],M.NileTextarea.prototype,"readonly",void 0),N([WM({reflect:!0})],M.NileTextarea.prototype,"form",void 0),N([WM({type:Boolean,reflect:!0})],M.NileTextarea.prototype,"required",void 0),N([WM({type:Number})],M.NileTextarea.prototype,"minlength",void 0),N([WM({type:Number})],M.NileTextarea.prototype,"maxlength",void 0),N([WM({type:Boolean})],M.NileTextarea.prototype,"warning",void 0),N([WM({type:Boolean})],M.NileTextarea.prototype,"error",void 0),N([WM({type:Boolean})],M.NileTextarea.prototype,"success",void 0),N([WM()],M.NileTextarea.prototype,"autocapitalize",void 0),N([WM()],M.NileTextarea.prototype,"autocorrect",void 0),N([WM()],M.NileTextarea.prototype,"autocomplete",void 0),N([WM({type:Boolean})],M.NileTextarea.prototype,"autofocus",void 0),N([WM()],M.NileTextarea.prototype,"enterkeyhint",void 0),N([WM({type:Boolean,converter:{fromAttribute:M=>!(!M||"false"===M),toAttribute:M=>M?"true":"false"}})],M.NileTextarea.prototype,"spellcheck",void 0),N([WM()],M.NileTextarea.prototype,"inputmode",void 0),N([sN()],M.NileTextarea.prototype,"defaultValue",void 0),N([tN("rows",{waitUntilFirstUpdate:!0})],M.NileTextarea.prototype,"handleRowsChange",null),N([tN("value",{waitUntilFirstUpdate:!0})],M.NileTextarea.prototype,"handleValueChange",null),M.NileTextarea=N([mM("nile-textarea")],M.NileTextarea);const $D=u`
   :host {
@@ -4013,4 +4093,50 @@ font-weight: 500;
             </div>
           `))}
       </div>
-    `}},N([WM({type:Array,attribute:"error-messages",hasChanged:(M,N)=>JSON.stringify(M)!==JSON.stringify(N),converter:{toAttribute:M=>JSON.stringify(M),fromAttribute:M=>(M=>Array.isArray(M)?M.map((M=>String(M))):[])(JSON.parse(M||"[]"))}})],M.NileErrorMessage.prototype,"errorMessages",void 0),N([WM({type:Number})],M.NileErrorMessage.prototype,"expandedIndex",void 0),M.NileErrorMessage=N([mM("nile-error-message")],M.NileErrorMessage)}({});
+    `}},N([WM({type:Array,attribute:"error-messages",hasChanged:(M,N)=>JSON.stringify(M)!==JSON.stringify(N),converter:{toAttribute:M=>JSON.stringify(M),fromAttribute:M=>(M=>Array.isArray(M)?M.map((M=>String(M))):[])(JSON.parse(M||"[]"))}})],M.NileErrorMessage.prototype,"errorMessages",void 0),N([WM({type:Number})],M.NileErrorMessage.prototype,"expandedIndex",void 0),M.NileErrorMessage=N([mM("nile-error-message")],M.NileErrorMessage);const qD=u`
+  :host {
+  }
+
+  .nile-form-error-message {
+    display: flex;
+    align-items: center;
+    color: var(--nile-colors-red-700);
+    font-family: Colfax-regular;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 12px;
+    letter-spacing: 0.2px;
+    margin-top: 6px;
+  }
+
+  .nile-form-error-message__icon {
+    margin-right: 6px;
+  }
+`;M.NileFormErrorMessage=class extends ZM{static get styles(){return[qD]}render(){return cM`
+      <div class="nile-form-error-message">
+       <nile-icon name="info2" size="14" class="nile-form-error-message__icon" color="#A4121C"> </nile-icon> <slot> </slot>
+        </div>
+			`}},M.NileFormErrorMessage=N([mM("nile-form-error-message")],M.NileFormErrorMessage);const Mi=u`
+	:host {
+
+	}
+
+  .nile-form-help-text {
+    display: flex;
+    align-items: center;
+    color: var(--nile-colors-dark-500);
+    font-family: Colfax-regular;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 12px;
+    letter-spacing: 0.2px;
+    margin-top: 6px;
+  }
+
+`;M.NileFormHelpText=class extends ZM{static get styles(){return[Mi]}render(){return cM`
+      <div class="nile-form-help-text">
+         <slot> </slot>
+        </div>
+			`}},M.NileFormHelpText=N([mM("nile-form-help-text")],M.NileFormHelpText)}({});