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

package/dist/cdn/components/chunks/chunk-UDVB4LAE.js

@@ -0,0 +1,56 @@
+import{a as M}from"./chunk-22D3SRFR.js";import{a as $,b as m,c as _}from"./chunk-SGM2X2TC.js";import{a as u,b as h,c as x,d as T,f as b,h as w,j as f,k as E,p as I,q as S,r as p,u as k}from"./chunk-YITWLCD3.js";var a=class extends _{constructor(t){if(super(t),this.it=p,t.type!==$.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===p||t==null)return this._t=void 0,this.it=t;if(t===S)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;let e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};a.directiveName="unsafeHTML",a.resultType=1;var F=m(a);var l=class extends a{};l.directiveName="unsafeSVG",l.resultType=2;var N=m(l);var z=w`
+  :host {
+    display: flex;
+    --_size: var(--icon-size, 1rem);
+    --_color: var(--icon-color, currentColor);
+    --_background: var(--icon-background, transparent);
+  }
+  span {
+    box-sizing: content-box;
+    width: var(--_size);
+    height: var(--_size);
+    padding: var(
+      --icon-padding,
+      var(--icon-padding-block, 0) var(--icon-padding-inline, 0)
+    );
+    fill: var(--_color);
+    color: var(--_color);
+    background-color: var(--_background);
+    border-radius: var(--icon-border-radius, var(--eun-border-radius-m, 8px));
+    text-decoration: none;
+    white-space: normal;
+    display: inline-block;
+    user-select: none;
+    transition: var(--icon-transition, 0.2s);
+  }
+  svg {
+    width: 100%;
+    height: 100%;
+    display: block;
+  }
+  svg path {
+    stroke-width: 0;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    span {
+      transition: none;
+    }
+  }
+`;var C="eun-icon",L=new RegExp("_(outline|round|sharp)$"),D=import.meta.url,v,y=new Set,g=new Map;function Z(d){v=d.endsWith("/")?d.slice(0,-1):d,y.forEach(t=>t.reload())}var c,s=class extends k{constructor(){super(...arguments);x(this,c)}set size(e){let r=h(this,c);T(this,c,e),this.requestUpdate("size",r)}get cssSize(){let e=h(this,c);if(e)return/%$/.test(e)?`${parseFloat(e)/100}rem`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e}get size(){return h(this,c)}connectedCallback(){super.connectedCallback(),y.add(this)}disconnectedCallback(){super.disconnectedCallback(),y.delete(this)}reload(){this.updateSvg(this.name)}updated(e){(e.has("name")||e.has("shape"))&&this.updateSvg(this.name)}updateSvg(e){if(!e)return;this.name=e;let r=this.getTargetIconFolder(e),n=this.stripShapeSuffix(e),o=r==="default"?n:`${n}_${r}`;this.fetchIconSvg(r,o).then(i=>{this.svgMarkup=i}).catch(()=>{r!=="default"&&this.fetchIconSvg("default",n).then(i=>{this.svgMarkup=i}).catch(()=>{})})}async fetchIconSvg(e,r){let n;if(v)n=`${v}/${e}/${r}.svg`;else{let i=new URL(D);if(i.protocol==="file:")throw new Error("eun-icon can't locate its icons: the bundler rewrote import.meta.url to a file: URL. Serve the icons folder and call setIconBaseUrl().");let U=i.pathname.slice(0,i.pathname.lastIndexOf("/"));i.pathname=`${U}/icons/${e}/${r}.svg`,n=i.href}let o=g.get(n);return o||(o=fetch(n).then(i=>{if(!i.ok)throw new Error(`Icon not found: ${n}`);return i.text()}),g.set(n,o),o.catch(()=>g.delete(n))),o}getTargetIconFolder(e){if(this.shape)return this.shape;let r=this.extractKeywordFromIconName(e);return r||"default"}extractKeywordFromIconName(e){let r=e.match(L);if(r)return r[1]}stripShapeSuffix(e){return e.replace(L,"")}render(){return this.name?I`<span
+      part="wrapper"
+      aria-hidden="true"
+      style=${M({"--_size":this.cssSize})}
+    >
+      ${this.svgMarkup?N(this.svgMarkup):p}
+    </span>`:p}};c=new WeakMap,s.styles=[z],u([f()],s.prototype,"name",2),u([f()],s.prototype,"shape",2),u([E()],s.prototype,"svgMarkup",2),u([f({attribute:"size"})],s.prototype,"size",1),s=u([b(C)],s);export{C as a,Z as b,s as c};
+/*! Bundled license information:
+
+lit-html/directives/unsafe-html.js:
+lit-html/directives/unsafe-svg.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/dist/cdn/components/chunks/{chunk-UAGCQF23.js → chunk-UYZR4JXZ.js}

@@ -1,4 +1,4 @@
-import{g as r}from"./chunk-XH6NREVZ.js";var o=r`
+import{h as r}from"./chunk-YITWLCD3.js";var o=r`
   :host {
     --_borderColor: var(--field-border-color, var(--eun-border-color, #dee0e7));
     --_background: var(--field-background, transparent);
@@ -17,14 +17,18 @@ import{g as r}from"./chunk-XH6NREVZ.js";var o=r`
       --field-focus-outline-color,
       var(--eun-color-primary-500, #3d6fff)
     );
-    --_borderRadius: var(--field-border-radius, var(--eun-border-radius-m, 8px));
+    --_borderRadius: var(
+      --field-border-radius,
+      var(--eun-border-radius-m, 8px)
+    );
     --_padding: var(
       --field-padding,
-      var(--eun-space-s, 8px) var(--eun-space-s, 8px)
+      var(--field-padding-block, var(--eun-space-s, 8px))
+        var(--field-padding-inline, var(--eun-space-s, 8px))
     );
     --_shadow: var(--field-shadow, none);
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-font-size-s, 14px);
+    font-size: var(--field-font-size, var(--eun-font-size-s, 14px));
     display: block;
     width: 100%;
     outline: none;
@@ -51,8 +55,8 @@ import{g as r}from"./chunk-XH6NREVZ.js";var o=r`
     box-shadow: var(--_shadow);
     box-sizing: border-box;
     transition:
-      border-color 0.15s ease,
-      outline-color 0.15s ease;
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
     appearance: none;
   }
   #field::placeholder {
@@ -96,22 +100,22 @@ import{g as r}from"./chunk-XH6NREVZ.js";var o=r`
   #field[aria-invalid="true"]:focus-visible {
     outline-color: var(--_errorColor);
   }
-  :host([variant="fill"]) {
+  :host([appearance="flat"]) {
     --_background: var(--field-background, var(--eun-content-hover, #edeff0));
   }
-  :host([variant="fill"]) #field:not(:hover) {
+  :host([appearance="flat"]) #field:not(:hover) {
     border-color: transparent;
   }
-  :host([variant="fill"]) #field[aria-invalid="true"] {
+  :host([appearance="flat"]) #field[aria-invalid="true"] {
     box-shadow: inset 0 0 0 var(--eun-border-width-m, 1.5px) var(--_errorColor);
   }
-  :host([variant="underline"]) #field {
+  :host([appearance="underline"]) #field {
     border: none;
     outline: none;
     border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: 0;
   }
-  :host([variant="underline"]) #field:focus-visible {
+  :host([appearance="underline"]) #field:focus-visible {
     outline: none;
   }
   slot[name="icon"] {
@@ -155,7 +159,8 @@ import{g as r}from"./chunk-XH6NREVZ.js";var o=r`
     border-radius: var(--_borderRadius);
     box-sizing: border-box;
     cursor: text;
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   #readonly-display:hover {
     background-color: var(--eun-content-hover, #edeff0);

package/dist/cdn/components/chunks/chunk-VG6NAAIV.js

@@ -0,0 +1 @@
+var s=new WeakMap;function a(S,o){let e=S.getRootNode(),t=s.get(o);if(t||(t=new WeakSet,s.set(o,t)),t.has(e))return;t.add(e);let n=o.styleSheet;if(n&&"adoptedStyleSheets"in e){e.adoptedStyleSheets=[...e.adoptedStyleSheets,n];return}let d=document.createElement("style");d.textContent=o.cssText,(e instanceof Document?e.head:e).appendChild(d)}export{a};

package/dist/cdn/components/chunks/chunk-VJCNHMQZ.js

@@ -0,0 +1,10 @@
+import{s as _}from"./chunk-YITWLCD3.js";var{I:c}=_,o=e=>e;var v=e=>e.strings===void 0,A=()=>document.createComment(""),u=(e,s,t)=>{let a=e._$AA.parentNode,l=s===void 0?e._$AB:s._$AA;if(t===void 0){let r=a.insertBefore(A(),l),$=a.insertBefore(A(),l);t=new c(r,$,e,e.options)}else{let r=t._$AB.nextSibling,$=t._$AM,n=$!==e;if(n){let i;t._$AQ?.(e),t._$AM=e,t._$AP!==void 0&&(i=e._$AU)!==$._$AU&&t._$AP(i)}if(r!==l||n){let i=t._$AA;for(;i!==r;){let m=o(i).nextSibling;o(a).insertBefore(i,l),i=m}}}return t},f=(e,s,t=e)=>(e._$AI(s,t),e),p={},T=(e,s=p)=>e._$AH=s,P=e=>e._$AH,g=e=>{e._$AR(),e._$AA.remove()};export{v as a,u as b,f as c,T as d,P as e,g as f};
+/*! Bundled license information:
+
+lit-html/directive-helpers.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/dist/cdn/components/chunks/chunk-VOTRXBDS.js

@@ -0,0 +1,38 @@
+import{a as y}from"./chunk-YYCEPZUN.js";import{a as b,b as m}from"./chunk-KSZRQRN4.js";import{a as r,h as p,j as n,k as o,p as u,r as v}from"./chunk-YITWLCD3.js";function V(l,i,c){return l?i(l):c?.(l)}var k=["valid","hideError","disabled","touched","dirty","validationRequested","error"],F=l=>k.some(i=>l.has(i)),B=l=>{class i extends l{constructor(...e){super(...e);this.hideError=!1;this.checkable=!1;this.checked=!1;this.dirty=!1;this.touched=!1;this.validationRequested=!1;this.controlled=!1;this.#e=()=>{this.dirty||(this.dirty=!0)};this.#t=()=>{this.touched||(this.touched=!0)};this.#i=()=>{this.validationRequested=!0};this.internals||(this.internals=this.attachInternals())}static{this.formAssociated=!0}#e;#t;#i;get showError(){return!this.valid&&!this.hideError&&!this.disabled&&(this.touched||this.dirty||this.validationRequested||!!this.error)}get pristine(){return!this.dirty}get untouched(){return!this.touched}get defaultValue(){return this.internalDefaultValue}set defaultValue(e){let t=this.value==null||Array.isArray(this.value)&&this.value.length===0;e!=null&&(this.defaultValue==null||this.defaultValue==="")&&t&&(this.value=e),this.internalDefaultValue=e}get value(){return this.valueState}set value(e){this.valueState=e,this.setFormValue(e)}get description(){return this.showError?this.errorMessages.length?this.errorMessages:this.validationMessage.length?this.validationMessage:this.hint:this.hint}get form(){return this.internals.form}get type(){return this.localName}getValueToValidate(){return this.checkable?this.checked:this.value}connectedCallback(){super.connectedCallback?.(),this.checkable&&this.checked&&this.setFormValue(this.value),this.checkable||this.defaultValue===void 0||this.defaultValue===""||(this.value=this.defaultValue),this.checkValidity(this.value),this.addEventListener(y.eventName,this.#e),this.addEventListener("focusout",this.#t),this.addEventListener("invalid",this.#i)}disconnectedCallback(){this.removeEventListener(y.eventName,this.#e),this.removeEventListener("focusout",this.#t),this.removeEventListener("invalid",this.#i),super.disconnectedCallback?.()}willUpdate(e){(e.has("value")||e.has("valueState")||e.has("checked")||e.has("validators")||e.has("required")||e.has("error"))&&this.checkValidity(),super.willUpdate(e)}setFormValue(e){let t=new FormData;if(this.disabled||this.checkable&&!this.checked){this.internals.setFormValue(t);return}let s=this.name||this.getAttribute("name");if(!s){this.internals.setFormValue(t);return}Array.isArray(e)?e.forEach(a=>t.append(s,a instanceof File?a:String(a))):e!=null&&(e instanceof File?t.append(s,e):t.append(s,this.checkable&&!this.value?"on":String(e))),this.internals.setFormValue(t)}formResetCallback(){this.controlled||(this.checkable?this.checked=!1:this.value=this.defaultValue),this.dirty=!1,this.touched=!1,this.validationRequested=!1}renderDescription(){return this.renderError()}renderError(){let{description:e}=this;return e?.length?this.showError?u`
+        <p id="description" class="error-messages">
+          ${V(Array.isArray(e),()=>e.map(t=>u`<span>${t}</span>`),()=>u`<span>${e}</span>`)}
+        </p>
+      `:u`
+          <p id="description" class="hint-messages">
+            <span>${e}</span>
+          </p>
+        `:v}}return r([n({reflect:!0})],i.prototype,"name",2),r([n()],i.prototype,"hint",2),r([n({type:Boolean,attribute:"hide-error"})],i.prototype,"hideError",2),r([o()],i.prototype,"valueState",2),r([o()],i.prototype,"dirty",2),r([o()],i.prototype,"touched",2),r([o()],i.prototype,"validationRequested",2),r([n({type:Boolean})],i.prototype,"controlled",2),r([n({attribute:"default-value",converter:{fromAttribute:e=>e?e.split(","):void 0,toAttribute:e=>e?.join(",")??null}})],i.prototype,"defaultValue",1),r([n()],i.prototype,"value",1),i};var $=l=>{class i extends l{constructor(){super(...arguments);this.readonly=!1}updated(e){super.updated(e),e.has("readonly")&&this.setAttribute("aria-readonly",String(this.readonly))}}return r([n({type:Boolean,reflect:!0})],i.prototype,"readonly",2),i};var G=l=>{class i extends l{constructor(...e){super(...e);this.required=!1;this.valid=!0;this.errorMessages=[];this.internals||(this.internals=this.attachInternals())}get validationDictionary(){let e=this.locale;return m[e??b()]??m.en}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkLocalValidators(){return{validity:{}}}buildCommonValidators(){let{value:e}=this,t={},s,a=e==null||typeof e=="string"&&e.trim()===""||e instanceof Array&&!e.length;return this.required&&a&&(t.valueMissing=!0,s=this.validationDictionary.validation.valueMissing),{validity:t,message:s}}checkValidity(e=this.getValueToValidate()){let t=this.checkLocalValidators(),s=this.buildCommonValidators(),a={...t.validity,...s.validity},d=s.message||t.message,h=this.error?[this.error]:[];this.validators?.forEach(E=>this.collectErrors(h,E,e)),this.errorMessages=h,h.length>0&&(a.customError=!0,d=h.join(" ; ")),this.valid=!Object.values(a).some(Boolean);let f=this.getFocusAnchor?.();return this.valid||f||!this.getFocusAnchor?this.setValidity(a,d,f):this.updateComplete.then(()=>this.setValidity(a,d,f)),this.valid}reportValidity(e=this.getValueToValidate()){return this.checkValidity(e),this.internals.reportValidity()}collectErrors(e,t,s){if("~standard"in t){let a=t["~standard"].validate(s);if(a instanceof Promise)throw new TypeError("Validation schemas must be synchronous");a.issues&&e.push(...a.issues.map(d=>d.message))}return"isValid"in t&&(typeof t.isValid=="function"?!t.isValid(s,this.getValidityData()):t.isValid===!1)&&e.push(t.message),"isInvalid"in t&&t.isInvalid({value:s})&&e.push(t.message),e}setValidity(e,t,s){let a=this.validationMessage;this.internals.setValidity(e,t,s),t!==a&&this.requestUpdate("valid")}getValueToValidate(){return this.value}getValidityData(){return{}}}return r([n({type:Array})],i.prototype,"validators",2),r([n({type:Boolean})],i.prototype,"required",2),r([n()],i.prototype,"error",2),r([o()],i.prototype,"valid",2),i};var T=p`
+  #description {
+    font-family: var(--eun-font-family, "Mulish", sans-serif);
+    display: block;
+    margin-block-start: var(--eun-space-xs, 4px);
+    font-size: var(--field-message-font-size, var(--eun-font-size-xs, 12px));
+    margin-block: 0;
+  }
+  #description span {
+    display: block;
+    margin-top: var(--eun-space-xs, 4px);
+  }
+`,M=p`
+  .error-messages {
+    color: var(--_errorColor);
+  }
+`,x=p`
+  .hint-messages {
+    color: var(--_hintColor);
+  }
+`,W={base:T,errorMessages:M,hintMessages:x};export{V as a,F as b,B as c,$ as d,G as e,W as f};
+/*! Bundled license information:
+
+lit-html/directives/when.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/dist/cdn/components/chunks/{chunk-BMQOI7HX.js → chunk-VYFR364B.js}

@@ -1,4 +1,4 @@
-import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk-T7WABJEJ.js";import{a as p}from"./chunk-UP4M7TER.js";import{a as o}from"./chunk-5EVP7YNE.js";import{a as b}from"./chunk-BKHD4S57.js";import{a as n,f as c,g as i,h as s,n as a,p as l,s as u}from"./chunk-XH6NREVZ.js";var x=i`
+import{a as g,b as x,c as m}from"./chunk-2Y2EU2CI.js";import{a as w}from"./chunk-RS7TWEMQ.js";import{a as _}from"./chunk-UP4M7TER.js";import{a as z}from"./chunk-3MTUVMM5.js";import{a as k,b as y}from"./chunk-5GKM5DIB.js";import{a as t}from"./chunk-PPCHQG7P.js";import{a as S}from"./chunk-LMVW522V.js";import{a as i,b as c,c as b,d as v,f as p,h as r,j as s,p as n,r as h,u as f}from"./chunk-YITWLCD3.js";var C=r`
   :host {
     --_focusIndicator: var(--button-focus-outline, var(--_ring));
     --_hoverFromCustom: color-mix(in srgb, var(--button-background) 88%, black);
@@ -7,21 +7,24 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
       var(--button-background) 76%,
       black
     );
-    --_borderRadius: var(
-      --button-border-radius,
-      var(--eun-border-radius-m, 8px)
-    );
+    --_defaultBorderRadius: var(--eun-border-radius-m, 8px);
+    --_defaultPaddingBlock: var(--eun-space-s, 8px);
+    --_defaultPaddingInline: calc(var(--eun-space-l, 32px) / 2);
+    --_borderRadius: var(--button-border-radius, var(--_defaultBorderRadius));
     --_padding: var(
       --button-padding,
-      var(--eun-space-s, 8px) calc(var(--eun-space-l, 32px) / 2)
+      var(--button-padding-block, var(--_defaultPaddingBlock))
+        var(--button-padding-inline, var(--_defaultPaddingInline))
     );
     --_boxShadow: var(--button-shadow, none);
     --_boxShadow-hover: var(--button-shadow-hover, var(--_boxShadow));
-    --_transition: var(--button-transition, 0.2s);
+    --_transition: var(--button-transition, var(--eun-duration-m, 200ms));
     --_borderSize: var(--button-border-size, 1.5px);
-    --_fontSize: var(--eun-font-size-s, 14px);
+    --_defaultFontSize: var(--eun-font-size-s, 14px);
+    --_fontSize: var(--button-font-size, var(--_defaultFontSize));
     --_gap: var(--eun-space-xs, 4px);
-    --_lineHeight: 1rem;
+    --_defaultLineHeight: 1rem;
+    --_lineHeight: var(--button-line-height, var(--_defaultLineHeight));
     --icon-size: var(--_lineHeight);
     --_before-display: none;
     --_cursor: pointer;
@@ -31,7 +34,9 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     user-select: none;
     cursor: var(--_cursor);
     outline: 2px solid transparent;
-    transition: all ease-out var(--_transition);
+    transition:
+      outline var(--eun-easing-out, ease-out) var(--_transition),
+      outline-offset var(--eun-easing-out, ease-out) var(--_transition);
     border-radius: var(--_borderRadius);
     z-index: 0;
   }
@@ -44,31 +49,35 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     outline-color: var(--_focusIndicator);
   }
   :host([size="xs"]) {
-    --_fontSize: var(--eun-font-size-xs, 10px);
-    --_padding: var(--eun-space-xxs, 1.6px) var(--eun-space-xs, 4px);
-    --_lineHeight: 10px;
-    --_borderRadius: var(--eun-border-radius-s, 999px);
+    --_defaultFontSize: var(--eun-font-size-xs, 10px);
+    --_defaultPaddingBlock: var(--eun-space-xxs, 1.6px);
+    --_defaultPaddingInline: var(--eun-space-xs, 4px);
+    --_defaultLineHeight: 10px;
+    --_defaultBorderRadius: var(--eun-border-radius-s, 999px);
   }
   :host([size="s"]) {
-    --_fontSize: var(--eun-font-size-xs, 10px);
-    --_padding: calc(var(--eun-space-s) / 2) var(--eun-space-s);
-    --_lineHeight: 10px;
-    --_borderRadius: var(--eun-border-radius-s, 999px);
+    --_defaultFontSize: var(--eun-font-size-xs, 10px);
+    --_defaultPaddingBlock: calc(var(--eun-space-s) / 2);
+    --_defaultPaddingInline: var(--eun-space-s);
+    --_defaultLineHeight: 10px;
+    --_defaultBorderRadius: var(--eun-border-radius-s, 999px);
   }
   :host([size="l"]) {
-    --_fontSize: var(--eun-font-size-m, 16px);
+    --_defaultFontSize: var(--eun-font-size-m, 16px);
     --_gap: var(--eun-space-m, 16px);
-    --_padding: calc(var(--eun-space-s, 8px) * 1.25) var(--eun-space-l, 32px);
-    --_lineHeight: 1.1rem;
+    --_defaultPaddingBlock: calc(var(--eun-space-s, 8px) * 1.25);
+    --_defaultPaddingInline: var(--eun-space-l, 32px);
+    --_defaultLineHeight: 1.1rem;
   }
   :host([size="xl"]) {
-    --_fontSize: var(--eun-font-size-l, 1.3rem);
+    --_defaultFontSize: var(--eun-font-size-l, 1.3rem);
     --_gap: var(--eun-space-m, 16px);
-    --_padding: calc(var(--eun-space-s, 8px) * 1.5) var(--eun-space-l, 32px);
-    --_lineHeight: 1.3rem;
+    --_defaultPaddingBlock: calc(var(--eun-space-s, 8px) * 1.5);
+    --_defaultPaddingInline: var(--eun-space-l, 32px);
+    --_defaultLineHeight: 1.3rem;
   }
   :host([rounded]) {
-    --_borderRadius: var(--eun-border-radius-xl, 999px);
+    --_defaultBorderRadius: var(--eun-border-radius-xl, 999px);
   }
   slot::slotted(*) {
     color: var(--_textColor);
@@ -98,11 +107,13 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     outline: 2px solid transparent;
     padding: var(--_padding);
     gap: var(--_gap);
-    transition: all ease-out var(--_transition);
+    transition: all var(--eun-easing-out, ease-out) var(--_transition);
     font-size: var(--_fontSize);
+    font-weight: var(--button-font-weight, inherit);
     line-height: var(--_lineHeight);
     text-decoration: none;
     align-items: center;
+    justify-content: center;
     white-space: nowrap;
   }
   #button:hover,
@@ -149,7 +160,53 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     white-space: nowrap;
     border: 0;
   }
-`,m=i`
+`,$=r`
+  #button.slotted-link {
+    position: relative;
+  }
+  ::slotted(a) {
+    color: inherit;
+    text-decoration: none;
+    outline: none !important;
+  }
+  ::slotted(a)::after {
+    content: "";
+    position: absolute;
+    inset: calc(-1 * var(--_borderSize));
+    border-radius: var(--_borderRadius);
+    outline: 2px solid transparent;
+    transition: outline var(--eun-easing-out, ease-out) var(--_transition);
+  }
+  ::slotted(a:focus-visible)::after {
+    outline-offset: 2px;
+    outline-color: var(--_focusIndicator);
+  }
+  :host(:focus-within) #button.slotted-link {
+    box-shadow: var(--_boxShadow-hover);
+    border-color: var(
+      --button-border-color-hover,
+      var(--button-border-color, var(--_bd))
+    );
+  }
+  :host(:not([disabled]):focus-within) #button.slotted-link {
+    background: var(
+      --button-background-hover,
+      var(--_hoverFromCustom, var(--_bg-hover))
+    );
+  }
+  :host([slide]:focus-within) #button.slotted-link {
+    grid-template-columns: auto 1fr auto;
+  }
+  :host([slide]:focus-within) #button.slotted-link slot:not([name]) {
+    margin-left: var(--_gap);
+    opacity: 1;
+  }
+  :host([disabled]) ::slotted(a),
+  :host([loading]) ::slotted(a) {
+    pointer-events: none;
+    cursor: inherit;
+  }
+`,A=r`
   :host([appearance="fill"]),
   :host(:not([appearance])) {
     --_bg: var(--_solid);
@@ -166,6 +223,7 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     --_bd: transparent;
   }
   :host([appearance="outline"]) {
+    --_borderSize: var(--button-border-size, 1px);
     --_bg: transparent;
     --_bg-hover: var(--_wash-hover);
     --_bg-active: var(--_wash-active);
@@ -179,7 +237,7 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     --_fg: var(--_accent);
     --_bd: transparent;
   }
-  :host([appearance="ghost"]:not([variant])) {
+  :host([appearance="ghost"]:not([color])) {
     --_accent: var(--eun-text-secondary, #484e61);
     --_wash-hover: var(--eun-content-hover, #edeff0);
     --_wash-active: var(--eun-disabled-color, #ecedf0);
@@ -192,13 +250,14 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     --_bd: transparent;
     --_boxShadow: var(
       --button-shadow,
-      var(--eun-shadow-s, "rgba(149, 157, 165, 0.2) 0px 8px 24px")
+      var(--eun-shadow-s, rgba(149, 157, 165, 0.2) 0px 8px 24px)
     );
     --_boxShadow-hover: var(
       --button-shadow-hover,
       var(
         --eun-shadow-m,
-        "rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px"
+        rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
+        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px
       )
     );
   }
@@ -210,7 +269,6 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     --_bd: transparent;
   }
 
-  /* States : a custom background wins, derived when only the rest one is set. */
   :host(:not([disabled])) #button:is(:hover, :focus-visible),
   :host(:not([disabled]):focus-visible) #button {
     background: var(
@@ -227,35 +285,35 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
   :host([appearance="raised"]:not([disabled])) #button:active {
     box-shadow: var(
       --eun-shadow-l,
-      "rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px"
+      rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
+      rgba(0, 0, 0, 0.05) 0px 4px 6px -2px
     );
   }
 
-  /* A solid semantic button darkens instead of switching color. */
   :host(
       [appearance="fill"]:is(
-          [variant="critical"],
-          [variant="success"],
-          [variant="warning"]
+          [color="critical"],
+          [color="success"],
+          [color="warning"]
         ):not([disabled]):is(:hover, :focus-visible)
     )
     #button,
   :host(
       [appearance="fill"]:is(
-          [variant="critical"],
-          [variant="success"],
-          [variant="warning"]
+          [color="critical"],
+          [color="success"],
+          [color="warning"]
         ):not([disabled])
     )
     #button:is(:hover, :focus-visible) {
     filter: brightness(0.9);
   }
-  :host([appearance="fill"][variant="critical"]:not([disabled])) #button:active,
-  :host([appearance="fill"][variant="success"]:not([disabled])) #button:active,
-  :host([appearance="fill"][variant="warning"]:not([disabled])) #button:active {
+  :host([appearance="fill"][color="critical"]:not([disabled])) #button:active,
+  :host([appearance="fill"][color="success"]:not([disabled])) #button:active,
+  :host([appearance="fill"][color="warning"]:not([disabled])) #button:active {
     filter: brightness(0.8);
   }
-`,w=i`
+`,T=r`
   :host([disabled]) {
     --_bg: var(--eun-disabled-color, #ecedf0);
     --_bg-hover: var(--eun-disabled-color, #ecedf0);
@@ -273,7 +331,7 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     border-color: var(--_bd);
     pointer-events: none;
   }
-`,y=i`
+`,I=r`
   :host([slide]) {
     width: auto;
   }
@@ -283,7 +341,8 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     gap: 0;
     align-items: center;
     justify-content: start;
-    transition: grid-template-columns ease var(--_transition);
+    transition: grid-template-columns var(--eun-easing-default, ease)
+      var(--_transition);
   }
   :host([slide]:hover) #button,
   :host([slide]:focus-visible) #button,
@@ -298,8 +357,8 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     margin-left: 0;
     opacity: 0;
     transition:
-      margin-left ease var(--_transition),
-      opacity ease var(--_transition);
+      margin-left var(--eun-easing-default, ease) var(--_transition),
+      opacity var(--eun-easing-default, ease) var(--_transition);
   }
   :host([slide]:hover) slot:not([name]),
   :host([slide]:focus-visible) slot:not([name]),
@@ -307,65 +366,60 @@ import{a as v,b as h,c as f}from"./chunk-4MXL6PZC.js";import{a as _}from"./chunk
     margin-left: var(--_gap);
     opacity: 1;
   }
-`,k=i`
+`,H=r`
   :host([full]) {
     display: flex;
     width: 100%;
   }
-  :host([full]) #button {
-    justify-content: center;
-  }
-`,S=i`
+`,R=r`
   @supports (width: if(style(--a: b): 1px; else: 2px)) {
     :host {
       width: if(style(--button-full: true): 100%; else: fit-content);
     }
-    #button {
-      justify-content: if(style(--button-full: true): center; else: normal);
-    }
   }
-`,g=[h,x,m,w,y,S,k];var z="eun-button",t=class extends v(f(_(u))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026";this.appearance="fill";this.full=!1}updated(e){if(super.updated(e),e.has("href")||e.has("disabled")||e.has("loading")){let r=this.disabled||this.loading;this.href&&!r?this.removeAttribute("tabindex"):this.setAttribute("tabindex",r?"-1":"0")}}renderEndContent(){return this.href&&this.target==="_blank"?a`
+`,L=[x,C,A,T,I,$,R,H];var B="eun-button",l,u,o=class extends g(m(w(S(f)))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026";this.appearance="fill";this.full=!1;b(this,l);b(this,u,new z(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleDefaultSlotChange=()=>{this.requestUpdate()}}updated(e){super.updated(e);let a=this.slottedAnchor;if(a){this.removeAttribute("tabindex"),this.syncSlottedAnchor(a),y(this);return}if(e.has("href")||e.has("disabled")||e.has("loading")){let d=this.disabled||this.loading;this.href&&!d?this.removeAttribute("tabindex"):this.setAttribute("tabindex",d?"-1":"0")}}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}syncSlottedAnchor(e){this.disabled||this.loading?(e.setAttribute("aria-disabled","true"),e.setAttribute("tabindex","-1"),v(this,l,e)):c(this,l)===e&&(e.removeAttribute("aria-disabled"),e.removeAttribute("tabindex"),v(this,l,void 0))}renderEndContent(){let e=!!this.href&&this.target==="_blank",a=this.dictionary.link.opensInNewTab;return!e&&!c(this,u).isBlank?n`<slot name="end"></slot>`:n`
       <span id="external-link-icon">
         <eun-icon name="arrow_forward" shape="round" size="12"></eun-icon>
-        ${this.ariaLabel?l:a`<span class="sr-only"> (opens in a new tab)</span>`}
+        ${!e||this.ariaLabel?h:n`<span class="sr-only"> (${a})</span>`}
       </span>
-    `:a`<slot name="end"></slot>`}renderContent(){let e=p(this.icon,this.severity),r=a`
+    `}renderContent(){let e=_(this.icon,this.severity),a=n`
       <slot name="start">
-        ${e?a`<eun-icon
+        ${e?n`<eun-icon
               class="auto-icon"
               name=${e}
               size="16"
-            ></eun-icon>`:l}
+            ></eun-icon>`:h}
       </slot>
-      <slot></slot>
+      <slot @slotchange=${this.handleDefaultSlotChange}></slot>
       ${this.renderEndContent()}
-    `;return this.loading?a`
-      <span id="content-hidden" aria-hidden="true">${r}</span>
+    `;return this.loading?n`
+      <span id="content-hidden" aria-hidden="true">${a}</span>
       <span id="loader-overlay">
         <eun-loader label=${this.loadingLabel}></eun-loader>
         <span class="sr-only" role="status" aria-live="polite"
           >${this.loadingLabel}</span
         >
       </span>
-    `:r}handleLinkClick(e){this.download||b(this,e,this.href,this.target)}render(){let e=this.renderContent(),r=this.disabled||this.loading;if(this.href){let d=this.target==="_blank";return a`
+    `:a}handleLinkClick(e){this.download||k(this,e,this.href,this.target)}render(){let e=this.renderContent(),a=this.disabled||this.loading;if(this.href){let d=this.target==="_blank";return n`
         <a
           id="button"
-          href=${o(r?void 0:this.href)}
-          target=${o(this.target)}
-          rel=${o(d?"noopener noreferrer":void 0)}
-          download=${o(this.download)}
-          aria-label=${o(d&&this.ariaLabel?`${this.ariaLabel} (opens in a new tab)`:this.ariaLabel??void 0)}
-          aria-disabled=${o(this.disabled?"true":void 0)}
-          aria-busy=${o(this.loading?"true":void 0)}
+          href=${t(a?void 0:this.href)}
+          target=${t(this.target)}
+          rel=${t(d?"noopener noreferrer":void 0)}
+          download=${t(this.download)}
+          aria-label=${t(d&&this.ariaLabel?`${this.ariaLabel} (${this.dictionary.link.opensInNewTab})`:this.ariaLabel??void 0)}
+          aria-disabled=${t(this.disabled?"true":void 0)}
+          aria-busy=${t(this.loading?"true":void 0)}
           @click=${this.handleLinkClick}
         >
           ${e}
         </a>
-      `}return a`
+      `}return n`
       <div
         id="button"
-        aria-busy=${o(this.loading?"true":void 0)}
+        class=${t(this.slottedAnchor?"slotted-link":void 0)}
+        aria-busy=${t(this.loading?"true":void 0)}
       >
         ${e}
       </div>
-    `}};t.styles=g,n([s({attribute:"loading-label"})],t.prototype,"loadingLabel",2),n([s()],t.prototype,"icon",2),n([s({reflect:!0})],t.prototype,"severity",2),n([s({reflect:!0})],t.prototype,"appearance",2),n([s({type:Boolean,reflect:!0})],t.prototype,"full",2),t=n([c(z)],t);export{z as a,t as b};
+    `}};l=new WeakMap,u=new WeakMap,o.styles=L,i([s({attribute:"loading-label"})],o.prototype,"loadingLabel",2),i([s()],o.prototype,"icon",2),i([s({reflect:!0})],o.prototype,"severity",2),i([s({reflect:!0})],o.prototype,"appearance",2),i([s({type:Boolean,reflect:!0})],o.prototype,"full",2),o=i([p(B)],o);export{B as a,o as b};

package/dist/cdn/components/chunks/{chunk-IJ5WFMK4.js → chunk-XDPRWUKN.js}

@@ -1,21 +1,21 @@
-import{a as t}from"./chunk-5EVP7YNE.js";import{a as l}from"./chunk-BKHD4S57.js";import{a as n,g as s,h as a,n as i,p as o}from"./chunk-XH6NREVZ.js";var L=d=>{class r extends d{get isExternal(){return this.target==="_blank"}get linkAriaLabel(){let e=this.ariaLabel??void 0;return this.isExternal&&e?`${e} (opens in a new tab)`:e}handleCardLinkClick(e){this.download||l(this,e,this.href,this.target)}renderNewTabHint(){return!(this.href&&this.isExternal)||this.ariaLabel?o:i`<span class="sr-only"> (opens in a new tab)</span>`}renderExternalLinkBadge(){return this.href&&this.isExternal?i`
+import{a as l}from"./chunk-5GKM5DIB.js";import{a as t}from"./chunk-PPCHQG7P.js";import{a as d}from"./chunk-LMVW522V.js";import{a as r,h as s,j as i,p as a,r as o}from"./chunk-YITWLCD3.js";var w=p=>{class n extends d(p){get isExternal(){return this.target==="_blank"}get linkAriaLabel(){let e=this.ariaLabel??void 0;return this.isExternal&&e?`${e} (${this.dictionary.link.opensInNewTab})`:e}handleCardLinkClick(e){this.download||l(this,e,this.href,this.target)}renderNewTabHint(){if(!(this.href&&this.isExternal)||this.ariaLabel)return o;let e=this.dictionary.link.opensInNewTab;return a`<span class="sr-only"> (${e})</span>`}renderExternalLinkBadge(e=!1){return!(this.href&&this.isExternal)&&!e?o:a`
         <span id="external-link-badge" aria-hidden="true">
           <eun-icon name="arrow_forward" shape="round" size="12"></eun-icon>
         </span>
-      `:o}renderCardLink(e,p,c){return i`
+      `}renderCardLink(e,c,h){return a`
         <a
           id=${e}
           part=${e}
-          class=${t(c)}
+          class=${t(h)}
           href=${t(this.href)}
           target=${t(this.target)}
           rel=${t(this.isExternal?"noopener noreferrer":void 0)}
           download=${t(this.download)}
           aria-label=${t(this.linkAriaLabel)}
           @click=${this.handleCardLinkClick}
-          >${p}${this.renderNewTabHint()}</a
+          >${c}${this.renderNewTabHint()}</a
         >
-      `}}return n([a({reflect:!0})],r.prototype,"href",2),n([a()],r.prototype,"target",2),n([a()],r.prototype,"download",2),r};var h=s`
+      `}}return r([i({reflect:!0})],n.prototype,"href",2),r([i()],n.prototype,"target",2),r([i()],n.prototype,"download",2),n};var g=s`
   :host([href]) {
     cursor: pointer;
   }
@@ -34,6 +34,7 @@ import{a as t}from"./chunk-5EVP7YNE.js";import{a as l}from"./chunk-BKHD4S57.js";
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    pointer-events: none;
     width: var(--card-link-badge-size, 18px);
     height: var(--card-link-badge-size, 18px);
     border-radius: 50%;
@@ -57,4 +58,4 @@ import{a as t}from"./chunk-5EVP7YNE.js";import{a as l}from"./chunk-BKHD4S57.js";
     white-space: nowrap;
     border: 0;
   }
-`,y=h;export{L as a,y as b};
+`,E=g;export{w as a,E as b};