@eunomia/elements 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/cdn/components/eun-input-file.js

@@ -1,4 +1,4 @@
-import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as C,e as h}from"./chunks/chunk-OAULRKHQ.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as L}from"./chunks/chunk-T7WABJEJ.js";import{a as m}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as y,g as k,h as l,i as w,j as F,n as d,p as b,s as $}from"./chunks/chunk-XH6NREVZ.js";var v=class g extends Event{static{this.eventName="eunfilereject"}constructor(x){super(g.eventName,{bubbles:!0,composed:!1}),this.files=x}};var M=k`
+import{a as E}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as z,d as _,e as C,f as h}from"./chunks/chunk-VOTRXBDS.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as L}from"./chunks/chunk-RS7TWEMQ.js";import{a as m}from"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-KSZRQRN4.js";import{a as s,f as y,h as k,j as l,k as w,l as F,p as d,r as b,u as $}from"./chunks/chunk-YITWLCD3.js";var v=class g extends Event{static{this.eventName="eunfilereject"}constructor(x){super(g.eventName,{bubbles:!0,composed:!1}),this.files=x}};var M=k`
   :host {
     --_borderColor: var(
       --input-file-border-color,
@@ -78,8 +78,9 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     cursor: pointer;
     box-sizing: border-box;
     transition:
-      border-color 0.15s ease,
-      background-color 0.15s ease;
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      background-color var(--eun-duration-s, 150ms)
+        var(--eun-easing-default, ease);
   }
   #dropzone #drop-icon {
     --icon-color: var(--_iconColor);
@@ -272,11 +273,11 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
   }
-`,R=M;var D="eun-input-file",j=L(C($)),B=E(z(_(j))),r=class extends B{constructor(){super(...arguments);this.kind="image";this.multiple=!1;this.selectable=!1;this.dropLabel="Drag and drop files here, or";this.browseLabel="browse files";this.ariaLabelRemove="Remove file";this.ariaLabelSelect="Select file";this.removeAllLabel="Remove all";this.selectAllLabel="Select all";this.deleteSelectedLabel="Delete selected";this.ariaLabelOpen="Open in a new tab";this.dragging=!1;this.selected=new Set;this.dragCounter=0;this.objectUrls=new Map;this.handleHostFocus=()=>{this.firstFocusable()?.focus()};this.handleNativeChange=e=>{let t=e.target;t.files?.length&&this.processFiles(t.files),t.value=""};this.handleDragEnter=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(e.preventDefault(),this.dragCounter+=1,this.dragging=!0)};this.handleDragOver=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||e.preventDefault()};this.handleDragLeave=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(this.dragCounter=Math.max(this.dragCounter-1,0),this.dragCounter===0&&(this.dragging=!1))};this.handleDrop=e=>{if(e.preventDefault(),this.dragCounter=0,this.dragging=!1,this.disabled||this.readonly)return;let t=e.dataTransfer?.files;t?.length&&this.processFiles(t)}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),this.addEventListener("dragenter",this.handleDragEnter),this.addEventListener("dragover",this.handleDragOver),this.addEventListener("dragleave",this.handleDragLeave),this.addEventListener("drop",this.handleDrop)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),this.removeEventListener("dragenter",this.handleDragEnter),this.removeEventListener("dragover",this.handleDragOver),this.removeEventListener("dragleave",this.handleDragLeave),this.removeEventListener("drop",this.handleDrop),this.objectUrls.forEach(e=>URL.revokeObjectURL(e)),this.objectUrls.clear(),super.disconnectedCallback?.()}firstFocusable(){return this.fieldEl??this.shadowRoot?.querySelector(".item")??void 0}updated(e){if(super.updated(e),e.has("value")){let t=new Set(this.value??[]);if(this.objectUrls.forEach((i,o)=>{t.has(o)||(URL.revokeObjectURL(i),this.objectUrls.delete(o))}),this.selected.size){let i=new Set(Array.from(this.selected).filter(o=>t.has(o)));i.size!==this.selected.size&&(this.selected=i)}}}getFocusAnchor(){return this.firstFocusable()}focus(){super.focus?.(),this.firstFocusable()?.focus()}get effectiveAccept(){return this.accept?this.accept:this.kind==="image"?"image/*":void 0}getObjectUrl(e){let t=this.objectUrls.get(e);return t||(t=URL.createObjectURL(e),this.objectUrls.set(e,t)),t}matchesAccept(e,t){let i=t.split(",").map(n=>n.trim().toLowerCase()).filter(Boolean);if(!i.length)return!0;let o=e.name.toLowerCase(),a=e.type.toLowerCase();return i.some(n=>n.startsWith(".")?o.endsWith(n):n.endsWith("/*")?a.startsWith(n.slice(0,-1)):a===n)}processFiles(e){if(this.disabled||this.readonly)return;let t=this.multiple?Array.from(e):Array.from(e).slice(0,1),i=[],o=this.effectiveAccept,a=[];t.forEach(c=>{if(o&&!this.matchesAccept(c,o)){i.push({file:c,reason:"type"});return}if(this.maxSize!=null&&c.size>this.maxSize){i.push({file:c,reason:"size"});return}a.push(c)});let n=this.value??[],f;if(this.multiple){if(this.maxFiles!=null){let c=Math.max(this.maxFiles-n.length,0);a.length>c&&(i.push(...a.slice(c).map(S=>({file:S,reason:"max-files"}))),a=a.slice(0,c))}f=[...n,...a]}else f=a;a.length&&(this.value=f,this.dispatchEvent(new u(this.value))),i.length&&this.dispatchEvent(new v(i))}carriesFiles(e){return!!e.dataTransfer?.types.includes("Files")}removeFile(e){let t=this.value??[],i=t.indexOf(e);if(i===-1)return;let o=t.filter(a=>a!==e);this.value=o,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>{if(!o.length){this.firstFocusable()?.focus();return}let a=Array.from(this.shadowRoot?.querySelectorAll(".item")??[]);a[Math.min(i,a.length-1)]?.focus()})}removeAll(){this.selected=new Set,this.value=[],this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}deleteSelected(){let t=(this.value??[]).filter(i=>!this.selected.has(i));this.selected=new Set,this.value=t,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}toggleSelected(e,t){let i=new Set(this.selected);t?i.add(e):i.delete(e),this.selected=i}toggleSelectAll(e){this.selected=e?new Set(this.value??[]):new Set}openFile(e){window.open(this.getObjectUrl(e),"_blank","noopener")}handleItemKeydown(e,t){if(!this.disabled){if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.openFile(t);return}(e.key==="Delete"||e.key==="Backspace")&&(e.preventDefault(),this.removeFile(t))}}getFileIcon(e){return e.type==="application/pdf"?"picture_as_pdf":e.type.startsWith("image/")?"image":"insert_drive_file"}formatBytes(e){if(e<1024)return`${e} B`;let t=["KB","MB","GB","TB"],i=e/1024,o=0;for(;i>=1024&&o<t.length-1;)i/=1024,o+=1;let a=o===0||i>=10?0:1;return`${i.toFixed(a)} ${t[o]}`}renderDropzone(e,t){return d`
+`,R=M;var D="eun-input-file",j=L(C($)),B=E(_(z(j))),i=class extends B{constructor(){super(...arguments);this.kind="image";this.multiple=!1;this.selectable=!1;this.dropLabel="Drag and drop files here, or";this.browseLabel="browse files";this.ariaLabelRemove="Remove file";this.ariaLabelSelect="Select file";this.removeAllLabel="Remove all";this.selectAllLabel="Select all";this.deleteSelectedLabel="Delete selected";this.ariaLabelOpen="Open in a new tab";this.dragging=!1;this.selected=new Set;this.dragCounter=0;this.objectUrls=new Map;this.handleHostFocus=()=>{this.firstFocusable()?.focus()};this.handleNativeChange=e=>{let t=e.target;t.files?.length&&this.processFiles(t.files),t.value=""};this.handleDragEnter=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(e.preventDefault(),this.dragCounter+=1,this.dragging=!0)};this.handleDragOver=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||e.preventDefault()};this.handleDragLeave=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(this.dragCounter=Math.max(this.dragCounter-1,0),this.dragCounter===0&&(this.dragging=!1))};this.handleDrop=e=>{if(e.preventDefault(),this.dragCounter=0,this.dragging=!1,this.disabled||this.readonly)return;let t=e.dataTransfer?.files;t?.length&&this.processFiles(t)}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),this.addEventListener("dragenter",this.handleDragEnter),this.addEventListener("dragover",this.handleDragOver),this.addEventListener("dragleave",this.handleDragLeave),this.addEventListener("drop",this.handleDrop)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),this.removeEventListener("dragenter",this.handleDragEnter),this.removeEventListener("dragover",this.handleDragOver),this.removeEventListener("dragleave",this.handleDragLeave),this.removeEventListener("drop",this.handleDrop),this.objectUrls.forEach(e=>URL.revokeObjectURL(e)),this.objectUrls.clear(),super.disconnectedCallback?.()}firstFocusable(){return this.fieldEl??this.shadowRoot?.querySelector(".item")??void 0}updated(e){if(super.updated(e),e.has("value")){let t=new Set(this.value??[]);if(this.objectUrls.forEach((r,o)=>{t.has(o)||(URL.revokeObjectURL(r),this.objectUrls.delete(o))}),this.selected.size){let r=new Set(Array.from(this.selected).filter(o=>t.has(o)));r.size!==this.selected.size&&(this.selected=r)}}}getFocusAnchor(){return this.firstFocusable()}focus(){super.focus?.(),this.firstFocusable()?.focus()}get effectiveAccept(){return this.accept?this.accept:this.kind==="image"?"image/*":void 0}getObjectUrl(e){let t=this.objectUrls.get(e);return t||(t=URL.createObjectURL(e),this.objectUrls.set(e,t)),t}matchesAccept(e,t){let r=t.split(",").map(n=>n.trim().toLowerCase()).filter(Boolean);if(!r.length)return!0;let o=e.name.toLowerCase(),a=e.type.toLowerCase();return r.some(n=>n.startsWith(".")?o.endsWith(n):n.endsWith("/*")?a.startsWith(n.slice(0,-1)):a===n)}processFiles(e){if(this.disabled||this.readonly)return;let t=this.multiple?Array.from(e):Array.from(e).slice(0,1),r=[],o=this.effectiveAccept,a=[];t.forEach(c=>{if(o&&!this.matchesAccept(c,o)){r.push({file:c,reason:"type"});return}if(this.maxSize!=null&&c.size>this.maxSize){r.push({file:c,reason:"size"});return}a.push(c)});let n=this.value??[],f;if(this.multiple){if(this.maxFiles!=null){let c=Math.max(this.maxFiles-n.length,0);a.length>c&&(r.push(...a.slice(c).map(S=>({file:S,reason:"max-files"}))),a=a.slice(0,c))}f=[...n,...a]}else f=a;a.length&&(this.value=f,this.dispatchEvent(new u(this.value))),r.length&&this.dispatchEvent(new v(r))}carriesFiles(e){return!!e.dataTransfer?.types.includes("Files")}removeFile(e){let t=this.value??[],r=t.indexOf(e);if(r===-1)return;let o=t.filter(a=>a!==e);this.value=o,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>{if(!o.length){this.firstFocusable()?.focus();return}let a=Array.from(this.shadowRoot?.querySelectorAll(".item")??[]);a[Math.min(r,a.length-1)]?.focus()})}removeAll(){this.selected=new Set,this.value=[],this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}deleteSelected(){let t=(this.value??[]).filter(r=>!this.selected.has(r));this.selected=new Set,this.value=t,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}toggleSelected(e,t){let r=new Set(this.selected);t?r.add(e):r.delete(e),this.selected=r}toggleSelectAll(e){this.selected=e?new Set(this.value??[]):new Set}openFile(e){window.open(this.getObjectUrl(e),"_blank","noopener")}handleItemKeydown(e,t){if(!this.disabled){if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.openFile(t);return}(e.key==="Delete"||e.key==="Backspace")&&(e.preventDefault(),this.removeFile(t))}}getFileIcon(e){return e.type==="application/pdf"?"picture_as_pdf":e.type.startsWith("image/")?"image":"insert_drive_file"}formatBytes(e){if(e<1024)return`${e} B`;let t=["KB","MB","GB","TB"],r=e/1024,o=0;for(;r>=1024&&o<t.length-1;)r/=1024,o+=1;let a=o===0||r>=10?0:1;return`${r.toFixed(a)} ${t[o]}`}renderDropzone(e,t){return d`
       <label
         id="dropzone"
         aria-disabled=${e?"true":"false"}
-        @click=${i=>{this.readonly&&i.preventDefault()}}
+        @click=${r=>{this.readonly&&r.preventDefault()}}
       >
         <eun-icon id="drop-icon" name="cloud_upload" size="24"></eun-icon>
         <span class="drop-label"
@@ -290,7 +291,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
           ?multiple=${this.multiple}
           ?disabled=${e}
           aria-label=${m(this.label)}
-          aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+          aria-invalid=${this.showError}
           aria-describedby=${t?"description":b}
           @change=${this.handleNativeChange}
         />
@@ -302,7 +303,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
         tabindex=${this.disabled?"-1":"0"}
         aria-label="${e.name} — ${this.ariaLabelOpen}"
         @click=${()=>!this.disabled&&this.openFile(e)}
-        @keydown=${i=>this.handleItemKeydown(i,e)}
+        @keydown=${r=>this.handleItemKeydown(r,e)}
       >
         ${p(this.selectable,()=>d`
             <input
@@ -311,8 +312,8 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
               aria-label="${this.ariaLabelSelect} ${e.name}"
               .checked=${t}
               ?disabled=${this.disabled||this.readonly}
-              @click=${i=>i.stopPropagation()}
-              @change=${i=>this.toggleSelected(e,i.target.checked)}
+              @click=${r=>r.stopPropagation()}
+              @change=${r=>this.toggleSelected(e,r.target.checked)}
             />
           `)}
         ${this.kind==="image"?d`<img src=${this.getObjectUrl(e)} alt="" />`:d`
@@ -331,16 +332,16 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
           class="item-remove"
           aria-label="${this.ariaLabelRemove} ${e.name}"
           ?disabled=${this.disabled||this.readonly}
-          @click=${i=>{i.stopPropagation(),this.removeFile(e)}}
+          @click=${r=>{r.stopPropagation(),this.removeFile(e)}}
         >
           <eun-icon name="close" size="14"></eun-icon>
         </button>
       </div>
-    `}render(){let e=this.renderDescription(),t=this.value??[],i=this.multiple||t.length===0,o=this.multiple&&this.maxFiles!=null&&t.length>=this.maxFiles,a=t.length>0&&this.selected.size===t.length;return d`
+    `}render(){let e=this.renderDescription(),t=this.value??[],r=this.multiple||t.length===0,o=this.multiple&&this.maxFiles!=null&&t.length>=this.maxFiles,a=t.length>0&&this.selected.size===t.length;return d`
       <div id="wrapper">
         ${this.renderFormLabels("field")}
         <div id="content">
-          ${p(i,()=>this.renderDropzone(this.disabled||o,e!==b))}
+          ${p(r,()=>this.renderDropzone(this.disabled||o,e!==b))}
           ${p(t.length>0,()=>d`
               <div id="header">
                 <span aria-live="polite"
@@ -386,4 +387,4 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
         </div>
         ${e}
       </div>
-    `}};r.styles=[R,h.base,h.errorMessages,h.hintMessages],s([l({reflect:!0})],r.prototype,"kind",2),s([l()],r.prototype,"accept",2),s([l({type:Boolean,reflect:!0})],r.prototype,"multiple",2),s([l({type:Number,attribute:"max-size"})],r.prototype,"maxSize",2),s([l({type:Number,attribute:"max-files"})],r.prototype,"maxFiles",2),s([l({type:Boolean,reflect:!0})],r.prototype,"selectable",2),s([l({attribute:"drop-label"})],r.prototype,"dropLabel",2),s([l({attribute:"browse-label"})],r.prototype,"browseLabel",2),s([l({attribute:"aria-label-remove"})],r.prototype,"ariaLabelRemove",2),s([l({attribute:"aria-label-select"})],r.prototype,"ariaLabelSelect",2),s([l({attribute:"remove-all-label"})],r.prototype,"removeAllLabel",2),s([l({attribute:"select-all-label"})],r.prototype,"selectAllLabel",2),s([l({attribute:"delete-selected-label"})],r.prototype,"deleteSelectedLabel",2),s([l({attribute:"aria-label-open"})],r.prototype,"ariaLabelOpen",2),s([l({type:Boolean,reflect:!0})],r.prototype,"dragging",2),s([w()],r.prototype,"selected",2),s([F("#field")],r.prototype,"fieldEl",2),r=s([y(D)],r);export{r as EunomiaInputFile,D as EunomiaInputFileTagName};
+    `}};i.styles=[R,h.base,h.errorMessages,h.hintMessages],s([l({reflect:!0})],i.prototype,"kind",2),s([l()],i.prototype,"accept",2),s([l({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([l({type:Number,attribute:"max-size"})],i.prototype,"maxSize",2),s([l({type:Number,attribute:"max-files"})],i.prototype,"maxFiles",2),s([l({type:Boolean,reflect:!0})],i.prototype,"selectable",2),s([l({attribute:"drop-label"})],i.prototype,"dropLabel",2),s([l({attribute:"browse-label"})],i.prototype,"browseLabel",2),s([l({attribute:"aria-label-remove"})],i.prototype,"ariaLabelRemove",2),s([l({attribute:"aria-label-select"})],i.prototype,"ariaLabelSelect",2),s([l({attribute:"remove-all-label"})],i.prototype,"removeAllLabel",2),s([l({attribute:"select-all-label"})],i.prototype,"selectAllLabel",2),s([l({attribute:"delete-selected-label"})],i.prototype,"deleteSelectedLabel",2),s([l({attribute:"aria-label-open"})],i.prototype,"ariaLabelOpen",2),s([l({type:Boolean,reflect:!0})],i.prototype,"dragging",2),s([w()],i.prototype,"selected",2),s([F("#field")],i.prototype,"fieldEl",2),i=s([y(D)],i);export{i as EunomiaInputFile,D as EunomiaInputFileTagName};

package/dist/cdn/components/eun-input-phone.js

@@ -1,4 +1,4 @@
-import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunks/chunk-LK5BJ4SH.js";import{a as k}from"./chunks/chunk-UAGCQF23.js";import{a as f}from"./chunks/chunk-LYYQAALT.js";import{a as I}from"./chunks/chunk-XSMCT4DF.js";import{a as F}from"./chunks/chunk-GW3VP2L7.js";import{a as $,c as O,d as G,e as L}from"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as R}from"./chunks/chunk-T7WABJEJ.js";import{a as N}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import{a as l,f as A,g as S,h as r,i as c,j as u,n as s,p as h,s as E}from"./chunks/chunk-XH6NREVZ.js";var Y=S`
+import{a as K,b as U}from"./chunks/chunk-MOMYII3P.js";import{a as k}from"./chunks/chunk-LK5BJ4SH.js";import{a as H}from"./chunks/chunk-UYZR4JXZ.js";import{b as W,c as x}from"./chunks/chunk-624VJYNA.js";import{a as f}from"./chunks/chunk-LYYQAALT.js";import{a as F}from"./chunks/chunk-4PI6RDUS.js";import{a as B}from"./chunks/chunk-BO3JOEWM.js";import{c as O,d as G,e as I,f as L}from"./chunks/chunk-VOTRXBDS.js";import{a as m}from"./chunks/chunk-YYCEPZUN.js";import{a as $}from"./chunks/chunk-RS7TWEMQ.js";import"./chunks/chunk-PPCHQG7P.js";import{a as R}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a,f as S,h as E,j as r,k as c,l as p,p as s,r as h,u as N}from"./chunks/chunk-YITWLCD3.js";var z=E`
   :host {
     display: block;
     width: 100%;
@@ -25,8 +25,8 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
     color: var(--_iconColor);
     cursor: pointer;
     transition:
-      border-color 0.15s ease,
-      outline-color 0.15s ease;
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
   :host(:not([aria-readonly="true"])) #country-trigger:focus-visible {
     z-index: 1;
@@ -56,8 +56,8 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
     outline: 1px solid transparent;
     box-sizing: border-box;
     transition:
-      border-color 0.15s ease,
-      outline-color 0.15s ease;
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
   :host([hide-country-selector]) #field-wrapper {
     margin-inline-start: 0;
@@ -102,41 +102,41 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
     #field-wrapper:focus-within {
     outline-color: var(--_errorColor);
   }
-  :host([variant="fill"]) {
+  :host([appearance="flat"]) {
     --_background: var(--field-background, var(--eun-content-hover, #edeff0));
   }
-  :host([variant="fill"]:not(:hover)) #country-trigger:not(:focus-visible),
-  :host([variant="fill"]:not(:hover)) #field-wrapper:not(:focus-within) {
+  :host([appearance="flat"]:not(:hover)) #country-trigger:not(:focus-visible),
+  :host([appearance="flat"]:not(:hover)) #field-wrapper:not(:focus-within) {
     border-color: transparent;
   }
-  :host([variant="fill"]) #country-trigger {
+  :host([appearance="flat"]) #country-trigger {
     border-inline-end: var(--eun-border-width-s, 1px) solid
       var(--eun-border-color, #dee0e7);
   }
-  :host([variant="fill"])
+  :host([appearance="flat"])
     #phone-group:has(#phone-field[aria-invalid="true"])
     #country-trigger,
-  :host([variant="fill"])
+  :host([appearance="flat"])
     #phone-group:has(#phone-field[aria-invalid="true"])
     #field-wrapper {
     border-color: var(--_errorColor);
   }
-  :host([variant="underline"]) #country-trigger,
-  :host([variant="underline"]) #field-wrapper {
+  :host([appearance="underline"]) #country-trigger,
+  :host([appearance="underline"]) #field-wrapper {
     border: none;
     outline: none;
     border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: 0;
   }
-  :host([variant="underline"]) #country-trigger {
+  :host([appearance="underline"]) #country-trigger {
     border-inline-end: var(--eun-border-width-s, 1px) solid
       var(--eun-border-color, #dee0e7);
   }
-  :host([variant="underline"]) #field-wrapper {
+  :host([appearance="underline"]) #field-wrapper {
     margin-inline-start: 0;
   }
-  :host([variant="underline"]) #country-trigger:focus-visible,
-  :host([variant="underline"]) #field-wrapper:focus-within {
+  :host([appearance="underline"]) #country-trigger:focus-visible,
+  :host([appearance="underline"]) #field-wrapper:focus-within {
     outline: none;
   }
   .dial-code-prefix {
@@ -192,7 +192,7 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
   .country-dial-code {
     color: var(--_placeholderColor);
   }
-`,K=[k,H,...f?[]:[V],Y];var p=[{iso:"AD",dialCode:"376",nationalLength:6},{iso:"AE",dialCode:"971",nationalLength:9},{iso:"AF",dialCode:"93",nationalLength:9},{iso:"AG",dialCode:"1268",nationalLength:7},{iso:"AI",dialCode:"1264",nationalLength:7},{iso:"AL",dialCode:"355",nationalLength:9},{iso:"AM",dialCode:"374",nationalLength:8},{iso:"AO",dialCode:"244",nationalLength:9},{iso:"AR",dialCode:"54",nationalLength:10},{iso:"AS",dialCode:"1684",nationalLength:7},{iso:"AT",dialCode:"43",nationalLength:11},{iso:"AU",dialCode:"61",nationalLength:9},{iso:"AW",dialCode:"297",nationalLength:7},{iso:"AZ",dialCode:"994",nationalLength:9},{iso:"BA",dialCode:"387",nationalLength:8},{iso:"BB",dialCode:"1246",nationalLength:7},{iso:"BD",dialCode:"880",nationalLength:10},{iso:"BE",dialCode:"32",nationalLength:9},{iso:"BF",dialCode:"226",nationalLength:8},{iso:"BG",dialCode:"359",nationalLength:9},{iso:"BH",dialCode:"973",nationalLength:8},{iso:"BI",dialCode:"257",nationalLength:8},{iso:"BJ",dialCode:"229",nationalLength:8},{iso:"BN",dialCode:"673",nationalLength:7},{iso:"BO",dialCode:"591",nationalLength:8},{iso:"BR",dialCode:"55",nationalLength:11},{iso:"BS",dialCode:"1242",nationalLength:7},{iso:"BT",dialCode:"975",nationalLength:8},{iso:"BW",dialCode:"267",nationalLength:8},{iso:"BY",dialCode:"375",nationalLength:9},{iso:"BZ",dialCode:"501",nationalLength:7},{iso:"CA",dialCode:"1",nationalLength:10},{iso:"CD",dialCode:"243",nationalLength:9},{iso:"CF",dialCode:"236",nationalLength:8},{iso:"CG",dialCode:"242",nationalLength:9},{iso:"CH",dialCode:"41",nationalLength:9},{iso:"CI",dialCode:"225",nationalLength:10},{iso:"CK",dialCode:"682",nationalLength:5},{iso:"CL",dialCode:"56",nationalLength:9},{iso:"CM",dialCode:"237",nationalLength:9},{iso:"CN",dialCode:"86",nationalLength:11},{iso:"CO",dialCode:"57",nationalLength:10},{iso:"CR",dialCode:"506",nationalLength:8},{iso:"CU",dialCode:"53",nationalLength:8},{iso:"CV",dialCode:"238",nationalLength:7},{iso:"CY",dialCode:"357",nationalLength:8},{iso:"CZ",dialCode:"420",nationalLength:9},{iso:"DE",dialCode:"49",nationalLength:11},{iso:"DJ",dialCode:"253",nationalLength:8},{iso:"DK",dialCode:"45",nationalLength:8},{iso:"DM",dialCode:"1767",nationalLength:7},{iso:"DO",dialCode:"1809",nationalLength:7},{iso:"DZ",dialCode:"213",nationalLength:9},{iso:"EC",dialCode:"593",nationalLength:9},{iso:"EE",dialCode:"372",nationalLength:8},{iso:"EG",dialCode:"20",nationalLength:10},{iso:"ER",dialCode:"291",nationalLength:7},{iso:"ES",dialCode:"34",nationalLength:9},{iso:"ET",dialCode:"251",nationalLength:9},{iso:"FI",dialCode:"358",nationalLength:10},{iso:"FJ",dialCode:"679",nationalLength:7},{iso:"FM",dialCode:"691",nationalLength:7},{iso:"FO",dialCode:"298",nationalLength:6},{iso:"FR",dialCode:"33",nationalLength:9},{iso:"GA",dialCode:"241",nationalLength:8},{iso:"GB",dialCode:"44",nationalLength:10},{iso:"GD",dialCode:"1473",nationalLength:7},{iso:"GE",dialCode:"995",nationalLength:9},{iso:"GF",dialCode:"594",nationalLength:9},{iso:"GH",dialCode:"233",nationalLength:9},{iso:"GI",dialCode:"350",nationalLength:8},{iso:"GL",dialCode:"299",nationalLength:6},{iso:"GM",dialCode:"220",nationalLength:7},{iso:"GN",dialCode:"224",nationalLength:9},{iso:"GP",dialCode:"590",nationalLength:9},{iso:"GQ",dialCode:"240",nationalLength:9},{iso:"GR",dialCode:"30",nationalLength:10},{iso:"GT",dialCode:"502",nationalLength:8},{iso:"GU",dialCode:"1671",nationalLength:7},{iso:"GW",dialCode:"245",nationalLength:7},{iso:"GY",dialCode:"592",nationalLength:7},{iso:"HK",dialCode:"852",nationalLength:8},{iso:"HN",dialCode:"504",nationalLength:8},{iso:"HR",dialCode:"385",nationalLength:9},{iso:"HT",dialCode:"509",nationalLength:8},{iso:"HU",dialCode:"36",nationalLength:9},{iso:"ID",dialCode:"62",nationalLength:11},{iso:"IE",dialCode:"353",nationalLength:9},{iso:"IL",dialCode:"972",nationalLength:9},{iso:"IN",dialCode:"91",nationalLength:10},{iso:"IQ",dialCode:"964",nationalLength:10},{iso:"IR",dialCode:"98",nationalLength:10},{iso:"IS",dialCode:"354",nationalLength:7},{iso:"IT",dialCode:"39",nationalLength:10},{iso:"JM",dialCode:"1876",nationalLength:7},{iso:"JO",dialCode:"962",nationalLength:9},{iso:"JP",dialCode:"81",nationalLength:10},{iso:"KE",dialCode:"254",nationalLength:9},{iso:"KG",dialCode:"996",nationalLength:9},{iso:"KH",dialCode:"855",nationalLength:9},{iso:"KI",dialCode:"686",nationalLength:5},{iso:"KM",dialCode:"269",nationalLength:7},{iso:"KN",dialCode:"1869",nationalLength:7},{iso:"KP",dialCode:"850",nationalLength:10},{iso:"KR",dialCode:"82",nationalLength:10},{iso:"KW",dialCode:"965",nationalLength:8},{iso:"KY",dialCode:"1345",nationalLength:7},{iso:"KZ",dialCode:"7",nationalLength:10},{iso:"LA",dialCode:"856",nationalLength:9},{iso:"LB",dialCode:"961",nationalLength:8},{iso:"LC",dialCode:"1758",nationalLength:7},{iso:"LI",dialCode:"423",nationalLength:7},{iso:"LK",dialCode:"94",nationalLength:9},{iso:"LR",dialCode:"231",nationalLength:8},{iso:"LS",dialCode:"266",nationalLength:8},{iso:"LT",dialCode:"370",nationalLength:8},{iso:"LU",dialCode:"352",nationalLength:9},{iso:"LV",dialCode:"371",nationalLength:8},{iso:"LY",dialCode:"218",nationalLength:9},{iso:"MA",dialCode:"212",nationalLength:9},{iso:"MC",dialCode:"377",nationalLength:8},{iso:"MD",dialCode:"373",nationalLength:8},{iso:"ME",dialCode:"382",nationalLength:8},{iso:"MG",dialCode:"261",nationalLength:9},{iso:"MH",dialCode:"692",nationalLength:7},{iso:"MK",dialCode:"389",nationalLength:8},{iso:"ML",dialCode:"223",nationalLength:8},{iso:"MM",dialCode:"95",nationalLength:9},{iso:"MN",dialCode:"976",nationalLength:8},{iso:"MO",dialCode:"853",nationalLength:8},{iso:"MQ",dialCode:"596",nationalLength:9},{iso:"MR",dialCode:"222",nationalLength:8},{iso:"MT",dialCode:"356",nationalLength:8},{iso:"MU",dialCode:"230",nationalLength:8},{iso:"MV",dialCode:"960",nationalLength:7},{iso:"MW",dialCode:"265",nationalLength:9},{iso:"MX",dialCode:"52",nationalLength:10},{iso:"MY",dialCode:"60",nationalLength:9},{iso:"MZ",dialCode:"258",nationalLength:9},{iso:"NA",dialCode:"264",nationalLength:9},{iso:"NC",dialCode:"687",nationalLength:6},{iso:"NE",dialCode:"227",nationalLength:8},{iso:"NG",dialCode:"234",nationalLength:10},{iso:"NI",dialCode:"505",nationalLength:8},{iso:"NL",dialCode:"31",nationalLength:9},{iso:"NO",dialCode:"47",nationalLength:8},{iso:"NP",dialCode:"977",nationalLength:10},{iso:"NR",dialCode:"674",nationalLength:7},{iso:"NU",dialCode:"683",nationalLength:4},{iso:"NZ",dialCode:"64",nationalLength:9},{iso:"OM",dialCode:"968",nationalLength:8},{iso:"PA",dialCode:"507",nationalLength:8},{iso:"PE",dialCode:"51",nationalLength:9},{iso:"PF",dialCode:"689",nationalLength:6},{iso:"PG",dialCode:"675",nationalLength:8},{iso:"PH",dialCode:"63",nationalLength:10},{iso:"PK",dialCode:"92",nationalLength:10},{iso:"PL",dialCode:"48",nationalLength:9},{iso:"PM",dialCode:"508",nationalLength:6},{iso:"PR",dialCode:"1787",nationalLength:7},{iso:"PS",dialCode:"970",nationalLength:9},{iso:"PT",dialCode:"351",nationalLength:9},{iso:"PW",dialCode:"680",nationalLength:7},{iso:"PY",dialCode:"595",nationalLength:9},{iso:"QA",dialCode:"974",nationalLength:8},{iso:"RE",dialCode:"262",nationalLength:9},{iso:"RO",dialCode:"40",nationalLength:9},{iso:"RS",dialCode:"381",nationalLength:9},{iso:"RU",dialCode:"7",nationalLength:10},{iso:"RW",dialCode:"250",nationalLength:9},{iso:"SA",dialCode:"966",nationalLength:9},{iso:"SB",dialCode:"677",nationalLength:7},{iso:"SC",dialCode:"248",nationalLength:7},{iso:"SD",dialCode:"249",nationalLength:9},{iso:"SE",dialCode:"46",nationalLength:9},{iso:"SG",dialCode:"65",nationalLength:8},{iso:"SI",dialCode:"386",nationalLength:8},{iso:"SK",dialCode:"421",nationalLength:9},{iso:"SL",dialCode:"232",nationalLength:8},{iso:"SM",dialCode:"378",nationalLength:10},{iso:"SN",dialCode:"221",nationalLength:9},{iso:"SO",dialCode:"252",nationalLength:8},{iso:"SR",dialCode:"597",nationalLength:7},{iso:"SS",dialCode:"211",nationalLength:9},{iso:"ST",dialCode:"239",nationalLength:7},{iso:"SV",dialCode:"503",nationalLength:8},{iso:"SY",dialCode:"963",nationalLength:9},{iso:"SZ",dialCode:"268",nationalLength:8},{iso:"TC",dialCode:"1649",nationalLength:7},{iso:"TD",dialCode:"235",nationalLength:8},{iso:"TG",dialCode:"228",nationalLength:8},{iso:"TH",dialCode:"66",nationalLength:9},{iso:"TJ",dialCode:"992",nationalLength:9},{iso:"TL",dialCode:"670",nationalLength:8},{iso:"TM",dialCode:"993",nationalLength:8},{iso:"TN",dialCode:"216",nationalLength:8},{iso:"TO",dialCode:"676",nationalLength:7},{iso:"TR",dialCode:"90",nationalLength:10},{iso:"TT",dialCode:"1868",nationalLength:7},{iso:"TV",dialCode:"688",nationalLength:6},{iso:"TW",dialCode:"886",nationalLength:9},{iso:"TZ",dialCode:"255",nationalLength:9},{iso:"UA",dialCode:"380",nationalLength:9},{iso:"UG",dialCode:"256",nationalLength:9},{iso:"US",dialCode:"1",nationalLength:10},{iso:"UY",dialCode:"598",nationalLength:8},{iso:"UZ",dialCode:"998",nationalLength:9},{iso:"VA",dialCode:"379",nationalLength:10},{iso:"VC",dialCode:"1784",nationalLength:7},{iso:"VE",dialCode:"58",nationalLength:10},{iso:"VG",dialCode:"1284",nationalLength:7},{iso:"VI",dialCode:"1340",nationalLength:7},{iso:"VN",dialCode:"84",nationalLength:10},{iso:"VU",dialCode:"678",nationalLength:7},{iso:"WF",dialCode:"681",nationalLength:6},{iso:"WS",dialCode:"685",nationalLength:7},{iso:"YE",dialCode:"967",nationalLength:9},{iso:"YT",dialCode:"262",nationalLength:9},{iso:"ZA",dialCode:"27",nationalLength:9},{iso:"ZM",dialCode:"260",nationalLength:9},{iso:"ZW",dialCode:"263",nationalLength:9}];function C(t){return p.find(a=>a.iso===t)?.dialCode}function m(t){return p.find(a=>a.iso===t)?.nationalLength}function w(t){if(!t||t.length!==2)return"";let a=[...t.toUpperCase()].map(i=>127462+(i.charCodeAt(0)-65));return String.fromCodePoint(...a)}var W=new Map;function D(t,a="en"){try{let i=W.get(a);return i||(i=new Intl.DisplayNames([a],{type:"region"}),W.set(a,i)),i.of(t)??t}catch{return t}}function v(t){return t.replace(/^0/,"")}function b(t){if(!t)return"";let a=[],i=0;for(t.length%2===1&&(a.push(t.slice(0,1)),i=1);i<t.length;i+=2)a.push(t.slice(i,i+2));return a.join(" ")}function y(t,a){let i=C(t);return!i||!a?"":`+${i}${a}`}function U(t,a){let i=a.replace(/\D/g,""),e=C(t);return e&&i.startsWith(e)?i.slice(e.length):i}var Z="eun-input-phone",z="\u{1F310}",Q="123456789",J=100,q=R(G(E)),j=B(I(F($(O(q))))),o=class extends j{constructor(){super(...arguments);this.hideCountrySelector=!1;this.hideDialCode=!1;this.countrySearchPlaceholder="Search a country\u2026";this.noResultsLabel="No results";this.ariaLabelCountrySelector="Select a country";this.nationalDigits="";this.countryQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleTriggerPointerDown=()=>{this.triggerPointerDownAt=performance.now()};this.handlePopoverToggle=i=>{if(i.newState==="open"){this.isOpen=!0,this.phoneGroupEl&&this.listboxEl&&this.anchorFloatingElement(this.phoneGroupEl,this.listboxEl,{forceFallback:f}),this.observeAnchorVisibility(this.phoneGroupEl,()=>this.closeListbox());return}if(this.triggerPointerDownAt!==void 0&&performance.now()-this.triggerPointerDownAt<J){this.triggerPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.countryQuery="",this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()}}connectedCallback(){super.connectedCallback?.(),!this.country&&this.defaultCountry&&(this.country=this.defaultCountry),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}get availableCountries(){let i=Array.from(this.querySelectorAll(":scope > option"));return i.length?i.map(e=>e.value.toUpperCase()).map(e=>p.find(n=>n.iso===e)).filter(e=>!!e):p}get filteredCountries(){let i=this.availableCountries,e=this.countryQuery.trim().toLowerCase();return e?i.filter(({iso:n,dialCode:d})=>D(n,this.locale).toLowerCase().includes(e)||d.includes(e)):i}updated(i){super.updated(i),i.has("value")&&y(this.country,v(this.nationalDigits))!==this.value&&(this.nationalDigits=this.value?U(this.country,this.value):""),i.has("highlightedIndex")&&this.listboxEl?.querySelector(`#listbox-option-${this.highlightedIndex}`)?.scrollIntoView({block:"nearest"})}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.triggerPointerDownAt=void 0;return}let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")||i?.showPopover(),i&&this.playListboxOpenAnimation(i),this.countrySearchEl?.focus()}static listboxAnimationDuration(i){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let e=getComputedStyle(i).getPropertyValue("--field-listbox-transition-duration").trim();if(e){let n=e.endsWith("ms")?Number.parseFloat(e):Number.parseFloat(e)*1e3;if(Number.isFinite(n)&&n>=0)return n}return 200}playListboxOpenAnimation(i){i.style.removeProperty("pointer-events");let e=o.listboxAnimationDuration(i);e!==0&&(this.listboxAnimation=i.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:e,easing:"ease",fill:"forwards"}))}closeListbox(){let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")&&this.playListboxCloseAnimation(i)}playListboxCloseAnimation(i){i.style.pointerEvents="none";let e=o.listboxAnimationDuration(i);if(e===0){i.hidePopover();return}let n=i.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:e,easing:"ease",fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),i.hidePopover()}).catch(()=>{})}handleTriggerClick(){this.isOpen||this.openListbox()}handlePhoneInput(i){let e=i.target,n=e.value.replace(/\D/g,""),d=n.startsWith("0"),g=v(n),_=C(this.country)?.length??0,P=m(this.country)??Math.max(0,15-_),M=g.slice(0,P);this.nationalDigits=(d?"0":"")+M;let T=b(this.nationalDigits);e.value!==T&&(e.value=T),this.value=y(this.country,M),this.dispatchEvent(new x(this.value))}handleCountrySearchInput(i){this.countryQuery=i.target.value,this.highlightedIndex=-1}handleCountrySelect(i){this.country=i;let e=this.nationalDigits.startsWith("0"),n=v(this.nationalDigits),d=m(i)??n.length,g=n.slice(0,d);this.nationalDigits=(e?"0":"")+g,this.value=y(this.country,g),this.dispatchEvent(new x(this.value)),this.closeListbox(),this.fieldEl?.focus()}handleCountryKeydown(i){switch(i.key){case"ArrowDown":{i.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredCountries.length-1);break}case"ArrowUp":{i.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0);break}case"Enter":{i.preventDefault();let e=this.filteredCountries[this.highlightedIndex];e&&this.handleCountrySelect(e.iso);break}default:break}}get effectivePlaceholder(){return this.placeholder??`(0) ${b(Q)}`}renderDialCodePrefix(){let i=C(this.country);return this.hideDialCode||!i?h:s`<span class="dial-code-prefix" aria-hidden="true"
+`,_=[H,K,...f?[]:[U],z];var u=[{iso:"AD",dialCode:"376",nationalLength:6},{iso:"AE",dialCode:"971",nationalLength:9},{iso:"AF",dialCode:"93",nationalLength:9},{iso:"AG",dialCode:"1268",nationalLength:7},{iso:"AI",dialCode:"1264",nationalLength:7},{iso:"AL",dialCode:"355",nationalLength:9},{iso:"AM",dialCode:"374",nationalLength:8},{iso:"AO",dialCode:"244",nationalLength:9},{iso:"AR",dialCode:"54",nationalLength:10},{iso:"AS",dialCode:"1684",nationalLength:7},{iso:"AT",dialCode:"43",nationalLength:11},{iso:"AU",dialCode:"61",nationalLength:9},{iso:"AW",dialCode:"297",nationalLength:7},{iso:"AZ",dialCode:"994",nationalLength:9},{iso:"BA",dialCode:"387",nationalLength:8},{iso:"BB",dialCode:"1246",nationalLength:7},{iso:"BD",dialCode:"880",nationalLength:10},{iso:"BE",dialCode:"32",nationalLength:9},{iso:"BF",dialCode:"226",nationalLength:8},{iso:"BG",dialCode:"359",nationalLength:9},{iso:"BH",dialCode:"973",nationalLength:8},{iso:"BI",dialCode:"257",nationalLength:8},{iso:"BJ",dialCode:"229",nationalLength:8},{iso:"BN",dialCode:"673",nationalLength:7},{iso:"BO",dialCode:"591",nationalLength:8},{iso:"BR",dialCode:"55",nationalLength:11},{iso:"BS",dialCode:"1242",nationalLength:7},{iso:"BT",dialCode:"975",nationalLength:8},{iso:"BW",dialCode:"267",nationalLength:8},{iso:"BY",dialCode:"375",nationalLength:9},{iso:"BZ",dialCode:"501",nationalLength:7},{iso:"CA",dialCode:"1",nationalLength:10},{iso:"CD",dialCode:"243",nationalLength:9},{iso:"CF",dialCode:"236",nationalLength:8},{iso:"CG",dialCode:"242",nationalLength:9},{iso:"CH",dialCode:"41",nationalLength:9},{iso:"CI",dialCode:"225",nationalLength:10},{iso:"CK",dialCode:"682",nationalLength:5},{iso:"CL",dialCode:"56",nationalLength:9},{iso:"CM",dialCode:"237",nationalLength:9},{iso:"CN",dialCode:"86",nationalLength:11},{iso:"CO",dialCode:"57",nationalLength:10},{iso:"CR",dialCode:"506",nationalLength:8},{iso:"CU",dialCode:"53",nationalLength:8},{iso:"CV",dialCode:"238",nationalLength:7},{iso:"CY",dialCode:"357",nationalLength:8},{iso:"CZ",dialCode:"420",nationalLength:9},{iso:"DE",dialCode:"49",nationalLength:11},{iso:"DJ",dialCode:"253",nationalLength:8},{iso:"DK",dialCode:"45",nationalLength:8},{iso:"DM",dialCode:"1767",nationalLength:7},{iso:"DO",dialCode:"1809",nationalLength:7},{iso:"DZ",dialCode:"213",nationalLength:9},{iso:"EC",dialCode:"593",nationalLength:9},{iso:"EE",dialCode:"372",nationalLength:8},{iso:"EG",dialCode:"20",nationalLength:10},{iso:"ER",dialCode:"291",nationalLength:7},{iso:"ES",dialCode:"34",nationalLength:9},{iso:"ET",dialCode:"251",nationalLength:9},{iso:"FI",dialCode:"358",nationalLength:10},{iso:"FJ",dialCode:"679",nationalLength:7},{iso:"FM",dialCode:"691",nationalLength:7},{iso:"FO",dialCode:"298",nationalLength:6},{iso:"FR",dialCode:"33",nationalLength:9},{iso:"GA",dialCode:"241",nationalLength:8},{iso:"GB",dialCode:"44",nationalLength:10},{iso:"GD",dialCode:"1473",nationalLength:7},{iso:"GE",dialCode:"995",nationalLength:9},{iso:"GF",dialCode:"594",nationalLength:9},{iso:"GH",dialCode:"233",nationalLength:9},{iso:"GI",dialCode:"350",nationalLength:8},{iso:"GL",dialCode:"299",nationalLength:6},{iso:"GM",dialCode:"220",nationalLength:7},{iso:"GN",dialCode:"224",nationalLength:9},{iso:"GP",dialCode:"590",nationalLength:9},{iso:"GQ",dialCode:"240",nationalLength:9},{iso:"GR",dialCode:"30",nationalLength:10},{iso:"GT",dialCode:"502",nationalLength:8},{iso:"GU",dialCode:"1671",nationalLength:7},{iso:"GW",dialCode:"245",nationalLength:7},{iso:"GY",dialCode:"592",nationalLength:7},{iso:"HK",dialCode:"852",nationalLength:8},{iso:"HN",dialCode:"504",nationalLength:8},{iso:"HR",dialCode:"385",nationalLength:9},{iso:"HT",dialCode:"509",nationalLength:8},{iso:"HU",dialCode:"36",nationalLength:9},{iso:"ID",dialCode:"62",nationalLength:11},{iso:"IE",dialCode:"353",nationalLength:9},{iso:"IL",dialCode:"972",nationalLength:9},{iso:"IN",dialCode:"91",nationalLength:10},{iso:"IQ",dialCode:"964",nationalLength:10},{iso:"IR",dialCode:"98",nationalLength:10},{iso:"IS",dialCode:"354",nationalLength:7},{iso:"IT",dialCode:"39",nationalLength:10},{iso:"JM",dialCode:"1876",nationalLength:7},{iso:"JO",dialCode:"962",nationalLength:9},{iso:"JP",dialCode:"81",nationalLength:10},{iso:"KE",dialCode:"254",nationalLength:9},{iso:"KG",dialCode:"996",nationalLength:9},{iso:"KH",dialCode:"855",nationalLength:9},{iso:"KI",dialCode:"686",nationalLength:5},{iso:"KM",dialCode:"269",nationalLength:7},{iso:"KN",dialCode:"1869",nationalLength:7},{iso:"KP",dialCode:"850",nationalLength:10},{iso:"KR",dialCode:"82",nationalLength:10},{iso:"KW",dialCode:"965",nationalLength:8},{iso:"KY",dialCode:"1345",nationalLength:7},{iso:"KZ",dialCode:"7",nationalLength:10},{iso:"LA",dialCode:"856",nationalLength:9},{iso:"LB",dialCode:"961",nationalLength:8},{iso:"LC",dialCode:"1758",nationalLength:7},{iso:"LI",dialCode:"423",nationalLength:7},{iso:"LK",dialCode:"94",nationalLength:9},{iso:"LR",dialCode:"231",nationalLength:8},{iso:"LS",dialCode:"266",nationalLength:8},{iso:"LT",dialCode:"370",nationalLength:8},{iso:"LU",dialCode:"352",nationalLength:9},{iso:"LV",dialCode:"371",nationalLength:8},{iso:"LY",dialCode:"218",nationalLength:9},{iso:"MA",dialCode:"212",nationalLength:9},{iso:"MC",dialCode:"377",nationalLength:8},{iso:"MD",dialCode:"373",nationalLength:8},{iso:"ME",dialCode:"382",nationalLength:8},{iso:"MG",dialCode:"261",nationalLength:9},{iso:"MH",dialCode:"692",nationalLength:7},{iso:"MK",dialCode:"389",nationalLength:8},{iso:"ML",dialCode:"223",nationalLength:8},{iso:"MM",dialCode:"95",nationalLength:9},{iso:"MN",dialCode:"976",nationalLength:8},{iso:"MO",dialCode:"853",nationalLength:8},{iso:"MQ",dialCode:"596",nationalLength:9},{iso:"MR",dialCode:"222",nationalLength:8},{iso:"MT",dialCode:"356",nationalLength:8},{iso:"MU",dialCode:"230",nationalLength:8},{iso:"MV",dialCode:"960",nationalLength:7},{iso:"MW",dialCode:"265",nationalLength:9},{iso:"MX",dialCode:"52",nationalLength:10},{iso:"MY",dialCode:"60",nationalLength:9},{iso:"MZ",dialCode:"258",nationalLength:9},{iso:"NA",dialCode:"264",nationalLength:9},{iso:"NC",dialCode:"687",nationalLength:6},{iso:"NE",dialCode:"227",nationalLength:8},{iso:"NG",dialCode:"234",nationalLength:10},{iso:"NI",dialCode:"505",nationalLength:8},{iso:"NL",dialCode:"31",nationalLength:9},{iso:"NO",dialCode:"47",nationalLength:8},{iso:"NP",dialCode:"977",nationalLength:10},{iso:"NR",dialCode:"674",nationalLength:7},{iso:"NU",dialCode:"683",nationalLength:4},{iso:"NZ",dialCode:"64",nationalLength:9},{iso:"OM",dialCode:"968",nationalLength:8},{iso:"PA",dialCode:"507",nationalLength:8},{iso:"PE",dialCode:"51",nationalLength:9},{iso:"PF",dialCode:"689",nationalLength:6},{iso:"PG",dialCode:"675",nationalLength:8},{iso:"PH",dialCode:"63",nationalLength:10},{iso:"PK",dialCode:"92",nationalLength:10},{iso:"PL",dialCode:"48",nationalLength:9},{iso:"PM",dialCode:"508",nationalLength:6},{iso:"PR",dialCode:"1787",nationalLength:7},{iso:"PS",dialCode:"970",nationalLength:9},{iso:"PT",dialCode:"351",nationalLength:9},{iso:"PW",dialCode:"680",nationalLength:7},{iso:"PY",dialCode:"595",nationalLength:9},{iso:"QA",dialCode:"974",nationalLength:8},{iso:"RE",dialCode:"262",nationalLength:9},{iso:"RO",dialCode:"40",nationalLength:9},{iso:"RS",dialCode:"381",nationalLength:9},{iso:"RU",dialCode:"7",nationalLength:10},{iso:"RW",dialCode:"250",nationalLength:9},{iso:"SA",dialCode:"966",nationalLength:9},{iso:"SB",dialCode:"677",nationalLength:7},{iso:"SC",dialCode:"248",nationalLength:7},{iso:"SD",dialCode:"249",nationalLength:9},{iso:"SE",dialCode:"46",nationalLength:9},{iso:"SG",dialCode:"65",nationalLength:8},{iso:"SI",dialCode:"386",nationalLength:8},{iso:"SK",dialCode:"421",nationalLength:9},{iso:"SL",dialCode:"232",nationalLength:8},{iso:"SM",dialCode:"378",nationalLength:10},{iso:"SN",dialCode:"221",nationalLength:9},{iso:"SO",dialCode:"252",nationalLength:8},{iso:"SR",dialCode:"597",nationalLength:7},{iso:"SS",dialCode:"211",nationalLength:9},{iso:"ST",dialCode:"239",nationalLength:7},{iso:"SV",dialCode:"503",nationalLength:8},{iso:"SY",dialCode:"963",nationalLength:9},{iso:"SZ",dialCode:"268",nationalLength:8},{iso:"TC",dialCode:"1649",nationalLength:7},{iso:"TD",dialCode:"235",nationalLength:8},{iso:"TG",dialCode:"228",nationalLength:8},{iso:"TH",dialCode:"66",nationalLength:9},{iso:"TJ",dialCode:"992",nationalLength:9},{iso:"TL",dialCode:"670",nationalLength:8},{iso:"TM",dialCode:"993",nationalLength:8},{iso:"TN",dialCode:"216",nationalLength:8},{iso:"TO",dialCode:"676",nationalLength:7},{iso:"TR",dialCode:"90",nationalLength:10},{iso:"TT",dialCode:"1868",nationalLength:7},{iso:"TV",dialCode:"688",nationalLength:6},{iso:"TW",dialCode:"886",nationalLength:9},{iso:"TZ",dialCode:"255",nationalLength:9},{iso:"UA",dialCode:"380",nationalLength:9},{iso:"UG",dialCode:"256",nationalLength:9},{iso:"US",dialCode:"1",nationalLength:10},{iso:"UY",dialCode:"598",nationalLength:8},{iso:"UZ",dialCode:"998",nationalLength:9},{iso:"VA",dialCode:"379",nationalLength:10},{iso:"VC",dialCode:"1784",nationalLength:7},{iso:"VE",dialCode:"58",nationalLength:10},{iso:"VG",dialCode:"1284",nationalLength:7},{iso:"VI",dialCode:"1340",nationalLength:7},{iso:"VN",dialCode:"84",nationalLength:10},{iso:"VU",dialCode:"678",nationalLength:7},{iso:"WF",dialCode:"681",nationalLength:6},{iso:"WS",dialCode:"685",nationalLength:7},{iso:"YE",dialCode:"967",nationalLength:9},{iso:"YT",dialCode:"262",nationalLength:9},{iso:"ZA",dialCode:"27",nationalLength:9},{iso:"ZM",dialCode:"260",nationalLength:9},{iso:"ZW",dialCode:"263",nationalLength:9}];function C(n){return u.find(t=>t.iso===n)?.dialCode}function w(n){return u.find(t=>t.iso===n)?.nationalLength}function D(n){if(!n||n.length!==2)return"";let t=[...n.toUpperCase()].map(i=>127462+(i.charCodeAt(0)-65));return String.fromCodePoint(...t)}var V=new Map;function M(n,t="en"){try{let i=V.get(t);return i||(i=new Intl.DisplayNames([t],{type:"region"}),V.set(t,i)),i.of(n)??n}catch{return n}}function v(n){return n.replace(/^0/,"")}function b(n){if(!n)return"";let t=[],i=0;for(n.length%2===1&&(t.push(n.slice(0,1)),i=1);i<n.length;i+=2)t.push(n.slice(i,i+2));return t.join(" ")}function y(n,t){let i=C(n);return!i||!t?"":`+${i}${t}`}function P(n,t){let i=t.replace(/\D/g,""),e=C(n);return e&&i.startsWith(e)?i.slice(e.length):i}var Q="eun-input-phone",J="\u{1F310}",q="123456789",j=100,X=$(I(N)),ii=k(F(B(G(O(X))))),o=class extends ii{constructor(){super(...arguments);this.hideCountrySelector=!1;this.hideDialCode=!1;this.countrySearchPlaceholder="Search a country\u2026";this.noResultsLabel="No results";this.ariaLabelCountrySelector="Select a country";this.nationalDigits="";this.countryQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleTriggerPointerDown=()=>{this.triggerPointerDownAt=performance.now()};this.handlePopoverToggle=i=>{if(i.newState==="open"){this.isOpen=!0,this.phoneGroupEl&&this.listboxEl&&this.anchorFloatingElement(this.phoneGroupEl,this.listboxEl,{forceFallback:f}),this.observeAnchorVisibility(this.phoneGroupEl,()=>this.closeListbox());return}if(this.triggerPointerDownAt!==void 0&&performance.now()-this.triggerPointerDownAt<j){this.triggerPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.countryQuery="",this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()}}connectedCallback(){super.connectedCallback?.(),!this.country&&this.defaultCountry&&(this.country=this.defaultCountry),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}get availableCountries(){let i=Array.from(this.querySelectorAll(":scope > option"));return i.length?i.map(e=>e.value.toUpperCase()).map(e=>u.find(l=>l.iso===e)).filter(e=>!!e):u}get filteredCountries(){let i=this.availableCountries,e=this.countryQuery.trim().toLowerCase();return e?i.filter(({iso:l,dialCode:d})=>M(l,this.locale).toLowerCase().includes(e)||d.includes(e)):i}updated(i){super.updated(i),i.has("value")&&y(this.country,v(this.nationalDigits))!==this.value&&(this.nationalDigits=this.value?P(this.country,this.value):""),i.has("highlightedIndex")&&this.listboxEl?.querySelector(`#listbox-option-${this.highlightedIndex}`)?.scrollIntoView({block:"nearest"})}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.triggerPointerDownAt=void 0;return}let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")||i?.showPopover(),i&&this.playListboxOpenAnimation(i),this.countrySearchEl?.focus()}static listboxAnimationDuration(i){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:W(i,"--field-listbox-transition-duration","m",200)}playListboxOpenAnimation(i){i.style.removeProperty("pointer-events");let e=o.listboxAnimationDuration(i);e!==0&&(this.listboxAnimation=i.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:e,easing:x(i),fill:"forwards"}))}closeListbox(){let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")&&this.playListboxCloseAnimation(i)}playListboxCloseAnimation(i){i.style.pointerEvents="none";let e=o.listboxAnimationDuration(i);if(e===0){i.hidePopover();return}let l=i.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:e,easing:x(i),fill:"forwards"});this.listboxAnimation=l,l.finished.then(()=>{this.listboxAnimation===l&&(this.listboxAnimation=void 0),i.hidePopover()}).catch(()=>{})}handleTriggerClick(){this.isOpen||this.openListbox()}handlePhoneInput(i){let e=i.target,l=e.value.replace(/\D/g,""),d=l.startsWith("0"),g=v(l),Y=C(this.country)?.length??0,Z=w(this.country)??Math.max(0,15-Y),A=g.slice(0,Z);this.nationalDigits=(d?"0":"")+A;let T=b(this.nationalDigits);e.value!==T&&(e.value=T),this.value=y(this.country,A),this.dispatchEvent(new m(this.value))}handleCountrySearchInput(i){this.countryQuery=i.target.value,this.highlightedIndex=-1}handleCountrySelect(i){this.country=i;let e=this.nationalDigits.startsWith("0"),l=v(this.nationalDigits),d=w(i)??l.length,g=l.slice(0,d);this.nationalDigits=(e?"0":"")+g,this.value=y(this.country,g),this.dispatchEvent(new m(this.value)),this.closeListbox(),this.fieldEl?.focus()}handleCountryKeydown(i){switch(i.key){case"ArrowDown":{i.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredCountries.length-1);break}case"ArrowUp":{i.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0);break}case"Enter":{i.preventDefault();let e=this.filteredCountries[this.highlightedIndex];e&&this.handleCountrySelect(e.iso);break}default:break}}get effectivePlaceholder(){return this.placeholder??`(0) ${b(q)}`}renderDialCodePrefix(){let i=C(this.country);return this.hideDialCode||!i?h:s`<span class="dial-code-prefix" aria-hidden="true"
       >+${i}</span
     >`}renderCountryTrigger(){return s`
       <button
@@ -207,7 +207,7 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
         @click=${this.handleTriggerClick}
       >
         <span class="flag" aria-hidden="true"
-          >${w(this.country)||z}</span
+          >${D(this.country)||J}</span
         >
       </button>
     `}renderCountryListbox(){let i=this.isOpen?this.filteredCountries:[];return s`
@@ -229,22 +229,22 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
             @keydown=${this.handleCountryKeydown}
           />
         </li>
-        ${this.isOpen?i.length?i.map(({iso:e,dialCode:n},d)=>s`
+        ${this.isOpen?i.length?i.map(({iso:e,dialCode:l},d)=>s`
                   <li
                     id="listbox-option-${d}"
                     role="option"
                     aria-selected=${e===this.country}
-                    class=${N({highlighted:d===this.highlightedIndex,selected:e===this.country})}
+                    class=${R({highlighted:d===this.highlightedIndex,selected:e===this.country})}
                     @mousedown=${g=>{g.preventDefault(),this.handleCountrySelect(e)}}
                     @mouseenter=${()=>{this.highlightedIndex=d}}
                   >
                     <span class="flag" aria-hidden="true"
-                      >${w(e)}</span
+                      >${D(e)}</span
                     >
                     <span class="country-name"
-                      >${D(e,this.locale)}</span
+                      >${M(e,this.locale)}</span
                     >
-                    <span class="country-dial-code">+${n}</span>
+                    <span class="country-dial-code">+${l}</span>
                   </li>
                 `):s`<li
                 id="listbox-empty"
@@ -271,7 +271,7 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
               ?disabled=${this.disabled}
               ?readonly=${this.readonly}
               aria-describedby=${e?"description":h}
-              aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+              aria-invalid=${this.showError}
               @input=${this.handlePhoneInput}
             />
           </div>
@@ -279,4 +279,4 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
         ${this.hideCountrySelector?h:this.renderCountryListbox()}
         ${i}
       </div>
-    `}};o.styles=[K,L.base,L.errorMessages,L.hintMessages],l([r({reflect:!0})],o.prototype,"country",2),l([r({attribute:"default-country"})],o.prototype,"defaultCountry",2),l([r({type:Boolean,reflect:!0,attribute:"hide-country-selector"})],o.prototype,"hideCountrySelector",2),l([r({type:Boolean,reflect:!0,attribute:"hide-dial-code"})],o.prototype,"hideDialCode",2),l([r()],o.prototype,"placeholder",2),l([r()],o.prototype,"locale",2),l([r({attribute:"country-search-placeholder"})],o.prototype,"countrySearchPlaceholder",2),l([r({attribute:"no-results-label"})],o.prototype,"noResultsLabel",2),l([r({attribute:"aria-label-country-selector"})],o.prototype,"ariaLabelCountrySelector",2),l([c()],o.prototype,"nationalDigits",2),l([c()],o.prototype,"countryQuery",2),l([c()],o.prototype,"isOpen",2),l([c()],o.prototype,"highlightedIndex",2),l([u("#phone-field")],o.prototype,"fieldEl",2),l([u("#phone-group")],o.prototype,"phoneGroupEl",2),l([u("#listbox")],o.prototype,"listboxEl",2),l([u("#country-search")],o.prototype,"countrySearchEl",2),o=l([A(Z)],o);export{o as EunomiaInputPhone,Z as EunomiaInputPhoneTagName};
+    `}};o.styles=[_,L.base,L.errorMessages,L.hintMessages],a([r({reflect:!0})],o.prototype,"country",2),a([r({attribute:"default-country"})],o.prototype,"defaultCountry",2),a([r({type:Boolean,reflect:!0,attribute:"hide-country-selector"})],o.prototype,"hideCountrySelector",2),a([r({type:Boolean,reflect:!0,attribute:"hide-dial-code"})],o.prototype,"hideDialCode",2),a([r()],o.prototype,"placeholder",2),a([r()],o.prototype,"locale",2),a([r({attribute:"country-search-placeholder"})],o.prototype,"countrySearchPlaceholder",2),a([r({attribute:"no-results-label"})],o.prototype,"noResultsLabel",2),a([r({attribute:"aria-label-country-selector"})],o.prototype,"ariaLabelCountrySelector",2),a([c()],o.prototype,"nationalDigits",2),a([c()],o.prototype,"countryQuery",2),a([c()],o.prototype,"isOpen",2),a([c()],o.prototype,"highlightedIndex",2),a([p("#phone-field")],o.prototype,"fieldEl",2),a([p("#phone-group")],o.prototype,"phoneGroupEl",2),a([p("#listbox")],o.prototype,"listboxEl",2),a([p("#country-search")],o.prototype,"countrySearchEl",2),o=a([S(Q)],o);export{o as EunomiaInputPhone,Q as EunomiaInputPhoneTagName};

package/dist/cdn/components/eun-input.js

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-NHFWATVN.js";import"./chunks/chunk-E4IS25H7.js";import"./chunks/chunk-UAGCQF23.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-XSMCT4DF.js";import"./chunks/chunk-GW3VP2L7.js";import"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaInput,a as EunomiaInputTagName};
+import{a,b}from"./chunks/chunk-BQFJR2UP.js";import"./chunks/chunk-G5SBDQQ3.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-UYZR4JXZ.js";import"./chunks/chunk-4PI6RDUS.js";import"./chunks/chunk-BO3JOEWM.js";import"./chunks/chunk-VOTRXBDS.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-RS7TWEMQ.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaInput,a as EunomiaInputTagName};

package/dist/cdn/components/eun-label.js

@@ -1,4 +1,4 @@
-import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as o,g as p,h as s,m as i,n,p as a,s as c}from"./chunks/chunk-XH6NREVZ.js";var h=p`
+import{a as u}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as o,h as p,j as s,o as i,p as n,r as a,u as c}from"./chunks/chunk-YITWLCD3.js";var h=p`
   #wrapper {
     font-family: var(--eun-font-family, "Mulish", sans-serif);
     display: flex;
@@ -12,17 +12,17 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   }
   #name {
     color: var(--eun-text-color, #071621);
-    font-size: var(--eun-font-size-s, 14px);
+    font-size: var(--field-label-font-size, var(--eun-font-size-s, 14px));
     font-weight: var(--eun-font-weight-l, 700);
   }
   slot[name="instructions"] {
     display: block;
-    font-size: var(--eun-font-size-xs, 12px);
+    font-size: var(--field-message-font-size, var(--eun-font-size-xs, 12px));
     color: var(--eun-text-secondary, #484e61);
   }
   .required {
     color: var(--eun-color-critical-100, #aa0014);
-    font-size: var(--eun-font-size-s, 10px);
+    font-size: var(--field-label-font-size, var(--eun-font-size-s, 10px));
   }
 `,d=h;var g="eun-label",e=class extends c{constructor(){super(...arguments);this.required=!1}handleClick(){this.parentNode?.querySelector(`#${this.for}`)?.focus()}handleLabelSlotChange(){this.requestUpdate();let l=this.labelNodes?.[0];if(!l||!(l instanceof HTMLElement))return;let r=l.querySelector("eun-tooltip");r&&r.previousElementSibling?.addEventListener("click",f=>f?.stopPropagation())}render(){return n`
       <span id="wrapper" @click=${this.handleClick}>