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

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

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

package/dist/cdn/components/eun-tab-group.js

@@ -1,4 +1,4 @@
-import{b as k}from"./chunks/chunk-ON42P6FI.js";import{a as C}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk-SD2H5UDZ.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-VRGRCYIO.js";import{a as v}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as P}from"./chunks/chunk-5EVP7YNE.js";import{a as o,f as y,g as T,h,i as E,j as d,l as u,n as S,s as x}from"./chunks/chunk-XH6NREVZ.js";var O=30,F=16,_=b=>{class l extends b{constructor(){super(...arguments);this.overflowState=!1;this.resizeObserver=new ResizeObserver(()=>{this.resizeObserverCallback(),this.handleOverflow()})}firstUpdated(i){super.firstUpdated(i),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver.disconnect(),super.disconnectedCallback?.()}scrollItem(i){return()=>{this.scrollableElement.scrollBy({behavior:"smooth",left:150*(i==="front"?1:-1)})}}updateScroll(){this.overflowState=this.getOverflowStatus()}isOnOverflow(){let i=this.shadowRoot?.querySelector('slot[name="navigation"]');if(!i||!(i instanceof HTMLSlotElement))return!1;let a=i.assignedElements();if(!a||!a.length)return!1;let n=a.reduce((c,p)=>c+(p.getBoundingClientRect().width||0),0)+(a.length-1)*this.getContentGap(),s=this.shadowRoot?.querySelector("#scrollable");return s?n>s.clientWidth:!1}getContentGap(){let i=this.shadowRoot?.host??document.body,a=getComputedStyle(i).getPropertyValue("--eun-overflow-content-gap")||F;return typeof a=="number"?a:parseFloat(a)}handleOverflow(){(!this.overflowState&&this.isOnOverflow()||this.overflowState&&!this.isOnOverflow())&&this.updateScroll()}getOverflowStatus(){if(!this.isOnOverflow())return!1;let i=this.scrollableElement,a=i.scrollWidth-i.scrollLeft-i.clientWidth<O,n=i.scrollLeft<O;return!n&&!a?"middle":n?"start":a?"end":!1}resizeObserverCallback(){}}return o([E()],l.prototype,"overflowState",2),o([d("#scrollable")],l.prototype,"scrollableElement",2),l};var f=class b extends Event{static{this.eventName="tabchange"}constructor(l){super(b.eventName),this.active=l.active}};var N=T`
+import{a as k}from"./chunks/chunk-EST3M4AO.js";import{b as D}from"./chunks/chunk-RJCJXB7Y.js";import{a as S}from"./chunks/chunk-E5LQKBFI.js";import{a as P}from"./chunks/chunk-SD2H5UDZ.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-VRGRCYIO.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as x}from"./chunks/chunk-5EVP7YNE.js";import{a as o,f as y,g as w,h as l,j as d,l as h,n as T,s as E}from"./chunks/chunk-XH6NREVZ.js";var p=class C extends Event{static{this.eventName="tabchange"}constructor(v){super(C.eventName),this.active=v.active}};var N=w`
   :host {
     --_swipe-duration: var(--tab-panel-swipe-duration, 200ms);
     --_indicator-height: var(--tab-indicator-height, 2px);
@@ -34,6 +34,14 @@ import{b as k}from"./chunks/chunk-ON42P6FI.js";import{a as C}from"./chunks/chunk
     justify-content: center;
   }
 
+  :host([full]) [role="tablist"] {
+    justify-content: flex-start;
+  }
+
+  :host([full]) ::slotted(eun-tab) {
+    flex: 1 1 0%;
+  }
+
   :host([hide-indicator]) ::slotted(eun-tab:hover)::after {
     display: none;
   }
@@ -124,8 +132,8 @@ import{b as k}from"./chunks/chunk-ON42P6FI.js";import{a as C}from"./chunks/chunk
     justify-content: flex-start;
     background: linear-gradient(
       90deg,
-      var(--tab-arrows-color, var(--eun-color-grey-0, #ffffff)) 0%,
-      var(--tab-arrows-color, var(--eun-color-grey-0, #ffffff)) 60%,
+      var(--tab-arrows-color, var(--eun-surface-color, #ffffff)) 0%,
+      var(--tab-arrows-color, var(--eun-surface-color, #ffffff)) 60%,
       transparent 100%
     );
   }
@@ -135,8 +143,8 @@ import{b as k}from"./chunks/chunk-ON42P6FI.js";import{a as C}from"./chunks/chunk
     background: linear-gradient(
       90deg,
       transparent 0%,
-      var(--tab-arrows-color, var(--eun-color-grey-0, #ffffff)) 40%,
-      var(--tab-arrows-color, var(--eun-color-grey-0, #ffffff)) 100%
+      var(--tab-arrows-color, var(--eun-surface-color, #ffffff)) 40%,
+      var(--tab-arrows-color, var(--eun-surface-color, #ffffff)) 100%
     );
   }
   hr {
@@ -232,31 +240,31 @@ import{b as k}from"./chunks/chunk-ON42P6FI.js";import{a as C}from"./chunks/chunk
       animation: none !important;
     }
   }
-`,A=N;var I="eun-tab-group";var L=4,$="eun-tab",r=class extends _(x){constructor(){super(...arguments);this.align="start";this.animation="slide";this.hideIndicator=!1;this.dragActive=!1;this.dragDirection="nextElementSibling";this.dragHasTarget=!1;this.suppressSlideAnimation=!1;this.handleSwipeMove=t=>{this.dragActive||this.beginDrag(t),this.updateDragPosition(t)};this.handleSwipeEnd=(t,e)=>{this.dragActive&&this.settleDrag(e&&this.dragHasTarget)};this.handleSwipeCancel=()=>{this.dragActive&&this.settleDrag(!1)};this.handleKeydown=t=>{if(t.stopPropagation(),!this.isEunomiaTab(t.target))return;let e;switch(t.key){case"ArrowRight":{do e=this.getSiblingTab("nextElementSibling",e)||this.tabs[0];while(e.disabled);break}case"ArrowLeft":{do e=this.getSiblingTab("previousElementSibling",e)||this.tabs[this.tabs.length-1];while(e.disabled);break}case"Home":{[e]=this.tabs;break}case"End":{e=this.tabs[this.tabs.length-1];break}case"Enter":case" ":{let i=this.getRootNode();if(!this.isEunomiaTab(i.activeElement))return;t.preventDefault(),this.activate(i.activeElement);return}default:return}e&&e.focus()};this.debounceAnimation=D(()=>{this.updateIndicator()},50)}get activeTab(){return this.tabs.find(t=>t.active)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("keydown",this.handleKeydown)}firstUpdated(t){super.firstUpdated?.(t),this.swipeGesture=C(this.panelViewport,{onDragMove:this.handleSwipeMove,onDragEnd:this.handleSwipeEnd,onDragCancel:this.handleSwipeCancel})}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),this.swipeGesture?.destroy(),super.disconnectedCallback?.()}updateIndicator(){if(!this.activeTab)return;if(this.hideIndicator){this.indicator.style.display="none";return}let{clientWidth:t,offsetLeft:e}=this.activeTab,i;this.align==="center"&&!this.overflowState?i=-this.scrollableContent.clientWidth+this.scrollableContent.clientWidth/2+e+t-t/2:this.align==="end"&&!this.overflowState?i=e-this.scrollableContent.clientWidth+t+L:i=e-L,this.indicator.style.width=`${t}px`,this.indicator.style.transform=`translateX(${i}px)`}resizeObserverCallback(){this.debounceAnimation()}activate(t){let e=typeof t=="string"?this.tabs.find(a=>a.panel===t):t,i=this.activeTab?.panel;!e||e.disabled||e.panel===i||(i&&this.animation==="slide"&&!this.suppressSlideAnimation&&this.initializeSlideAnimation(e,i),this.panels.forEach(a=>{let n=a.name!==e.panel;a.isHidden=n,n&&a.classList.remove("swipe-settled")}),this.tabs.forEach(a=>{a.active=a===e}),i&&this.dispatchEvent(new f({active:e.panel})),this.updateComplete.then(this.debounceAnimation))}initializeSlideAnimation(t,e){this.panels.forEach(n=>{n.classList.remove("slide-left","slide-right")});let i=this.tabs.findIndex(n=>n===t),a=this.panels.findIndex(n=>n.name===e);this.panels.forEach((n,s)=>{s===i&&n.classList.add(a<i?"slide-left":"slide-right")})}panelFor(t){return t&&this.panels.find(e=>e.name===t.panel)}getAdjacentEnabledTab(t){let e=this.activeTab?.[t];for(;e&&this.isEunomiaTab(e);){let i=e;if(!i.disabled)return i;e=e[t]}}beginDrag(t){this.dragActive=!0,this.dragDirection=t<0?"nextElementSibling":"previousElementSibling",this.dragTargetTab=this.getAdjacentEnabledTab(this.dragDirection),this.dragHasTarget=!!this.dragTargetTab;let e=this.panelFor(this.activeTab);e&&(this.panelViewport.style.height=`${e.getBoundingClientRect().height}px`),this.panelViewport.classList.add("dragging"),e&&(e.style.position="absolute",e.style.inset="0");let i=this.panelFor(this.dragTargetTab);i&&(i.style.display="block",i.style.position="absolute",i.style.inset="0",i.classList.add("swipe-settled"))}updateDragPosition(t){let e=this.panelFor(this.activeTab);if(!e)return;if(!this.dragHasTarget){e.style.transform=`translateX(${t*r.EDGE_RESISTANCE}px)`;return}e.style.transform=`translateX(${t}px)`;let i=this.panelFor(this.dragTargetTab);if(!i)return;let a=this.dragDirection==="nextElementSibling"?1:-1;i.style.transform=`translateX(calc(${a*100}% + ${t}px))`}settleDrag(t){let e=this.panelFor(this.activeTab),i=this.dragHasTarget?this.panelFor(this.dragTargetTab):void 0,a=this.dragDirection==="nextElementSibling"?1:-1,n=t?`${-a*100}%`:"0px",s=t?"0px":`${a*100}%`,c=getComputedStyle(this).getPropertyValue("--_swipe-duration"),p=Number.parseFloat(c)<=0;if([e,i].forEach(w=>{w&&(w.style.transition=p?"none":"transform var(--_swipe-duration) ease-out")}),e?.style.setProperty("transform",`translateX(${n})`),i?.style.setProperty("transform",`translateX(${s})`),p){this.finalizeDrag(t);return}let m=!1,g=()=>{m||(m=!0,this.finalizeDrag(t))};e?.addEventListener("transitionend",g,{once:!0}),this.updateComplete.then(()=>{window.setTimeout(g,Number.parseFloat(c)||0)})}finalizeDrag(t){let e=this.panelFor(this.activeTab),i=this.dragHasTarget?this.panelFor(this.dragTargetTab):void 0;[e,i].forEach(n=>{n&&(n.style.removeProperty("position"),n.style.removeProperty("inset"),n.style.removeProperty("transform"),n.style.removeProperty("transition"),n.style.removeProperty("display"))}),this.panelViewport.classList.remove("dragging"),this.panelViewport.style.removeProperty("height");let a=this.dragTargetTab;this.dragActive=!1,this.dragTargetTab=void 0,this.dragHasTarget=!1,t&&a?(this.suppressSlideAnimation=!0,this.activate(a),this.suppressSlideAnimation=!1):i?.classList.remove("swipe-settled")}handleTabChange(){if(this.updateScroll(),!this.activeTab){let t=this.activeTab||this.tabs[0];this.activate(t)}}getSiblingTab(t,e){let i;if(e){let n=this.tabs.findIndex(s=>s===e);i=this.tabs[n]}else{let{activeElement:n}=this.getRootNode();n instanceof k?i=n:i=this.activeTab??this.tabs[0]}let a=i?.[t];return this.isEunomiaTab(a)?a:this.tabs[t==="nextElementSibling"?0:this.tabs.length-1]}isEunomiaTab(t){return!!t&&!!t.tagName&&new RegExp(`${$}$`,"i").test(t.tagName)}arrowVisible(t){return this.overflowState?["middle",t==="start"?"end":"start"].includes(String(this.overflowState)):!1}render(){return S`
+`,_=N;var F="eun-tab-group";var A=4,$="eun-tab",r=class extends k(E){constructor(){super(...arguments);this.align="start";this.full=!1;this.animation="slide";this.hideIndicator=!1;this.dragActive=!1;this.dragDirection="nextElementSibling";this.dragHasTarget=!1;this.suppressSlideAnimation=!1;this.handleSwipeMove=t=>{this.dragActive||this.beginDrag(t),this.updateDragPosition(t)};this.handleSwipeEnd=(t,e)=>{this.dragActive&&this.settleDrag(e&&this.dragHasTarget)};this.handleSwipeCancel=()=>{this.dragActive&&this.settleDrag(!1)};this.handleKeydown=t=>{if(t.stopPropagation(),!this.isEunomiaTab(t.target))return;let e;switch(t.key){case"ArrowRight":{do e=this.getSiblingTab("nextElementSibling",e)||this.tabs[0];while(e.disabled);break}case"ArrowLeft":{do e=this.getSiblingTab("previousElementSibling",e)||this.tabs[this.tabs.length-1];while(e.disabled);break}case"Home":{[e]=this.tabs;break}case"End":{e=this.tabs[this.tabs.length-1];break}case"Enter":case" ":{let a=this.getRootNode();if(!this.isEunomiaTab(a.activeElement))return;t.preventDefault(),this.activate(a.activeElement);return}default:return}e&&e.focus()};this.debounceAnimation=P(()=>{this.updateIndicator()},50)}get activeTab(){return this.tabs.find(t=>t.active)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("keydown",this.handleKeydown)}firstUpdated(t){super.firstUpdated?.(t),this.swipeGesture=S(this.panelViewport,{onDragMove:this.handleSwipeMove,onDragEnd:this.handleSwipeEnd,onDragCancel:this.handleSwipeCancel})}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),this.swipeGesture?.destroy(),super.disconnectedCallback?.()}updated(t){super.updated?.(t),t.has("full")&&this.updateIndicator()}updateIndicator(){if(!this.activeTab)return;if(this.hideIndicator){this.indicator.style.display="none";return}let{clientWidth:t,offsetLeft:e}=this.activeTab,a;this.align==="center"&&!this.overflowState&&!this.full?a=-this.scrollableContent.clientWidth+this.scrollableContent.clientWidth/2+e+t-t/2:this.align==="end"&&!this.overflowState&&!this.full?a=e-this.scrollableContent.clientWidth+t+A:a=e-A,this.indicator.style.width=`${t}px`,this.indicator.style.transform=`translateX(${a}px)`}resizeObserverCallback(){this.debounceAnimation()}activate(t){let e=typeof t=="string"?this.tabs.find(n=>n.panel===t):t,a=this.activeTab?.panel;!e||e.disabled||e.panel===a||(a&&this.animation==="slide"&&!this.suppressSlideAnimation&&this.initializeSlideAnimation(e,a),this.panels.forEach(n=>{let i=n.name!==e.panel;n.isHidden=i,i&&n.classList.remove("swipe-settled")}),this.tabs.forEach(n=>{n.active=n===e}),a&&this.dispatchEvent(new p({active:e.panel})),this.updateComplete.then(this.debounceAnimation))}initializeSlideAnimation(t,e){this.panels.forEach(i=>{i.classList.remove("slide-left","slide-right")});let a=this.tabs.findIndex(i=>i===t),n=this.panels.findIndex(i=>i.name===e);this.panels.forEach((i,s)=>{s===a&&i.classList.add(n<a?"slide-left":"slide-right")})}panelFor(t){return t&&this.panels.find(e=>e.name===t.panel)}getAdjacentEnabledTab(t){let e=this.activeTab?.[t];for(;e&&this.isEunomiaTab(e);){let a=e;if(!a.disabled)return a;e=e[t]}}beginDrag(t){this.dragActive=!0,this.dragDirection=t<0?"nextElementSibling":"previousElementSibling",this.dragTargetTab=this.getAdjacentEnabledTab(this.dragDirection),this.dragHasTarget=!!this.dragTargetTab;let e=this.panelFor(this.activeTab);e&&(this.panelViewport.style.height=`${e.getBoundingClientRect().height}px`),this.panelViewport.classList.add("dragging"),e&&(e.style.position="absolute",e.style.inset="0");let a=this.panelFor(this.dragTargetTab);a&&(a.style.display="block",a.style.position="absolute",a.style.inset="0",a.classList.add("swipe-settled"))}updateDragPosition(t){let e=this.panelFor(this.activeTab);if(!e)return;if(!this.dragHasTarget){e.style.transform=`translateX(${t*r.EDGE_RESISTANCE}px)`;return}e.style.transform=`translateX(${t}px)`;let a=this.panelFor(this.dragTargetTab);if(!a)return;let n=this.dragDirection==="nextElementSibling"?1:-1;a.style.transform=`translateX(calc(${n*100}% + ${t}px))`}settleDrag(t){let e=this.panelFor(this.activeTab),a=this.dragHasTarget?this.panelFor(this.dragTargetTab):void 0,n=this.dragDirection==="nextElementSibling"?1:-1,i=t?`${-n*100}%`:"0px",s=t?"0px":`${n*100}%`,b=getComputedStyle(this).getPropertyValue("--_swipe-duration"),f=Number.parseFloat(b)<=0;if([e,a].forEach(m=>{m&&(m.style.transition=f?"none":"transform var(--_swipe-duration) ease-out")}),e?.style.setProperty("transform",`translateX(${i})`),a?.style.setProperty("transform",`translateX(${s})`),f){this.finalizeDrag(t);return}let u=!1,g=()=>{u||(u=!0,this.finalizeDrag(t))};e?.addEventListener("transitionend",g,{once:!0}),this.updateComplete.then(()=>{window.setTimeout(g,Number.parseFloat(b)||0)})}finalizeDrag(t){let e=this.panelFor(this.activeTab),a=this.dragHasTarget?this.panelFor(this.dragTargetTab):void 0;[e,a].forEach(i=>{i&&(i.style.removeProperty("position"),i.style.removeProperty("inset"),i.style.removeProperty("transform"),i.style.removeProperty("transition"),i.style.removeProperty("display"))}),this.panelViewport.classList.remove("dragging"),this.panelViewport.style.removeProperty("height");let n=this.dragTargetTab;this.dragActive=!1,this.dragTargetTab=void 0,this.dragHasTarget=!1,t&&n?(this.suppressSlideAnimation=!0,this.activate(n),this.suppressSlideAnimation=!1):a?.classList.remove("swipe-settled")}handleTabChange(){if(this.updateScroll(),!this.activeTab){let t=this.activeTab||this.tabs[0];this.activate(t)}}getSiblingTab(t,e){let a;if(e){let i=this.tabs.findIndex(s=>s===e);a=this.tabs[i]}else{let{activeElement:i}=this.getRootNode();i instanceof D?a=i:a=this.activeTab??this.tabs[0]}let n=a?.[t];return this.isEunomiaTab(n)?n:this.tabs[t==="nextElementSibling"?0:this.tabs.length-1]}isEunomiaTab(t){return!!t&&!!t.tagName&&new RegExp(`${$}$`,"i").test(t.tagName)}arrowVisible(t){return this.overflowState?["middle",t==="start"?"end":"start"].includes(String(this.overflowState)):!1}render(){return T`
       <div>
         <div id="scrollable-wrapper">
           <div
             id="scrollable"
             role="tablist"
-            aria-label=${P(this.ariaLabel??void 0)}
+            aria-label=${x(this.ariaLabel??void 0)}
             @scroll=${this.updateScroll}
           >
             <slot name="navigation" @slotchange=${this.handleTabChange}></slot>
             <div
               id="tab-indicator"
-              class=${v({"no-animation":this.animation==="none"})}
+              class=${c({"no-animation":this.animation==="none"})}
             ></div>
           </div>
           <hr role="none" />
           <div id="arrows">
             <arrow-container
-              class=${v({visible:this.arrowVisible("start")})}
+              class=${c({visible:this.arrowVisible("start")})}
               @click=${this.scrollItem("back")}
             >
               <eun-icon name="chevron_left"></eun-icon>
             </arrow-container>
             <arrow-container
-              class=${v({visible:this.arrowVisible("end")})}
+              class=${c({visible:this.arrowVisible("end")})}
               @click=${this.scrollItem("front")}
             >
               <eun-icon name="chevron_right"></eun-icon>
@@ -267,4 +275,4 @@ import{b as k}from"./chunks/chunk-ON42P6FI.js";import{a as C}from"./chunks/chunk
           <slot></slot>
         </div>
       </div>
-    `}};r.styles=A,r.EDGE_RESISTANCE=.3,o([h({reflect:!0})],r.prototype,"align",2),o([h({reflect:!0})],r.prototype,"animation",2),o([h({type:Boolean,reflect:!0})],r.prototype,"hideIndicator",2),o([u()],r.prototype,"panels",2),o([u({slot:"navigation"})],r.prototype,"tabs",2),o([d("#tab-indicator")],r.prototype,"indicator",2),o([d("#scrollable")],r.prototype,"scrollableContent",2),o([d("#panel-viewport")],r.prototype,"panelViewport",2),r=o([y(I)],r);export{r as EunomiaTabGroup,I as EunomiaTabGroupTagName};
+    `}};r.styles=_,r.EDGE_RESISTANCE=.3,o([l({reflect:!0})],r.prototype,"align",2),o([l({type:Boolean,reflect:!0})],r.prototype,"full",2),o([l({reflect:!0})],r.prototype,"animation",2),o([l({type:Boolean,reflect:!0})],r.prototype,"hideIndicator",2),o([h()],r.prototype,"panels",2),o([h({slot:"navigation"})],r.prototype,"tabs",2),o([d("#tab-indicator")],r.prototype,"indicator",2),o([d("#scrollable")],r.prototype,"scrollableContent",2),o([d("#panel-viewport")],r.prototype,"panelViewport",2),r=o([y(F)],r);export{r as EunomiaTabGroup,F as EunomiaTabGroupTagName};

package/dist/cdn/components/eun-tab-panel.js

@@ -2,7 +2,7 @@ import{b as d}from"./chunks/chunk-UDOZRIJZ.js";import{a as i,f as l,g as r,h as
   :host {
     display: block;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
   }
   :host([is-hidden]) {
     display: none;

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-ON42P6FI.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTab,a as EunomiaTabTagName};
+import{a,b}from"./chunks/chunk-RJCJXB7Y.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTab,a as EunomiaTabTagName};

package/dist/cdn/components/eun-table-action-bar.js

@@ -1 +1 @@
-import{b as a,c as b}from"./chunks/chunk-BYBUXKXC.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableActionBar,a as EunomiaTableActionBarTagName};
+import{b as a,c as b}from"./chunks/chunk-EOWBYZV7.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableActionBar,a as EunomiaTableActionBarTagName};

package/dist/cdn/components/eun-table-cell.js

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-RWONCXTF.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableCell,a as EunomiaTableCellTagName};
+import{a,b}from"./chunks/chunk-KVYUNKUO.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableCell,a as EunomiaTableCellTagName};

package/dist/cdn/components/eun-table-column.js

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-6IILPCSQ.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableColumn,a as EunomiaTableColumnTagName};
+import{a,b}from"./chunks/chunk-X2AUBZD2.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableColumn,a as EunomiaTableColumnTagName};

package/dist/cdn/components/eun-table-header.js

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-WYMBUIKX.js";import"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableHeader,a as EunomiaTableHeaderTagName};
+import{a,b}from"./chunks/chunk-A6KGFALA.js";import"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableHeader,a as EunomiaTableHeaderTagName};

package/dist/cdn/components/eun-table-item.js

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-LJYTHDZP.js";import"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableItem,a as EunomiaTableItemTagName};
+import{a,b}from"./chunks/chunk-D2M4BV5Y.js";import"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableItem,a as EunomiaTableItemTagName};

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

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

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

@@ -1,12 +1,12 @@
-import{a as F}from"./chunks/chunk-RWONCXTF.js";import{a as O}from"./chunks/chunk-6IILPCSQ.js";import{a as p}from"./chunks/chunk-WYMBUIKX.js";import{a as f}from"./chunks/chunk-LJYTHDZP.js";import{b as x,c as m}from"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-ZPFHTJSS.js";import{a as g,b as H}from"./chunks/chunk-BYBUXKXC.js";import"./chunks/chunk-ABYEBP57.js";import{a as z,b as M}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-O2HNWH65.js";import{a as B}from"./chunks/chunk-ZKPCO5RB.js";import"./chunks/chunk-CEDHJUUH.js";import{a as P}from"./chunks/chunk-DENMN3WH.js";import{a as k}from"./chunks/chunk-27Q2SLRY.js";import"./chunks/chunk-MBF52GEL.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-BKHD4S57.js";import"./chunks/chunk-5EVP7YNE.js";import{a as l,f as T,g as C,h as r,i as w,j as L,l as A,n as b,p as E,r as R,s as I}from"./chunks/chunk-XH6NREVZ.js";function N(n){let c=document.createElement(p);for(let e of n){let t=document.createElement(O);t.textContent=e.label,e.width&&(t.width=e.width),e.sort&&(t.sort=e.sort),c.appendChild(t)}return c}function D(n,c,e,t,i){let s=document.createElement(f);s.rowKey=t?t(n,c):m(void 0,c);for(let o of e)s.appendChild($(o,n,c));return i&&s.appendChild(j(i,n,c)),s}function $(n,c,e){let t=document.createElement(F);n.align&&t.style.setProperty("--table-cell-align",K(n.align));let i=c[n.key];return R(n.render?n.render(i,c,e):V(i),t),t}function K(n){switch(n){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}function V(n){return n==null?"":String(n)}function j(n,c,e){if(n.type==="dropdown"){let i=document.createElement(B);return i.setAttribute("slot","action"),i.size="xs",i.appearance="ghost",n.icon?i.icon=n.icon:n.label&&(i.label=n.label),i.ariaLabel=n.label??"Row actions",i.options=n.options(c),i.disabledKeys=n.disabledKeys?.(c)??[],i.disabled=n.disabled?.(c)??!1,i.addEventListener("eunselect",s=>{n.onSelect(s.key,c,e)}),i}let t=document.createElement(k);if(t.setAttribute("slot","action"),t.size="xs",n.variant==="danger"?(t.variant="critical",t.appearance="default"):t.appearance="ghost",t.ariaLabel=n.label,t.disabled=n.disabled?.(c)??!1,n.icon){let i=document.createElement(P);i.name=n.icon,i.size="16",t.appendChild(i)}else t.textContent=n.label;return t.addEventListener("click",()=>n.onClick(c,e)),t}var v=class n extends Event{static{this.eventName="euntableselectionchange"}constructor(c){super(n.eventName,{bubbles:!0,composed:!1}),this.selectedKeys=c,this.selectedCount=c.length}};var _=C`
+import{a as F}from"./chunks/chunk-KVYUNKUO.js";import{a as O}from"./chunks/chunk-X2AUBZD2.js";import{a as p}from"./chunks/chunk-A6KGFALA.js";import{a as f}from"./chunks/chunk-D2M4BV5Y.js";import{b as x,c as m}from"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-PCM7D3YF.js";import{a as g,b as H}from"./chunks/chunk-EOWBYZV7.js";import"./chunks/chunk-PED5ATYN.js";import{a as z,b as M}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-5XJLIHAU.js";import{a as B}from"./chunks/chunk-YGUJJ25C.js";import"./chunks/chunk-CEDHJUUH.js";import{a as P}from"./chunks/chunk-2JLDJFYD.js";import{a as k}from"./chunks/chunk-BMQOI7HX.js";import"./chunks/chunk-4MXL6PZC.js";import"./chunks/chunk-T7WABJEJ.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-VRGRCYIO.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-BKHD4S57.js";import{a as l,f as T,g as C,h as r,i as w,j as L,l as A,n as b,p as E,r as R,s as I}from"./chunks/chunk-XH6NREVZ.js";function N(n){let c=document.createElement(p);for(let e of n){let t=document.createElement(O);t.textContent=e.label,e.width&&(t.width=e.width),e.sort&&(t.sort=e.sort),c.appendChild(t)}return c}function D(n,c,e,t,i){let s=document.createElement(f);s.rowKey=t?t(n,c):m(void 0,c);for(let o of e)s.appendChild($(o,n,c));return i&&s.appendChild(j(i,n,c)),s}function $(n,c,e){let t=document.createElement(F);n.align&&t.style.setProperty("--table-cell-align",K(n.align));let i=c[n.key];return R(n.render?n.render(i,c,e):V(i),t),t}function K(n){switch(n){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}function V(n){return n==null?"":String(n)}function j(n,c,e){if(n.type==="dropdown"){let i=document.createElement(B);return i.setAttribute("slot","action"),i.size="xs",i.appearance="ghost",n.icon?i.icon=n.icon:n.label&&(i.label=n.label),i.ariaLabel=n.label??"Row actions",i.options=n.options(c),i.disabledKeys=n.disabledKeys?.(c)??[],i.disabled=n.disabled?.(c)??!1,i.addEventListener("eunselect",s=>{n.onSelect(s.key,c,e)}),i}let t=document.createElement(k);if(t.setAttribute("slot","action"),t.size="xs",n.variant==="danger"?(t.variant="critical",t.appearance="default"):t.appearance="ghost",t.ariaLabel=n.label,t.disabled=n.disabled?.(c)??!1,n.icon){let i=document.createElement(P);i.name=n.icon,i.size="16",t.appendChild(i)}else t.textContent=n.label;return t.addEventListener("click",()=>n.onClick(c,e)),t}var v=class n extends Event{static{this.eventName="euntableselectionchange"}constructor(c){super(n.eventName,{bubbles:!0,composed:!1}),this.selectedKeys=c,this.selectedCount=c.length}};var _=C`
   :host {
     display: grid;
     grid-template-columns: var(--_columns, none);
     align-items: stretch;
     box-sizing: border-box;
-    border: var(--eun-borderWidth-s, 1px) solid
+    border: var(--eun-border-width-s, 1px) solid
       var(--table-border-color, var(--eun-border-color, #dee0e7));
-    border-radius: var(--eun-borderRadius-m, 10px);
+    border-radius: var(--eun-border-radius-m, 10px);
     background: var(--table-background, var(--eun-surface-color, #ffffff));
     overflow: auto;
     max-height: var(--table-max-height, none);

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

@@ -1,103 +1,9 @@
-import{a as p}from"./chunks/chunk-UP4M7TER.js";import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5EVP7YNE.js";import{a as o,f as t,g as c,h as r,l,n as a,p as i,s}from"./chunks/chunk-XH6NREVZ.js";var g=c`
+import{a as m}from"./chunks/chunk-P32B7BFD.js";import{a as u}from"./chunks/chunk-UP4M7TER.js";import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as c}from"./chunks/chunk-5EVP7YNE.js";import{a as t,f as i,g as n,h as a,l as s,n as o,p,s as l}from"./chunks/chunk-XH6NREVZ.js";var f=n`
   :host {
     display: inline-flex;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
     user-select: none;
   }
-  :host(:not([severity]):not([color])) {
-    --_background: var(--tag-background-color);
-    --_backgroundFilled: var(--_background);
-    --_color: var(--tag-color);
-    --_border-color: var(--tag-border-color);
-  }
-  :host([color="primary"]:not([severity])) {
-    --_background: var(--eun-color-primary-transparent, #3d6fff33);
-    --_backgroundFilled: var(--eun-color-primary-500, #3d6fff);
-    --_border-color: var(--eun-color-primary-500, #3d6fff);
-    --_color: var(--eun-color-primary-500, #3d6fff);
-  }
-  :host([color="secondary"]:not([severity])) {
-    --_background: var(--eun-color-secondary-transparent, #e5a03033);
-    --_backgroundFilled: var(--eun-color-secondary-500, #e5a030);
-    --_border-color: var(--eun-color-secondary-500, #e5a030);
-    --_color: var(--eun-color-secondary-500, #e5a030);
-  }
-  :host([color="light"]:not([severity])) {
-    --_background: var(--eun-color-grey-100, #f7f8fa);
-    --_backgroundFilled: var(--eun-color-grey-100, #f7f8fa);
-    --_border-color: var(--eun-color-grey-100, #f7f8fa);
-    --_color: var(--eun-color-grey-600, #666e8a);
-  }
-  :host([color="light"][appearance="outline"]:not([severity])) {
-    --_color: var(--eun-color-grey-600, #666e8a);
-  }
-  :host([color="medium"]:not([severity])) {
-    --_background: var(--eun-color-grey-300, #dee0e7);
-    --_backgroundFilled: var(--eun-color-grey-500, #8d93aa);
-    --_border-color: var(--eun-color-grey-300, #dee0e7);
-    --_color: var(--eun-color-grey-900, #000000);
-  }
-  :host([color="dark"]:not([severity])) {
-    --_background: var(--eun-color-grey-800, #071621);
-    --_backgroundFilled: var(--eun-color-grey-800, #071621);
-    --_border-color: var(--eun-color-grey-800, #071621);
-    --_color: var(--eun-color-grey-0, #ffffff);
-  }
-  :host([color="dark"][appearance="outline"]:not([severity])) {
-    --_color: var(--eun-color-grey-800, #071621);
-  }
-
-  :host([severity="info"]) {
-    --_background: var(--eun-color-info-30, #f0f7fa);
-    --_backgroundFilled: var(--eun-color-info-100, #097faf);
-    --_border-color: var(--eun-color-info-100, #097faf);
-    --_color: var(--eun-color-info-100, #097faf);
-  }
-  :host([severity="success"]) {
-    --_background: var(--eun-color-success-30, #f1f9f4);
-    --_backgroundFilled: var(--eun-color-success-100, #1a9948);
-    --_border-color: var(--eun-color-success-100, #1a9948);
-    --_color: var(--eun-color-success-100, #1a9948);
-  }
-  :host([severity="warning"]) {
-    --_background: var(--eun-color-warning-30, #fcf5f0);
-    --_backgroundFilled: var(--eun-color-warning-100, #c85207);
-    --_border-color: var(--eun-color-warning-100, #c85207);
-    --_color: var(--eun-color-warning-100, #c85207);
-  }
-  :host([severity="critical"]) {
-    --_background: var(--eun-color-critical-30, #faf0f1);
-    --_backgroundFilled: var(--eun-color-critical-100, #aa0014);
-    --_border-color: var(--eun-color-critical-100, #aa0014);
-    --_color: var(--eun-color-critical-100, #aa0014);
-  }
-  :host([severity="neutral"]) {
-    --_background: var(--eun-color-grey-200, #ecedf0);
-    --_backgroundFilled: var(--eun-color-grey-700, #484e61);
-    --_border-color: var(--eun-color-grey-700, #484e61);
-    --_color: var(--eun-color-grey-700, #484e61);
-  }
-  :host([appearance="default"]) #tag {
-    background: var(--_background);
-  }
-
-  :host([appearance="fill"]) #tag {
-    --_color: #fff;
-    background: var(--_backgroundFilled);
-    color: var(--_color);
-  }
-
-  :host([appearance="outline"]) #tag {
-    --_border-size: 1px;
-    background: transparent;
-    border: var(--eun-borderWidth-s, 1px) solid var(--_border-color);
-  }
-
-  :host([appearance="flat"]) #tag {
-    --_color: var(--eun-text-secondary, #484e61);
-    background: var(--eun-content-hover, #edeff0);
-    color: var(--_color);
-  }
 
   :host([uppercase]) #tag {
     letter-spacing: 0.15em;
@@ -105,37 +11,40 @@ import{a as p}from"./chunks/chunk-UP4M7TER.js";import{a as d}from"./chunks/chunk
   }
 
   :host([size="s"]) #tag {
-    --_padding: var(--eun-space-xs, 4px) var(--eun-space-s, 8px);
-    --_fontSize: var(--eun-fontSize-xs, 12px);
+    --_padV: var(--eun-space-xs, 4px);
+    --_padH: var(--eun-space-s, 8px);
+    --_fontSize: var(--eun-font-size-xs, 12px);
     --_gap: var(--eun-space-xs, 4px);
   }
   :host([size="m"]) #tag,
   :host(:not([size])) #tag {
-    --_padding: var(--eun-space-s, 8px) calc(var(--eun-space-m, 16px) / 2);
-    --_fontSize: var(--eun-fontSize-s, 14px);
+    --_padV: var(--eun-space-s, 8px);
+    --_padH: calc(var(--eun-space-m, 16px) / 2);
+    --_fontSize: var(--eun-font-size-s, 14px);
     --_gap: var(--eun-space-xs, 4px);
   }
   :host([size="l"]) #tag {
-    --_padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
-    --_fontSize: var(--eun-fontSize-m, 16px);
+    --_padV: var(--eun-space-s, 8px);
+    --_padH: var(--eun-space-m, 16px);
+    --_fontSize: var(--eun-font-size-m, 16px);
     --_gap: var(--eun-space-s, 8px);
   }
 
   :host([icon-only][size="s"]) #tag {
-    --_padding: var(--eun-space-xs, 4px);
+    --_padV: var(--eun-space-xs, 4px);
+    --_padH: var(--eun-space-xs, 4px);
   }
   :host([icon-only][size="m"]) #tag,
-  :host([icon-only]:not([size])) #tag {
-    --_padding: var(--eun-space-s, 8px);
-  }
+  :host([icon-only]:not([size])) #tag,
   :host([icon-only][size="l"]) #tag {
-    --_padding: var(--eun-space-s, 8px);
+    --_padV: var(--eun-space-s, 8px);
+    --_padH: var(--eun-space-s, 8px);
   }
   :host([icon-only]) #tag {
     position: relative;
     justify-content: center;
   }
-  :host([icon-only]) slot {
+  :host([icon-only]) slot:not([name]) {
     display: inline-block;
     position: absolute;
     width: 1px;
@@ -148,24 +57,27 @@ import{a as p}from"./chunks/chunk-UP4M7TER.js";import{a as d}from"./chunks/chunk
     border: 0;
   }
 
-  :host([rounded]) {
-    --_borderRadius: var(--eun-borderRadius-xl, 999px);
+  :host {
+    --_radius: var(--eun-border-radius-m, 5px);
   }
-
-  :host(:not([rounded])) {
-    --_borderRadius: var(--tag-border-radius, var(--eun-borderRadius-m, 5px));
+  :host([rounded]) {
+    --_radius: var(--eun-border-radius-xl, 999px);
   }
 
   #tag {
+    --_borderWidth: var(--tag-border-width, var(--eun-border-width-s, 1px));
     display: flex;
     align-items: center;
-    border-radius: var(--_borderRadius);
-    padding: var(--_padding);
+    background: var(--tag-background-color, var(--_bg));
+    color: var(--tag-color, var(--_fg));
+    border: var(--_borderWidth) solid var(--tag-border-color, var(--_bd));
+    border-radius: var(--tag-border-radius, var(--_radius));
+    padding: max(0px, calc(var(--_padV) - var(--_borderWidth)))
+      max(0px, calc(var(--_padH) - var(--_borderWidth)));
     font-size: var(--_fontSize);
     gap: var(--tag-gap, var(--_gap));
-    color: var(--_color);
-    font-weight: var(--eun-fontWeight-m, 500);
-    --icon-color: var(--_color);
+    font-weight: var(--eun-font-weight-m, 500);
+    --icon-color: var(--tag-color, var(--_fg));
   }
 
   ::slotted(*) {
@@ -175,21 +87,21 @@ import{a as p}from"./chunks/chunk-UP4M7TER.js";import{a as d}from"./chunks/chunk
   slot[name="icon"].hidden {
     display: none;
   }
-`,v=g;var f="eun-tag",e=class extends s{constructor(){super(...arguments);this.color="medium";this.appearance="default";this.hideIcon=!1;this.iconOnly=!1;this.rounded=!1;this.uppercase=!1;this.handleIconSlotChange=()=>{this.requestUpdate()}}getIconName(){return p(this.icon,this.severity,"severity")}shouldHideIcon(){return this.hideIcon?!0:this.iconSlotEls.length>0||this.iconOnly||this.severity?!1:!this.icon}render(){let n=this.shouldHideIcon();return a`
+`,h=[m,f];var v="eun-tag",e=class extends l{constructor(){super(...arguments);this.color="medium";this.appearance="default";this.hideIcon=!1;this.iconOnly=!1;this.rounded=!1;this.fixedColor=!1;this.uppercase=!1;this.handleIconSlotChange=()=>{this.requestUpdate()}}getIconName(){return u(this.icon,this.severity,"severity")}shouldHideIcon(){return this.hideIcon?!0:this.iconSlotEls.length>0||this.iconOnly||this.severity?!1:!this.icon}render(){let r=this.shouldHideIcon();return o`
       <div id="tag">
         <slot
           name="icon"
-          class=${d({hidden:n})}
+          class=${d({hidden:r})}
           @slotchange=${this.handleIconSlotChange}
         >
-          ${n?i:a`
+          ${r?p:o`
                 <eun-icon
                   shape="round"
                   size=${!this.size||this.size==="m"?18:this.size==="s"?14:22}
-                  name=${u(this.getIconName())}
+                  name=${c(this.getIconName())}
                 ></eun-icon>
               `}
         </slot>
         <slot></slot>
       </div>
-    `}};e.styles=v,o([r({reflect:!0})],e.prototype,"color",2),o([r({reflect:!0})],e.prototype,"severity",2),o([r({reflect:!0})],e.prototype,"appearance",2),o([r()],e.prototype,"icon",2),o([r({reflect:!0})],e.prototype,"size",2),o([r({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),o([r({type:Boolean,attribute:"icon-only",reflect:!0})],e.prototype,"iconOnly",2),o([r({type:Boolean})],e.prototype,"rounded",2),o([r({type:Boolean,reflect:!0})],e.prototype,"uppercase",2),o([l({slot:"icon"})],e.prototype,"iconSlotEls",2),e=o([t(f)],e);export{e as EunomiaTag,f as EunomiaTagTagName};
+    `}};e.styles=h,t([a({reflect:!0})],e.prototype,"color",2),t([a({reflect:!0})],e.prototype,"severity",2),t([a({reflect:!0})],e.prototype,"appearance",2),t([a()],e.prototype,"icon",2),t([a({reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),t([a({type:Boolean,attribute:"icon-only",reflect:!0})],e.prototype,"iconOnly",2),t([a({type:Boolean,reflect:!0})],e.prototype,"rounded",2),t([a({type:Boolean,reflect:!0,attribute:"fixed-color"})],e.prototype,"fixedColor",2),t([a({type:Boolean,reflect:!0})],e.prototype,"uppercase",2),t([s({slot:"icon"})],e.prototype,"iconSlotEls",2),e=t([i(v)],e);export{e as EunomiaTag,v as EunomiaTagTagName};