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

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

@@ -1,10 +1,10 @@
-import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunks/chunk-ATH2OAMU.js";import{a as S}from"./chunks/chunk-LK5BJ4SH.js";import{a as M}from"./chunks/chunk-IJJ67C66.js";import{a as w}from"./chunks/chunk-BRSNQMCD.js";import{a as D,b as k,d as y,e as C,f as P}from"./chunks/chunk-647ISUF4.js";import{j as E}from"./chunks/chunk-MJ4RDZLL.js";import{a as c}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f as x,g,h as o,i as v,j as h,n as s,p as d,s as L}from"./chunks/chunk-XH6NREVZ.js";var W=g`
+import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunks/chunk-ATH2OAMU.js";import{a as S}from"./chunks/chunk-LK5BJ4SH.js";import{a as M}from"./chunks/chunk-IJJ67C66.js";import{a as w}from"./chunks/chunk-BRSNQMCD.js";import{a as D,b as k,d as y,e as C,f as P}from"./chunks/chunk-647ISUF4.js";import{j as E}from"./chunks/chunk-MJ4RDZLL.js";import{a as c}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f as x,g,h as o,i as v,j as h,n as s,p as d,s as L}from"./chunks/chunk-XH6NREVZ.js";var R=g`
   :host {
     display: block;
     box-sizing: border-box;
     border: 1px solid
       var(--scheduler-border-color, var(--eun-border-color, #dee0e7));
-    border-radius: var(--eun-borderRadius-m, 10px);
+    border-radius: var(--eun-border-radius-m, 10px);
     background: var(--scheduler-background, var(--eun-surface-color, #ffffff));
     overflow: hidden;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
@@ -72,7 +72,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
   #period-label {
     margin: 0 var(--eun-space-xs, 4px);
     font-size: 15px;
-    font-weight: var(--eun-fontWeight-m, 500);
+    font-weight: var(--eun-font-weight-m, 500);
     color: var(--eun-text-color, #071621);
   }
 
@@ -126,7 +126,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
     clip: rect(0 0 0 0);
     white-space: nowrap;
   }
-`,z=W;var Q=g`
+`,z=R;var Q=g`
   #event-popover {
     box-sizing: border-box;
     width: var(--scheduler-popover-width, 300px);
@@ -136,7 +136,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
     margin: 0;
     padding: 0;
     border: 1px solid var(--eun-border-color, #dee0e7);
-    border-radius: var(--eun-borderRadius-m, 10px);
+    border-radius: var(--eun-border-radius-m, 10px);
     background: var(--eun-surface-color, #ffffff);
     box-shadow: var(--eun-shadow-m, 0 8px 24px rgba(7, 22, 33, 0.16));
     font-family: var(--eun-font-family, "Mulish", sans-serif);
@@ -172,8 +172,8 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
 
   .event-popover-bar {
     height: 4px;
-    border-radius: var(--eun-borderRadius-m, 10px)
-      var(--eun-borderRadius-m, 10px) 0 0;
+    border-radius: var(--eun-border-radius-m, 10px)
+      var(--eun-border-radius-m, 10px) 0 0;
     background: var(--_accent, var(--eun-color-blue-600, #0aa5a8));
   }
 
@@ -195,7 +195,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
     margin: 0;
     padding-right: 28px;
     font-size: 16px;
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-weight: var(--eun-font-weight-l, 700);
   }
 
   .event-popover-row {
@@ -249,7 +249,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
     gap: var(--eun-space-s, 8px);
     padding: 0 var(--eun-space-m, 16px) var(--eun-space-m, 16px);
   }
-`,V=Q;function O(l){let{event:n,locale:e,editLabel:a,deleteLabel:r,closeLabel:u,priorityLabels:p,readonly:b,onEdit:m,onDelete:_,onClose:R}=l;return s`
+`,V=Q;function O(l){let{event:n,locale:e,editLabel:a,deleteLabel:r,closeLabel:u,priorityLabels:p,readonly:b,onEdit:m,onDelete:_,onClose:W}=l;return s`
     <div
       class="event-popover-bar"
       style="--_accent: var(--eun-color-${n.color}-600);"
@@ -260,7 +260,7 @@ import{a as A,b as $}from"./chunks/chunk-IKAZYVB7.js";import{a as T}from"./chunk
       rounded
       size="s"
       aria-label=${u}
-      @click=${R}
+      @click=${W}
     >
       <eun-icon name="close" size="16"></eun-icon>
     </eun-button>

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

@@ -1,15 +1,15 @@
-import{b as g}from"./chunks/chunk-53QH6MPM.js";import{a as L,b as k}from"./chunks/chunk-KBH5PCUO.js";import"./chunks/chunk-E4IS25H7.js";import{a as w,b as A}from"./chunks/chunk-32KRPOPV.js";import{a as y}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-6UPI7GHJ.js";import{a as c}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-XSMCT4DF.js";import"./chunks/chunk-GW3VP2L7.js";import"./chunks/chunk-KNM5QHDK.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import{a as m}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as p}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as b,g as v,h as n,i as h,j as d,n as o,p as a}from"./chunks/chunk-XH6NREVZ.js";var $=v`
+import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunks/chunk-KBH5PCUO.js";import"./chunks/chunk-E4IS25H7.js";import{a as w,b as A}from"./chunks/chunk-5XJGYXW7.js";import{a as y}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-UAGCQF23.js";import{a as c}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-XSMCT4DF.js";import"./chunks/chunk-GW3VP2L7.js";import"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import{a as m}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as p}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as b,g as v,h as n,i as h,j as d,n as o,p as a}from"./chunks/chunk-XH6NREVZ.js";var $=v`
   #shortcut-hint {
     flex-shrink: 0;
     display: inline-flex;
     align-items: center;
     padding: 2px 6px;
     font-family: inherit;
-    font-size: var(--eun-fontSize-xs, 12px);
+    font-size: var(--eun-font-size-xs, 12px);
     color: var(--_iconColor);
     background: var(--eun-content-hover, #edeff0);
-    border: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
-    border-radius: var(--eun-borderRadius-s, 5px);
+    border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
+    border-radius: var(--eun-border-radius-s, 5px);
   }
   #field-wrapper #shortcut-hint {
     position: absolute;
@@ -40,7 +40,7 @@ import{b as g}from"./chunks/chunk-53QH6MPM.js";import{a as L,b as k}from"./chunk
     text-align: left;
     color: var(--_textColor);
     background-color: var(--_background);
-    border: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: var(--_borderRadius);
     padding: var(--_padding);
     box-sizing: border-box;
@@ -74,7 +74,7 @@ import{b as g}from"./chunks/chunk-53QH6MPM.js";import{a as L,b as k}from"./chunk
   :host([variant="underline"]) #search-trigger {
     border: none;
     outline: none;
-    border-bottom: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: 0;
   }
   :host([variant="underline"]) #search-trigger:focus-visible {
@@ -100,7 +100,7 @@ import{b as g}from"./chunks/chunk-53QH6MPM.js";import{a as L,b as k}from"./chunk
     top: 0;
     z-index: 1;
     background: var(--modal-background, var(--eun-surface-color, #ffffff));
-    border-bottom: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
   }
   #panel-field #field-wrapper {
     position: relative;

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

@@ -1,4 +1,4 @@
-import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunks/chunk-E4IS25H7.js";import{a as k,b as F}from"./chunks/chunk-32KRPOPV.js";import{a as A}from"./chunks/chunk-LK5BJ4SH.js";import{a as E}from"./chunks/chunk-6UPI7GHJ.js";import{a as v}from"./chunks/chunk-LYYQAALT.js";import{a as C}from"./chunks/chunk-XSMCT4DF.js";import{a as T}from"./chunks/chunk-GW3VP2L7.js";import{a as $,c as I,d as M,e as b}from"./chunks/chunk-KNM5QHDK.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as w}from"./chunks/chunk-T7WABJEJ.js";import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as x,g as y,h as l,i as p,j as c,l as m,n as o,p as a,s as L}from"./chunks/chunk-XH6NREVZ.js";var V=y`
+import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunks/chunk-E4IS25H7.js";import{a as k,b as F}from"./chunks/chunk-5XJGYXW7.js";import{a as A}from"./chunks/chunk-LK5BJ4SH.js";import{a as E}from"./chunks/chunk-UAGCQF23.js";import{a as v}from"./chunks/chunk-LYYQAALT.js";import{a as C}from"./chunks/chunk-XSMCT4DF.js";import{a as T}from"./chunks/chunk-GW3VP2L7.js";import{a as $,c as I,d as M,e as b}from"./chunks/chunk-OAULRKHQ.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as w}from"./chunks/chunk-T7WABJEJ.js";import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as x,g as y,h as l,i as p,j as c,l as m,n as o,p as a,s as L}from"./chunks/chunk-XH6NREVZ.js";var V=y`
   #field {
     padding-inline-end: calc(var(--eun-space-l, 32px) * 1.2);
   }
@@ -23,7 +23,7 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
     right: var(--eun-space-m, 16px);
     pointer-events: none;
     color: var(--_iconColor);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     transition: transform 0.15s ease;
   }
   #select-arrow.open {
@@ -52,8 +52,8 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
     height: 16px;
     margin-inline-end: var(--eun-space-xs, 4px);
     vertical-align: -3px;
-    border: var(--eun-borderWidth-s, 1px) solid var(--_borderColor);
-    border-radius: var(--eun-borderRadius-s, 5px);
+    border: var(--eun-border-width-s, 1px) solid var(--_borderColor);
+    border-radius: var(--eun-border-radius-s, 5px);
     --icon-color: transparent;
   }
   #listbox li.selected .option-checkbox {
@@ -67,7 +67,7 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
     gap: var(--eun-space-s, 8px);
     padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
     cursor: default;
-    border-block-start: var(--eun-borderWidth-s, 1px) solid var(--_borderColor);
+    border-block-start: var(--eun-border-width-s, 1px) solid var(--_borderColor);
   }
   #listbox .actions[hidden] {
     display: none;
@@ -81,7 +81,7 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
     border: none;
     background: none;
     font: inherit;
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     color: var(
       --field-confirm-link-color,
       var(--eun-color-primary-500, #3d6fff)
@@ -102,9 +102,9 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
   #confirm-link:focus-visible {
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
-    border-radius: var(--eun-borderRadius-m);
+    border-radius: var(--eun-border-radius-m);
   }
-`,P=[E,k,...v?[]:[F],V];var N="eun-select",B=w(M(L)),W=A(C(T($(O(I(B)))))),t=class extends W{constructor(){super(...arguments);this.searchable=!1;this.native=!1;this.multiple=!1;this.noAnimation=!1;this.searchPlaceholder="Search\u2026";this.selectPlaceholder="Select\u2026";this.emptyValueLabel="No value set";this.noResultsLabel="No results";this.confirmLabel="Confirm";this.loading=!1;this.loadingLabel="Loading\u2026";this.searchQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.typeaheadBuffer="";this.handleIconSlotChange=()=>{this.requestUpdate()};this.handleActionsSlotChange=()=>{this.requestUpdate()};this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:v}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<t.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.searchQuery=this.selectedLabel,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.readonlyAvailable&&this.editing&&this.cancelEdit()};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.defaultValue=i}get value(){return super.value}set value(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.value=i}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("blur",this.handleWindowBlur),clearTimeout(this.typeaheadTimer),super.disconnectedCallback?.()}get options(){return D(this.children)}get selectedValues(){return this.multiple?this.value??[]:this.value?[this.value]:[]}isSelected(e){return this.selectedValues.includes(e.value)}get selectedLabel(){let e=this.selectedValues;return this.options.filter(i=>e.includes(i.value)).map(i=>i.label).join(", ")}get hasConfirmSlot(){return this.querySelector('[slot="confirm"]')!==null}get hasConfirmContent(){return this.hasConfirmSlot||!!this.confirmLabel}get effectiveQuery(){if(!this.searchable)return"";let e=this.searchQuery.trim().toLowerCase();return e&&e!==this.selectedLabel.toLowerCase()?e:""}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(i=>i.label.toLowerCase().includes(e)):this.options}get effectivePlaceholder(){return this.placeholder??(this.searchable?this.searchPlaceholder:this.selectPlaceholder)}willUpdate(e){super.willUpdate(e),e.has("value")&&this.searchable&&!this.isOpen&&(this.searchQuery=this.selectedLabel)}firstUpdated(e){super.firstUpdated(e),this.syncOptions()}updated(e){super.updated(e),e.has("editing")&&this.editing&&(this.native?(this.syncOptions(),this.fieldEl?.focus()):this.openListbox()),this.native&&(e.has("value")&&this.fieldEl instanceof HTMLSelectElement&&(this.fieldEl.value=this.value??""),(e.has("readonly")||e.has("disabled"))&&this.setAttribute("tabindex",this.disabled||this.readonly?"-1":"0"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e),this.fieldEl?.focus(),this.fieldEl instanceof HTMLInputElement&&this.fieldEl.select()}listboxAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let i=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(i){let n=i.endsWith("ms")?Number.parseFloat(i):Number.parseFloat(i)*1e3;if(Number.isFinite(n)&&n>=0)return n}return 200}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let i=this.listboxAnimationDuration(e);i!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:i,easing:"ease",fill:"forwards"}))}closeListbox(){let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")&&this.playListboxCloseAnimation(e)}playListboxCloseAnimation(e){e.style.pointerEvents="none";let i=this.listboxAnimationDuration(e);if(i===0){e.hidePopover();return}let n=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,easing:"ease",fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldInput(e){this.searchable&&(this.searchQuery=e.target.value,this.highlightedIndex=-1,this.isOpen||this.openListbox())}handleSelect(e){if(this.multiple){let i=this.selectedValues;this.value=i.includes(e.value)?i.filter(n=>n!==e.value):[...i,e.value],this.dispatchEvent(new f(this.value));return}this.value=e.value,this.dispatchEvent(new f(this.value)),this.closeListbox(),this.readonlyAvailable&&this.confirmEdit()}handleNativeChange(e){this.value=e.target.value,this.dispatchEvent(new f(this.value)),this.readonlyAvailable&&this.confirmEdit()}syncOptions(){if(!this.native||!(this.fieldEl instanceof HTMLSelectElement))return;let e=Array.from(this.children).filter(i=>i instanceof HTMLOptionElement||i instanceof HTMLOptGroupElement);this.fieldEl.replaceChildren(...e.map(i=>i.cloneNode(!0))),this.fieldEl.value=this.value??""}handleSlotChange(){this.syncOptions()}handleKeydown(e){switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,i.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Home":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=0);break}case"End":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=i.length-1);break}case"Enter":{e.preventDefault();let i=this.filteredOptions[this.highlightedIndex];i&&this.handleSelect(i);break}default:this.searchable||this.handleTypeahead(e);break}}handleTypeahead(e){if(e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;if(!i.length)return;clearTimeout(this.typeaheadTimer),this.typeaheadBuffer+=e.key.toLowerCase(),this.typeaheadTimer=setTimeout(()=>{this.typeaheadBuffer=""},600);let n=(this.highlightedIndex+1)%i.length,r=[...i.slice(n),...i.slice(0,n)].findIndex(h=>h.label.toLowerCase().startsWith(this.typeaheadBuffer));r!==-1&&(this.highlightedIndex=(n+r)%i.length)}renderHighlighted(e){return R(e,this.effectiveQuery)}renderOptionRows(e){let i=[],n;return e.forEach((r,h)=>{r.group!==n&&(n=r.group,r.group&&i.push(o`<li class="group-label" role="presentation">
+`,H=[E,k,...v?[]:[F],V];var N="eun-select",B=w(M(L)),W=A(C(T($(O(I(B)))))),t=class extends W{constructor(){super(...arguments);this.searchable=!1;this.native=!1;this.multiple=!1;this.noAnimation=!1;this.searchPlaceholder="Search\u2026";this.selectPlaceholder="Select\u2026";this.emptyValueLabel="No value set";this.noResultsLabel="No results";this.confirmLabel="Confirm";this.loading=!1;this.loadingLabel="Loading\u2026";this.searchQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.typeaheadBuffer="";this.handleIconSlotChange=()=>{this.requestUpdate()};this.handleActionsSlotChange=()=>{this.requestUpdate()};this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:v}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<t.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.searchQuery=this.selectedLabel,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.readonlyAvailable&&this.editing&&this.cancelEdit()};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.defaultValue=i}get value(){return super.value}set value(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.value=i}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("blur",this.handleWindowBlur),clearTimeout(this.typeaheadTimer),super.disconnectedCallback?.()}get options(){return D(this.children)}get selectedValues(){return this.multiple?this.value??[]:this.value?[this.value]:[]}isSelected(e){return this.selectedValues.includes(e.value)}get selectedLabel(){let e=this.selectedValues;return this.options.filter(i=>e.includes(i.value)).map(i=>i.label).join(", ")}get hasConfirmSlot(){return this.querySelector('[slot="confirm"]')!==null}get hasConfirmContent(){return this.hasConfirmSlot||!!this.confirmLabel}get effectiveQuery(){if(!this.searchable)return"";let e=this.searchQuery.trim().toLowerCase();return e&&e!==this.selectedLabel.toLowerCase()?e:""}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(i=>i.label.toLowerCase().includes(e)):this.options}get effectivePlaceholder(){return this.placeholder??(this.searchable?this.searchPlaceholder:this.selectPlaceholder)}willUpdate(e){super.willUpdate(e),e.has("value")&&this.searchable&&!this.isOpen&&(this.searchQuery=this.selectedLabel)}firstUpdated(e){super.firstUpdated(e),this.syncOptions()}updated(e){super.updated(e),e.has("editing")&&this.editing&&(this.native?(this.syncOptions(),this.fieldEl?.focus()):this.openListbox()),this.native&&(e.has("value")&&this.fieldEl instanceof HTMLSelectElement&&(this.fieldEl.value=this.value??""),(e.has("readonly")||e.has("disabled"))&&this.setAttribute("tabindex",this.disabled||this.readonly?"-1":"0"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e),this.fieldEl?.focus(),this.fieldEl instanceof HTMLInputElement&&this.fieldEl.select()}listboxAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let i=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(i){let n=i.endsWith("ms")?Number.parseFloat(i):Number.parseFloat(i)*1e3;if(Number.isFinite(n)&&n>=0)return n}return 200}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let i=this.listboxAnimationDuration(e);i!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:i,easing:"ease",fill:"forwards"}))}closeListbox(){let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")&&this.playListboxCloseAnimation(e)}playListboxCloseAnimation(e){e.style.pointerEvents="none";let i=this.listboxAnimationDuration(e);if(i===0){e.hidePopover();return}let n=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,easing:"ease",fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldInput(e){this.searchable&&(this.searchQuery=e.target.value,this.highlightedIndex=-1,this.isOpen||this.openListbox())}handleSelect(e){if(this.multiple){let i=this.selectedValues;this.value=i.includes(e.value)?i.filter(n=>n!==e.value):[...i,e.value],this.dispatchEvent(new f(this.value));return}this.value=e.value,this.dispatchEvent(new f(this.value)),this.closeListbox(),this.readonlyAvailable&&this.confirmEdit()}handleNativeChange(e){this.value=e.target.value,this.dispatchEvent(new f(this.value)),this.readonlyAvailable&&this.confirmEdit()}syncOptions(){if(!this.native||!(this.fieldEl instanceof HTMLSelectElement))return;let e=Array.from(this.children).filter(i=>i instanceof HTMLOptionElement||i instanceof HTMLOptGroupElement);this.fieldEl.replaceChildren(...e.map(i=>i.cloneNode(!0))),this.fieldEl.value=this.value??""}handleSlotChange(){this.syncOptions()}handleKeydown(e){switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,i.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Home":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=0);break}case"End":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=i.length-1);break}case"Enter":{e.preventDefault();let i=this.filteredOptions[this.highlightedIndex];i&&this.handleSelect(i);break}default:this.searchable||this.handleTypeahead(e);break}}handleTypeahead(e){if(e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;if(!i.length)return;clearTimeout(this.typeaheadTimer),this.typeaheadBuffer+=e.key.toLowerCase(),this.typeaheadTimer=setTimeout(()=>{this.typeaheadBuffer=""},600);let n=(this.highlightedIndex+1)%i.length,r=[...i.slice(n),...i.slice(0,n)].findIndex(h=>h.label.toLowerCase().startsWith(this.typeaheadBuffer));r!==-1&&(this.highlightedIndex=(n+r)%i.length)}renderHighlighted(e){return P(e,this.effectiveQuery)}renderOptionRows(e){let i=[],n;return e.forEach((r,h)=>{r.group!==n&&(n=r.group,r.group&&i.push(o`<li class="group-label" role="presentation">
               ${r.group}
             </li>`));let g=this.isSelected(r);i.push(o`
         <li
@@ -112,7 +112,7 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
           role="option"
           aria-selected=${g}
           class=${d({highlighted:h===this.highlightedIndex,selected:g})}
-          @mousedown=${H=>{H.preventDefault(),this.handleSelect(r)}}
+          @mousedown=${R=>{R.preventDefault(),this.handleSelect(r)}}
           @mouseenter=${()=>{this.highlightedIndex=h}}
         >
           ${this.multiple?o`<span class="option-checkbox" aria-hidden="true"
@@ -233,4 +233,4 @@ import{a as D,b as R}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
         ${r} ${i}
         <slot hidden @slotchange=${this.handleSlotChange}></slot>
       </div>
-    `}};t.styles=[P,b.base,b.errorMessages,b.hintMessages],t.FIELD_POINTER_DOWN_WINDOW_MS=100,s([l({attribute:"default-value"})],t.prototype,"defaultValue",1),s([l()],t.prototype,"value",1),s([l({type:Boolean,reflect:!0})],t.prototype,"searchable",2),s([l({type:Boolean,reflect:!0})],t.prototype,"native",2),s([l({type:Boolean,reflect:!0})],t.prototype,"multiple",2),s([l({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),s([l()],t.prototype,"icon",2),s([l()],t.prototype,"placeholder",2),s([l({attribute:"search-placeholder"})],t.prototype,"searchPlaceholder",2),s([l({attribute:"select-placeholder"})],t.prototype,"selectPlaceholder",2),s([l({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),s([l({attribute:"no-results-label"})],t.prototype,"noResultsLabel",2),s([l({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),s([l({type:Boolean,reflect:!0})],t.prototype,"loading",2),s([l({attribute:"loading-label"})],t.prototype,"loadingLabel",2),s([p()],t.prototype,"searchQuery",2),s([p()],t.prototype,"isOpen",2),s([p()],t.prototype,"highlightedIndex",2),s([c("#field")],t.prototype,"fieldEl",2),s([c("#field-wrapper")],t.prototype,"fieldWrapperEl",2),s([c("#listbox")],t.prototype,"listboxEl",2),s([m({slot:"icon"})],t.prototype,"iconSlotEls",2),s([m({slot:"actions"})],t.prototype,"actionsSlotEls",2),t=s([x(N)],t);export{t as EunomiaSelect,N as EunomiaSelectTagName};
+    `}};t.styles=[H,b.base,b.errorMessages,b.hintMessages],t.FIELD_POINTER_DOWN_WINDOW_MS=100,s([l({attribute:"default-value"})],t.prototype,"defaultValue",1),s([l()],t.prototype,"value",1),s([l({type:Boolean,reflect:!0})],t.prototype,"searchable",2),s([l({type:Boolean,reflect:!0})],t.prototype,"native",2),s([l({type:Boolean,reflect:!0})],t.prototype,"multiple",2),s([l({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),s([l()],t.prototype,"icon",2),s([l()],t.prototype,"placeholder",2),s([l({attribute:"search-placeholder"})],t.prototype,"searchPlaceholder",2),s([l({attribute:"select-placeholder"})],t.prototype,"selectPlaceholder",2),s([l({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),s([l({attribute:"no-results-label"})],t.prototype,"noResultsLabel",2),s([l({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),s([l({type:Boolean,reflect:!0})],t.prototype,"loading",2),s([l({attribute:"loading-label"})],t.prototype,"loadingLabel",2),s([p()],t.prototype,"searchQuery",2),s([p()],t.prototype,"isOpen",2),s([p()],t.prototype,"highlightedIndex",2),s([c("#field")],t.prototype,"fieldEl",2),s([c("#field-wrapper")],t.prototype,"fieldWrapperEl",2),s([c("#listbox")],t.prototype,"listboxEl",2),s([m({slot:"icon"})],t.prototype,"iconSlotEls",2),s([m({slot:"actions"})],t.prototype,"actionsSlotEls",2),t=s([x(N)],t);export{t as EunomiaSelect,N as EunomiaSelectTagName};

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

@@ -19,14 +19,14 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     box-sizing: border-box;
     width: var(--_width);
     transition: width var(--_transitionDuration) ease;
-    border-inline-end: var(--eun-borderWidth-s, 1px) solid var(--_borderColor);
+    border-inline-end: var(--eun-border-width-s, 1px) solid var(--_borderColor);
   }
   :host([dragging]) {
     transition: none;
   }
   :host([position="end"]) {
     border-inline-end: none;
-    border-inline-start: var(--eun-borderWidth-s, 1px) solid var(--_borderColor);
+    border-inline-start: var(--eun-border-width-s, 1px) solid var(--_borderColor);
   }
   :host([collapsed][collapse-mode="mini"]) {
     --_width: var(--_miniWidth);
@@ -65,8 +65,8 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
   }
   #heading {
     margin: 0;
-    font-size: var(--eun-fontSize-l, 18px);
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-size: var(--eun-font-size-l, 18px);
+    font-weight: var(--eun-font-weight-l, 700);
     color: inherit;
   }
   #body {
@@ -74,7 +74,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     min-height: 0;
     overflow-y: auto;
     padding: var(--_gap) var(--_padding);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
   }
   #footer {
     flex: none;
@@ -124,8 +124,8 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     height: 28px;
     padding: 0;
     background: var(--_background);
-    border: var(--eun-borderWidth-s, 1px) solid var(--_borderColor);
-    border-radius: var(--eun-borderRadius-xl, 999px);
+    border: var(--eun-border-width-s, 1px) solid var(--_borderColor);
+    border-radius: var(--eun-border-radius-xl, 999px);
     color: var(--eun-text-secondary, #484e61);
     cursor: pointer;
     transition: background-color 0.15s ease;
@@ -146,12 +146,12 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     width: 100%;
     padding: var(--eun-space-s, 8px) var(--_padding);
     border: none;
-    border-top: var(--eun-borderWidth-s, 1px) solid var(--_borderColor);
+    border-top: var(--eun-border-width-s, 1px) solid var(--_borderColor);
     border-radius: 0;
     background: transparent;
     color: var(--eun-text-secondary, #484e61);
     font: inherit;
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     text-align: start;
     cursor: pointer;
     transition: background-color 0.15s ease;

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-ABYEBP57.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaSkeleton,a as EunomiaSkeletonTagName};
+import{a,b}from"./chunks/chunk-PED5ATYN.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaSkeleton,a as EunomiaSkeletonTagName};

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

@@ -1,9 +1,9 @@
-import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as d}from"./chunks/chunk-KNM5QHDK.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as k}from"./chunks/chunk-T7WABJEJ.js";import{a as h}from"./chunks/chunk-MMLIPCOY.js";import{a as g}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f}from"./chunks/chunk-5EVP7YNE.js";import{a,f as p,g as m,h as o,i as c,j as b,n as s,p as l,s as v}from"./chunks/chunk-XH6NREVZ.js";var $=m`
+import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as d}from"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as k}from"./chunks/chunk-T7WABJEJ.js";import{a as h}from"./chunks/chunk-MMLIPCOY.js";import{a as g}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f}from"./chunks/chunk-5EVP7YNE.js";import{a,f as p,g as m,h as o,i as c,j as b,n as s,p as l,s as v}from"./chunks/chunk-XH6NREVZ.js";var $=m`
   :host {
     --_trackHeight: var(--slider-track-height, 6px);
     --_trackColor: var(
       --slider-track-background,
-      var(--eun-color-grey-200, #ecedf0)
+      var(--eun-surface-sunken-strong, #ecedf0)
     );
     --_fillColor: var(
       --slider-track-fill-background,
@@ -11,7 +11,7 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
     );
     --_trackRadius: var(
       --slider-track-border-radius,
-      var(--eun-borderRadius-xl, 999px)
+      var(--eun-border-radius-xl, 999px)
     );
     --_thumbSize: var(--slider-thumb-size, 18px);
     --_thumbBackground: var(--slider-thumb-background, #fff);
@@ -39,7 +39,7 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
       var(--eun-color-primary-500, #3d6fff)
     );
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     display: block;
     width: 100%;
     outline: none;
@@ -90,12 +90,12 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
     transform: translateX(-50%);
     background: var(--_tooltipBackground);
     color: var(--_tooltipColor);
-    font-size: var(--eun-fontSize-xs, 12px);
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-size: var(--eun-font-size-xs, 12px);
+    font-weight: var(--eun-font-weight-l, 700);
     line-height: 1;
     white-space: nowrap;
     padding: var(--eun-space-xs, 4px) var(--eun-space-s, 8px);
-    border-radius: var(--eun-borderRadius-s, 4px);
+    border-radius: var(--eun-border-radius-s, 4px);
     pointer-events: none;
     font-variant-numeric: tabular-nums;
   }
@@ -233,7 +233,7 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
   :host([aria-readonly="true"]) #field::-moz-range-thumb {
     cursor: default;
   }
-`,M=$;var B="eun-slider",S=k(w(v)),F=C(_(y(S))),r=class extends F{constructor(){super(...arguments);this.min=0;this.max=100;this.step=1;this.hideTooltip=!1;this.graduated=!1;this.dragging=!1;this.hasFocus=!1;this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleInput=e=>{this.value=Number(e.target.value),this.dispatchEvent(new x(this.value))};this.handleKeydown=e=>{this.readonly&&e.preventDefault()};this.handlePointerDown=()=>{this.disabled||this.readonly||(this.dragging=!0,window.addEventListener("pointerup",this.handlePointerUp),window.addEventListener("pointercancel",this.handlePointerUp))};this.handlePointerUp=()=>{this.dragging=!1,window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointercancel",this.handlePointerUp)};this.handleFocus=()=>{this.hasFocus=!0};this.handleBlur=()=>{this.hasFocus=!1}}get value(){return super.value}set value(e){super.value=e===void 0?void 0:this.clamp(e)}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.value??=this.clamp(this.defaultRangeValue),this.addEventListener("focus",this.handleHostFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointercancel",this.handlePointerUp),super.disconnectedCallback?.()}get defaultRangeValue(){return this.max<this.min?this.min:(this.min+this.max)/2}roundToStep(e){let t=(String(this.step).split(".")[1]??"").length;return t?Number(e.toFixed(t)):e}clamp(e){let t=Math.min(this.min,this.max),i=Math.max(this.min,this.max),n=Math.min(i,Math.max(t,e));if(!this.step||this.step<=0)return this.roundToStep(n);let u=Math.round((n-this.min)/this.step),z=this.min+u*this.step;return this.roundToStep(Math.min(i,Math.max(t,z)))}percentFor(e){let t=this.max-this.min;return t<=0?0:Math.min(100,Math.max(0,(e-this.min)/t*100))}formatValue(e){let t=(String(this.step).split(".")[1]??"").length;return t?e.toFixed(t):String(e)}get tickValues(){if(!this.graduated||this.max<=this.min)return[];let e=this.tickStep!==void 0&&this.tickStep>0?this.tickStep:this.step;if(!e||e<=0)return[this.min,this.max];let t=[];for(let i=this.min;i<this.max;i+=e)t.push(i);return t.push(this.max),t}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}renderTicks(e){let t=this.tickValues;return t.length?s`
+`,M=$;var B="eun-slider",F=k(w(v)),S=C(_(y(F))),r=class extends S{constructor(){super(...arguments);this.min=0;this.max=100;this.step=1;this.hideTooltip=!1;this.graduated=!1;this.dragging=!1;this.hasFocus=!1;this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleInput=e=>{this.value=Number(e.target.value),this.dispatchEvent(new x(this.value))};this.handleKeydown=e=>{this.readonly&&e.preventDefault()};this.handlePointerDown=()=>{this.disabled||this.readonly||(this.dragging=!0,window.addEventListener("pointerup",this.handlePointerUp),window.addEventListener("pointercancel",this.handlePointerUp))};this.handlePointerUp=()=>{this.dragging=!1,window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointercancel",this.handlePointerUp)};this.handleFocus=()=>{this.hasFocus=!0};this.handleBlur=()=>{this.hasFocus=!1}}get value(){return super.value}set value(e){super.value=e===void 0?void 0:this.clamp(e)}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.value??=this.clamp(this.defaultRangeValue),this.addEventListener("focus",this.handleHostFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointercancel",this.handlePointerUp),super.disconnectedCallback?.()}get defaultRangeValue(){return this.max<this.min?this.min:(this.min+this.max)/2}roundToStep(e){let t=(String(this.step).split(".")[1]??"").length;return t?Number(e.toFixed(t)):e}clamp(e){let t=Math.min(this.min,this.max),i=Math.max(this.min,this.max),n=Math.min(i,Math.max(t,e));if(!this.step||this.step<=0)return this.roundToStep(n);let u=Math.round((n-this.min)/this.step),z=this.min+u*this.step;return this.roundToStep(Math.min(i,Math.max(t,z)))}percentFor(e){let t=this.max-this.min;return t<=0?0:Math.min(100,Math.max(0,(e-this.min)/t*100))}formatValue(e){let t=(String(this.step).split(".")[1]??"").length;return t?e.toFixed(t):String(e)}get tickValues(){if(!this.graduated||this.max<=this.min)return[];let e=this.tickStep!==void 0&&this.tickStep>0?this.tickStep:this.step;if(!e||e<=0)return[this.min,this.max];let t=[];for(let i=this.min;i<this.max;i+=e)t.push(i);return t.push(this.max),t}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}renderTicks(e){let t=this.tickValues;return t.length?s`
       <div id="ticks" aria-hidden="true">
         ${t.map(i=>s`
             <span

package/dist/cdn/components/eun-sliding-card.js

@@ -1,4 +1,4 @@
-import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as h}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f,b as p}from"./chunks/chunk-5RCCZVFZ.js";import"./chunks/chunk-BKHD4S57.js";import{a as n}from"./chunks/chunk-5EVP7YNE.js";import{a as t,f as o,g as d,h as l,i as a,n as r,s as c}from"./chunks/chunk-XH6NREVZ.js";var g=d`
+import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as h}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f,b as p}from"./chunks/chunk-IJ5WFMK4.js";import{a as n}from"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-BKHD4S57.js";import{a as t,f as o,g as d,h as l,i as a,n as r,s as c}from"./chunks/chunk-XH6NREVZ.js";var g=d`
   :host {
     display: block;
     position: relative;
@@ -31,7 +31,7 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
     position: absolute;
     border-radius: var(
       --sliding-card-border-radius,
-      var(--eun-borderRadius-l, 16px)
+      var(--eun-border-radius-l, 16px)
     );
     padding: var(--sliding-card-padding, var(--eun-space-l, 32px));
     overflow: hidden;
@@ -83,7 +83,8 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
       --sliding-card-front-background,
       var(--eun-surface-color, #ffffff)
     );
-    border: var(--eun-borderWidth-s, 1px) solid var(--eun-border-color, #dee0e7);
+    border: var(--eun-border-width-s, 1px) solid
+      var(--eun-border-color, #dee0e7);
     z-index: 2;
   }
 

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

@@ -50,7 +50,7 @@ import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     text-align: left;
     outline: 2px solid transparent;
     outline-offset: 2px;
-    border-radius: var(--eun-borderRadius-m, 8px);
+    border-radius: var(--eun-border-radius-m, 8px);
     flex: 0 1 auto;
     min-width: 0;
   }
@@ -89,17 +89,17 @@ import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     height: var(--_indicatorSize);
     border-radius: var(
       --stepper-indicator-border-radius,
-      var(--eun-borderRadius-xl, 999px)
+      var(--eun-border-radius-xl, 999px)
     );
     background: var(
       --stepper-indicator-background,
       var(--eun-content-hover, #edeff0)
     );
     color: var(--stepper-indicator-color, var(--eun-text-secondary, #484e61));
-    font-size: var(--stepper-indicator-font-size, var(--eun-fontSize-xs, 12px));
+    font-size: var(--stepper-indicator-font-size, var(--eun-font-size-xs, 12px));
     font-weight: var(
       --stepper-indicator-font-weight,
-      var(--eun-fontWeight-m, 500)
+      var(--eun-font-weight-m, 500)
     );
     transition:
       background var(--stepper-transition-duration, 0.2s) ease-out,
@@ -152,18 +152,18 @@ import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     min-width: 0;
   }
   .label {
-    font-size: var(--stepper-label-font-size, var(--eun-fontSize-s, 14px));
-    font-weight: var(--stepper-label-font-weight, var(--eun-fontWeight-m, 500));
+    font-size: var(--stepper-label-font-size, var(--eun-font-size-s, 14px));
+    font-weight: var(--stepper-label-font-weight, var(--eun-font-weight-m, 500));
     color: var(--stepper-label-color, var(--eun-text-color, #071621));
   }
   :host([status="current"]) .label {
     color: var(--stepper-label-color-current, var(--eun-text-color, #071621));
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-weight: var(--eun-font-weight-l, 700);
   }
   .description {
     font-size: var(
       --stepper-description-font-size,
-      var(--eun-fontSize-xs, 12px)
+      var(--eun-font-size-xs, 12px)
     );
     color: var(--stepper-description-color, var(--eun-text-secondary, #484e61));
   }

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

@@ -124,7 +124,7 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     text-align: left;
     outline: 2px solid transparent;
     outline-offset: 2px;
-    border-radius: var(--eun-borderRadius-m, 8px);
+    border-radius: var(--eun-border-radius-m, 8px);
   }
 
   .step-control.has-description {
@@ -162,17 +162,17 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     height: var(--_indicatorSize);
     border-radius: var(
       --stepper-indicator-border-radius,
-      var(--eun-borderRadius-xl, 999px)
+      var(--eun-border-radius-xl, 999px)
     );
     background: var(
       --stepper-indicator-background,
       var(--eun-content-hover, #edeff0)
     );
     color: var(--stepper-indicator-color, var(--eun-text-secondary, #484e61));
-    font-size: var(--stepper-indicator-font-size, var(--eun-fontSize-xs, 12px));
+    font-size: var(--stepper-indicator-font-size, var(--eun-font-size-xs, 12px));
     font-weight: var(
       --stepper-indicator-font-weight,
-      var(--eun-fontWeight-m, 500)
+      var(--eun-font-weight-m, 500)
     );
     transition:
       background var(--stepper-transition-duration, 0.2s) ease-out,
@@ -267,18 +267,18 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     min-width: 0;
   }
   .label {
-    font-size: var(--stepper-label-font-size, var(--eun-fontSize-s, 14px));
-    font-weight: var(--stepper-label-font-weight, var(--eun-fontWeight-m, 500));
+    font-size: var(--stepper-label-font-size, var(--eun-font-size-s, 14px));
+    font-weight: var(--stepper-label-font-weight, var(--eun-font-weight-m, 500));
     color: var(--stepper-label-color, var(--eun-text-color, #071621));
   }
   li.step[data-status="current"] .label {
     color: var(--stepper-label-color-current, var(--eun-text-color, #071621));
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-weight: var(--eun-font-weight-l, 700);
   }
   .description {
     font-size: var(
       --stepper-description-font-size,
-      var(--eun-fontSize-xs, 12px)
+      var(--eun-font-size-xs, 12px)
     );
     color: var(--stepper-description-color, var(--eun-text-secondary, #484e61));
   }

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

@@ -1,11 +1,11 @@
-import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as p,c as b,d as f,e as t}from"./chunks/chunk-KNM5QHDK.js";import"./chunks/chunk-YYCEPZUN.js";import{a as h}from"./chunks/chunk-T7WABJEJ.js";import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as d}from"./chunks/chunk-5EVP7YNE.js";import{a as e,f as c,g as n,h as a,n as i,p as s,s as l}from"./chunks/chunk-XH6NREVZ.js";var g=n`
+import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as f,c as b,d as p,e as t}from"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import{a as h}from"./chunks/chunk-T7WABJEJ.js";import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as d}from"./chunks/chunk-5EVP7YNE.js";import{a as e,f as c,g as n,h as a,n as i,p as s,s as l}from"./chunks/chunk-XH6NREVZ.js";var g=n`
   :host {
     --_trackWidth: var(--switch-track-width, 40px);
     --_trackHeight: var(--switch-track-height, 22px);
     --_trackBorder: var(--eun-border-color, #dee0e7);
     --_trackBackground: var(
       --switch-track-background,
-      var(--eun-color-grey-200, #ecedf0)
+      var(--eun-surface-sunken, #ecedf0)
     );
     --_thumbSize: var(--switch-thumb-size, calc(var(--_trackHeight) - 6px));
     --_thumbBackground: var(--switch-thumb-background, #fff);
@@ -19,9 +19,9 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as p,c as b,d as f,e as
       --switch-focus-outline-color,
       var(--eun-color-primary-500, #3d6fff)
     );
-    --_trackBorderWidth: var(--eun-borderWidth-s, 1px);
+    --_trackBorderWidth: var(--eun-border-width-s, 1px);
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     display: flex;
     width: 100%;
     outline: none;
@@ -52,7 +52,7 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as p,c as b,d as f,e as
     #track {
     --_trackBackground: var(
       --switch-track-background-hover,
-      var(--eun-content-hover, #edeff0)
+      var(--eun-surface-sunken-hover, #edeff0)
     );
   }
 
@@ -64,7 +64,7 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as p,c as b,d as f,e as
     #track {
     --_trackBackground: var(
       --switch-track-background-pressed,
-      var(--eun-content-pressed, #e4e6e8)
+      var(--eun-surface-sunken-pressed, #e4e6e8)
     );
   }
 
@@ -129,7 +129,7 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as p,c as b,d as f,e as
   }
 
   #label-text {
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-weight: var(--eun-font-weight-l, 700);
     line-height: 1.2;
   }
 
@@ -143,7 +143,7 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as p,c as b,d as f,e as
     height: var(--_trackHeight);
     background: var(--_trackBackground);
     border: var(--_trackBorderWidth) solid var(--_trackBorder);
-    border-radius: var(--eun-borderRadius-xl, 999px);
+    border-radius: var(--eun-border-radius-xl, 999px);
     flex-shrink: 0;
     box-sizing: border-box;
     outline: 2px solid transparent;
@@ -160,7 +160,7 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as p,c as b,d as f,e as
     width: var(--_thumbSize);
     height: var(--_thumbSize);
     background: var(--_thumbBackground);
-    border-radius: var(--eun-borderRadius-xl, 999px);
+    border-radius: var(--eun-border-radius-xl, 999px);
     box-shadow: var(--eun-shadow-xs, 0 1px 3px rgba(0, 0, 0, 0.18));
     display: flex;
     align-items: center;
@@ -181,7 +181,7 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as p,c as b,d as f,e as
     line-height: 0;
     --icon-color: var(--switch-icon-color, var(--_trackBorder));
   }
-`,v=g;var _="eun-switch",y=k(p(b(h(f(l))))),r=class extends y{constructor(){super(...arguments);this.hideIcon=!1}get defaultValue(){return super.defaultValue}set defaultValue(o){super.defaultValue=o}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","switch"),super.connectedCallback?.()}render(){let o=!!this.description,m=this.checked?"icon-on":"icon-off",x=this.checked?"check":"close";return i`
+`,v=g;var _="eun-switch",w=k(f(b(h(p(l))))),r=class extends w{constructor(){super(...arguments);this.hideIcon=!1}get defaultValue(){return super.defaultValue}set defaultValue(o){super.defaultValue=o}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","switch"),super.connectedCallback?.()}render(){let o=!!this.description,m=this.checked?"icon-on":"icon-off",x=this.checked?"check":"close";return i`
       <div id="wrapper">
         <div
           id="clickable"