@eunomia/elements 1.0.0-beta.5 → 1.0.0-beta.7

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

@@ -1,4 +1,4 @@
-import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as g,g as v,h as o,i as b,j as h,n,p as l,s as f}from"./chunks/chunk-XH6NREVZ.js";var y=v`
+import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as g,h as v,j as o,k as b,l as h,p as s,r as l,u as f}from"./chunks/chunk-YITWLCD3.js";var P=v`
   :host {
     --_width: var(--sidebar-width, 280px);
     --_miniWidth: var(--sidebar-mini-width, 64px);
@@ -8,9 +8,19 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
       --sidebar-border-color,
       var(--eun-border-color, #dee0e7)
     );
-    --_padding: var(--sidebar-padding, var(--eun-space-m, 16px));
+    --_paddingBlock: var(
+      --sidebar-padding,
+      var(--sidebar-padding-block, var(--eun-space-m, 16px))
+    );
+    --_paddingInline: var(
+      --sidebar-padding,
+      var(--sidebar-padding-inline, var(--eun-space-m, 16px))
+    );
     --_gap: var(--sidebar-gap, var(--eun-space-m, 16px));
-    --_transitionDuration: var(--sidebar-transition-duration, 0.25s);
+    --_transitionDuration: var(
+      --sidebar-transition-duration,
+      var(--eun-duration-l, 250ms)
+    );
     display: flex;
     position: sticky;
     top: 0;
@@ -18,7 +28,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     height: 100%;
     box-sizing: border-box;
     width: var(--_width);
-    transition: width var(--_transitionDuration) ease;
+    transition: width var(--_transitionDuration) var(--eun-easing-default, ease);
     border-inline-end: var(--eun-border-width-s, 1px) solid var(--_borderColor);
   }
   :host([dragging]) {
@@ -26,9 +36,10 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
   }
   :host([position="end"]) {
     border-inline-end: none;
-    border-inline-start: var(--eun-border-width-s, 1px) solid var(--_borderColor);
+    border-inline-start: var(--eun-border-width-s, 1px) solid
+      var(--_borderColor);
   }
-  :host([collapsed][collapse-mode="mini"]) {
+  :host([collapsed]:is([collapse-mode="mini"], :not([collapse-mode]))) {
     --_width: var(--_miniWidth);
   }
   :host([collapsed][collapse-mode="hidden"]) {
@@ -61,7 +72,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     align-items: flex-start;
     justify-content: space-between;
     gap: var(--_gap);
-    padding: var(--_padding) var(--_padding) 0;
+    padding: var(--_paddingBlock) var(--_paddingInline) 0;
   }
   #heading {
     margin: 0;
@@ -73,7 +84,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     flex: 1;
     min-height: 0;
     overflow-y: auto;
-    padding: var(--_gap) var(--_padding);
+    padding: var(--_gap) var(--_paddingInline);
     font-size: var(--eun-font-size-s, 14px);
   }
   #footer {
@@ -81,7 +92,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     display: flex;
     justify-content: flex-end;
     gap: var(--eun-space-s, 8px);
-    padding: var(--_padding);
+    padding: var(--_paddingBlock) var(--_paddingInline);
   }
 
   #resize-handle {
@@ -93,7 +104,8 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     cursor: ew-resize;
     touch-action: none;
     background: transparent;
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   :host([position="end"]) #resize-handle {
     inset-inline-end: auto;
@@ -128,7 +140,8 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     border-radius: var(--eun-border-radius-xl, 999px);
     color: var(--eun-text-secondary, #484e61);
     cursor: pointer;
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   :host([position="end"]) #collapse-toggle:not(.inline) {
     inset-inline-end: auto;
@@ -144,7 +157,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     align-items: center;
     gap: var(--eun-space-s, 8px);
     width: 100%;
-    padding: var(--eun-space-s, 8px) var(--_padding);
+    padding: var(--eun-space-s, 8px) var(--_paddingInline);
     border: none;
     border-top: var(--eun-border-width-s, 1px) solid var(--_borderColor);
     border-radius: 0;
@@ -154,7 +167,8 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     font-size: var(--eun-font-size-s, 14px);
     text-align: start;
     cursor: pointer;
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   #collapse-toggle.inline:hover {
     background: var(--eun-content-hover, #edeff0);
@@ -164,10 +178,12 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     white-space: nowrap;
     text-overflow: ellipsis;
   }
-  :host([collapsed][collapse-mode="mini"]) #collapse-toggle.inline {
+  :host([collapsed]:is([collapse-mode="mini"], :not([collapse-mode])))
+    #collapse-toggle.inline {
     justify-content: center;
   }
-  :host([collapsed][collapse-mode="mini"]) #collapse-toggle-label {
+  :host([collapsed]:is([collapse-mode="mini"], :not([collapse-mode])))
+    #collapse-toggle-label {
     display: none;
   }
 
@@ -181,13 +197,13 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
       transition: none;
     }
   }
-`,x=y;var P="eun-sidebar",i=class extends f{constructor(){super(...arguments);this.position="start";this.collapsible=!0;this.togglePlacement="edge";this.collapseMode="mini";this.collapsed=!1;this.ariaLabelExpand="Expand sidebar";this.ariaLabelCollapse="Collapse sidebar";this.resizable=!0;this.ariaLabelResize="Resize sidebar";this.dragStartWidth=0;this.lastRawWidth=0;this.dragStartCollapsed=!1;this.dragStartHidden=!1;this.dragMoved=!1;this.dragging=!1;this.draggedHidden=!1;this.focusWasInsideBeforeHiddenCollapse=!1;this.handleResizePointerDown=e=>{if(!(e.pointerType==="mouse"&&e.button!==0)){try{this.resizeHandleEl?.setPointerCapture(e.pointerId)}catch{}this.dragStartX=e.clientX,this.dragStartWidth=this.currentWidthPx(),this.dragStartCollapsed=this.collapsed,this.dragStartHidden=this.draggedHidden,this.lastRawWidth=this.dragStartWidth,this.dragMoved=!1}};this.handleResizePointerMove=e=>{if(this.dragStartX===void 0)return;this.dragging=!0,this.dragMoved=!0;let a=e.clientX-this.dragStartX,t=this.position==="start"?a:-a;this.lastRawWidth=this.dragStartWidth+t,this.applyWidth(this.lastRawWidth,0)};this.handleResizePointerUp=e=>{if(this.dragStartX!==void 0){try{this.resizeHandleEl?.releasePointerCapture(e.pointerId)}catch{}this.dragStartX=void 0,this.dragging=!1,this.dragMoved&&this.settleWidth(this.lastRawWidth,this.dragStartCollapsed,this.dragStartHidden)}};this.handleResizeKeydown=e=>{let t;switch(e.key){case"ArrowLeft":t=this.currentWidthPx()+(this.position==="start"?-16:16);break;case"ArrowRight":t=this.currentWidthPx()+(this.position==="start"?16:-16);break;case"Home":t=this.miniWidthPx();break;case"End":t=this.maxWidthPx();break;default:return}e.preventDefault();let s=this.collapsed;this.applyWidth(t),this.settleCollapsedState(t,s)}}willUpdate(e){super.willUpdate(e),e.has("collapsed")&&this.collapsed&&this.collapseMode==="hidden"&&(this.focusWasInsideBeforeHiddenCollapse=!!(document.activeElement&&this.contains(document.activeElement)))}updated(e){super.updated(e),e.has("collapsed")&&this.collapsed&&this.collapseMode==="hidden"&&this.focusWasInsideBeforeHiddenCollapse&&(this.focusWasInsideBeforeHiddenCollapse=!1,this.collapseToggleEl?.focus())}collapse(){this.setCollapsed(!0)}expand(){this.setCollapsed(!1)}toggleCollapse(){this.setCollapsed(!this.collapsed)}setCollapsed(e){let a=this.collapsed!==e,t=this.draggedHidden;!a&&!t||(this.collapsed=e,t&&(this.draggedHidden=!1,this.style.removeProperty("border-color"),this.style.removeProperty("--sidebar-width"),this.liveWidthPx=void 0),this.dispatchEvent(new p))}resolvedPx(e,a){let t=getComputedStyle(this).getPropertyValue(e).trim(),s=Number.parseFloat(t);return Number.isNaN(s)?a:s}miniWidthPx(){return this.resolvedPx("--sidebar-mini-width",64)}maxWidthPx(){return this.resolvedPx("--sidebar-max-width",480)}currentWidthPx(){return this.draggedHidden||this.collapsed&&this.collapseMode==="hidden"?0:this.collapsed&&this.collapseMode==="mini"?this.miniWidthPx():this.liveWidthPx??this.resolvedPx("--sidebar-width",280)}applyWidth(e,a=this.miniWidthPx()){let t=Math.min(Math.max(e,a),this.maxWidthPx());this.collapsed=!1,this.draggedHidden=!1,this.style.removeProperty("border-color"),this.style.setProperty("--sidebar-width",`${t}px`),this.liveWidthPx=t}settleCollapsedState(e,a){let t=e<=this.miniWidthPx();this.collapsed=t,t!==a&&this.dispatchEvent(new p)}settleWidth(e,a,t){let s=this.miniWidthPx(),d=e<s/2,c=d||e<s,u=d?0:Math.min(Math.max(e,s),this.maxWidthPx());this.style.setProperty("--sidebar-width",`${u}px`),d?this.style.setProperty("border-color","transparent"):this.style.removeProperty("border-color"),this.liveWidthPx=u,this.collapsed=c,this.draggedHidden=d,(c!==a||d!==t)&&this.dispatchEvent(new p)}collapseToggleIcon(){return(this.position==="start"?!this.collapsed:this.collapsed)?"chevron_left":"chevron_right"}surfaceAriaLabel(){return this.heading??this.ariaLabel??void 0}hasFooterContent(){return this.querySelector('[slot="footer"]')!==null}hasHeaderContent(){return!!this.heading||this.querySelector('[slot="header"]')!==null}renderHeader(){return n`
+`,y=P;var w="eun-sidebar",i=class extends x(f){constructor(){super(...arguments);this.position="start";this.collapsible=!0;this.togglePlacement="edge";this.collapseMode="mini";this.collapsed=!1;this.resizable=!0;this.dragStartWidth=0;this.lastRawWidth=0;this.dragStartCollapsed=!1;this.dragStartHidden=!1;this.dragMoved=!1;this.dragging=!1;this.draggedHidden=!1;this.focusWasInsideBeforeHiddenCollapse=!1;this.handleResizePointerDown=e=>{if(!(e.pointerType==="mouse"&&e.button!==0)){try{this.resizeHandleEl?.setPointerCapture(e.pointerId)}catch{}this.dragStartX=e.clientX,this.dragStartWidth=this.currentWidthPx(),this.dragStartCollapsed=this.collapsed,this.dragStartHidden=this.draggedHidden,this.lastRawWidth=this.dragStartWidth,this.dragMoved=!1}};this.handleResizePointerMove=e=>{if(this.dragStartX===void 0)return;this.dragging=!0,this.dragMoved=!0;let r=e.clientX-this.dragStartX,t=this.position==="start"?r:-r;this.lastRawWidth=this.dragStartWidth+t,this.applyWidth(this.lastRawWidth,0)};this.handleResizePointerUp=e=>{if(this.dragStartX!==void 0){try{this.resizeHandleEl?.releasePointerCapture(e.pointerId)}catch{}this.dragStartX=void 0,this.dragging=!1,this.dragMoved&&this.settleWidth(this.lastRawWidth,this.dragStartCollapsed,this.dragStartHidden)}};this.handleResizeKeydown=e=>{let t;switch(e.key){case"ArrowLeft":t=this.currentWidthPx()+(this.position==="start"?-16:16);break;case"ArrowRight":t=this.currentWidthPx()+(this.position==="start"?16:-16);break;case"Home":t=this.miniWidthPx();break;case"End":t=this.maxWidthPx();break;default:return}e.preventDefault();let n=this.collapsed;this.applyWidth(t),this.settleCollapsedState(t,n)}}willUpdate(e){super.willUpdate(e),e.has("collapsed")&&this.collapsed&&this.collapseMode==="hidden"&&(this.focusWasInsideBeforeHiddenCollapse=!!(document.activeElement&&this.contains(document.activeElement)))}updated(e){super.updated(e),e.has("collapsed")&&this.collapsed&&this.collapseMode==="hidden"&&this.focusWasInsideBeforeHiddenCollapse&&(this.focusWasInsideBeforeHiddenCollapse=!1,this.collapseToggleEl?.focus())}collapse(){this.setCollapsed(!0)}expand(){this.setCollapsed(!1)}toggleCollapse(){this.setCollapsed(!this.collapsed)}setCollapsed(e){let r=this.collapsed!==e,t=this.draggedHidden;!r&&!t||(this.collapsed=e,t&&(this.draggedHidden=!1,this.style.removeProperty("border-color"),this.style.removeProperty("--sidebar-width"),this.liveWidthPx=void 0),this.dispatchEvent(new p))}resolvedPx(e,r){let t=getComputedStyle(this).getPropertyValue(e).trim(),n=Number.parseFloat(t);return Number.isNaN(n)?r:n}miniWidthPx(){return this.resolvedPx("--sidebar-mini-width",64)}maxWidthPx(){return this.resolvedPx("--sidebar-max-width",480)}currentWidthPx(){return this.draggedHidden||this.collapsed&&this.collapseMode==="hidden"?0:this.collapsed&&this.collapseMode==="mini"?this.miniWidthPx():this.liveWidthPx??this.resolvedPx("--sidebar-width",280)}applyWidth(e,r=this.miniWidthPx()){let t=Math.min(Math.max(e,r),this.maxWidthPx());this.collapsed=!1,this.draggedHidden=!1,this.style.removeProperty("border-color"),this.style.setProperty("--sidebar-width",`${t}px`),this.liveWidthPx=t}settleCollapsedState(e,r){let t=e<=this.miniWidthPx();this.collapsed=t,t!==r&&this.dispatchEvent(new p)}settleWidth(e,r,t){let n=this.miniWidthPx(),d=e<n/2,c=d||e<n,u=d?0:Math.min(Math.max(e,n),this.maxWidthPx());this.style.setProperty("--sidebar-width",`${u}px`),d?this.style.setProperty("border-color","transparent"):this.style.removeProperty("border-color"),this.liveWidthPx=u,this.collapsed=c,this.draggedHidden=d,(c!==r||d!==t)&&this.dispatchEvent(new p)}collapseToggleIcon(){return(this.position==="start"?!this.collapsed:this.collapsed)?"chevron_left":"chevron_right"}surfaceAriaLabel(){return this.heading??this.ariaLabel??void 0}hasFooterContent(){return this.querySelector('[slot="footer"]')!==null}hasHeaderContent(){return!!this.heading||this.querySelector('[slot="header"]')!==null}renderHeader(){return s`
       <div id="header">
         <slot name="header">
-          ${this.heading?n`<h2 id="heading">${this.heading}</h2>`:l}
+          ${this.heading?s`<h2 id="heading">${this.heading}</h2>`:l}
         </slot>
       </div>
-    `}collapseToggleLabel(){return this.collapsed?this.ariaLabelExpand:this.ariaLabelCollapse}renderEdgeToggle(){return n`
+    `}collapseToggleLabel(){return this.collapsed?this.expandLabel??this.dictionary.sidebar.expand:this.collapseLabel??this.dictionary.sidebar.collapse}renderEdgeToggle(){return s`
       <button
         type="button"
         id="collapse-toggle"
@@ -197,7 +213,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
       >
         <eun-icon name=${this.collapseToggleIcon()} size="16"></eun-icon>
       </button>
-    `}renderInlineToggle(){return n`
+    `}renderInlineToggle(){return s`
       <button
         type="button"
         id="collapse-toggle"
@@ -209,12 +225,12 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
         <eun-icon name=${this.collapseToggleIcon()} size="16"></eun-icon>
         <span id="collapse-toggle-label">${this.collapseToggleLabel()}</span>
       </button>
-    `}renderResizeHandle(){return n`
+    `}renderResizeHandle(){return s`
       <div
         id="resize-handle"
         role="separator"
         aria-orientation="vertical"
-        aria-label=${this.ariaLabelResize}
+        aria-label=${this.resizeLabel??this.dictionary.sidebar.resize}
         aria-valuenow=${Math.round(this.currentWidthPx())}
         aria-valuemin=${Math.round(this.miniWidthPx())}
         aria-valuemax=${Math.round(this.maxWidthPx())}
@@ -225,7 +241,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
         @pointercancel=${this.handleResizePointerUp}
         @keydown=${this.handleResizeKeydown}
       ></div>
-    `}render(){return n`
+    `}render(){return s`
       <div
         id="surface"
         role="navigation"
@@ -236,7 +252,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
         <div id="body">
           <slot></slot>
         </div>
-        ${this.hasFooterContent()?n`
+        ${this.hasFooterContent()?s`
               <div id="footer">
                 <slot name="footer"></slot>
               </div>
@@ -245,4 +261,4 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
       </div>
       ${this.resizable?this.renderResizeHandle():l}
       ${this.collapsible&&this.togglePlacement==="edge"?this.renderEdgeToggle():l}
-    `}};i.styles=x,r([o({reflect:!0})],i.prototype,"position",2),r([o()],i.prototype,"heading",2),r([o({type:Boolean})],i.prototype,"collapsible",2),r([o({reflect:!0,attribute:"toggle-placement"})],i.prototype,"togglePlacement",2),r([o({reflect:!0,attribute:"collapse-mode"})],i.prototype,"collapseMode",2),r([o({type:Boolean,reflect:!0})],i.prototype,"collapsed",2),r([o({attribute:"aria-label-expand"})],i.prototype,"ariaLabelExpand",2),r([o({attribute:"aria-label-collapse"})],i.prototype,"ariaLabelCollapse",2),r([o({type:Boolean})],i.prototype,"resizable",2),r([o({attribute:"aria-label-resize"})],i.prototype,"ariaLabelResize",2),r([h("#resize-handle")],i.prototype,"resizeHandleEl",2),r([h("#collapse-toggle")],i.prototype,"collapseToggleEl",2),r([o({type:Boolean,reflect:!0})],i.prototype,"dragging",2),r([o({type:Boolean,reflect:!0,attribute:"dragged-hidden"})],i.prototype,"draggedHidden",2),r([b()],i.prototype,"liveWidthPx",2),i=r([g(P)],i);export{i as EunomiaSidebar,P as EunomiaSidebarTagName};
+    `}};i.styles=y,a([o({reflect:!0,useDefault:!0})],i.prototype,"position",2),a([o()],i.prototype,"heading",2),a([o({type:Boolean})],i.prototype,"collapsible",2),a([o({reflect:!0,attribute:"toggle-placement",useDefault:!0})],i.prototype,"togglePlacement",2),a([o({reflect:!0,attribute:"collapse-mode",useDefault:!0})],i.prototype,"collapseMode",2),a([o({type:Boolean,reflect:!0})],i.prototype,"collapsed",2),a([o({attribute:"expand-label"})],i.prototype,"expandLabel",2),a([o({attribute:"collapse-label"})],i.prototype,"collapseLabel",2),a([o({type:Boolean})],i.prototype,"resizable",2),a([o({attribute:"resize-label"})],i.prototype,"resizeLabel",2),a([h("#resize-handle")],i.prototype,"resizeHandleEl",2),a([h("#collapse-toggle")],i.prototype,"collapseToggleEl",2),a([o({type:Boolean,reflect:!0})],i.prototype,"dragging",2),a([o({type:Boolean,reflect:!0,attribute:"dragged-hidden"})],i.prototype,"draggedHidden",2),a([b()],i.prototype,"liveWidthPx",2),i=a([g(w)],i);export{i as EunomiaSidebar,w as EunomiaSidebarTagName};

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

@@ -1 +1 @@
-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};
+import{a,b}from"./chunks/chunk-SVGWCKWT.js";import"./chunks/chunk-22D3SRFR.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaSkeleton,a as EunomiaSkeletonTagName};

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

@@ -1,4 +1,4 @@
-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-32DTNR52.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-BO3JOEWM.js";import{c as _,d as y,e as w,f as d}from"./chunks/chunk-TLBXTBMM.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as k}from"./chunks/chunk-3BMACIDO.js";import{a as h}from"./chunks/chunk-22D3SRFR.js";import{a as f}from"./chunks/chunk-PPCHQG7P.js";import{a as g}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as p,h as m,j as o,k as c,l as b,p as s,r as l,u as v}from"./chunks/chunk-YITWLCD3.js";var $=m`
   :host {
     --_trackHeight: var(--slider-track-height, 6px);
     --_trackColor: var(
@@ -73,7 +73,8 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
     border-radius: 50%;
     background: var(--_tickColor);
     transform: translate(-50%, -50%);
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
 
   .tick.tick-active {
@@ -150,9 +151,9 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
     outline: 2px solid transparent;
     cursor: grab;
     transition:
-      transform 0.1s ease,
-      outline 0.2s ease-out,
-      outline-color 0.15s ease;
+      transform var(--eun-duration-xs, 100ms) var(--eun-easing-default, ease),
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
 
   #field:active::-webkit-slider-thumb {
@@ -188,9 +189,9 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
     outline: 2px solid transparent;
     cursor: grab;
     transition:
-      outline 0.2s ease-out,
-      transform 0.1s ease,
-      outline-color 0.15s ease;
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
+      transform var(--eun-duration-xs, 100ms) var(--eun-easing-default, ease),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
 
   #field:active::-moz-range-thumb {
@@ -233,16 +234,16 @@ 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",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`
+`,M=$;var B="eun-slider",S=k(w(v)),F=C(y(_(S))),t=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.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)}disconnectedCallback(){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 r=(String(this.step).split(".")[1]??"").length;return r?Number(e.toFixed(r)):e}clamp(e){let r=Math.min(this.min,this.max),i=Math.max(this.min,this.max),n=Math.min(i,Math.max(r,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(r,z)))}percentFor(e){let r=this.max-this.min;return r<=0?0:Math.min(100,Math.max(0,(e-this.min)/r*100))}formatValue(e){let r=(String(this.step).split(".")[1]??"").length;return r?e.toFixed(r):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 r=[];for(let i=this.min;i<this.max;i+=e)r.push(i);return r.push(this.max),r}get hostTabStop(){return!1}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}renderTicks(e){let r=this.tickValues;return r.length?s`
       <div id="ticks" aria-hidden="true">
-        ${t.map(i=>s`
+        ${r.map(i=>s`
             <span
               class=${g({tick:!0,"tick-active":i<=e})}
               style=${h({left:`${this.percentFor(i)}%`})}
             ></span>
           `)}
       </div>
-    `:l}render(){let e=this.renderDescription(),t=e!==l,i=this.value??this.defaultRangeValue,n=this.percentFor(i),u=!this.hideTooltip&&(this.dragging||this.hasFocus);return s`
+    `:l}render(){let e=this.renderDescription(),r=e!==l,i=this.value??this.defaultRangeValue,n=this.percentFor(i),u=!this.hideTooltip&&(this.dragging||this.hasFocus);return s`
       <div id="wrapper">
         ${this.renderFormLabels("field")}
         <div
@@ -258,9 +259,9 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
             step=${this.step}
             .value=${String(i)}
             ?disabled=${this.disabled}
-            aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+            aria-invalid=${this.showError}
             aria-label=${f(this.label)}
-            aria-describedby=${t?"description":l}
+            aria-describedby=${r?"description":l}
             @input=${this.handleInput}
             @keydown=${this.handleKeydown}
             @pointerdown=${this.handlePointerDown}
@@ -275,4 +276,4 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
         </div>
         ${e}
       </div>
-    `}willUpdate(e){if((e.has("min")||e.has("max")||e.has("step"))&&this.value!==void 0){let t=this.clamp(this.value);t!==this.value&&(this.value=t)}super.willUpdate(e)}};r.styles=[M,d.base,d.errorMessages,d.hintMessages],a([o({type:Number})],r.prototype,"min",2),a([o({type:Number})],r.prototype,"max",2),a([o({type:Number})],r.prototype,"step",2),a([o({type:Boolean,attribute:"hide-tooltip",reflect:!0})],r.prototype,"hideTooltip",2),a([o({type:Boolean,reflect:!0})],r.prototype,"graduated",2),a([o({type:Number,attribute:"tick-step"})],r.prototype,"tickStep",2),a([o({type:Number})],r.prototype,"value",1),a([o({attribute:"default-value",type:Number})],r.prototype,"defaultValue",1),a([b("#field")],r.prototype,"fieldEl",2),a([c()],r.prototype,"dragging",2),a([c()],r.prototype,"hasFocus",2),r=a([p(B)],r);export{r as EunomiaSlider,B as EunomiaSliderTagName};
+    `}willUpdate(e){if((e.has("min")||e.has("max")||e.has("step"))&&this.value!==void 0){let r=this.clamp(this.value);r!==this.value&&(this.value=r)}super.willUpdate(e)}};t.styles=[M,d.base,d.errorMessages,d.hintMessages],a([o({type:Number})],t.prototype,"min",2),a([o({type:Number})],t.prototype,"max",2),a([o({type:Number})],t.prototype,"step",2),a([o({type:Boolean,attribute:"hide-tooltip",reflect:!0})],t.prototype,"hideTooltip",2),a([o({type:Boolean,reflect:!0})],t.prototype,"graduated",2),a([o({type:Number,attribute:"tick-step"})],t.prototype,"tickStep",2),a([o({type:Number})],t.prototype,"value",1),a([o({attribute:"default-value",type:Number})],t.prototype,"defaultValue",1),a([b("#field")],t.prototype,"fieldEl",2),a([c()],t.prototype,"dragging",2),a([c()],t.prototype,"hasFocus",2),t=a([p(B)],t);export{t as EunomiaSlider,B as EunomiaSliderTagName};

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-SD2WHGPF.js";import"./chunks/chunk-SJWRE6PW.js";import{a as n}from"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-5GKM5DIB.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 f,b as p}from"./chunks/chunk-MQQJ6DID.js";import"./chunks/chunk-5GKM5DIB.js";import{a as n}from"./chunks/chunk-PPCHQG7P.js";import{a as h}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as t,f as o,h as d,j as l,k as a,p as r,u as c}from"./chunks/chunk-YITWLCD3.js";var v=d`
   :host {
     display: block;
     position: relative;
@@ -33,7 +33,11 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
       --sliding-card-border-radius,
       var(--eun-border-radius-l, 16px)
     );
-    padding: var(--sliding-card-padding, var(--eun-space-l, 32px));
+    padding: var(
+      --sliding-card-padding,
+      var(--sliding-card-padding-block, var(--eun-space-l, 32px))
+        var(--sliding-card-padding-inline, var(--eun-space-l, 32px))
+    );
     overflow: hidden;
   }
 
@@ -162,7 +166,7 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
       animation: none !important;
     }
   }
-`,v=g;var m="eun-sliding-card",i=class extends f(c){constructor(){super(...arguments);this.hint=!1;this.isTouch=!1;this.isOpen=!1;this.phase="idle";this.handleMediaChange=e=>{this.isTouch=e.matches};this.handleClick=e=>{!this.isTouch||e.target.closest("a, button")||this.toggle()};this.handleFrontKeydown=e=>{!this.isTouch||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.toggle())};this.handleFocusIn=()=>{this.isTouch&&!this.isOpen&&this.open()};this.handleFocusOut=()=>{this.isTouch&&this.isOpen&&this.close()};this.handleAnimationEnd=()=>{this.phase="idle"}}connectedCallback(){super.connectedCallback?.(),this.mediaQuery=window.matchMedia("(hover: none)"),this.isTouch=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.handleMediaChange),this.addEventListener("click",this.handleClick),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut)}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.handleMediaChange),this.removeEventListener("click",this.handleClick),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),this.dialogEntry&&(s(this.dialogEntry),this.dialogEntry=void 0),super.disconnectedCallback?.()}open(){this.isOpen=!0,this.phase="opening",this.dialogEntry={surfaceEl:this,onEscape:()=>this.close(),onOutsideClick:()=>this.close()},u(this.dialogEntry)}close(){this.isOpen=!1,this.phase="closing",this.dialogEntry&&(s(this.dialogEntry),this.dialogEntry=void 0)}toggle(){this.isOpen?this.close():this.open()}showHint(){return this.hint&&this.isTouch&&!this.isOpen&&this.phase==="idle"}renderBack(){let e=r`<slot name="back"></slot
+`,g=v;var m="eun-sliding-card",i=class extends f(c){constructor(){super(...arguments);this.hint=!1;this.isTouch=!1;this.isOpen=!1;this.phase="idle";this.handleMediaChange=e=>{this.isTouch=e.matches};this.handleClick=e=>{!this.isTouch||e.target.closest("a, button")||this.toggle()};this.handleFrontKeydown=e=>{!this.isTouch||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.toggle())};this.handleFocusIn=()=>{this.isTouch&&!this.isOpen&&this.open()};this.handleFocusOut=()=>{this.isTouch&&this.isOpen&&this.close()};this.handleAnimationEnd=()=>{this.phase="idle"}}connectedCallback(){super.connectedCallback?.(),this.mediaQuery=window.matchMedia("(hover: none)"),this.isTouch=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.handleMediaChange),this.addEventListener("click",this.handleClick),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut)}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.handleMediaChange),this.removeEventListener("click",this.handleClick),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),this.dialogEntry&&(s(this.dialogEntry),this.dialogEntry=void 0),super.disconnectedCallback?.()}open(){this.isOpen=!0,this.phase="opening",this.dialogEntry={surfaceEl:this,onEscape:()=>this.close(),onOutsideClick:()=>this.close()},u(this.dialogEntry)}close(){this.isOpen=!1,this.phase="closing",this.dialogEntry&&(s(this.dialogEntry),this.dialogEntry=void 0)}toggle(){this.isOpen?this.close():this.open()}showHint(){return this.hint&&this.isTouch&&!this.isOpen&&this.phase==="idle"}renderBack(){let e=r`<slot name="back"></slot
       >${this.renderExternalLinkBadge()}`;return this.href?this.renderCardLink("back",e):r`<div id="back" part="back">${e}</div>`}render(){return r`
       ${this.renderBack()}
       <div
@@ -177,4 +181,4 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
       >
         <slot></slot>
       </div>
-    `}};i.styles=[v,p],t([l({type:Boolean})],i.prototype,"hint",2),t([a()],i.prototype,"isTouch",2),t([a()],i.prototype,"isOpen",2),t([a()],i.prototype,"phase",2),i=t([o(m)],i);export{i as EunomiaSlidingCard,m as EunomiaSlidingCardTagName};
+    `}};i.styles=[g,p],t([l({type:Boolean})],i.prototype,"hint",2),t([a()],i.prototype,"isTouch",2),t([a()],i.prototype,"isOpen",2),t([a()],i.prototype,"phase",2),i=t([o(m)],i);export{i as EunomiaSlidingCard,m as EunomiaSlidingCardTagName};

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

@@ -1,4 +1,4 @@
-import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as l,g as p,h as o,l as d,n as r,s as u}from"./chunks/chunk-XH6NREVZ.js";var v=p`
+import{a as f}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as l,h as p,j as o,n as d,p as r,u}from"./chunks/chunk-YITWLCD3.js";var v=p`
   :host {
     display: flex;
     align-items: flex-start;
@@ -96,14 +96,20 @@ import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       var(--eun-content-hover, #edeff0)
     );
     color: var(--stepper-indicator-color, var(--eun-text-secondary, #484e61));
-    font-size: var(--stepper-indicator-font-size, var(--eun-font-size-xs, 12px));
+    font-size: var(
+      --stepper-indicator-font-size,
+      var(--eun-font-size-xs, 12px)
+    );
     font-weight: var(
       --stepper-indicator-font-weight,
       var(--eun-font-weight-m, 500)
     );
     transition:
-      background var(--stepper-transition-duration, 0.2s) ease-out,
-      color var(--stepper-transition-duration, 0.2s) ease-out;
+      background
+        var(--stepper-transition-duration, var(--eun-duration-m, 200ms))
+        var(--eun-easing-out, ease-out),
+      color var(--stepper-transition-duration, var(--eun-duration-m, 200ms))
+        var(--eun-easing-out, ease-out);
   }
   .indicator eun-icon {
     pointer-events: none;
@@ -153,7 +159,10 @@ import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   }
   .label {
     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));
+    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 {
@@ -193,7 +202,9 @@ import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       --stepper-connector-color-active,
       var(--eun-color-primary-200, #6f94ff)
     );
-    transition: transform var(--stepper-transition-duration, 0.2s) ease-out;
+    transition: transform
+      var(--stepper-transition-duration, var(--eun-duration-m, 200ms))
+      var(--eun-easing-out, ease-out);
   }
   :host(:not([orientation="vertical"])) .connector::after {
     transform: scaleX(0);
@@ -245,7 +256,8 @@ import{a as f}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
         type="button"
         class=${a}
         @click=${this.handleClick}
-        >${i}${s}</button
-      >`:n=r`<button type="button" class=${a} disabled
-        >${i}${s}</button
-      >`,r`${n}<span class="connector" aria-hidden="true"></span>`}};e.styles=[v],t([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([o({reflect:!0})],e.prototype,"state",2),t([o({reflect:!0})],e.prototype,"status",2),t([o({type:Boolean})],e.prototype,"reachable",2),t([o({type:Number})],e.prototype,"index",2),t([o({reflect:!0})],e.prototype,"orientation",2),t([d({slot:"description"})],e.prototype,"descriptionEls",2),e=t([l(h)],e);export{e as EunomiaStep,h as EunomiaStepTagName};
+      >
+        ${i}${s}
+      </button>`:n=r`<button type="button" class=${a} disabled>
+        ${i}${s}
+      </button>`,r`${n}<span class="connector" aria-hidden="true"></span>`}};e.styles=[v],t([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([o({reflect:!0,useDefault:!0})],e.prototype,"state",2),t([o({reflect:!0,useDefault:!0})],e.prototype,"status",2),t([o({type:Boolean})],e.prototype,"reachable",2),t([o({type:Number})],e.prototype,"index",2),t([o({reflect:!0,useDefault:!0})],e.prototype,"orientation",2),t([d({slot:"description"})],e.prototype,"descriptionEls",2),e=t([l(h)],e);export{e as EunomiaStep,h as EunomiaStepTagName};

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

@@ -1,4 +1,4 @@
-import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as s,f as g,g as S,h as i,l as x,n as r,p,s as y}from"./chunks/chunk-XH6NREVZ.js";var d=class c extends Event{static{this.eventName="eunstepchange"}constructor(m){super(c.eventName,{bubbles:!0,composed:!1}),this.step=m}};var $=S`
+import{a as u}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as s,f as g,h as S,j as i,n as x,p as a,r as p,u as y}from"./chunks/chunk-YITWLCD3.js";var d=class l extends Event{static{this.eventName="eunstepchange"}constructor(m){super(l.eventName,{bubbles:!0,composed:!1}),this.step=m}};var $=S`
   :host {
     display: block;
     container-type: normal;
@@ -100,7 +100,9 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       --stepper-connector-color-active,
       var(--eun-color-primary-200, #6f94ff)
     );
-    transition: transform var(--stepper-transition-duration, 0.2s) ease-out;
+    transition: transform
+      var(--stepper-transition-duration, var(--eun-duration-m, 200ms))
+      var(--eun-easing-out, ease-out);
   }
   li.connector::after {
     transform: scaleX(0);
@@ -169,14 +171,20 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       var(--eun-content-hover, #edeff0)
     );
     color: var(--stepper-indicator-color, var(--eun-text-secondary, #484e61));
-    font-size: var(--stepper-indicator-font-size, var(--eun-font-size-xs, 12px));
+    font-size: var(
+      --stepper-indicator-font-size,
+      var(--eun-font-size-xs, 12px)
+    );
     font-weight: var(
       --stepper-indicator-font-weight,
       var(--eun-font-weight-m, 500)
     );
     transition:
-      background var(--stepper-transition-duration, 0.2s) ease-out,
-      color var(--stepper-transition-duration, 0.2s) ease-out;
+      background
+        var(--stepper-transition-duration, var(--eun-duration-m, 200ms))
+        var(--eun-easing-out, ease-out),
+      color var(--stepper-transition-duration, var(--eun-duration-m, 200ms))
+        var(--eun-easing-out, ease-out);
   }
   .indicator eun-icon {
     pointer-events: none;
@@ -268,7 +276,10 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   }
   .label {
     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));
+    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 {
@@ -289,63 +300,63 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
       var(--eun-text-disabled-color, #8d93aa)
     );
   }
-`;var z="eun-stepper",T={fromAttribute(c){return c!==null&&c!=="false"},toAttribute:String},n=class extends y{constructor(){super(...arguments);this.steps=[];this.activeStep=0;this.orientation="horizontal";this.variant="numbered";this.linear=!0;this.disabled=!1;this.handleSlotChange=()=>{this.syncSlottedSteps(),this.requestUpdate()}}hasSlottedSteps(){return this.children.length>0}requestStepFromChild(e){let t=this.slottedSteps.indexOf(e);t!==-1&&this.requestStep(t)}syncSlottedSteps(){this.slottedSteps.forEach((e,t)=>{e.index=t,e.orientation=this.orientation,e.status=this.statusOf(t,this.activeStep,e.state);let a=t===this.activeStep;e.reachable=!a&&!this.disabled&&!e.disabled&&(!this.linear||t<this.activeStep)})}updated(e){super.updated(e),this.hasSlottedSteps()&&this.syncSlottedSteps()}requestStep(e){this.dispatchEvent(new d(e))}statusOf(e,t,a){return e===t?"current":e<t?a==="error"?"error":"completed":"upcoming"}renderIndicatorContent(e,t){return e==="completed"?r`<eun-icon name="check" size="16"></eun-icon>`:e==="error"?r`<eun-icon name="error" size="16"></eun-icon>`:`${t+1}`}renderSubstepRing(e){let t=this.activeSubstep??-1,a=e.length>0?Math.min(Math.max((t+1)/e.length,0),1):0,o=e[t]?.state==="error";return r`<span
-      class=${u({"substep-ring":!0,error:o})}
+`;var z="eun-stepper",T={fromAttribute(l){return l!==null&&l!=="false"},toAttribute:String},o=class extends y{constructor(){super(...arguments);this.steps=[];this.activeStep=0;this.orientation="horizontal";this.variant="numbered";this.linear=!0;this.disabled=!1;this.handleSlotChange=()=>{this.syncSlottedSteps(),this.requestUpdate()}}hasSlottedSteps(){return this.children.length>0}requestStepFromChild(e){let t=this.slottedSteps.indexOf(e);t!==-1&&this.requestStep(t)}syncSlottedSteps(){this.slottedSteps.forEach((e,t)=>{e.index=t,e.orientation!==this.orientation&&(e.orientation=this.orientation);let r=this.statusOf(t,this.activeStep,e.state);e.status!==r&&(e.status=r);let n=t===this.activeStep;e.reachable=!n&&!this.disabled&&!e.disabled&&(!this.linear||t<this.activeStep)})}updated(e){super.updated(e),this.hasSlottedSteps()&&this.syncSlottedSteps()}requestStep(e){this.dispatchEvent(new d(e))}statusOf(e,t,r){return e===t?"current":e<t?r==="error"?"error":"completed":"upcoming"}renderIndicatorContent(e,t){return e==="completed"?a`<eun-icon name="check" size="16"></eun-icon>`:e==="error"?a`<eun-icon name="error" size="16"></eun-icon>`:`${t+1}`}renderSubstepRing(e){let t=this.activeSubstep??-1,r=e.length>0?Math.min(Math.max((t+1)/e.length,0),1):0,n=e[t]?.state==="error";return a`<span
+      class=${u({"substep-ring":!0,error:n})}
       aria-hidden="true"
-      style="--_substepFraction: ${a}"
-    ></span>`}renderIndicator(e,t,a){let o=a===this.activeStep&&!!e.substeps?.length;return r`
+      style="--_substepFraction: ${r}"
+    ></span>`}renderIndicator(e,t,r){let n=r===this.activeStep&&!!e.substeps?.length;return a`
       <span class="indicator" aria-hidden="true">
-        ${this.renderIndicatorContent(t,a)}
-        ${o?this.renderSubstepRing(e.substeps):p}
+        ${this.renderIndicatorContent(t,r)}
+        ${n?this.renderSubstepRing(e.substeps):p}
       </span>
-    `}renderStep(e,t,a){let o=this.statusOf(t,this.activeStep,e.state),v=t===this.activeStep,k=!v&&!this.disabled&&!e.disabled&&(!this.linear||t<this.activeStep),b=this.renderIndicator(e,o,t),h=u({"step-control":!0,"has-description":!!e.description}),f=r`
+    `}renderStep(e,t,r){let n=this.statusOf(t,this.activeStep,e.state),v=t===this.activeStep,k=!v&&!this.disabled&&!e.disabled&&(!this.linear||t<this.activeStep),b=this.renderIndicator(e,n,t),h=u({"step-control":!0,"has-description":!!e.description}),f=a`
       <span class="content">
         <span class="label">${e.label}</span>
-        ${e.description?r`<span class="description">${e.description}</span>`:p}
+        ${e.description?a`<span class="description">${e.description}</span>`:p}
       </span>
-    `,w=v&&e.substeps?.length&&this.activeSubstep!==void 0?r`<span class="sr-only"
+    `,w=v&&e.substeps?.length&&this.activeSubstep!==void 0?a`<span class="sr-only"
             >, step ${this.activeSubstep+1} of ${e.substeps.length}:
             ${e.substeps[this.activeSubstep]?.label}</span
-          >`:p,l;v?l=r`<span class=${h} aria-current="step"
+          >`:p,c;v?c=a`<span class=${h} aria-current="step"
         >${b}${f}${w}</span
-      >`:k?l=r`<button
+      >`:k?c=a`<button
         type="button"
         class=${h}
         @click=${()=>this.requestStep(t)}
       >
         ${b}${f}
-      </button>`:l=r`<button type="button" class=${h} disabled>
+      </button>`:c=a`<button type="button" class=${h} disabled>
         ${b}${f}
-      </button>`;let E=this.orientation==="vertical"&&t<a?r`<span
+      </button>`;let E=this.orientation==="vertical"&&t<r?a`<span
             class="v-connector"
             aria-hidden="true"
             ?data-active=${t<this.activeStep}
-          ></span>`:p;return r`<li class="step" data-status=${o}>
-      ${l}${E}
-    </li>`}renderConnector(e){return r`<li
+          ></span>`:p;return a`<li class="step" data-status=${n}>
+      ${c}${E}
+    </li>`}renderConnector(e){return a`<li
       class="connector"
       aria-hidden="true"
       ?data-active=${e<this.activeStep}
-    ></li>`}renderNumbered(){let e=this.hasSlottedSteps(),t=this.steps.length-1;return r`
+    ></li>`}renderNumbered(){let e=this.hasSlottedSteps(),t=this.steps.length-1;return a`
       <nav aria-label=${this.ariaLabel??"Progress"}>
         <ol id="list" role="list">
-          ${e?p:this.steps.map((a,o)=>r`
-                  ${this.renderStep(a,o,t)}
-                  ${this.orientation!=="vertical"&&o<t?this.renderConnector(o):p}
+          ${e?p:this.steps.map((r,n)=>a`
+                  ${this.renderStep(r,n,t)}
+                  ${this.orientation!=="vertical"&&n<t?this.renderConnector(n):p}
                 `)}
           <li class=${u({"items-slot":!0,hidden:!e})}>
             <slot @slotchange=${this.handleSlotChange}></slot>
           </li>
         </ol>
       </nav>
-    `}renderProgress(){let e=this.steps.length||1,t=Math.min(Math.max(this.activeStep,0),e-1),a=this.steps[t]?.label,o=this.ariaLabel??(a?`Step ${t+1} of ${e}: ${a}`:`Step ${t+1} of ${e}`);return r`
+    `}renderProgress(){let e=this.steps.length||1,t=Math.min(Math.max(this.activeStep,0),e-1),r=this.steps[t]?.label,n=this.ariaLabel??(r?`Step ${t+1} of ${e}: ${r}`:`Step ${t+1} of ${e}`);return a`
       <eun-progress-bar
         min="1"
         max=${e}
         value=${t+1}
-        aria-label=${o}
+        aria-label=${n}
       >
-        ${a?r`<span slot="top-left">${a}</span>`:p}
+        ${r?a`<span slot="top-left">${r}</span>`:p}
         <span slot="top-right">${t+1} / ${e}</span>
       </eun-progress-bar>
-    `}render(){return this.variant==="progress"?this.renderProgress():this.renderNumbered()}};n.styles=[$],s([i({type:Array,reflect:!0})],n.prototype,"steps",2),s([i({type:Number,attribute:"active-step"})],n.prototype,"activeStep",2),s([i({type:Number,attribute:"active-substep"})],n.prototype,"activeSubstep",2),s([i({reflect:!0})],n.prototype,"orientation",2),s([i({reflect:!0})],n.prototype,"variant",2),s([i({reflect:!0,converter:T})],n.prototype,"linear",2),s([i({type:Boolean,reflect:!0})],n.prototype,"disabled",2),s([x()],n.prototype,"slottedSteps",2),n=s([g(z)],n);export{n as EunomiaStepper,z as EunomiaStepperTagName};
+    `}render(){return this.variant==="progress"?this.renderProgress():this.renderNumbered()}};o.styles=[$],s([i({type:Array,reflect:!0,useDefault:!0})],o.prototype,"steps",2),s([i({type:Number,attribute:"active-step"})],o.prototype,"activeStep",2),s([i({type:Number,attribute:"active-substep"})],o.prototype,"activeSubstep",2),s([i({reflect:!0,useDefault:!0})],o.prototype,"orientation",2),s([i({reflect:!0,useDefault:!0})],o.prototype,"variant",2),s([i({reflect:!0,converter:T})],o.prototype,"linear",2),s([i({type:Boolean,reflect:!0})],o.prototype,"disabled",2),s([x()],o.prototype,"slottedSteps",2),o=s([g(z)],o);export{o as EunomiaStepper,z as EunomiaStepperTagName};