@aquera/nile-elements 0.1.39-beta-1.2 → 0.1.40-beta-1.1

package/dist/index.js

@@ -916,12 +916,11 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     :host {
       display: block;
       border: solid 1px gray;
-      padding: 16px;
+      padding: 16px 16px var(--nile-spacing-1-x) 16px;
       font-size: var(--nile-type-scale-5);
-      padding-bottom: var(--nile-spacing-1-x);   
       -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));   
+      -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+      text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
     }
 
     :host([size='header-1']) {
@@ -933,7 +932,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     display: block;
     --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);
     --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);
-    --ng-nxt-gent-outline-transparent: var(--ng-border-width-1) solid transparent;
+    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;
     --ng-box-shadow-1: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs);
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
@@ -1007,11 +1006,11 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   /* Error message */
   .form-control__error-message {
     display: block;
-    color: var(--nile-colors-red-700, var(--ng-primitives-colors-error-600));
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
     margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));
     font-size: var(--nile-type-scale-2);
     font-style: normal;
-    line-height: var( --nile-form-error-text-line-height,  var(--ng-nile-line-height-small));
+    line-height: var( --nile-form-error-text-line-height,  var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }
 
@@ -1051,8 +1050,8 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   .input--standard {
     background-color: var(--nile-input-standard-background-color, var(--ng-colors-bg-primary));
     border: solid 1px var(--nile-input-standard-border-color, var(--ng-colors-border-primary));
-    box-shadow: var(--nile-input-shadow-standard, var(--ng-box-shadow-1));
-    outline:var(--nile-outline-none, var(--ng-nxt-gent-outline-transparent))
+    box-shadow: var(--nile-input-shadow-standard, var(--ng-shadow-xs));
+    outline:var(--nile-outline-none, var(--ng-private-outline-transparent));
   }
 
   .input--standard:hover:not(.input--disabled):not(.input--error) {
@@ -1065,6 +1064,10 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     outline: var(--nile-outline-none, var(--ng-outline-none));
   }
 
+  :host([no-padding]) .input--medium .input__control {
+    padding: 0px !important;
+  }
+
   .input--standard.input--focused:not(.input--disabled) {
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));
@@ -1102,7 +1105,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
 
   .input--standard.input--error:hover:not(.input--disabled) {
     border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));
-    outline: var(--nile-outline-none, var(--ng-nxt-gen-outline-error));
+    outline: var(--nile-outline-none, var(--ng-colors-border-error));
   }
 
   .input--standard.input--success {
@@ -1245,7 +1248,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   .input--standard:focus {
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
     border: 1px solid var(--nile-colors-primary-500);
-    box-shadow: var(---nile-box-shadow-1, var(--ng-box-shadow-1));
+    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));
   }
 
   /*
@@ -1260,7 +1263,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
 
   .input--small .input__control {
     height: calc(1.875rem);
-    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg)); 
+    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));
   }
 
   .input--small .input__clear {
@@ -1480,7 +1483,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */,{I:He}=Ne,Xe=e=>void 0===e.strings,$e=()=>document.createComment(""),qe=(e,M,t)=>{const i=e._$AA.parentNode,n=void 0===M?e._$AB:M._$AA;if(void 0===t){const M=i.insertBefore($e(),n),N=i.insertBefore($e(),n);t=new He(M,N,e,e.options)}else{const M=t._$AB.nextSibling,N=t._$AM,o=N!==e;if(o){let M;t._$AQ?.(e),t._$AM=e,void 0!==t._$AP&&(M=e._$AU)!==N._$AU&&t._$AP(M)}if(M!==n||o){let e=t._$AA;for(;e!==M;){const M=e.nextSibling;i.insertBefore(e,n),e=M}}}return t},Ke=(e,M,t=e)=>(e._$AI(M,t),e),eM={},MM=(e,M=eM)=>e._$AH=M,tM=e=>{e._$AP?.(!1,!0);let M=e._$AA;const t=e._$AB.nextSibling;for(;M!==t;){const e=M.nextSibling;M.remove(),M=e}},iM=he(class extends Ae{constructor(e){if(super(e),e.type!==de&&e.type!==Te&&e.type!==Oe)throw Error("The `live` directive is not allowed on child or event bindings");if(!Xe(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[M]){if(M===G||M===B)return M;const t=e.element,i=e.name;if(e.type===de){if(M===t[i])return G}else if(e.type===Oe){if(!!M===t.hasAttribute(i))return G}else if(e.type===Te&&t.getAttribute(i)===M+"")return G;return MM(e),M}});let nM=class extends Pe{constructor(){super(...arguments),this.formControlController=new fe(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new ve(this,"help-text","label"),this.hasFocus=!1,this.title="",this.type="text",this.name="",this.value="",this.checkNonPrintableChar=!1,this.defaultValue="",this.size="medium",this.filled=!1,this.warning=!1,this.error=!1,this.success=!1,this.destructive=!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.autocomplete="off",this.spellcheck=!0,this.canSavePassword=!1,this.hasPrintableCharacters=!1,this.noOutline=!1}connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}get valueAsDate(){const e=document.createElement("input");return e.type="date",e.value=this.value,e.valueAsDate}set valueAsDate(e){const M=document.createElement("input");M.type="date",M.valueAsDate=e,this.value=M.value}get valueAsNumber(){const e=document.createElement("input");return e.type="number",e.value=this.value,e.valueAsNumber}set valueAsNumber(e){const M=document.createElement("input");M.type="number",M.valueAsNumber=e,this.value=M.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.emit("nile-after-init"),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(e){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(),e.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value}),this.checkNonPrintableChar&&this.markNonPrintableCharacters()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("nile-input",{value:this.value})}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}handleKeyDown(e){const M=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;"Enter"!==e.key||M||setTimeout((()=>{e.defaultPrevented||e.isComposing||this.formControlController.submit()}))}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step)}async handleValueChange(){await this.updateComplete,this.checkNonPrintableChar&&this.markNonPrintableCharacters()}markNonPrintableCharacters(){let e="";if(this.hasPrintableCharacters=!1,this.value)for(let M=0,t=this.value.length;M<t;M++){this.value.charCodeAt(M)>127?(e+=`<span class="input__srtiked-text">${this.value.charAt(M)}</span>`,this.hasPrintableCharacters=!0):e+=this.value.charAt(M)}this.markedValue=e,this.emit("nile-value-marked",{value:this.markedValue,hasNonPrintableCharacters:this.hasPrintableCharacters})}removeAllNonPrintableCharacters(){let e="";if(this.value)for(let M=0,t=this.value.length;M<t;M++){this.value.charCodeAt(M)<128&&(e+=this.value.charAt(M))}this.value=e,this.emit("nile-npchar-removed",{value:this.value})}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(e,M,t="none"){this.input.setSelectionRange(e,M,t)}setRangeText(e,M,t,i){this.input.setRangeText(e,M,t,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(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){const e=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const M=!!this.label||!!e,t=this.hasSlotController.test("label-suffix"),i=!!this.helpText,n=!!this.errorMessage,N=this.clearable&&!this.disabled&&!this.readonly&&("number"==typeof this.value||this.value.length>0);return R`
+ */,{I:He}=Ne,Xe=e=>void 0===e.strings,$e=()=>document.createComment(""),qe=(e,M,t)=>{const i=e._$AA.parentNode,n=void 0===M?e._$AB:M._$AA;if(void 0===t){const M=i.insertBefore($e(),n),N=i.insertBefore($e(),n);t=new He(M,N,e,e.options)}else{const M=t._$AB.nextSibling,N=t._$AM,o=N!==e;if(o){let M;t._$AQ?.(e),t._$AM=e,void 0!==t._$AP&&(M=e._$AU)!==N._$AU&&t._$AP(M)}if(M!==n||o){let e=t._$AA;for(;e!==M;){const M=e.nextSibling;i.insertBefore(e,n),e=M}}}return t},Ke=(e,M,t=e)=>(e._$AI(M,t),e),eM={},MM=(e,M=eM)=>e._$AH=M,tM=e=>{e._$AP?.(!1,!0);let M=e._$AA;const t=e._$AB.nextSibling;for(;M!==t;){const e=M.nextSibling;M.remove(),M=e}},iM=he(class extends Ae{constructor(e){if(super(e),e.type!==de&&e.type!==Te&&e.type!==Oe)throw Error("The `live` directive is not allowed on child or event bindings");if(!Xe(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[M]){if(M===G||M===B)return M;const t=e.element,i=e.name;if(e.type===de){if(M===t[i])return G}else if(e.type===Oe){if(!!M===t.hasAttribute(i))return G}else if(e.type===Te&&t.getAttribute(i)===M+"")return G;return MM(e),M}});let nM=class extends Pe{constructor(){super(...arguments),this.formControlController=new fe(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new ve(this,"help-text","label"),this.hasFocus=!1,this.title="",this.type="text",this.name="",this.value="",this.checkNonPrintableChar=!1,this.defaultValue="",this.size="medium",this.filled=!1,this.warning=!1,this.error=!1,this.success=!1,this.destructive=!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.autocomplete="off",this.spellcheck=!0,this.canSavePassword=!1,this.hasPrintableCharacters=!1,this.noOutline=!1,this.noPadding=!1}connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}get valueAsDate(){const e=document.createElement("input");return e.type="date",e.value=this.value,e.valueAsDate}set valueAsDate(e){const M=document.createElement("input");M.type="date",M.valueAsDate=e,this.value=M.value}get valueAsNumber(){const e=document.createElement("input");return e.type="number",e.value=this.value,e.valueAsNumber}set valueAsNumber(e){const M=document.createElement("input");M.type="number",M.valueAsNumber=e,this.value=M.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.emit("nile-after-init"),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(e){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(),e.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value}),this.checkNonPrintableChar&&this.markNonPrintableCharacters()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("nile-input",{value:this.value})}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}handleKeyDown(e){const M=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;"Enter"!==e.key||M||setTimeout((()=>{e.defaultPrevented||e.isComposing||this.formControlController.submit()}))}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step)}async handleValueChange(){await this.updateComplete,this.checkNonPrintableChar&&this.markNonPrintableCharacters()}markNonPrintableCharacters(){let e="";if(this.hasPrintableCharacters=!1,this.value)for(let M=0,t=this.value.length;M<t;M++){this.value.charCodeAt(M)>127?(e+=`<span class="input__srtiked-text">${this.value.charAt(M)}</span>`,this.hasPrintableCharacters=!0):e+=this.value.charAt(M)}this.markedValue=e,this.emit("nile-value-marked",{value:this.markedValue,hasNonPrintableCharacters:this.hasPrintableCharacters})}removeAllNonPrintableCharacters(){let e="";if(this.value)for(let M=0,t=this.value.length;M<t;M++){this.value.charCodeAt(M)<128&&(e+=this.value.charAt(M))}this.value=e,this.emit("nile-npchar-removed",{value:this.value})}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(e,M,t="none"){this.input.setSelectionRange(e,M,t)}setRangeText(e,M,t,i){this.input.setRangeText(e,M,t,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(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){const e=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const M=!!this.label||!!e,t=this.hasSlotController.test("label-suffix"),i=!!this.helpText,n=!!this.errorMessage,N=this.clearable&&!this.disabled&&!this.readonly&&("number"==typeof this.value||this.value.length>0);return R`
       <div
         part="form-control"
         class=${Le({"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":M,"form-control--has-help-text":i})}
@@ -1610,7 +1613,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
               `:""}
         </div>
       </div>
-    `}};nM.styles=Fe,e([ze(".input__control")],nM.prototype,"input",void 0),e([je()],nM.prototype,"hasFocus",void 0),e([ue()],nM.prototype,"title",void 0),e([ue({reflect:!0})],nM.prototype,"type",void 0),e([ue()],nM.prototype,"name",void 0),e([ue()],nM.prototype,"value",void 0),e([ue({type:Boolean})],nM.prototype,"checkNonPrintableChar",void 0),e([Je()],nM.prototype,"defaultValue",void 0),e([ue({reflect:!0})],nM.prototype,"size",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"filled",void 0),e([ue({type:Boolean})],nM.prototype,"warning",void 0),e([ue({type:Boolean})],nM.prototype,"error",void 0),e([ue({type:Boolean})],nM.prototype,"success",void 0),e([ue({type:Boolean})],nM.prototype,"destructive",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"pill",void 0),e([ue()],nM.prototype,"label",void 0),e([ue({attribute:"help-text",reflect:!0})],nM.prototype,"helpText",void 0),e([ue({attribute:"error-message",reflect:!0})],nM.prototype,"errorMessage",void 0),e([ue({type:Boolean})],nM.prototype,"clearable",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"disabled",void 0),e([ue()],nM.prototype,"placeholder",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"readonly",void 0),e([ue({attribute:"password-toggle",type:Boolean})],nM.prototype,"passwordToggle",void 0),e([ue({attribute:"password-visible",type:Boolean})],nM.prototype,"passwordVisible",void 0),e([ue({attribute:"no-spin-buttons",type:Boolean})],nM.prototype,"noSpinButtons",void 0),e([ue({reflect:!0})],nM.prototype,"form",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"required",void 0),e([ue()],nM.prototype,"pattern",void 0),e([ue({type:Number})],nM.prototype,"minlength",void 0),e([ue({type:Number})],nM.prototype,"maxlength",void 0),e([ue()],nM.prototype,"min",void 0),e([ue()],nM.prototype,"max",void 0),e([ue()],nM.prototype,"step",void 0),e([ue()],nM.prototype,"autocapitalize",void 0),e([ue()],nM.prototype,"autocorrect",void 0),e([ue()],nM.prototype,"autocomplete",void 0),e([ue({type:Boolean})],nM.prototype,"autofocus",void 0),e([ue()],nM.prototype,"enterkeyhint",void 0),e([ue({type:Boolean,converter:{fromAttribute:e=>!(!e||"false"===e),toAttribute:e=>e?"true":"false"}})],nM.prototype,"spellcheck",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"canSavePassword",void 0),e([ue()],nM.prototype,"inputmode",void 0),e([je()],nM.prototype,"hasPrintableCharacters",void 0),e([je()],nM.prototype,"markedValue",void 0),e([ue()],nM.prototype,"noOutline",void 0),e([Ve("disabled",{waitUntilFirstUpdate:!0})],nM.prototype,"handleDisabledChange",null),e([Ve("step",{waitUntilFirstUpdate:!0})],nM.prototype,"handleStepChange",null),e([Ve("value",{waitUntilFirstUpdate:!0})],nM.prototype,"handleValueChange",null),nM=e([le("nile-input")],nM);let NM=class extends se{constructor(){super(...arguments),this.title="",this.showSidebar=!1}get buttonClassMap(){return{"nds-menu--active":this.showSidebar}}render(){return R`
+    `}};nM.styles=Fe,e([ze(".input__control")],nM.prototype,"input",void 0),e([je()],nM.prototype,"hasFocus",void 0),e([ue()],nM.prototype,"title",void 0),e([ue({reflect:!0})],nM.prototype,"type",void 0),e([ue()],nM.prototype,"name",void 0),e([ue()],nM.prototype,"value",void 0),e([ue({type:Boolean})],nM.prototype,"checkNonPrintableChar",void 0),e([Je()],nM.prototype,"defaultValue",void 0),e([ue({reflect:!0})],nM.prototype,"size",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"filled",void 0),e([ue({type:Boolean})],nM.prototype,"warning",void 0),e([ue({type:Boolean})],nM.prototype,"error",void 0),e([ue({type:Boolean})],nM.prototype,"success",void 0),e([ue({type:Boolean})],nM.prototype,"destructive",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"pill",void 0),e([ue()],nM.prototype,"label",void 0),e([ue({attribute:"help-text",reflect:!0})],nM.prototype,"helpText",void 0),e([ue({attribute:"error-message",reflect:!0})],nM.prototype,"errorMessage",void 0),e([ue({type:Boolean})],nM.prototype,"clearable",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"disabled",void 0),e([ue()],nM.prototype,"placeholder",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"readonly",void 0),e([ue({attribute:"password-toggle",type:Boolean})],nM.prototype,"passwordToggle",void 0),e([ue({attribute:"password-visible",type:Boolean})],nM.prototype,"passwordVisible",void 0),e([ue({attribute:"no-spin-buttons",type:Boolean})],nM.prototype,"noSpinButtons",void 0),e([ue({reflect:!0})],nM.prototype,"form",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"required",void 0),e([ue()],nM.prototype,"pattern",void 0),e([ue({type:Number})],nM.prototype,"minlength",void 0),e([ue({type:Number})],nM.prototype,"maxlength",void 0),e([ue()],nM.prototype,"min",void 0),e([ue()],nM.prototype,"max",void 0),e([ue()],nM.prototype,"step",void 0),e([ue()],nM.prototype,"autocapitalize",void 0),e([ue()],nM.prototype,"autocorrect",void 0),e([ue()],nM.prototype,"autocomplete",void 0),e([ue({type:Boolean})],nM.prototype,"autofocus",void 0),e([ue()],nM.prototype,"enterkeyhint",void 0),e([ue({type:Boolean,converter:{fromAttribute:e=>!(!e||"false"===e),toAttribute:e=>e?"true":"false"}})],nM.prototype,"spellcheck",void 0),e([ue({type:Boolean,reflect:!0})],nM.prototype,"canSavePassword",void 0),e([ue()],nM.prototype,"inputmode",void 0),e([je()],nM.prototype,"hasPrintableCharacters",void 0),e([je()],nM.prototype,"markedValue",void 0),e([ue()],nM.prototype,"noOutline",void 0),e([ue()],nM.prototype,"noPadding",void 0),e([Ve("disabled",{waitUntilFirstUpdate:!0})],nM.prototype,"handleDisabledChange",null),e([Ve("step",{waitUntilFirstUpdate:!0})],nM.prototype,"handleStepChange",null),e([Ve("value",{waitUntilFirstUpdate:!0})],nM.prototype,"handleValueChange",null),nM=e([le("nile-input")],nM);let NM=class extends se{constructor(){super(...arguments),this.title="",this.showSidebar=!1}get buttonClassMap(){return{"nds-menu--active":this.showSidebar}}render(){return R`
       <div class="nile-menu--wrapper  ${Le(this.buttonClassMap)}" >
         <div class="nile-menu-group">
           <a class="nile-logo" href="/">
@@ -1621,7 +1624,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
               height="31.06px"
               tabindex="1"
             />
-          </a>          
+          </a>
           <div class="menu-group">
             <slot name="menu"></slot>
           </div>
@@ -1635,7 +1638,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     `}};NM.styles=o`
     :host {
       background-color: var(--nile-alert-color-background-base);
-      border-right: 1px solid var(--nile-colors-neutral-400);      
+      border-right: 1px solid var(--nile-colors-neutral-400);
       min-height: 100vh;
       background: var(--nile-colors-neutral-100);
       border: 1px solid var(--nile-colors-neutral-400);
@@ -1670,10 +1673,10 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     }
 
     .nile-menu__hr {
-      border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+      border-bottom: solid 1px var(--nile-colors-dark-100);
       margin-top: var(--nile-spacing-lg) !important;
       margin-bottom: var(--nile-spacing-lg) !important;
-      background-color: rrgba(0, 0, 0, 0.1);
+      background-color: var(--nile-colors-dark-100);
     }
 
     .nds-menu--bottom {
@@ -1719,16 +1722,16 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   }
 
   ::slotted(nile-divider) {
-    --spacing: var(--nile-spacing-md);
+    --spacing: var(--nile-spacing-md, var(--ng-spacing-md));
   }
 
   .menu__footer {
     display: var(--nile-display-flex, var(--ng-display-none)); 
     /* No need to tokenize below - token not required*/
-    border-radius: var(--nile-radius-sm);
+    border-radius: var(--nile-radius-sm, var(--ng-radius-xs));
     align-items: stretch;
-    font-size: var(--nile-type-scale-4);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: 180%;
     letter-spacing: normal;
     color: var(--nile-colors-primary-600,var(--ng-colors-text-brand-secondary-700));
@@ -1738,11 +1741,11 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     white-space: nowrap;
     cursor: pointer;
     padding: var(--nile-spacing-none) var(--nile-spacing-spacing-xl);
-    margin: auto var(--nile-spacing-none);
+    margin: auto var(--nile-spacing-none, var(--ng-spacing-none));
   }
 
   .menu__footer:hover {
-    background-color:var(--nile-menu-item-background-color);
+    background-color:var(--nile-menu-item-background-color, var(--ng-colors-bg-secondary));
   }
 `;let rM=class extends Pe{constructor(){super(...arguments),this.searchValue="",this.searchWidth=0,this.searchEnabled=!1,this.customSearch=!1,this.showNoResults=!1,this.allowSpaceKey=!1,this.noResultsMessage="No results found",this.hasSlotController=new ve(this,"menu__footer","menu__header")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(e){const M=e.target.closest("nile-menu-item");M?.hasSubMenu||M&&!M.disabled&&("checkbox"===M.type&&(M.checked=!M.checked),this.emit("nile-select",{value:M.value}))}handleKeyDown(e){if("Enter"===e.key){const M=this.getCurrentItem();e.preventDefault(),M?.click()}if(this.allowSpaceKey||" "!==e.key||e.preventDefault(),["ArrowDown","ArrowUp","Home","End"].includes(e.key)){const M=this.getAllItems(),t=this.getCurrentItem();let i=t?M.indexOf(t):0;M.length>0&&(e.preventDefault(),"ArrowDown"===e.key?i++:"ArrowUp"===e.key?i--:"Home"===e.key?i=0:"End"===e.key&&(i=M.length-1),i<0&&(i=M.length-1),i>M.length-1&&(i=0),this.setCurrentItem(M[i]),M[i].focus())}}handleMouseDown(e){const M=e.target;this.isMenuItem(M)&&this.setCurrentItem(M)}handleSlotChange(){const e=this.getAllItems();e.length>0&&this.setCurrentItem(e[0])}isMenuItem(e){return"nile-menu-item"===e.tagName.toLowerCase()||["menuitem","menuitemcheckbox","menuitemradio"].includes(e.getAttribute("role")??"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter((e=>!!this.isMenuItem(e)))}getCurrentItem(){return this.getAllItems().find((e=>"0"===e.getAttribute("tabindex")))}setCurrentItem(e){this.getAllItems().forEach((M=>{M.setAttribute("tabindex",M===e?"0":"-1")}))}handleSearchChange(e){let M=this.getAllItems(),t=e.target.value;if(this.customSearch)return void this.emit("nile-search-value",{value:t});let i=0;M.map((M=>{this.searchWidth=Math.max(this.searchWidth,M.offsetWidth),M.innerText.toLowerCase().includes(e.target.value.toLowerCase())?(M.style.display="block",i++):M.style.display="none"})),this.showNoResults=0===i}render(){return R`
       ${this.searchEnabled?R`<div class="search__wrapper" part="search__wrapper">
@@ -1875,7 +1878,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     color: var(--nile-badge-color-font-grayblue, var(--ng-componentcolors-utility-gray-blue-700));
     border-width: var(--nile-badge-color-border-width, var(--ng-border-width-1));
     border-style: solid;
-    border-color: var(--nile-badge-color-border-color-grablue, var(--ng-componentcolors-utility-gray-blue-200));
+    border-color: var(--nile-badge-color-border-color-grayblue, var(--ng-componentcolors-utility-gray-blue-200));
     background: var(--nile-badge-color-background-grayblue, var(--ng-componentcolors-utility-gray-blue-50));
   }
 
@@ -2112,9 +2115,9 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
 
   :host {
     --size: 25rem;
-    --header-spacing: var(--nile-line-height-small, var(--ng-spacing-5));
-    --body-spacing: var(--nile-line-height-small, var(--ng-spacing-5));
-    --footer-spacing: var(--nile-line-height-small, var(--ng-spacing-5));
+    --header-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));
+    --body-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));
+    --footer-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));
 
     display: contents;
   }
@@ -2231,7 +2234,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
 
   .drawer__footer {
     text-align: right;
-    padding: var(--footer-spacing, var(--ng-spacing-4)) var(--footer-spacing, var(--ng-spacing-6)) var(--footer-spacing, var(--ng-spacing-4)) var(--footer-spacing, var(--ng-spacing-6));
+    padding: var(--footer-spacing, var(--ng-spacing-xl)) var(--footer-spacing, var(--ng-spacing-3xl)) var(--footer-spacing, var(--ng-spacing-xl)) var(--footer-spacing, var(--ng-spacing-3xl));
   }
 
   .drawer__footer ::slotted(nile-button:not(:last-of-type)) {
@@ -2333,7 +2336,6 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   .checkbox {
     position: relative;
     display: inline-flex;
-    align-items: top;
     font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
     vertical-align: middle;
@@ -2441,19 +2443,11 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   } */
 
   /* Checked/indeterminate + focus */
-  .checkbox.checkbox--checked:not(.checkbox--disabled)
-    .checkbox__input:focus-visible
-    ~ .checkbox__control,
-  .checkbox.checkbox--indeterminate:not(.checkbox--disabled)
-    .checkbox__input:focus-visible
-    ~ .checkbox__control {
-    outline: solid 3px var(--ng-nile-checkbox-color-outline-standard);
-    outline-offset: 1px;
-  }
+ 
 
   .checkbox--disabled .checkbox__control {
     background-color: var(
-      --nile-checkbox-color-background-standard,
+      --nile-checkbox-color-border-checked-standard,
       var(--ng-colors-bg-disabled-subtle)
     );
     border-color: var(
@@ -2461,6 +2455,27 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
       var(--ng-colors-border-disabled)
     );
   }
+ 
+.checkbox--disabled.checkbox--checked .checkbox__control,
+.checkbox--disabled.checkbox--indeterminate .checkbox__control {
+  background-color: var(
+    --nile-checkbox-color-background-checked-standard,
+    var(--ng-colors-bg-disabled-subtle)
+  );
+  border-color: var(
+    --nile-checkbox-color-border-checked-standard,
+    var(--ng-colors-border-disabled)
+  );
+}
+
+ 
+.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control {
+  background-color: transparent;
+  border-color: var(
+    --nile-checkbox-color-border-standard,
+    var(--ng-colors-border-disabled)
+  );
+}
 
   .checkbox__label {
     display: inline-block;
@@ -2492,7 +2507,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   .checkbox--disabled .checkbox__checked-icon,
   .checkbox--disabled .checkbox__indeterminate-icon {
     --nile-svg-stroke: var(
-      --ng-colors-border-border-disabled,
+       --nile-checkbox-color-border-standard,
       var(--ng-colors-fg-disabled-subtle)
     );
   }
@@ -2577,7 +2592,6 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
 
   .radio {
     display: inline-flex;
-    align-items: top;
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
     font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
@@ -2629,7 +2643,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   /* Hover */
   .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {
     border: 1px solid var(--nile-radio-hover-border-color, var(--ng-colors-border-disabled-subtle));
-    background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-white));
+    background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-primary));
   }
 
   /* Checked */
@@ -2642,7 +2656,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   /* Checked + hover */
   .radio.radio--checked:not(.radio--disabled) .radio__control:hover {
     border: 1px solid var(--nile-radio-checked-hover-border-color, var(--ng-colors-border-brand-alt));
-    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid)); 
+    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid));
   }
 
   /* Checked + hover */
@@ -2693,7 +2707,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   .radio__label_border {
     padding: var(--nile-spacing-lg, var(--ng-spacing-xl));
     border-radius: var(--nile-radius-sm, var(--ng-radius-xl));
-    border: 1px solid var(--Neutral-Normal, var(--nile-colors-neutral-400, var(--ng-colors-border-secondary)));
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
   }
 `;let YM=class extends Pe{constructor(){super(...arguments),this.checked=!1,this.hasFocus=!1,this.value="",this.size="medium",this.disabled=!1,this.islabelborder=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners(),this.emit("nile-init")}disconnectedCallback(){this.removeEventListeners(),this.emit("nile-destroy")}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return R`
       <span
@@ -2877,7 +2891,6 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
-    
     display: contents;
   }
 
@@ -2914,7 +2927,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
     background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));
     font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));
-    font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-600));
+    font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));
     line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));
     padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));
     color: var(--nile-colors-white-base, var(--ng-colors-text-white));
@@ -2989,17 +3002,17 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   }
 
   .nile-slide-toggle__switch--left{
-    margin-right: var(--nile-spacing-md, var(--ng-spacing-2));
+    margin-right: var(--nile-spacing-md, var(--ng-spacing-md));
   }
 
   .nile-slide-toggle__switch--right{
-    margin-left: var(--nile-spacing-md, var(--ng-spacing-2));
+    margin-left: var(--nile-spacing-md, var(--ng-spacing-md));
   }
 
   .nile-slide-toggle__label {
     display: flex;
     flex-direction: column;
-    gap: var(--nile-spacing-xxs, var(--ng-spacing-0-5));
+    gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     letter-spacing: 0.2px;
     font-style: normal;
@@ -3043,11 +3056,11 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   }
 
   .nile-slide-toggle__slider:active {
-    box-shadow: var(--nile-box-shadow-4, 0px 0px 0px 2px var(--ng-colors-bg-primary, var(--ng-colors-bg-primary)), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring, var(--ng-colors-effects-focus-ring)));
+    box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));
   }
 
   .nile-slide-toggle__slider:focus {
-    box-shadow: var(--nile-box-shadow-4, 0px 0px 0px 2px var(--ng-colors-bg-primary, var(--ng-colors-bg-primary)), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring, var(--ng-colors-effects-focus-ring)));
+    box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));
   }
 
   .nile-slide-toggle__slider:before {
@@ -3070,7 +3083,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {
     --focus-shadow-glow: 0 0 1px var(--nile-slide-toggle-color-background-active);
     --focus-shadow-ring: 0px 0px 0px 2px var(--ng-colors-bg-primary-alt), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring);
-    box-shadow: var(--focus-shadow-glow, var(--focus-shadow-ring));
+    box-shadow: var(--focus-shadow-glow, var(--ng-focus-ring));
   }
 
   .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {
@@ -3086,7 +3099,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   }
 
   .nile-slide--disabled .nile-slide-toggle__slider {
-    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-tertiary));
+    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));
   }
 
   .nile-slide--disabled .nile-slide-toggle__switch {
@@ -3098,7 +3111,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     .nile-slide-toggle__switch
     input:checked
     + .nile-slide-toggle__slider {
-    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-tertiary));
+    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));
   }
 `;let ii=class extends Pe{constructor(){super(...arguments),this.label="",this.sublabel="",this.textPosition="right",this.isChecked=!1,this.fullWidth=!1,this.disabled=!1,this.helpText="",this.errorMessage=""}connectedCallback(){super.connectedCallback(),this.emit("nile-init"),this.style.setProperty("--slide-toggle-width",this.fullWidth?"100%":"auto")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}toggleValue(){this.isChecked=!this.isChecked,this.emit("change",{checked:this.isChecked,value:this.isChecked}),this.emit("nile-change",{checked:this.isChecked,value:this.isChecked})}render(){const e=!!this.helpText,M=!!this.errorMessage;return R`
       <div
@@ -3294,7 +3307,6 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     display: flex;
     height: var(--nile-height-6px, var(--ng-height-8px));
     justify-content: space-between;
-    display: inline-block;
   }
 
   .nile-progress-bar__progress-bar li {
@@ -3408,8 +3420,8 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     box-sizing: border-box;
     --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);
     --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);
-    --ng-nxt-gen-outline-transparent: var(--ng-border-width-1) solid transparent;
-    --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadows-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadows-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadows-shadow-lg-03, rgba(10, 13, 18, 0.04));
+    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;
+    --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
@@ -3607,7 +3619,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   .select--standard .select__combobox {
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
-    outline: var(--nile-outline-none, --ng-nxt-gen-outline-transparent);
+    outline: var(--nile-outline-none, var(--ng-private-outline-transparent));
   }
 
   .select--standard .select__combobox:hover {
@@ -3618,13 +3630,13 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
 
   .select--error:hover:not(.select--disabled)  .select__combobox{
     border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));
-    outline: var(--nile-outline-none, var(--ng-nxt-gen-outline-error));
+    outline: var(--nile-outline-none, var(--ng-colors-border-error));
   }
 
   .select--standard.select--disabled .select__combobox {
     background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));
     border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-primary) );
-    color: var(--nile-colors-dark-500j, var(--ng-colors-text-disabled));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));
     opacity: var(--nile-opacity-50, var(--ng-opacity-100));
     cursor: not-allowed;
     outline: none;
@@ -3641,7 +3653,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
 
   .select--error .select__combobox {
     border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));
-    outline: var(--nile-outline-none, var(--ng-nxt-gen-outline-transparent));
+    outline: var(--nile-outline-none, var(--ng-private-outline-transparent));
   }
 
 
@@ -3692,13 +3704,12 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   }
 
   .select--medium .select__prefix.multiple::slotted(*) {
-    margin-left: var(--nile-spacing-lg, var(--ng-spacing-lg));
     margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));
   }
 
   .select--medium.select--multiple:not(.select--placeholder-visible)
     .select__combobox {
-    padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-0));
+    padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));
   }
 
   .select--medium .select__tags {
@@ -3777,7 +3788,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     /* Make sure it adheres to the popup's auto size */
     max-width: var(--nile-width-auto, var(--ng-width-auto));
     max-height: var(--nile-height-247px, var(--ng-spacing-64));
-    box-shadow: var(--nile-box-shadow-none, var(--ng-box-shadow)) ;
+    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));
   }
 
   .select__options__search-enabled {
@@ -3896,7 +3907,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     white-space: nowrap;
     user-select: none;
     border-radius: var(--nile-radius-sm , var(--ng-radius-sm));
-    gap: var(--nile-spacing-sm , var(--ng-spacing-1-5));
+    gap: var(--nile-spacing-sm , var(--ng-spacing-sm));
   }
 
   .tag__remove::part(base) {
@@ -3912,7 +3923,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));
     height: var(--nile-height-26px , var(--ng-height-auto));
     border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));
-    padding: var(--nile-spacing-none , var(--ng-spacing-1)) var(--nile-spacing-lg , var(--ng-spacing-2));
+    padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-lg , var(--ng-spacing-md));
   }
 
   .tag--primary {
@@ -4002,7 +4013,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
   }
 
   .tag__remove {
-    margin-inline-start: var(--nile-spacing-md , var(--ng-spacing-2));
+    margin-inline-start: var(--nile-spacing-md , var(--ng-spacing-md));
   }
 
   /*
@@ -4010,11 +4021,11 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
    */
 
   .tag--pill {
-    border-radius: var(--nile-radius-full , var(--ng-spacing-20));
+    border-radius: var(--nile-radius-full , var(--ng-spacing-8xl));
   }
 
   .tag__prefix {
-  padding: var(--nile-spacing-xs , var(--ng-spacing-1)) var(--nile-spacing-sm , var(--ng-spacing-1-5));
+  padding: var(--nile-spacing-xs , var(--ng-spacing-xs)) var(--nile-spacing-sm , var(--ng-spacing-sm));
 }
 
  .tag__content {
@@ -4299,7 +4310,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
     transition: 150ms fill;
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     cursor: pointer;
-    margin-bottom: var(--nile-spacing-none, var(--ng-spacing-0-5) )
+    margin-bottom: var(--nile-spacing-none, var(--ng-spacing-xxs) )
   }
 
   .option--single-select {
@@ -4700,11 +4711,12 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */(this._hostElement,e),this._scrollerController=new nn(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen(),this._connected=!0}_observeAndListen(){this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach((e=>{e.addEventListener("scroll",this,this._scrollEventListenerOptions),this._scrollEventListeners.push(e),this._hostElementRO.observe(e)})),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach((e=>this._childrenRO.observe(e))),this._scrollEventListeners.forEach((e=>e.addEventListener("scroll",this,this._scrollEventListenerOptions)))}disconnected(){this._scrollEventListeners.forEach((e=>e.removeEventListener("scroll",this,this._scrollEventListenerOptions))),this._scrollEventListeners=[],this._clippingAncestors=[],this._scrollerController?.detach(this),this._scrollerController=null,this._mutationObserver?.disconnect(),this._mutationObserver=null,this._hostElementRO?.disconnect(),this._hostElementRO=null,this._childrenRO?.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected"),this._connected=!1}_applyVirtualizerStyles(){const e=this._hostElement.style;e.display=e.display||"block",e.position=e.position||"relative",e.contain=e.contain||"size layout",this._isScroller&&(e.overflow=e.overflow||"auto",e.minHeight=e.minHeight||"150px")}_getSizer(){const e=this._hostElement;if(!this._sizer){let M=e.querySelector(`[${rn}]`);M||(M=document.createElement("div"),M.setAttribute(rn,""),e.appendChild(M)),Object.assign(M.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),M.textContent="&nbsp;",M.setAttribute(rn,""),this._sizer=M}return this._sizer}async updateLayoutConfig(e){await this._layoutInitialized;const M=e.type||sn;if("function"==typeof M&&this._layout instanceof M){const M={...e};return delete M.type,this._layout.config=M,!0}return!1}async _initLayout(e){let M,t;if("function"==typeof e.type){t=e.type;const i={...e};delete i.type,M=i}else M=e;void 0===t&&(sn=t=(await Promise.resolve().then((function(){return sp}))).FlowLayout),this._layout=new t((e=>this._handleLayoutMessage(e)),M),this._layout.measureChildren&&"function"==typeof this._layout.updateItemSizes&&("function"==typeof this._layout.measureChildren&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout)),this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0),this._schedule(this._updateLayout)}startBenchmarking(){null===this._benchmarkStart&&(this._benchmarkStart=window.performance.now())}stopBenchmarking(){if(null!==this._benchmarkStart){const e=window.performance.now(),M=e-this._benchmarkStart,t=performance.getEntriesByName("uv-virtualizing","measure").filter((M=>M.startTime>=this._benchmarkStart&&M.startTime<e)).reduce(((e,M)=>e+M.duration),0);return this._benchmarkStart=null,{timeElapsed:M,virtualizationTime:t}}return null}_measureChildren(){const e={},M=this._children,t=this._measureChildOverride||this._measureChild;for(let i=0;i<M.length;i++){const n=M[i],N=this._first+i;(this._itemsChanged||this._toBeMeasured.has(n))&&(e[N]=t.call(this,n,this._items[N]))}this._childMeasurements=e,this._schedule(this._updateLayout),this._toBeMeasured.clear()}_measureChild(e){const{width:M,height:t}=e.getBoundingClientRect();return Object.assign({width:M,height:t},function(e){const M=window.getComputedStyle(e);return{marginTop:ln(M.marginTop),marginRight:ln(M.marginRight),marginBottom:ln(M.marginBottom),marginLeft:ln(M.marginLeft)}}(e))}async _schedule(e){this._scheduled.has(e)||(this._scheduled.add(e),await Promise.resolve(),this._scheduled.delete(e),e.call(this))}async _updateDOM(e){this._scrollSize=e.scrollSize,this._adjustRange(e.range),this._childrenPos=e.childPositions,this._scrollError=e.scrollError||null;const{_rangeChanged:M,_itemsChanged:t}=this;this._visibilityChanged&&(this._notifyVisibility(),this._visibilityChanged=!1),(M||t)&&(this._notifyRange(),this._rangeChanged=!1),this._finishDOMUpdate()}_finishDOMUpdate(){this._connected&&(this._children.forEach((e=>this._childrenRO.observe(e))),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_updateLayout(){this._layout&&this._connected&&(this._layout.items=this._items,this._updateView(),null!==this._childMeasurements&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_handleScrollEvent(){if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end")}catch(e){console.warn("Error measuring performance data: ",e)}window.performance.mark("uv-start")}!1===this._scrollerController.correctingScrollError&&this._layout?.unpin(),this._schedule(this._updateLayout)}handleEvent(e){if("scroll"===e.type)(e.currentTarget===window||this._clippingAncestors.includes(e.currentTarget))&&this._handleScrollEvent();else console.warn("event not handled",e)}_handleLayoutMessage(e){"stateChanged"===e.type?this._updateDOM(e):"visibilityChanged"===e.type?(this._firstVisible=e.firstVisible,this._lastVisible=e.lastVisible,this._notifyVisibility()):"unpinned"===e.type&&this._hostElement.dispatchEvent(new Mn)}get _children(){const e=[];let M=this._hostElement.firstElementChild;for(;M;)M.hasAttribute(rn)||e.push(M),M=M.nextElementSibling;return e}_updateView(){const e=this._hostElement,M=this._scrollerController?.element,t=this._layout;if(e&&M&&t){let i,n,N,o;const r=e.getBoundingClientRect();i=0,n=0,N=window.innerHeight,o=window.innerWidth;const s=this._clippingAncestors.map((e=>e.getBoundingClientRect()));s.unshift(r);for(const e of s)i=Math.max(i,e.top),n=Math.max(n,e.left),N=Math.min(N,e.bottom),o=Math.min(o,e.right);const a=M.getBoundingClientRect(),l={left:r.left-a.left,top:r.top-a.top},D={width:M.scrollWidth,height:M.scrollHeight},g=i-r.top+e.scrollTop,u=n-r.left+e.scrollLeft,j=Math.max(0,N-i),c=Math.max(0,o-n);t.viewportSize={width:c,height:j},t.viewportScroll={top:g,left:u},t.totalScrollSize=D,t.offsetWithinScroller=l}}_sizeHostElement(e){const M=82e5,t=e&&null!==e.width?Math.min(M,e.width):0,i=e&&null!==e.height?Math.min(M,e.height):0;if(this._isScroller)this._getSizer().style.transform=`translate(${t}px, ${i}px)`;else{const e=this._hostElement.style;e.minWidth=t?`${t}px`:"100%",e.minHeight=i?`${i}px`:"100%"}}_positionChildren(e){e&&e.forEach((({top:e,left:M,width:t,height:i,xOffset:n,yOffset:N},o)=>{const r=this._children[o-this._first];r&&(r.style.position="absolute",r.style.boxSizing="border-box",r.style.transform=`translate(${M}px, ${e}px)`,void 0!==t&&(r.style.width=t+"px"),void 0!==i&&(r.style.height=i+"px"),r.style.left=void 0===n?null:n+"px",r.style.top=void 0===N?null:N+"px")}))}async _adjustRange(e){const{_first:M,_last:t,_firstVisible:i,_lastVisible:n}=this;this._first=e.first,this._last=e.last,this._firstVisible=e.firstVisible,this._lastVisible=e.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==M||this._last!==t,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==i||this._lastVisible!==n}_correctScrollError(){if(this._scrollError){const{scrollTop:e,scrollLeft:M}=this._scrollerController,{top:t,left:i}=this._scrollError;this._scrollError=null,this._scrollerController.correctScrollError({top:e-t,left:M-i})}}element(e){return e===1/0&&(e=this._items.length-1),void 0===this._items?.[e]?void 0:{scrollIntoView:(M={})=>this._scrollElementIntoView({...M,index:e})}}_scrollElementIntoView(e){if(e.index>=this._first&&e.index<=this._last)this._children[e.index-this._first].scrollIntoView(e);else if(e.index=Math.min(e.index,this._items.length-1),"smooth"===e.behavior){const M=this._layout.getScrollIntoViewCoordinates(e),{behavior:t}=e;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(M,{behavior:t}),(()=>this._layout.getScrollIntoViewCoordinates(e)),(()=>this._scrollIntoViewTarget=null)),this._scrollIntoViewTarget=e}else this._layout.pin=e}_checkScrollIntoViewTarget(e){const{index:M}=this._scrollIntoViewTarget||{};M&&e?.has(M)&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget))}_notifyRange(){this._hostElement.dispatchEvent(new Ki({first:this._first,last:this._last}))}_notifyVisibility(){this._hostElement.dispatchEvent(new en({first:this._firstVisible,last:this._lastVisible}))}get layoutComplete(){return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise(((e,M)=>{this._layoutCompleteResolver=e,this._layoutCompleteRejecter=M}))),this._layoutCompletePromise}_rejectLayoutCompletePromise(e){null!==this._layoutCompleteRejecter&&this._layoutCompleteRejecter(e),this._resetLayoutCompleteState()}_scheduleLayoutComplete(){this._layoutCompletePromise&&null===this._pendingLayoutComplete&&(this._pendingLayoutComplete=requestAnimationFrame((()=>requestAnimationFrame((()=>this._resolveLayoutCompletePromise())))))}_resolveLayoutCompletePromise(){null!==this._layoutCompleteResolver&&this._layoutCompleteResolver(),this._resetLayoutCompleteState()}_resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null}_hostElementSizeChanged(){this._schedule(this._updateLayout)}_childLoaded(){}_childrenSizeChanged(e){if(this._layout?.measureChildren){for(const M of e)this._toBeMeasured.set(M.target,M.contentRect);this._measureChildren()}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1}}function ln(e){const M=e?parseFloat(e):NaN;return Number.isNaN(M)?0:M}function Dn(e){if(null!==e.assignedSlot)return e.assignedSlot;if(null!==e.parentElement)return e.parentElement;const M=e.parentNode;return M&&M.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&M.host||null}const gn=he(class extends Xi{constructor(e){if(super(e),this._virtualizer=null,this._first=0,this._last=-1,this._renderItem=(e,M)=>((e,M)=>R`${M}: ${JSON.stringify(e,null,2)}`)(e,M+this._first),this._keyFunction=(e,M)=>(e=>e)(e,this._first),this._items=[],e.type!==ye)throw new Error("The virtualize directive can only be used in child expressions")}render(e){e&&this._setFunctions(e);const M=[];if(this._first>=0&&this._last>=this._first)for(let e=this._first;e<=this._last;e++)M.push(this._items[e]);return qi(M,this._keyFunction,this._renderItem)}update(e,[M]){this._setFunctions(M);const t=this._items!==M.items;return this._items=M.items||[],this._virtualizer?this._updateVirtualizerConfig(e,M):this._initialize(e,M),t?G:this.render()}async _updateVirtualizerConfig(e,M){if(!await this._virtualizer.updateLayoutConfig(M.layout||{})){const t=e.parentNode;this._makeVirtualizer(t,M)}this._virtualizer.items=this._items}_setFunctions(e){const{renderItem:M,keyFunction:t}=e;M&&(this._renderItem=(e,t)=>M(e,t+this._first)),t&&(this._keyFunction=(e,M)=>t(e,M+this._first))}_makeVirtualizer(e,M){this._virtualizer&&this._virtualizer.disconnected();const{layout:t,scroller:i,items:n}=M;this._virtualizer=new an({hostElement:e,layout:t,scroller:i}),this._virtualizer.items=n,this._virtualizer.connected()}_initialize(e,M){const t=e.parentNode;t&&1===t.nodeType&&(t.addEventListener("rangeChanged",(e=>{this._first=e.first,this._last=e.last,this.setValue(this.render())})),this._makeVirtualizer(t,M))}disconnected(){this._virtualizer?.disconnected()}reconnected(){this._virtualizer?.connected()}});let un=class extends Pe{constructor(){super(...arguments),this.disabled=!1,this.isDropdownOpen=!1,this.enableVirtualScroll=!1,this.openOnFocus=!1,this.value="",this.placeholder="Type here ..",this.noBorder=!1,this.noOutline=!1,this.loading=!1,this.filterFunction=(e,M)=>e.toLowerCase().includes(M.toLowerCase()),this.renderItemFunction=e=>e,this.allMenuItems=[],this.menuItems=[]}connectedCallback(){super.connectedCallback(),this.renderItemFunction=e=>e}updated(e){super.updated(e),e.has("allMenuItems")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.setVirtualMenuWidth()),e.has("isDropdownOpen")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction)),e.has("value")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction))}render(){const e=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();return R`
+ */(this._hostElement,e),this._scrollerController=new nn(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen(),this._connected=!0}_observeAndListen(){this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach((e=>{e.addEventListener("scroll",this,this._scrollEventListenerOptions),this._scrollEventListeners.push(e),this._hostElementRO.observe(e)})),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach((e=>this._childrenRO.observe(e))),this._scrollEventListeners.forEach((e=>e.addEventListener("scroll",this,this._scrollEventListenerOptions)))}disconnected(){this._scrollEventListeners.forEach((e=>e.removeEventListener("scroll",this,this._scrollEventListenerOptions))),this._scrollEventListeners=[],this._clippingAncestors=[],this._scrollerController?.detach(this),this._scrollerController=null,this._mutationObserver?.disconnect(),this._mutationObserver=null,this._hostElementRO?.disconnect(),this._hostElementRO=null,this._childrenRO?.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected"),this._connected=!1}_applyVirtualizerStyles(){const e=this._hostElement.style;e.display=e.display||"block",e.position=e.position||"relative",e.contain=e.contain||"size layout",this._isScroller&&(e.overflow=e.overflow||"auto",e.minHeight=e.minHeight||"150px")}_getSizer(){const e=this._hostElement;if(!this._sizer){let M=e.querySelector(`[${rn}]`);M||(M=document.createElement("div"),M.setAttribute(rn,""),e.appendChild(M)),Object.assign(M.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),M.textContent="&nbsp;",M.setAttribute(rn,""),this._sizer=M}return this._sizer}async updateLayoutConfig(e){await this._layoutInitialized;const M=e.type||sn;if("function"==typeof M&&this._layout instanceof M){const M={...e};return delete M.type,this._layout.config=M,!0}return!1}async _initLayout(e){let M,t;if("function"==typeof e.type){t=e.type;const i={...e};delete i.type,M=i}else M=e;void 0===t&&(sn=t=(await Promise.resolve().then((function(){return sp}))).FlowLayout),this._layout=new t((e=>this._handleLayoutMessage(e)),M),this._layout.measureChildren&&"function"==typeof this._layout.updateItemSizes&&("function"==typeof this._layout.measureChildren&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout)),this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0),this._schedule(this._updateLayout)}startBenchmarking(){null===this._benchmarkStart&&(this._benchmarkStart=window.performance.now())}stopBenchmarking(){if(null!==this._benchmarkStart){const e=window.performance.now(),M=e-this._benchmarkStart,t=performance.getEntriesByName("uv-virtualizing","measure").filter((M=>M.startTime>=this._benchmarkStart&&M.startTime<e)).reduce(((e,M)=>e+M.duration),0);return this._benchmarkStart=null,{timeElapsed:M,virtualizationTime:t}}return null}_measureChildren(){const e={},M=this._children,t=this._measureChildOverride||this._measureChild;for(let i=0;i<M.length;i++){const n=M[i],N=this._first+i;(this._itemsChanged||this._toBeMeasured.has(n))&&(e[N]=t.call(this,n,this._items[N]))}this._childMeasurements=e,this._schedule(this._updateLayout),this._toBeMeasured.clear()}_measureChild(e){const{width:M,height:t}=e.getBoundingClientRect();return Object.assign({width:M,height:t},function(e){const M=window.getComputedStyle(e);return{marginTop:ln(M.marginTop),marginRight:ln(M.marginRight),marginBottom:ln(M.marginBottom),marginLeft:ln(M.marginLeft)}}(e))}async _schedule(e){this._scheduled.has(e)||(this._scheduled.add(e),await Promise.resolve(),this._scheduled.delete(e),e.call(this))}async _updateDOM(e){this._scrollSize=e.scrollSize,this._adjustRange(e.range),this._childrenPos=e.childPositions,this._scrollError=e.scrollError||null;const{_rangeChanged:M,_itemsChanged:t}=this;this._visibilityChanged&&(this._notifyVisibility(),this._visibilityChanged=!1),(M||t)&&(this._notifyRange(),this._rangeChanged=!1),this._finishDOMUpdate()}_finishDOMUpdate(){this._connected&&(this._children.forEach((e=>this._childrenRO.observe(e))),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_updateLayout(){this._layout&&this._connected&&(this._layout.items=this._items,this._updateView(),null!==this._childMeasurements&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_handleScrollEvent(){if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end")}catch(e){console.warn("Error measuring performance data: ",e)}window.performance.mark("uv-start")}!1===this._scrollerController.correctingScrollError&&this._layout?.unpin(),this._schedule(this._updateLayout)}handleEvent(e){if("scroll"===e.type)(e.currentTarget===window||this._clippingAncestors.includes(e.currentTarget))&&this._handleScrollEvent();else console.warn("event not handled",e)}_handleLayoutMessage(e){"stateChanged"===e.type?this._updateDOM(e):"visibilityChanged"===e.type?(this._firstVisible=e.firstVisible,this._lastVisible=e.lastVisible,this._notifyVisibility()):"unpinned"===e.type&&this._hostElement.dispatchEvent(new Mn)}get _children(){const e=[];let M=this._hostElement.firstElementChild;for(;M;)M.hasAttribute(rn)||e.push(M),M=M.nextElementSibling;return e}_updateView(){const e=this._hostElement,M=this._scrollerController?.element,t=this._layout;if(e&&M&&t){let i,n,N,o;const r=e.getBoundingClientRect();i=0,n=0,N=window.innerHeight,o=window.innerWidth;const s=this._clippingAncestors.map((e=>e.getBoundingClientRect()));s.unshift(r);for(const e of s)i=Math.max(i,e.top),n=Math.max(n,e.left),N=Math.min(N,e.bottom),o=Math.min(o,e.right);const a=M.getBoundingClientRect(),l={left:r.left-a.left,top:r.top-a.top},D={width:M.scrollWidth,height:M.scrollHeight},g=i-r.top+e.scrollTop,u=n-r.left+e.scrollLeft,j=Math.max(0,N-i),c=Math.max(0,o-n);t.viewportSize={width:c,height:j},t.viewportScroll={top:g,left:u},t.totalScrollSize=D,t.offsetWithinScroller=l}}_sizeHostElement(e){const M=82e5,t=e&&null!==e.width?Math.min(M,e.width):0,i=e&&null!==e.height?Math.min(M,e.height):0;if(this._isScroller)this._getSizer().style.transform=`translate(${t}px, ${i}px)`;else{const e=this._hostElement.style;e.minWidth=t?`${t}px`:"100%",e.minHeight=i?`${i}px`:"100%"}}_positionChildren(e){e&&e.forEach((({top:e,left:M,width:t,height:i,xOffset:n,yOffset:N},o)=>{const r=this._children[o-this._first];r&&(r.style.position="absolute",r.style.boxSizing="border-box",r.style.transform=`translate(${M}px, ${e}px)`,void 0!==t&&(r.style.width=t+"px"),void 0!==i&&(r.style.height=i+"px"),r.style.left=void 0===n?null:n+"px",r.style.top=void 0===N?null:N+"px")}))}async _adjustRange(e){const{_first:M,_last:t,_firstVisible:i,_lastVisible:n}=this;this._first=e.first,this._last=e.last,this._firstVisible=e.firstVisible,this._lastVisible=e.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==M||this._last!==t,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==i||this._lastVisible!==n}_correctScrollError(){if(this._scrollError){const{scrollTop:e,scrollLeft:M}=this._scrollerController,{top:t,left:i}=this._scrollError;this._scrollError=null,this._scrollerController.correctScrollError({top:e-t,left:M-i})}}element(e){return e===1/0&&(e=this._items.length-1),void 0===this._items?.[e]?void 0:{scrollIntoView:(M={})=>this._scrollElementIntoView({...M,index:e})}}_scrollElementIntoView(e){if(e.index>=this._first&&e.index<=this._last)this._children[e.index-this._first].scrollIntoView(e);else if(e.index=Math.min(e.index,this._items.length-1),"smooth"===e.behavior){const M=this._layout.getScrollIntoViewCoordinates(e),{behavior:t}=e;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(M,{behavior:t}),(()=>this._layout.getScrollIntoViewCoordinates(e)),(()=>this._scrollIntoViewTarget=null)),this._scrollIntoViewTarget=e}else this._layout.pin=e}_checkScrollIntoViewTarget(e){const{index:M}=this._scrollIntoViewTarget||{};M&&e?.has(M)&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget))}_notifyRange(){this._hostElement.dispatchEvent(new Ki({first:this._first,last:this._last}))}_notifyVisibility(){this._hostElement.dispatchEvent(new en({first:this._firstVisible,last:this._lastVisible}))}get layoutComplete(){return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise(((e,M)=>{this._layoutCompleteResolver=e,this._layoutCompleteRejecter=M}))),this._layoutCompletePromise}_rejectLayoutCompletePromise(e){null!==this._layoutCompleteRejecter&&this._layoutCompleteRejecter(e),this._resetLayoutCompleteState()}_scheduleLayoutComplete(){this._layoutCompletePromise&&null===this._pendingLayoutComplete&&(this._pendingLayoutComplete=requestAnimationFrame((()=>requestAnimationFrame((()=>this._resolveLayoutCompletePromise())))))}_resolveLayoutCompletePromise(){null!==this._layoutCompleteResolver&&this._layoutCompleteResolver(),this._resetLayoutCompleteState()}_resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null}_hostElementSizeChanged(){this._schedule(this._updateLayout)}_childLoaded(){}_childrenSizeChanged(e){if(this._layout?.measureChildren){for(const M of e)this._toBeMeasured.set(M.target,M.contentRect);this._measureChildren()}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1}}function ln(e){const M=e?parseFloat(e):NaN;return Number.isNaN(M)?0:M}function Dn(e){if(null!==e.assignedSlot)return e.assignedSlot;if(null!==e.parentElement)return e.parentElement;const M=e.parentNode;return M&&M.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&M.host||null}const gn=he(class extends Xi{constructor(e){if(super(e),this._virtualizer=null,this._first=0,this._last=-1,this._renderItem=(e,M)=>((e,M)=>R`${M}: ${JSON.stringify(e,null,2)}`)(e,M+this._first),this._keyFunction=(e,M)=>(e=>e)(e,this._first),this._items=[],e.type!==ye)throw new Error("The virtualize directive can only be used in child expressions")}render(e){e&&this._setFunctions(e);const M=[];if(this._first>=0&&this._last>=this._first)for(let e=this._first;e<=this._last;e++)M.push(this._items[e]);return qi(M,this._keyFunction,this._renderItem)}update(e,[M]){this._setFunctions(M);const t=this._items!==M.items;return this._items=M.items||[],this._virtualizer?this._updateVirtualizerConfig(e,M):this._initialize(e,M),t?G:this.render()}async _updateVirtualizerConfig(e,M){if(!await this._virtualizer.updateLayoutConfig(M.layout||{})){const t=e.parentNode;this._makeVirtualizer(t,M)}this._virtualizer.items=this._items}_setFunctions(e){const{renderItem:M,keyFunction:t}=e;M&&(this._renderItem=(e,t)=>M(e,t+this._first)),t&&(this._keyFunction=(e,M)=>t(e,M+this._first))}_makeVirtualizer(e,M){this._virtualizer&&this._virtualizer.disconnected();const{layout:t,scroller:i,items:n}=M;this._virtualizer=new an({hostElement:e,layout:t,scroller:i}),this._virtualizer.items=n,this._virtualizer.connected()}_initialize(e,M){const t=e.parentNode;t&&1===t.nodeType&&(t.addEventListener("rangeChanged",(e=>{this._first=e.first,this._last=e.last,this.setValue(this.render())})),this._makeVirtualizer(t,M))}disconnected(){this._virtualizer?.disconnected()}reconnected(){this._virtualizer?.connected()}});let un=class extends Pe{constructor(){super(...arguments),this.disabled=!1,this.isDropdownOpen=!1,this.enableVirtualScroll=!1,this.openOnFocus=!1,this.value="",this.placeholder="Type here ..",this.noBorder=!1,this.noOutline=!1,this.noPadding=!1,this.loading=!1,this.filterFunction=(e,M)=>e.toLowerCase().includes(M.toLowerCase()),this.renderItemFunction=e=>e,this.allMenuItems=[],this.menuItems=[]}connectedCallback(){super.connectedCallback(),this.renderItemFunction=e=>e}updated(e){super.updated(e),e.has("allMenuItems")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.setVirtualMenuWidth()),e.has("isDropdownOpen")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction)),e.has("value")&&(this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction))}render(){const e=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();return R`
       <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick>
         <nile-input class="nile-auto-complete--input"
           ?no-border=${this.noBorder}
           ?no-outline=${this.noOutline}
+          ?no-padding=${this.noPadding}
           .disabled=${this.disabled}
           .value=${this.value}
           @nile-input=${this.handleSearch}
@@ -4728,7 +4740,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
       <nile-menu-item value=${M}>
         ${M}
       </nile-menu-item>
-    `}handleSelect(e){this.value=e.detail.value,this.emit("nile-complete",{value:e.detail.value}),this.isDropdownOpen=!1,this.dropdownElement?.hide()}setVirtualMenuWidth(){const e=this.menuItems.reduce(((e,M)=>{const t=this.renderItemFunction(M).length;return e>t?e:t}),0),M=9.5*e<110?110:9.5*e;this.style.setProperty("--virtual-scroll-container-width",M+"px")}handleSearch(e){this.value=e.detail.value.toLowerCase(),this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.isDropdownOpen=this.menuItems.length>0,this.isDropdownOpen&&this.dropdownElement?.show()}handleFocus(){this.openOnFocus&&setTimeout((()=>{this.isDropdownOpen=!0,this.dropdownElement?.show()}),300)}handleClick(){this.isDropdownOpen=!0,this.dropdownElement?.show()}applyFilter(e,M){if("object"!=typeof e)return[];const t=[];return e.forEach((e=>M(e,this.value)&&t.push(e))),t}};un.styles=di,e([ze("nile-dropdown")],un.prototype,"dropdownElement",void 0),e([ue({type:Boolean})],un.prototype,"disabled",void 0),e([ue({type:Boolean})],un.prototype,"isDropdownOpen",void 0),e([ue({type:Boolean})],un.prototype,"enableVirtualScroll",void 0),e([ue({type:Boolean})],un.prototype,"openOnFocus",void 0),e([ue({type:String})],un.prototype,"value",void 0),e([ue({type:String})],un.prototype,"placeholder",void 0),e([ue({type:Boolean})],un.prototype,"noBorder",void 0),e([ue({type:Boolean})],un.prototype,"noOutline",void 0),e([ue({type:Boolean})],un.prototype,"loading",void 0),e([ue({attribute:!1})],un.prototype,"filterFunction",void 0),e([ue({attribute:!1})],un.prototype,"renderItemFunction",void 0),e([ue({type:Array})],un.prototype,"allMenuItems",void 0),e([je()],un.prototype,"menuItems",void 0),un=e([le("nile-auto-complete")],un);const jn=o`
+    `}handleSelect(e){this.value=e.detail.value,this.emit("nile-complete",{value:e.detail.value}),this.isDropdownOpen=!1,this.dropdownElement?.hide()}setVirtualMenuWidth(){const e=this.menuItems.reduce(((e,M)=>{const t=this.renderItemFunction(M).length;return e>t?e:t}),0),M=9.5*e<110?110:9.5*e;this.style.setProperty("--virtual-scroll-container-width",M+"px")}handleSearch(e){this.value=e.detail.value.toLowerCase(),this.menuItems=this.applyFilter(this.allMenuItems,this.filterFunction),this.isDropdownOpen=this.menuItems.length>0,this.isDropdownOpen&&this.dropdownElement?.show()}handleFocus(){this.openOnFocus&&setTimeout((()=>{this.isDropdownOpen=!0,this.dropdownElement?.show()}),300)}handleClick(){this.isDropdownOpen=!0,this.dropdownElement?.show()}applyFilter(e,M){if("object"!=typeof e)return[];const t=[];return e.forEach((e=>M(e,this.value)&&t.push(e))),t}};un.styles=di,e([ze("nile-dropdown")],un.prototype,"dropdownElement",void 0),e([ue({type:Boolean})],un.prototype,"disabled",void 0),e([ue({type:Boolean})],un.prototype,"isDropdownOpen",void 0),e([ue({type:Boolean})],un.prototype,"enableVirtualScroll",void 0),e([ue({type:Boolean})],un.prototype,"openOnFocus",void 0),e([ue({type:String})],un.prototype,"value",void 0),e([ue({type:String})],un.prototype,"placeholder",void 0),e([ue({type:Boolean})],un.prototype,"noBorder",void 0),e([ue({type:Boolean})],un.prototype,"noOutline",void 0),e([ue({type:Boolean})],un.prototype,"noPadding",void 0),e([ue({type:Boolean})],un.prototype,"loading",void 0),e([ue({attribute:!1})],un.prototype,"filterFunction",void 0),e([ue({attribute:!1})],un.prototype,"renderItemFunction",void 0),e([ue({type:Array})],un.prototype,"allMenuItems",void 0),e([je()],un.prototype,"menuItems",void 0),un=e([le("nile-auto-complete")],un);const jn=o`
   :host {
     box-sizing: border-box;
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
@@ -4775,7 +4787,6 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   :host([required]) .form-control--has-label .form-control__label::after {
     content: '*';
     margin-inline-start: -2px;
-    color: undefined;
   }
 
   /* Help text */
@@ -4808,7 +4819,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .nile-chip {
-    padding: var(--nile-spacing-sm,var( --ng-spacing-lg)) var(--nile-spacing-lg,var(--ng-spacing-lg));
+    padding: var(--nile-spacing-sm,var( --ng-spacing-md)) var(--nile-spacing-lg,var(--ng-spacing-lg));
     background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));
     border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));
     border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));
@@ -4816,10 +4827,14 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     flex-wrap: wrap;
     width: 100%;
     overflow-x: hidden;
-    gap : var(--ng-spacing-md);
+    gap : var(--nile-spacing-md, var(--ng-spacing-md));
     align-items: center;
   }
 
+  nile-input::part(base) {
+    padding: 0px !important;
+  }
+
   .nile-chip--no-wrap {
     flex-wrap: nowrap;
     overflow-x: scroll;
@@ -4926,6 +4941,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
               ?isDropdownOpen=${this.isDropdownOpen}
               .noBorder=${!0}
               .noOutline=${!0}
+              .noPadding=${!0}
               .disabled=${this.disabled}
               openOnFocus
               exportparts="options__wrapper"
@@ -5002,7 +5018,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));
     font-size: var(--nile-type-scale-2), var(--ng-font-size-text-md);
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-md));
     letter-spacing: 0.2px;
   }
@@ -5028,7 +5044,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     letter-spacing: 0.5px;
     vertical-align: middle;
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
-    transition: 0.3s color, var(--nile-transition-duration-default, var(--ng-transition-duration-instant)) border, 0.3s box-shadow, 0.3s background-color;
+    transition: var(--nile-transition-duration-default, var(--ng-transition-duration-instant)) color, var(--nile-transition-duration-default, var(--ng-transition-duration-instant)) border, var(--nile-transition-duration-default, var(--ng-transition-duration-instant)) box-shadow, var(--nile-transition-duration-default, var(--ng-transition-duration-instant)) background-color;
     cursor: text;
     min-height: var(--nile-height-12px, var(--ng-height-12px));
   }
@@ -5095,7 +5111,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-md)); /* 100% */
     letter-spacing: 0.2px;
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
@@ -5152,7 +5168,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .textarea--standard.textarea--success {
-    border-color: var(--nile-colors-green-500, var(--ng-colors-text-success-primary-600));
+    //TODO: Need Token from design system
+    border-color: var(--nile-colors-green-500);
   }
 
   .textarea--standard.textarea--destructive {
@@ -5169,35 +5186,38 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     border-radius: var(--nile-radius-sm, var(--ng-radius-xs));
     max-width: 400px;
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
-    border: 1px solid var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));
-    color: var(--nile-colors-red-500, var(--ng-colors-text-error-primary-600));
+    //TODO: Need Token from design system
+    border: 1px solid var(--nile-colors-red-500);
+    //TODO: Need Token from design system
+    color: var(--nile-colors-red-500);
     padding: var(--nile-spacing-lg, var(--ng-spacing-lg));
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-md));
     max-height: 300px;
-    overflow-y: scroll;
+    overflow-y: auto;
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-md));
   }
 
   .input__remove-non-printable {
     color: var(--nile-colors-red-500, var(--ng-colors-text-error-primary-600));
-    margin-left: var(--nile-spacing-lg, var(--ng-nile-spacing-lg));
+    margin-left: var(--nile-spacing-lg, var(--ng-spacing-lg));
     font-size: var(--nile-type-scale-3, var(--nile-font-size-base));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     cursor: pointer;
   }
 
   .input__srtiked-text-container {
-    margin-top: var(--nile-spacing-xs, var(--ng-nile-spacing-xs));
+    margin-top: var(--nile-spacing-xs, var(--ng-spacing-xs));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
-    word-wrap: break-all;
-    line-height: var(--nile-line-height-xsmall, var(--ng-nile-line-height-xsmall));
+    word-break: break-all;
+    overflow-wrap: break-word;
+    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-md));
   }
 
   .input__srtiked-text {
     text-decoration: line-through;
-    text-decoration-color: var(--nile-colors-white-base, var(--ng-colors-background-bg-primary));
-    color: var(--nile-colors-white-base, var(--ng-colors-background-bg-primary));
-    background-color: var(--nile-colors-red-500, var(--ng-colors-text-text-error-primary600));
+    text-decoration-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    background-color: var(--nile-colors-red-500, var(--ng-colors-text-error-primary-600));
   }
 `;let In=class extends Pe{constructor(){super(...arguments),this.hasSlotController=new ve(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="",this.fullHeight=!1,this.checkNonPrintableChar=!1,this.hasPrintableCharacters=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.updateComplete.then((()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})),this.fullHeight&&requestAnimationFrame((()=>{let e=this.parentElement?.getBoundingClientRect().height;e&&(e-=65,e<12&&(e=12),this.shadowRoot?.querySelector("textarea")?.style.setProperty("height",`${e}px`))})),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.input&&this.resizeObserver.unobserve(this.input),this.emit("nile-destroy")}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(),this.checkNonPrintableChar&&this.markNonPrintableCharacters()}markNonPrintableCharacters(){let e="";if(this.hasPrintableCharacters=!1,this.value)for(let M=0,t=this.value.length;M<t;M++){const t=this.value.charCodeAt(M);t>255&&9109!==t||[129,143,144,157,160].includes(t)?(e+=`<span class="input__srtiked-text">${this.value.charAt(M)}</span>`,this.hasPrintableCharacters=!0):e+=this.value.charAt(M)}this.markedValue=e,this.emit("nile-value-marked",{value:this.markedValue,hasNonPrintableCharacters:this.hasPrintableCharacters})}removeAllNonPrintableCharacters(){let e="";if(this.value)for(let M=0,t=this.value.length;M<t;M++){const t=this.value.charCodeAt(M);t>255&&9109!==t||[129,143,144,157,160].includes(t)||(e+=this.value.charAt(M))}this.value=e,this.emit("nile-npchar-removed",{value:this.value})}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(e){return e?("number"==typeof e.top&&(this.input.scrollTop=e.top),void("number"==typeof e.left&&(this.input.scrollLeft=e.left))):{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(e,M,t="none"){this.input.setSelectionRange(e,M,t)}setRangeText(e,M,t,i){this.input.setRangeText(e,M,t,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 e=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const M=!!this.label||!!e,t=!!this.helpText,i=!!this.errorMessage;return R`
       <div
@@ -5312,8 +5332,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     `}handleChanged(e){e.stopPropagation(),this.emit("nile-changed",e.detail),this.emit("nile-change",e.detail),this.dropdown&&this.dropdown.hide()}connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}};e([ue({type:Boolean})],yn.prototype,"range",void 0),e([ue({type:Boolean})],yn.prototype,"hideTypes",void 0),e([ue({type:Boolean,reflect:!0})],yn.prototype,"doubleClickUnselect",void 0),e([ue({type:Boolean,reflect:!0})],yn.prototype,"allowClear",void 0),e([ue({type:Boolean})],yn.prototype,"open",void 0),e([ue({type:Boolean,attribute:"hide-time-zone"})],yn.prototype,"hideTimeZone",void 0),e([ue({type:String,reflect:!0})],yn.prototype,"type",void 0),e([ue({type:Boolean,attribute:"showManualInputs"})],yn.prototype,"showManualInputs",void 0),e([ue()],yn.prototype,"value",void 0),e([ue({type:Array,attribute:"hide-duration-fields"})],yn.prototype,"hideDurationFields",void 0),e([ue({attribute:"allowedDates"})],yn.prototype,"allowedDates",void 0),e([ze("nile-dropdown")],yn.prototype,"dropdown",void 0),yn=e([le("nile-date-picker")],yn);const dn=o`
   :host {
     --ng-error-expanded-padding: var(--ng-spacing-md) var(--ng-spacing-lg);
-    --ng-nile-private-max-width: var(--nile-width-535px, var(--ng-width-120));
-    --ng-nile-private-max-height: var(--nile-height-48px, var(--ng-height-48px));
+    --ng-private-error-max-width: var(--nile-width-535px, var(--ng-width-120));
+    --ng-private-error-max-height: var(--nile-height-48px, var(--ng-height-48px));
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
@@ -5325,7 +5345,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     letter-spacing: 0.2px;
     font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
     line-height: var(--nile-font-size-small, var(--ng-line-height-text-xs));
-    max-width: var(--nile-error-max-width, var(--ng-nile-private-max-width)); 
+    max-width: var(--nile-error-max-width, var(--ng-private-error-max-width)); 
   }
 
   .nile-error-message__error {
@@ -5337,7 +5357,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));
     margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));
-    max-height: var(--nile-error-max-height, var(--ng-nile-private-max-height));
+    max-height: var(--nile-error-max-height, var(--ng-private-error-max-height));
     overflow-x: auto;
   }
 
@@ -5379,7 +5399,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .nile-error-message__response-expanded.expanded {
-    max-height: var(--nile-error-max-dialog-height, var(--ng-nile-private-max-height));
+    max-height: var(--nile-error-max-dialog-height, var(--ng-private-error-max-height));
     transition: max-height 0.3s ease-in-out;
     visibility: visible;
     padding: var(--nile-spacing-md, var(--ng-error-expanded-padding));
@@ -5430,7 +5450,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     font-family: var(--nile-font-family-serif,var(--ng-font-family-body));
     font-size: var(--nile-form-error-text-font-size, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-nile-font-weight-regular));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     line-height: var(--nile-form-error-text-line-height,  var(--ng-line-height-text-md));
     letter-spacing: 0.2px;
     margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));
@@ -5559,7 +5579,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .days_container {
 		display: grid;
-    padding: var(--nile-spacing-none, var(--ng-spacing-0)) var(--nile-spacing-lg, var(--ng-spacing-3)) var(--nile-spacing-lg, var(--ng-spacing-3)) var(--nile-spacing-lg, var(--ng-spacing-3));
+    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-lg, var(--ng-spacing-lg));
 		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
 		grid-row-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
   }
@@ -5679,18 +5699,18 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .calender-input {
     box-sizing:border-box;
-    padding: var(--nile-spacing-none, var(--ng-spacing-0)) var(--nile-spacing-xl, var(--ng-spacing-4));
+    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xl, var(--ng-spacing-xl));
     width:100%;
     justify-content: space-between;
     display: flex;
-    gap: var(--nile-spacing-md, var(--ng-spacing-2));
+    gap: var(--nile-spacing-md, var(--ng-spacing-md));
     flex-wrap: wrap;
   }
 
   .from {
     display: flex;
     justify-content: space-between;
-    gap: var(--nile-spacing-md, var(--ng-spacing-2));
+    gap: var(--nile-spacing-md, var(--ng-spacing-md));
     width: auto;
   }
 
@@ -5707,8 +5727,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     width: 100%;
     display:flex;
     justify-content: end;
-    gap: var(--nile-spacing-lg, var(--ng-spacing-3));
-    padding: var(--nile-spacing-lg, var(--ng-spacing-3)) var(--nile-spacing-lg, var(--ng-spacing-4)) var(--nile-spacing-lg, var(--ng-spacing-4)) var(--nile-spacing-lg, var(--ng-spacing-4));
+    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));
+    padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-lg, var(--ng-spacing-xl)) var(--nile-spacing-lg, var(--ng-spacing-xl)) var(--nile-spacing-lg, var(--ng-spacing-xl));
     box-sizing: border-box;
   }
 
@@ -5720,8 +5740,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .calendar-switcher {
     width: 100%;
-    margin: var(--nile-spacing-none, var(--ng-spacing-0)) var(--nile-spacing-lg, var(--ng-spacing-3));
-    margin-top: var(--nile-spacing-xl, var(--ng-spacing-4));
+    margin: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));
+    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));
   }
 
   .units-wrapper{
@@ -5732,10 +5752,10 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .unit-container{
     display:grid;
     grid-template-columns: auto auto;
-    row-gap:var(--nile-spacing-spacing-2xl, var(--ng-spacing-5));
-    column-gap: var(--nile-spacing-spacing-sm, var(--ng-spacing-1-5));
-    padding: var(--nile-spacing-xl, var(--ng-spacing-4));
-    padding-bottom: var(--nile-spacing-none, var(--ng-spacing-0));
+    row-gap:var(--nile-spacing-spacing-2xl, var(--ng-spacing-2xl));
+    column-gap: var(--nile-spacing-spacing-sm, var(--ng-spacing-sm));
+    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
+    padding-bottom: var(--nile-spacing-none, var(--ng-spacing-none));
   }
 
   .duration-name{
@@ -5791,9 +5811,9 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .unit-input-container {
     display: flex;
     justify-content: space-between;
-    gap: var(--nile-spacing-md, var(--ng-spacing-2));
-    padding: var(--nile-spacing-none, var(--ng-spacing-4)) var(--nile-spacing-xl, var(--ng-spacing-4));
-    padding-top: var(--nile-spacing-xl, var(--ng-spacing-4));
+    gap: var(--nile-spacing-md, var(--ng-spacing-md));
+    padding: var(--nile-spacing-none, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-xl));
+    padding-top: var(--nile-spacing-xl, var(--ng-spacing-xl));
   }
 
   .duration-input,.time-input,.manual-input {
@@ -6095,7 +6115,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .nile-button-toggle {
     display: flex;
-    padding: var(--nile-spacing-sm, var(--ng-spacing-1-5)) var(--nile-spacing-xl, var(--ng-spacing-4));
+    padding: var(--nile-spacing-sm, var(--ng-spacing-sm)) var(--nile-spacing-xl, var(--ng-spacing-xl));
     border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
     cursor: pointer;
     border-radius: var(--nile-radius-radius-xs, var(--ng-radius-md));
@@ -6108,7 +6128,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     letter-spacing: 0.2px;
     justify-content: center;
     align-items: center;
-    gap: var(--nile-spacing-md, var(--ng-spacing-2));
+    gap: var(--nile-spacing-md, var(--ng-spacing-md));
     height: 40px;
     box-sizing: border-box;
   }
@@ -6814,7 +6834,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     --indicator-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));
     --track-color: var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-500));
     --track-width: var(--nile-width-2px, var(--ng-width-0-5));
-    --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-3));
+    --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-lg));
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
@@ -6835,7 +6855,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .hide__track {
     --track-width: 0px;
-    --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-1));
+    --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
   }
 
   .tab-group__indicator {
@@ -6854,7 +6874,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .tab-group--has-scroll-controls .tab-group__nav-container {
     position: relative;
-    padding: var(--nile-spacing-none) var(--ng-spacing-3);
+    padding: var(--nile-spacing-none) var(--ng-spacing-lg);
   }
 
   .tab-group__body {
@@ -6933,7 +6953,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .tab-group--top ::slotted(nile-tab-panel) {
-    --padding: var(--nile-spacing-lg, var(--ng-spacing-3)) var(--nile-spacing-none, var(--ng-spacing-none));
+    --padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));
   }
 
   /*
@@ -7016,7 +7036,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .tab-group--start ::slotted(nile-tab-panel) {
-    --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-3));
+    --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));
   }
 
   /*
@@ -7053,13 +7073,13 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .tab-group--end ::slotted(nile-tab-panel) {
-    --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-3));
+    --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));
   }
 
   .hide__track slot::slotted(nile-tab) {
     --tab-border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
-    --tab-padding:var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-3));
-    --tab-hover-background-color: var(--nile-colors-neutral-100, var(--ng-colors-background-bg-secondary));
+    --tab-padding:var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));
+    --tab-hover-background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
     --tab-active-background-color: var(--nile-colors-brand-50, var(--ng-colors-bg-brand-primary-alt));
   }
 `;let Xn=class extends Pe{constructor(){super(...arguments),this.tabs=[],this.panels=[],this.hasScrollControls=!1,this.placement="top",this.activeTabProp="",this.noTrack=!1,this.activation="auto",this.noScrollControls=!1,this.centered=!1,this.activeTabName=""}connectedCallback(){const e=Promise.allSettled([customElements.whenDefined("nile-tab"),customElements.whenDefined("nile-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>{this.repositionIndicator()})),this.mutationObserver=new MutationObserver((e=>{e.some((e=>!["aria-labelledby","aria-controls"].includes(e.attributeName)))&&setTimeout((()=>this.setAriaLabels())),e.some((e=>"disabled"===e.attributeName))&&this.syncTabsAndPanels()})),this.updateComplete.then((()=>{this.syncTabsAndPanels(),this.activeTabProp?this.activeTabName=this.activeTabProp:this.activeTabName=this.getActiveTab().panel,this.syncIndicator(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),e.then((()=>{new IntersectionObserver(((e,M)=>{e[0].intersectionRatio>0&&(this.setAriaLabels(),M.unobserve(e[0].target))})).observe(this.tabGroup)}))}))}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.unobserve(this.nav)}firstUpdated(e){this.addEventListener("nile-toggle-change",this.handleToggleFromTab)}updated(e){if(e.has("activeTabName")){const e=this.getActiveTab();if(!e)return;this.setActiveTab(e,{scrollBehavior:"smooth"})}e.has("activeTabProp")&&(this.activeTabName=this.activeTabProp)}syncIndicator(){if(!this.indicator)return;this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}render(){return R`
@@ -7117,7 +7137,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   :host {
     display: inline-block;
     --tab-border-radius: var(--nile-radius-md, var(--ng-radius-md));
-    --tab-padding: var(--nile-spacing-none, var(--ng-spacing-0)) var(--nile-spacing-xs, var(--ng-spacing-1)) var(--nile-spacing-lg, var(--ng--spacing-3)) var(--nile-spacing-xs, var(--ng-spacing-1));
+    --tab-padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xs, var(--ng-spacing-xs)) var(--nile-spacing-lg, var(--ng--spacing-3)) var(--nile-spacing-xs, var(--ng-spacing-xs));
     --tab-hover-background-color:transparent;
     --tab-active-background-color: transparent;
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
@@ -7147,7 +7167,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
-    gap: var(--nile-spacing-md, var(--ng-spacing-2));
+    gap: var(--nile-spacing-md, var(--ng-spacing-md));
     height: 36px;
     box-sizing: border-box;
   }
@@ -7171,7 +7191,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .tab.tab--closable {
-    padding-inline-end: var(--nile-spacing-xs, var(--ng-spacing-1));
+    padding-inline-end: var(--nile-spacing-xs, var(--ng-spacing-xs));
   }
 
   .tab.tab--disabled {
@@ -7181,11 +7201,11 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .tab__close-button {
     font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));
-    margin-inline-start: var(--nile-spacing-xs, var(--ng-spacing-1));
+    margin-inline-start: var(--nile-spacing-xs, var(--ng-spacing-xs));
   }
 
   .tab__close-button::part(base) {
-    padding: var(--nile-spacing-xs, var(--ng-spacing-1));
+    padding: var(--nile-spacing-xs, var(--ng-spacing-xs));
   }
 
   @media (forced-colors: active) {
@@ -7255,7 +7275,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .code__editor__container {
     display: flex;
-    padding: var(--nile-spacing-sm, var(--ng-spacing-0));
+    padding: var(--nile-spacing-sm, var(--ng-spacing-none));
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
     border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));
     position: relative;
@@ -7292,10 +7312,10 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     position: absolute;
     border-radius: var(--nile-radius-base-standard, var(--ng-radius-none));
     cursor: pointer;
-    right: 0px;
+    right: var(--nile-spacing-none, var(--ng-spacing-1-5));
     top: 5px;
     z-index: 1;
-    padding: var(--nile-spacing-sm, var(--ng-spacing-0));
+    padding: var(--nile-spacing-sm, var(--ng-spacing-none));
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
   }
   
@@ -7336,7 +7356,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     position: relative;
     display: flex;
     align-items: flex-start;
-    border: solid 2px 2px;
+    border: solid 2px;
     border-radius: var(--nile-radius-md, var(--ng-radius-xl));
     margin: inherit;
     padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
@@ -7441,7 +7461,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .alert__message--title {
     font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-600));
-    color:var(--nile-colors-dark-900, var(--ng-colors-primary-900));
+    color:var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));
   }
 
   .alert__message--content {
@@ -7629,19 +7649,19 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .nile-breadcrumb-item__last-slot-text {
     color: var(--nile-breadcrumb-color, var(--ng-colors-text-brand-secondary-700));
   }
-`;let sL=class extends Pe{constructor(){super(...arguments),this.isLast=!1}static get styles(){return[rL]}handleClick(){this.isLast||this.emit("nile-click-item")}render(){return R`
+`;let sL=class extends Pe{constructor(){super(...arguments),this.isLast=!1,this.separator="arrowright"}static get styles(){return[rL]}handleClick(){this.isLast||this.emit("nile-click-item")}render(){return R`
       <slot
         class=${Le({"nile-breadcrumb-item__slot-text":!this.isLast,"nile-breadcrumb-item__last-slot-text":this.isLast})}
         @click=${this.handleClick}
       ></slot>
       <nile-icon
-        name="arrowright"
-        aria-label="arrowright"
+        name=${this.separator}
+        aria-label=${this.separator}
         color="var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))"
         class=${Le({"nile-breadcrumb-item__arrow":!0,"nile-breadcrumb-item__arrow-hidden":this.isLast})}
         size="14"
       ></nile-icon>
-    `}};e([je()],sL.prototype,"isLast",void 0),sL=e([le("nile-breadcrumb-item")],sL);const aL=o`
+    `}};e([je()],sL.prototype,"isLast",void 0),e([ue({type:String})],sL.prototype,"separator",void 0),sL=e([le("nile-breadcrumb-item")],sL);const aL=o`
   :host {
     --min-width: 288px;
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
@@ -7671,7 +7691,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     gap: var(--nile-spacing-1-x, var(--ng-spacing-xl));
     background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));
   }
-  
+
   .form__divider {
     width: 100%;
   }
@@ -7688,7 +7708,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     flex-direction: column;
     align-items: flex-start;
     gap: var(--nile-spacing-1-x, var(--ng-spacing-xxs));
-    justify-content:centre;
+    justify-content:center;
   }
 
   .form__title {
@@ -7761,7 +7781,6 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   :host {
     --border-color: var(--nile-card-color-border, var(--ng-colors-border-secondary));
     --border-radius: var(--nile-radius-radius-xl, var(--ng-radius-xl));
-    --border-width: 0.5px;
     --padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
     display: inline-block;
   }
@@ -7769,9 +7788,10 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .card {
     display: flex;
     flex-direction: column;
-    justify-items: strecth;
+    justify-items: stretch;
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
-    outline: solid var(--border-width) var(--border-color);
+    outline: var(--ng-colors-border-secondary) solid  var(--nile-outline-0-5px, var(--ng-outline-1px)); 
+    outline-offset: var(--nile-outline-none, --ng-outline-neg-1);  
     border-radius: var(--border-radius);
     min-width: 273px;
     max-width: 350px;
@@ -7838,7 +7858,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
       </div>
     `}};gL.styles=DL,gL=e([le("nile-card")],gL);const uL=o`
   :host {
-    box-sizing: 'border-box';
+    box-sizing: border-box;
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
@@ -7852,7 +7872,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     font-style: normal;
     font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));
     line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
-    letter-spacing: vat(--nile-spacing-one-by-five-x, var(--ng-spacing-none));
+    letter-spacing: var(--nile-spacing-one-by-five-x, var(--ng-spacing-none));
   }
 
   .popover__box {
@@ -7860,8 +7880,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     flex-direction: column;
     height: auto;
     min-width: var(--nile-width-352px, var(--ng-width-80));
-    gap: var(--nile-spacing-xl, var(--ng-spacing-4));
-    padding: var(--nile-spacing-xl, var(--ng-spacing-4));
+    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));
+    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     border: solid 1px var(--nile-colors-dark-200, var(--ng-colors-border-secondary-alt));
@@ -7911,7 +7931,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .inner__text {
     display: flex;
     gap: var(--nile-radius-base-standard);
-	align-items: flex-start;
+	  align-items: flex-start;
   }
 
   .inner__text span {
@@ -8288,9 +8308,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     background-color: var(--nile-table-header-background-color , var(--ng-colors-bg-secondary));
   }
 
-  nile-table-row > slot::slotted(nile-table-cell-item:first-child) {
-    color: var(--nile-colors-red-500);
-  }
+  
 `;let QL=class extends Pe{static get styles(){return[SL]}handleSortingAlter(e){const M=[...this.querySelectorAll("nile-table-header-item")];for(let t=0;t<M.length;t++){const i=M[t];i.textContent==e.detail.value.curr_sort_string||(i.sorting_ct=0)}}render(){return R`
       <slot
         part="nile-row"
@@ -8357,7 +8375,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
-  
+
   .header__item__wrapper{
     min-width:var(--cell-min-width);
     width:var(--cell-width);
@@ -8393,7 +8411,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .sorting__icons {
     display: flex;
     flex-direction: column;
-    align-items: centre;
+    align-items: center;
   }
 
   .sorting__icons nile-icon:hover {
@@ -8507,8 +8525,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .avatar__2xl {
-    height: var(--nile-spacing-spacing-7xl, var(--ng-spacing-16));
-    width: var(--nile-spacing-spacing-7xl, var(--ng-spacing-16));
+    height: var(--nile-spacing-spacing-7xl, var(--ng-spacing-7xl));
+    width: var(--nile-spacing-spacing-7xl, var(--ng-spacing-7xl));
     font-size: var(--nile-spacing-3xl, var(--ng-line-height-display-xs));
     line-height: var(--nile-spacing-4xl, var(--ng-line-height-display-xs));
   }
@@ -8703,7 +8721,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .empty-state__body--tonal {
-    background: linear-gradient(180deg, var(--nile-colors-neutral-100, var(--ng-color-graylightmode-50)) 0%, var(--nile-colors-neutral-400, var(--ng-color-graylightmode-200)) 100%);
+    background:  var(--nile-gradient-1, var(--ng-white-gradient-6));
     width: 104px;
     height: 104px;
     border-radius: var(--nile-radius-full, var(--ng-radius-full));
@@ -8920,8 +8938,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
 	.stepper__item--lg {
 		--item-spacing: var( --nile-spacing-md, var(--ng-spacing-lg));
-		--stepper-item-title-size: var( --nile-type-scale-3, var(--ng-font-size-text-md) );
-		--stepper-item-subtitle-size: var( --nile-type-scale-2, var(--ng-font-size-text-md) );
+		--stepper-item-title-size: var( --nile-type-scale-3, var(--ng-font-size-text-sm) );
+		--stepper-item-subtitle-size: var( --nile-type-scale-2, var(--ng-font-size-text-sm) );
 		--stepper-item-text-line-height: var( --nile-line-height-small, var(--ng-line-height-text-md) );
 		--circle-height:22px;
 	}
@@ -9215,13 +9233,13 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 	.stepper__item__bulletin {
 		display:grid;
 		place-content:center;
-		
+
 		margin-top: var(--nile-spacing-one-half-x, var(--ng-spacing-none));
 		margin-bottom: var(--nile-spacing-one-half-x, var(--ng-spacing-none));
 	}
 
 	.stepper__item--selected .stepper-item__connector-content{
-		margin-left: var(--nile-spacing-none, calc( var(--ng-spacing-xxs) * -1 ))
+    margin-left: var(--nile-spacing-none, calc(var(--ng-spacing-xxs) * -1px));
 	}
 
 	.stepper__item--selected .stepper__item__bulletin{
@@ -9254,7 +9272,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 		background-color:var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));
 		overflow:hidden;
 	}
-	
+
 	.stepper__bulletin__icon--active {
 		border: var(--lines-thickness) solid var(--nile-colors-primary-500,var(--ng-colors-border-brand));
 		width: calc(var(--circle-height) + calc( var(--lines-thickness) * 2));
@@ -9299,7 +9317,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
 	.stepper__content__title--active{
 		color:var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));
-		font-weight: var(--nile-font-weight-semi-bold,var(--ng-font-weight-semi-bold));
+		font-weight: var(--nile-font-weight-semi-bold,var(--ng-font-weight-semibold));
 	}
 
 	.stepper__content__subtitle {
@@ -9378,8 +9396,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     position: relative;
     align-items: center;
     justify-content: center;
-    background-color: var(--nile-colors-neutral-100 var(--ng-componentcolors-utility-gray-50));
-    color: var(--nile-colors-dark-900,var(--ng-color-graytrue-900));
+    background-color: var(--nile-colors-neutral-400 , var(--ng-colors-bg-quaternary));
+    color: var(--nile-colors-dark-900,var(--ng-colors-text-primary-900));
     z-index: 1;
   }
 
@@ -9388,8 +9406,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   :host(:not([disabled])) .divider:focus-visible {
-    background-color: var(--nile-colors-blue-500, var(--ng-color-blue-500));
-    color: var(--nile-colors-white-base, var(--ng-color-base-white));
+    background-color: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-brand-50));
+    color: var(--nile-colors-white-base, var(--ng-colors-text-white));
   }
 
   :host([disabled]) .divider {
@@ -9739,8 +9757,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   :host {
     display: flex;
     padding: 
-      var(--nile-spacing-lg, var(--ng-spacing-3)) 
-      var(--nile-spacing-xl, var(--ng-spacing-4));
+      var(--nile-spacing-lg, var(--ng-spacing-lg)) 
+      var(--nile-spacing-xl, var(--ng-spacing-xl));
     flex-direction: row;
     align-items: flex-start;
     justify-content: start;
@@ -9752,12 +9770,12 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   :host(:hover) {
-    background-color: var(--nile-colors-neutral-400, var(--ng-color-grayneutral-400)); /* Change background color on hover */
+    background-color: var(--nile-colors-neutral-400, var( --ng-colors-bg-brand-primary)); /* Change background color on hover */
   }
 
   .preffix__icon {
     display: inline-block;
-    margin-right: var(--nile-spacing-lg, var(--ng-spacing-3));
+    margin-right: var(--nile-spacing-lg, var(--ng-spacing-lg));
   }
 
   .list__item {
@@ -9770,7 +9788,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .content__wrapper {
     display: flex;
     flex-direction: column;
-    gap: var(--nile-spacing-xs, var(--ng-spacing-1));
+    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
     height: 100%;
     box-sizing: border-box;
   }
@@ -9817,8 +9835,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   :host {
     display: flex;
     flex-direction: column;
-    gap: var(--nile-spacing-md, var(--ng-spacing-2));
-    padding: var(--nile-spacing-xl, var(--ng-spacing-4));
+    gap: var(--nile-spacing-md, var(--ng-spacing-md));
+    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
@@ -9852,26 +9870,27 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     border-top:solid 1px var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));
     background-color: var(--nile-colors-white-base , var(--ng-colors-bg-primary));
     overflow-anchor: none;
+    line-height: var(--nile-line-height-inherit , var(--ng-line-height-text-sm));
   }
 
   .accordian--lg{
     --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));
-    --accordian-heading-padding: var(--nile-spacing-xl , var(--ng-spacing-4)) var(--nile-spacing-lg , var(--ng-spacing-3));
-    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-1-5)) var(--nile-spacing-lg , var(--ng-spacing-3)) var(--nile-spacing-xl , var(--ng-spacing-6));
+    --accordian-heading-padding: var(--nile-spacing-xl , var(--ng-spacing-xl)) var(--nile-spacing-lg , var(--ng-spacing-lg));
+    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-xl , var(--ng-spacing-3xl));
     --accordion-font-family : var(--nile-font-family-sans-serif, var(--ng-font-family-body));
   }
 
   .accordian--md{
     --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));
-    --accordian-heading-padding: var(--nile-spacing-lg , var(--ng-spacing-3)) var(--nile-spacing-lg , var(--ng-spacing-3));
-    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-1-5)) var(--nile-spacing-lg , var(--ng-spacing-3)) var(--nile-spacing-xl , var(--ng-spacing-6));
+    --accordian-heading-padding: var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-lg , var(--ng-spacing-lg));
+    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg)) var(--nile-spacing-xl , var(--ng-spacing-3xl));
     --accordion-font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
   }
 
   .accordian--sm{
     --accordian-text-size:var(--nile-type-scale-3 , var(--ng-font-size-text-sm));
-    --accordian-heading-padding: var(--nile-spacing-sm , var(--ng-spacing-1-5)) var(--nile-spacing-lg , var(--ng-spacing-3));
-    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-1-5)) var(--nile-spacing-lg , var(--ng-spacing-4)) var(--nile-spacing-lg , var(--ng-spacing-3));
+    --accordian-heading-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-lg));
+    --accordian-content-padding: var(--nile-spacing-sm , var(--ng-spacing-sm)) var(--nile-spacing-lg , var(--ng-spacing-xl)) var(--nile-spacing-lg , var(--ng-spacing-lg));
     --accordion-font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
   }
   
@@ -9886,7 +9905,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .accordian__header {
     display: flex;
-    gap:var(--nile-spacing-lg , var(--ng-spacing-3));
+    gap:var(--nile-spacing-lg , var(--ng-spacing-lg));
     align-items: center;
     border-radius: inherit;
     font-weight: var(--nile-font-weight-medium , var(--ng-font-weight-600));
@@ -9954,7 +9973,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .accordian__content--arrow-left{
-   margin-left: var(--nile-spacing-4-x , var(--ng-spacing-7));  
+   margin-left: var(--nile-spacing-4-x , var(--ng-spacing-3xl-alt));  
   }
 `;let ux=class extends Pe{constructor(){super(...arguments),this.open=!1,this.variant="light",this.expandIconPlacement="right",this.size="md",this.disabled=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}handleSummaryClick(){this.disabled||(this.open?this.hide():this.show(),this.header.focus())}handleSummaryKeyDown(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.open?this.hide():this.show()),"ArrowUp"!==e.key&&"ArrowLeft"!==e.key||(e.preventDefault(),this.hide()),"ArrowDown"!==e.key&&"ArrowRight"!==e.key||(e.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.emit("nile-show",{cancelable:!0}).defaultPrevented)return void(this.open=!1);await cM(this.body),this.body.hidden=!1;const{keyframes:e,options:M}=OM(this,"accordian.show",{dir:"ltr"});await gM(this.body,zM(e,this.body.scrollHeight),M),this.body.style.height="auto",this.emit("nile-after-show")}else{if(this.emit("nile-hide",{cancelable:!0}).defaultPrevented)return void(this.open=!0);await cM(this.body);const{keyframes:e,options:M}=OM(this,"accordian.hide",{dir:"ltr"});await gM(this.body,zM(e,this.body.scrollHeight),M),this.body.hidden=!0,this.body.style.height="auto",this.emit("nile-after-hide")}}async show(){if(!this.open&&!this.disabled)return this.open=!0,SM(this,"nile-after-show")}async hide(){if(this.open&&!this.disabled)return this.open=!1,SM(this,"nile-after-hide")}render(){return R`
     <div
@@ -10055,7 +10074,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     width: 100%;
     box-sizing: border-box;
     --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-primary-alt));
-    min-width: var(--nile-width-width-xxs, var(--ng-spacing-80));
+    min-width: var(--nile-width-width-xxs, var(--ng-width-80));
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
@@ -10079,15 +10098,15 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .section--success {
-    background-color: var(--nile-section-message-background-color-success);
+    background-color: var(--nile-section-message-background-color-success, var(--ng-colors-bg-primary-alt));
   }
 
   .section--warning {
-    background-color: var(--nile-section-message-background-color-warning);
+    background-color: var(--nile-section-message-background-color-warning, var(--ng-colors-bg-primary-alt));
   }
 
   .section--error {
-    background-color: var(--nile-section-message-background-color-error);
+    background-color: var(--nile-section-message-background-color-error, var(--ng-colors-bg-primary-alt));
   }
 
   .left__wrapper {
@@ -10221,8 +10240,8 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     font-weight: var(--nile-toolbar-font-weight, var(--ng-font-weight-500));
     font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
     font-size: var(--nile-toolbar-font-size, var(--ng-font-size-text-xl));
-    background-color: var(--nile-toolbar-background-color, var(--ng-colors-text-primary-on-brand));
-    color: var(--nile-toolbar-text-color, var(--ng-color-base-black));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    /* color: var(--nile-toolbar-text-color, var(--ng-color-base-black)); */  // TODO: Need to be tokenized in future.
   }
 `;let Ox=class extends Pe{constructor(){super(...arguments),this.color="",this.background=""}static get styles(){return[dx]}render(){return R`
 		<div class="toolbar" part="nile-toolbar" style="${this.color?"color:"+this.color+";":""} ${this.background?"background:"+this.background+";":""}">
@@ -10499,18 +10518,18 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     justify-content: space-between;
     gap: 18px;
     border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xl));
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1)) 
-      var(--nile-border-style-dashed, var(--ng-border-style-solid)) 
+    border:
+      var(--nile-border-width-1, var(--ng-border-width-1))
+      var(--nile-border-style-dashed, var(--ng-border-style-solid))
       var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
   }
 
   .hover-border {
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1)) 
-      var(--nile-border-style-dashed, var(--ng-border-style-solid)) 
+    border:
+      var(--nile-border-width-1, var(--ng-border-width-1))
+      var(--nile-border-style-dashed, var(--ng-border-style-solid))
       var(--nile-colors-primary-600, var(--ng-colors-border-brand));
   }
 
@@ -10528,7 +10547,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
     border: var(--nile-border-width-1, var(--ng-border-width-2)) var(--nile-border-style-dashed, var(--ng-border-style-solid)) var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
-    position: relative; 
+    position: relative;
   }
 
   .vertical-div:hover {
@@ -10548,7 +10567,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   .content {
-    display: flex;  
+    display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 8px;
@@ -10560,7 +10579,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
   }
-      
+
   .content p {
     margin: var(--nile-spacing-none, var(--ng-spacing-none));
     font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
@@ -10578,9 +10597,9 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   /* DRAGGING */
   .dragging {
     background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-primary));
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1)) 
-      var(--nile-border-style-dashed, var(--ng-border-style-solid)) 
+    border:
+      var(--nile-border-width-1, var(--ng-border-width-1))
+      var(--nile-border-style-dashed, var(--ng-border-style-solid))
       var(--nile-colors-primary-600, var(--ng-colors-border-primary));
     display: flex;
     align-items: center;
@@ -10619,12 +10638,12 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     align-items: center;
     gap: 18px;
     box-sizing: border-box;
-    border: 
-      var(--nile-border-width-1, var(--ng-border-width-1)) 
-      var(--nile-border-style-solid, var(--ng-border-style-solid)) 
+    border:
+      var(--nile-border-width-1, var(--ng-border-width-1))
+      var(--nile-border-style-solid, var(--ng-border-style-solid))
       var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
   }
-  
+
   .uploading:hover {
     border-color: var(--nile-colors-neutral-400);
   }
@@ -10655,9 +10674,9 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   /* PREVIEW STATE */
   .preview {
-    border: 
+    border:
       var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
+      var(--nile-border-style-solid, var(--ng-border-style-solid))
       var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
@@ -10680,12 +10699,12 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     width: var(--nile-width-42px, 42px); // check it once
     object-fit: contain;
     border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xl));
-    border: 
+    border:
       var(--nile-border-width-1, var(--ng-border-width-1))
-      var(--nile-border-style-solid, var(--ng-border-style-solid))  
+      var(--nile-border-style-solid, var(--ng-border-style-solid))
       var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
-  
+
   .preview-file-info {
     width: 100%;
     display: flex;
@@ -10742,7 +10761,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     height: 40px;
     width: 40px;
   }
-  
+
   .preview-file-info {
     width: 100%;
     display: flex;
@@ -10769,7 +10788,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   }
 
   /* ERROR STATE */
-  
+
   .error {
     border: 1px solid var(--nile-colors-neutral-400);
   }
@@ -10800,7 +10819,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     height: 40px;
     width: 40px;
   }
-  
+
   .file-info {
     width: 100%;
     display: flex;
@@ -10994,7 +11013,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     max-height: 200px;
     overflow-y: auto;
     border: 1px solid var(--nile-colors-neutral-700);
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: var(--nile-radius-sm);
     scrollbar-width: none;
     padding: 12px;
   }
@@ -11256,7 +11275,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
 
   .icons-container {
     display: flex;
-    gap: var(--nile-spacing-xs, var(--ng-spacing-1));
+    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
   }
 
   .general-icon {
@@ -11405,7 +11424,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     height: var(--nile-height-40px, var(--ng-height-40px));
     width: var(--nile-width-40px, var(--ng-width-10));
     border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
-    padding: var(--nile-spacing-2px, var(--ng-spacing-0-5)) var(--nile-spacing-3px, 3px);
+    padding: var(--nile-spacing-2px, var(--ng-spacing-xxs)) var(--nile-spacing-3px, var(--ng-spacing-1));
     display: flex;
     justify-content: center;
     align-items: center;
@@ -11465,7 +11484,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     height: var(--nile-height-40px, var(--ng-height-40px));
     width: var(--nile-width-40px, var(--ng-width-10));
     border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
-    padding: var(--nile-spacing-2px, var(--ng-spacing-0-5)) var(--nile-spacing-3px, 3px);
+    padding: var(--nile-spacing-2px, var(--ng-spacing-xxs)) var(--nile-spacing-3px, var(--ng-spacing-1));
     display: flex;
     justify-content: center;
     align-items: center;
@@ -11579,7 +11598,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
     display: flex;
     justify-content: center;
     align-items: center;
-    padding-top: var(--nile-spacing-5xl, --ng-spacing-5xl);
+    padding-top: var(--nile-spacing-5xl, var(--ng-spacing-5xl));
   }
 
   .corner-icon {
@@ -11620,7 +11639,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
   .vertical-document-icon {
     height: var(--nile-height-80px, var(--ng-height-80px));
     width: var(--nile-width-80px, var(--ng-spacing-8xl));
-    padding: var(--nile-spacing-2px, var(--ng-spacing-0-5)) var(--nile-spacing-3px, 3px);
+    padding: var(--nile-spacing-2px, var(--ng-spacing-xxs)) var(--nile-spacing-3px, var(--ng-spacing-1));
     display: flex;
     justify-content: center;
     align-items: center;