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

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,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 y=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,7 +36,8 @@ 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"]) {
     --_width: var(--_miniWidth);
@@ -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);
@@ -181,13 +195,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`
+`,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 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.ariaLabelExpand:this.ariaLabelCollapse}renderEdgeToggle(){return s`
       <button
         type="button"
         id="collapse-toggle"
@@ -197,7 +211,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,7 +223,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>
         <span id="collapse-toggle-label">${this.collapseToggleLabel()}</span>
       </button>
-    `}renderResizeHandle(){return n`
+    `}renderResizeHandle(){return s`
       <div
         id="resize-handle"
         role="separator"
@@ -225,7 +239,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 +250,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 +259,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=x,a([o({reflect:!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"})],i.prototype,"togglePlacement",2),a([o({reflect:!0,attribute:"collapse-mode"})],i.prototype,"collapseMode",2),a([o({type:Boolean,reflect:!0})],i.prototype,"collapsed",2),a([o({attribute:"aria-label-expand"})],i.prototype,"ariaLabelExpand",2),a([o({attribute:"aria-label-collapse"})],i.prototype,"ariaLabelCollapse",2),a([o({type:Boolean})],i.prototype,"resizable",2),a([o({attribute:"aria-label-resize"})],i.prototype,"ariaLabelResize",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(P)],i);export{i as EunomiaSidebar,P 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-L2ADCEN7.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-VOTRXBDS.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as k}from"./chunks/chunk-RS7TWEMQ.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-KSZRQRN4.js";import{a,f as p,h as m,j as o,k as c,l as v,p as s,r as l,u as b}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",F=k(w(b)),S=C(y(_(F))),t=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 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}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([v("#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-XDPRWUKN.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-LMVW522V.js";import"./chunks/chunk-KSZRQRN4.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);

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 r,r as p,u as y}from"./chunks/chunk-YITWLCD3.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`
   :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 {

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

@@ -1,4 +1,4 @@
-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-32DTNR52.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-A3X4KD2X.js";import{c as f,d as v,e as b,f as t}from"./chunks/chunk-VOTRXBDS.js";import"./chunks/chunk-YYCEPZUN.js";import{a as h}from"./chunks/chunk-RS7TWEMQ.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as u}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a as e,f as n,h as c,j as a,p as i,r as s,u as l}from"./chunks/chunk-YITWLCD3.js";var g=c`
   :host {
     --_trackWidth: var(--switch-track-width, 40px);
     --_trackHeight: var(--switch-track-height, 22px);
@@ -21,7 +21,7 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as f,c as b,d as p,e as
     );
     --_trackBorderWidth: var(--eun-border-width-s, 1px);
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-font-size-s, 14px);
+    font-size: var(--field-label-font-size, var(--eun-font-size-s, 14px));
     display: flex;
     width: 100%;
     outline: none;
@@ -148,9 +148,10 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as f,c as b,d as p,e as
     box-sizing: border-box;
     outline: 2px solid transparent;
     transition:
-      background-color 0.15s ease,
-      outline 0.3s ease,
-      border-color 0.15s ease;
+      background-color var(--eun-duration-s, 150ms)
+        var(--eun-easing-default, ease),
+      outline var(--eun-duration-xl, 300ms) var(--eun-easing-default, ease),
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
 
   #thumb {
@@ -165,7 +166,8 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as f,c as b,d as p,e as
     display: flex;
     align-items: center;
     justify-content: center;
-    transition: transform 0.15s ease;
+    transition: transform var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   :host([aria-checked="true"]) #thumb {
     transform: translateX(
@@ -181,7 +183,7 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as f,c as b,d as p,e as
     line-height: 0;
     --icon-color: var(--switch-icon-color, var(--_trackBorder));
   }
-`,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`
+`,p=g;var _="eun-switch",w=k(v(f(h(b(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"
@@ -210,4 +212,4 @@ import{a as k}from"./chunks/chunk-GU6BVMFJ.js";import{a as f,c as b,d as p,e as
         </div>
         ${this.renderDescription()}
       </div>
-    `}};r.styles=[v,t.base,t.errorMessages,t.hintMessages],e([a()],r.prototype,"label",2),e([a({type:Boolean,attribute:"hide-icon",reflect:!0})],r.prototype,"hideIcon",2),e([a({attribute:"default-value"})],r.prototype,"defaultValue",1),r=e([c(_)],r);export{r as EunomiaSwitch,_ as EunomiaSwitchTagName};
+    `}};r.styles=[p,t.base,t.errorMessages,t.hintMessages],e([a()],r.prototype,"label",2),e([a({type:Boolean,attribute:"hide-icon",reflect:!0})],r.prototype,"hideIcon",2),e([a({attribute:"default-value"})],r.prototype,"defaultValue",1),r=e([n(_)],r);export{r as EunomiaSwitch,_ as EunomiaSwitchTagName};