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

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

@@ -0,0 +1 @@
+import{b as n}from"./chunk-TLBXTBMM.js";import{a as r}from"./chunk-YYCEPZUN.js";import{a as i,j as a}from"./chunk-YITWLCD3.js";var f=d=>{class t extends d{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.descriptionOnHost=!0;this.errorOnChange=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:this.validationDictionary.validation.valueMissing}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","checkbox"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.defaultChecked!==void 0&&!this.hasAttribute("checked")&&(this.checked=this.defaultChecked),this.addEventListener("keydown",this.handleKeydown)}formResetCallback(){this.checked=this.defaultChecked??!1,this.dirty=!1,this.touched=!1}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&(this.setAttribute("aria-checked",String(this.checked)),this.updateInternals()),n(e)&&this.setAttribute("aria-invalid",String(this.showError)),e.has("required")&&this.setAttribute("aria-required",String(this.required))}handleClick(e){this.handleChange(e)}handleChange(e){e.stopPropagation(),!(this.disabled||this.readonly||this.inert)&&(e.preventDefault(),this.checked=!this.checked,this.updateInternals(),this.checkValidity(this.checked),this.dispatchEvent(new r(this.checked)))}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return i([a({type:Boolean,reflect:!0})],t.prototype,"checked",2),i([a({type:Boolean,attribute:"default-checked"})],t.prototype,"defaultChecked",2),t};export{f as a};

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

@@ -0,0 +1,10 @@
+import{a as p,d as T}from"./chunk-VJCNHMQZ.js";import{a as t,b as a,c as l}from"./chunk-SGM2X2TC.js";import{q as n,r as s}from"./chunk-YITWLCD3.js";var m=a(class extends l{constructor(e){if(super(e),e.type!==t.PROPERTY&&e.type!==t.ATTRIBUTE&&e.type!==t.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!p(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[r]){if(r===n||r===s)return r;let i=e.element,o=e.name;if(e.type===t.PROPERTY){if(r===i[o])return n}else if(e.type===t.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(o))return n}else if(e.type===t.ATTRIBUTE&&i.getAttribute(o)===r+"")return n;return T(e),r}});export{m as a};
+/*! Bundled license information:
+
+lit-html/directives/live.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

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

@@ -0,0 +1 @@
+var o={mobile:600,tablet:768,laptop:1024,desktop:1280};function e(t){return`(width < ${o[t]}px)`}function n(t){return`(width >= ${o[t]}px)`}export{o as a,e as b,n as c};

package/dist/cdn/components/chunks/{chunk-GW3VP2L7.js → chunk-BO3JOEWM.js}

@@ -1,4 +1,4 @@
-import{a as i}from"./chunk-5EVP7YNE.js";import{a as e,h as r,n as l,p as s}from"./chunk-XH6NREVZ.js";var f=n=>{class t extends n{constructor(){super(...arguments);this.required=!1}get hasLabelSlot(){return this.querySelector('[slot="label"]')!==null}get hasInstructionsSlot(){return this.querySelector('[slot="instructions"]')!==null}renderFormLabels(o){return!this.label&&!this.instructions&&!this.required&&!this.hasLabelSlot&&!this.hasInstructionsSlot?s:l`
+import{a as i}from"./chunk-PPCHQG7P.js";import{a as e,j as r,p as l,r as s}from"./chunk-YITWLCD3.js";var f=n=>{class t extends n{constructor(){super(...arguments);this.required=!1}get hasLabelSlot(){return this.querySelector('[slot="label"]')!==null}get hasInstructionsSlot(){return this.querySelector('[slot="instructions"]')!==null}renderFormLabels(o){return!this.label&&!this.instructions&&!this.required&&!this.hasLabelSlot&&!this.hasInstructionsSlot?s:l`
         <eun-label
           id="label"
           for=${i(o)}

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

@@ -0,0 +1,109 @@
+import{a as T}from"./chunk-UVHVQRPT.js";import{a as P}from"./chunk-L74LXUGL.js";import{a as V}from"./chunk-UYZR4JXZ.js";import{a as S,b as F}from"./chunk-WW4BTWMH.js";import{a as E}from"./chunk-GVS6IUKC.js";import{a as L}from"./chunk-BO3JOEWM.js";import{a as o,c as x,d as $,e as M,f as d}from"./chunk-TLBXTBMM.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as w}from"./chunk-3BMACIDO.js";import{a as r}from"./chunk-PPCHQG7P.js";import{a as p}from"./chunk-O7PHBLH2.js";import{a as v}from"./chunk-62RLISRD.js";import{a as i,f as u,h as m,j as a,k as b,l as f,n as y,p as l,r as n,u as g}from"./chunk-YITWLCD3.js";var R=m`
+  .has-trailing-action #field {
+    padding-inline-end: calc(
+      calc(var(--eun-space-l, 32px) * 1.2) + var(--eun-space-xs, 4px)
+    );
+  }
+  #field[type="search"]::-webkit-search-cancel-button {
+    appearance: none;
+    display: none;
+  }
+`,I=[V,R];var k="eun-input",A=w(M(g)),C=v(E(L($(T(x(A)))))),e=class extends C{constructor(){super();this.type="text";this.clearable=!1;this.autocomplete="off";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.handleImplicitSubmission=t=>{let s=this.internals.form;!s||t.composedPath()[0]!==this.fieldEl||!S(t)||this.readonlyAvailable&&this.editing||(t.preventDefault(),F(s))};this.checkLocalValidators=()=>P(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"]);this.addEventListener("keydown",this.handleImplicitSubmission)}get defaultValue(){return super.defaultValue}set defaultValue(t){super.defaultValue=t}focusTarget(){return this.fieldEl}get hostTabStop(){return!1}updated(t){super.updated(t),t.has("editing")&&this.editing&&this.fieldEl?.focus()}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(t){this.value=t.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let t=!!this.value?.trim().length;return l`
+      <div
+        id="readonly-display"
+        role="button"
+        tabindex="0"
+        aria-label=${r(this.label)}
+        @click=${this.startEdit}
+        @keydown=${s=>(s.key==="Enter"||s.key===" ")&&this.startEdit()}
+      >
+        <span class=${p({empty:!t})}
+          >${t?this.value:this.emptyValueLabel??this.dictionary.common.noValue}</span
+        >
+      </div>
+    `}renderTrailingAddon(t){return n}hasTrailingAddon(){return!1}renderField(t){let s=this.type==="password",c=this.clearable&&!s&&!!this.value&&!this.disabled;return l`
+      <div
+        id="field-wrapper"
+        class=${p({"has-icon":!!this.icon||!!this.iconSlotEls?.length,"has-trailing-action":c||s||this.hasTrailingAddon()})}
+      >
+        <slot name="icon" @slotchange=${this.handleIconSlotChange}>
+          ${this.icon?l`<eun-icon id="icon" name=${this.icon} size="16"></eun-icon>`:n}
+        </slot>
+        <input
+          id="field"
+          type=${s?this.showPassword?"text":"password":this.type}
+          .value=${this.value??""}
+          placeholder=${r(this.placeholder)}
+          autocomplete=${this.autocomplete}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?required=${this.required}
+          minlength=${r(this.minlength)}
+          maxlength=${r(this.maxlength)}
+          pattern=${r(this.pattern)}
+          min=${r(this.min)}
+          max=${r(this.max)}
+          step=${r(this.step)}
+          inputmode=${this.type==="number"?"numeric":this.type==="email"?"email":n}
+          aria-invalid=${this.showError}
+          aria-label=${r(this.label)}
+          aria-describedby=${t?"description":n}
+          @input=${this.handleInput}
+        />
+        ${o(c,()=>l`
+            <button
+              type="button"
+              id="clear"
+              @click=${this.handleClear}
+              aria-label=${this.clearLabel??this.dictionary.input.clear}
+              tabindex="-1"
+            >
+              <eun-icon name="cancel" size="16"></eun-icon>
+            </button>
+          `)}
+        ${o(s,()=>l`
+            <button
+              type="button"
+              id="password-toggle"
+              @click=${this.togglePasswordVisibility}
+              aria-label=${this.showPassword?this.hidePasswordLabel??this.dictionary.input.hidePassword:this.showPasswordLabel??this.dictionary.input.showPassword}
+              aria-pressed=${this.showPassword}
+            >
+              <eun-icon
+                name=${this.showPassword?"visibility_off":"visibility"}
+                size="16"
+              ></eun-icon>
+            </button>
+          `)}
+        ${this.renderTrailingAddon(c)}
+      </div>
+      ${o(this.readonlyAvailable,()=>l`
+          <div id="edit-actions">
+            <eun-button
+              class="confirm"
+              size="s"
+              color="primary"
+              appearance="default"
+              rounded
+              type="button"
+              @click=${this.confirmEdit}
+              >${this.confirmLabel??this.dictionary.common.save}</eun-button
+            >
+            <eun-button
+              class="cancel"
+              size="s"
+              appearance="flat"
+              rounded
+              type="button"
+              @click=${this.cancelEdit}
+              >${this.cancelLabel??this.dictionary.common.cancel}</eun-button
+            >
+          </div>
+        `)}
+    `}render(){let t=this.readonlyAvailable&&!this.editing,s=this.renderDescription();return l`
+      <div id="wrapper">
+        ${this.renderFormLabels(t?void 0:"field")}
+        ${t?this.renderReadonlyDisplay():this.renderField(s!==n)}
+        ${s}
+      </div>
+    `}};e.styles=[I,d.base,d.errorMessages,d.hintMessages],i([a({reflect:!0,useDefault:!0})],e.prototype,"type",2),i([a({attribute:"default-value"})],e.prototype,"defaultValue",1),i([a()],e.prototype,"placeholder",2),i([a()],e.prototype,"icon",2),i([a({type:Boolean})],e.prototype,"clearable",2),i([a()],e.prototype,"autocomplete",2),i([a({type:Number})],e.prototype,"minlength",2),i([a({type:Number})],e.prototype,"maxlength",2),i([a()],e.prototype,"pattern",2),i([a()],e.prototype,"min",2),i([a()],e.prototype,"max",2),i([a()],e.prototype,"step",2),i([a({attribute:"empty-value-label"})],e.prototype,"emptyValueLabel",2),i([a({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),i([a({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),i([a({attribute:"clear-label"})],e.prototype,"clearLabel",2),i([a({attribute:"show-password-label"})],e.prototype,"showPasswordLabel",2),i([a({attribute:"hide-password-label"})],e.prototype,"hidePasswordLabel",2),i([b()],e.prototype,"showPassword",2),i([f("#field")],e.prototype,"fieldEl",2),i([y({slot:"icon"})],e.prototype,"iconSlotEls",2),e=i([u(k)],e);export{k as a,e as b};

package/dist/cdn/components/chunks/{chunk-DKOPI7QA.js → chunk-DGI7TKCU.js}

@@ -1,4 +1,4 @@
-import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk-32DTNR52.js";import{a as _}from"./chunk-UP4M7TER.js";import{a as z}from"./chunk-3MTUVMM5.js";import{a as S}from"./chunk-SJWRE6PW.js";import{a as e}from"./chunk-5EVP7YNE.js";import{a as g,b as x}from"./chunk-5GKM5DIB.js";import{a as i,b as c,c as b,d as h,f as p,g as n,h as s,n as r,p as v,s as f}from"./chunk-XH6NREVZ.js";var $=n`
+import{a as x,b as m,c as w}from"./chunk-Z3OFIE7S.js";import{a as k}from"./chunk-3BMACIDO.js";import{a as _}from"./chunk-UP4M7TER.js";import{a as z}from"./chunk-3MTUVMM5.js";import{a as y,b as S}from"./chunk-5GKM5DIB.js";import{a as t}from"./chunk-PPCHQG7P.js";import{a as g}from"./chunk-62RLISRD.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);
@@ -8,17 +8,23 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
       black
     );
     --_defaultBorderRadius: var(--eun-border-radius-m, 8px);
-    --_defaultPadding: var(--eun-space-s, 8px)
-      calc(var(--eun-space-l, 32px) / 2);
+    --_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(--_defaultPadding));
+    --_padding: var(
+      --button-padding,
+      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;
@@ -28,7 +34,9 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}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;
   }
@@ -41,30 +49,32 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
     outline-color: var(--_focusIndicator);
   }
   :host([size="xs"]) {
-    --_fontSize: var(--eun-font-size-xs, 10px);
-    --_defaultPadding: var(--eun-space-xxs, 1.6px) var(--eun-space-xs, 4px);
-    --_lineHeight: 10px;
+    --_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);
-    --_defaultPadding: calc(var(--eun-space-s) / 2) var(--eun-space-s);
-    --_lineHeight: 10px;
+    --_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);
-    --_defaultPadding: 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);
-    --_defaultPadding: 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]) {
     --_defaultBorderRadius: var(--eun-border-radius-xl, 999px);
@@ -97,11 +107,13 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}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,
@@ -148,7 +160,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
     white-space: nowrap;
     border: 0;
   }
-`,A=n`
+`,$=r`
   #button.slotted-link {
     position: relative;
   }
@@ -163,7 +175,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
     inset: calc(-1 * var(--_borderSize));
     border-radius: var(--_borderRadius);
     outline: 2px solid transparent;
-    transition: outline ease-out var(--_transition);
+    transition: outline var(--eun-easing-out, ease-out) var(--_transition);
   }
   ::slotted(a:focus-visible)::after {
     outline-offset: 2px;
@@ -194,7 +206,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
     pointer-events: none;
     cursor: inherit;
   }
-`,L=n`
+`,A=r`
   :host([appearance="fill"]),
   :host(:not([appearance])) {
     --_bg: var(--_solid);
@@ -211,6 +223,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}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);
@@ -237,13 +250,14 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}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
       )
     );
   }
@@ -271,12 +285,13 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}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
     );
   }
 
   :host(
-      [appearance="fill"]:is(
+      :is([appearance="fill"], :not([appearance])):is(
           [color="critical"],
           [color="success"],
           [color="warning"]
@@ -284,7 +299,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
     )
     #button,
   :host(
-      [appearance="fill"]:is(
+      :is([appearance="fill"], :not([appearance])):is(
           [color="critical"],
           [color="success"],
           [color="warning"]
@@ -293,12 +308,17 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
     #button:is(:hover, :focus-visible) {
     filter: brightness(0.9);
   }
-  :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 {
+  :host(
+      :is([appearance="fill"], :not([appearance])):is(
+          [color="critical"],
+          [color="success"],
+          [color="warning"]
+        ):not([disabled])
+    )
+    #button:active {
     filter: brightness(0.8);
   }
-`,T=n`
+`,T=r`
   :host([disabled]) {
     --_bg: var(--eun-disabled-color, #ecedf0);
     --_bg-hover: var(--eun-disabled-color, #ecedf0);
@@ -316,7 +336,7 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
     border-color: var(--_bd);
     pointer-events: none;
   }
-`,H=n`
+`,I=r`
   :host([slide]) {
     width: auto;
   }
@@ -326,7 +346,8 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}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,
@@ -341,8 +362,8 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}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]),
@@ -350,39 +371,33 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
     margin-left: var(--_gap);
     opacity: 1;
   }
-`,R=n`
+`,H=r`
   :host([full]) {
     display: flex;
     width: 100%;
   }
-  :host([full]) #button {
-    justify-content: center;
-  }
-`,I=n`
+`,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);
-    }
   }
-`,C=[w,$,L,T,H,A,I,R];var M="eun-button",l,u,o=class extends m(y(k(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(t){super.updated(t);let a=this.slottedAnchor;if(a){this.removeAttribute("tabindex"),this.syncSlottedAnchor(a),x(this);return}if(t.has("href")||t.has("disabled")||t.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(t){this.disabled||this.loading?(t.setAttribute("aria-disabled","true"),t.setAttribute("tabindex","-1"),h(this,l,t)):c(this,l)===t&&(t.removeAttribute("aria-disabled"),t.removeAttribute("tabindex"),h(this,l,void 0))}renderEndContent(){let t=!!this.href&&this.target==="_blank",a=this.dictionary.link.opensInNewTab;return!t&&!c(this,u).isBlank?r`<slot name="end"></slot>`:r`
+`,L=[m,C,A,T,I,$,R,H];var B="eun-button",l,u,o=class extends x(w(k(g(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),S(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>
-        ${!t||this.ariaLabel?v:r`<span class="sr-only"> (${a})</span>`}
+        ${!e||this.ariaLabel?h:n`<span class="sr-only"> (${a})</span>`}
       </span>
-    `}renderContent(){let t=_(this.icon,this.severity),a=r`
+    `}renderContent(){let e=_(this.icon,this.severity),a=n`
       <slot name="start">
-        ${t?r`<eun-icon
+        ${e?n`<eun-icon
               class="auto-icon"
-              name=${t}
+              name=${e}
               size="16"
-            ></eun-icon>`:v}
+            ></eun-icon>`:h}
       </slot>
       <slot @slotchange=${this.handleDefaultSlotChange}></slot>
       ${this.renderEndContent()}
-    `;return this.loading?r`
+    `;return this.loading?n`
       <span id="content-hidden" aria-hidden="true">${a}</span>
       <span id="loader-overlay">
         <eun-loader label=${this.loadingLabel}></eun-loader>
@@ -390,26 +405,26 @@ import{a as m,b as w,c as y}from"./chunk-OW7XKDCH.js";import{a as k}from"./chunk
           >${this.loadingLabel}</span
         >
       </span>
-    `:a}handleLinkClick(t){this.download||g(this,t,this.href,this.target)}render(){let t=this.renderContent(),a=this.disabled||this.loading;if(this.href){let d=this.target==="_blank";return r`
+    `:a}handleLinkClick(e){this.download||y(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=${e(a?void 0:this.href)}
-          target=${e(this.target)}
-          rel=${e(d?"noopener noreferrer":void 0)}
-          download=${e(this.download)}
-          aria-label=${e(d&&this.ariaLabel?`${this.ariaLabel} (${this.dictionary.link.opensInNewTab})`:this.ariaLabel??void 0)}
-          aria-disabled=${e(this.disabled?"true":void 0)}
-          aria-busy=${e(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}
         >
-          ${t}
+          ${e}
         </a>
-      `}return r`
+      `}return n`
       <div
         id="button"
-        class=${e(this.slottedAnchor?"slotted-link":void 0)}
-        aria-busy=${e(this.loading?"true":void 0)}
+        class=${t(this.slottedAnchor?"slotted-link":void 0)}
+        aria-busy=${t(this.loading?"true":void 0)}
       >
-        ${t}
+        ${e}
       </div>
-    `}};l=new WeakMap,u=new WeakMap,o.styles=C,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(M)],o);export{M as a,o 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,useDefault:!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-EUWUDCBZ.js

@@ -0,0 +1 @@
+import{b as s}from"./chunk-624VJYNA.js";var b="eun-dropdown-button, eun-dropdown-item";function d(e){return e.filter(o=>o.getAttribute("aria-disabled")!=="true")}function m(e,o){let t=d(e);if(!t.length)return;let n=Math.max(0,Math.min(o,t.length-1));t[n]?.focus()}function c(e,o,t){let n=d(e);if(!n.length)return;let i=(Math.max(n.indexOf(o),0)+t+n.length)%n.length;n[i]?.focus()}function f(e,o,t,n){let r=Math.max(n,t-o-n);return Math.min(Math.max(e,n),r)}function M(e,o,t){let n=document.documentElement.clientWidth,r=document.documentElement.clientHeight,a=!(e.right+t+o.width<=n)&&e.left-t-o.width>=0,p=a?e.left-o.width-t:e.right+t,u=e.top;return u+o.height>r&&(u=Math.max(t,r-o.height-t)),{top:u,left:p,offsetX:a?t:-t}}function E(e,o,t){let n=e.currentTarget,r=n.getAttribute("aria-disabled")==="true",i=n.getAttribute("aria-haspopup")==="menu";switch(e.key){case"Tab":{e.stopPropagation(),t.onTabAway();break}case"ArrowDown":{e.preventDefault(),e.stopPropagation(),c(o,n,1);break}case"ArrowUp":{e.preventDefault(),e.stopPropagation(),c(o,n,-1);break}case"Home":{e.preventDefault(),e.stopPropagation(),m(o,0);break}case"End":{e.preventDefault(),e.stopPropagation(),m(o,o.length-1);break}case"ArrowRight":{t.onOpenSubmenu&&i&&!r&&(e.preventDefault(),e.stopPropagation(),t.onOpenSubmenu(n));break}case"ArrowLeft":case"Escape":{t.onClose&&(e.preventDefault(),e.stopPropagation(),t.onClose());break}case"Enter":case" ":{if(r)break;e.preventDefault(),e.stopPropagation(),t.onOpenSubmenu&&i?t.onOpenSubmenu(n):t.onSelect(n);break}default:break}}function w(e){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:s(e,"--dropdown-menu-transition-duration","s",160)}export{b as a,m as b,f as c,M as d,E as e,w as f};

package/dist/cdn/components/chunks/{chunk-P32B7BFD.js → chunk-FF3I7C3C.js}

@@ -1,4 +1,4 @@
-import{g as o}from"./chunk-XH6NREVZ.js";var e=o`
+import{h as o}from"./chunk-YITWLCD3.js";var e=o`
   :host {
     /* How each appearance reads the palette slots. */
     --_bg-default: var(--_tint);
@@ -27,13 +27,13 @@ import{g as o}from"./chunk-XH6NREVZ.js";var e=o`
   :host([color="primary"]:not([severity])) {
     --_solid: var(--eun-color-primary-500, #3d6fff);
     --_onSolid: var(--eun-color-on-primary-500, #ffffff);
-    --_tint: var(--eun-color-primary-transparent, #3d6fff33);
+    --_tint: var(--eun-color-primary-alpha-20, #3d6fff33);
     --_accent: var(--eun-color-primary-500, #3d6fff);
   }
   :host([color="secondary"]:not([severity])) {
     --_solid: var(--eun-color-secondary-500, #e5a030);
     --_onSolid: var(--eun-color-on-secondary-500, #000000de);
-    --_tint: var(--eun-color-secondary-transparent, #e5a03033);
+    --_tint: var(--eun-color-secondary-alpha-20, #edbd6f33);
     --_accent: var(--eun-color-secondary-500, #e5a030);
   }
 
@@ -64,28 +64,28 @@ import{g as o}from"./chunk-XH6NREVZ.js";var e=o`
   }
 
   :host([severity="info"]) {
-    --_solid: var(--eun-color-info-100, #097faf);
+    --_solid: var(--eun-color-info-text, #097aa8);
     --_onSolid: #fff;
-    --_tint: var(--eun-color-info-30, #f0f7fa);
-    --_accent: var(--eun-color-info-100, #097faf);
+    --_tint: var(--eun-color-info-alpha-5, #097faf0d);
+    --_accent: var(--eun-color-info-text, #097aa8);
   }
   :host([severity="success"]) {
-    --_solid: var(--eun-color-success-100, #1a9948);
+    --_solid: var(--eun-color-success-text, #167f3c);
     --_onSolid: #fff;
-    --_tint: var(--eun-color-success-30, #f1f9f4);
-    --_accent: var(--eun-color-success-100, #1a9948);
+    --_tint: var(--eun-color-success-alpha-5, #1a99480d);
+    --_accent: var(--eun-color-success-text, #167f3c);
   }
   :host([severity="warning"]) {
-    --_solid: var(--eun-color-warning-100, #c85207);
+    --_solid: var(--eun-color-warning-text, #b94c06);
     --_onSolid: #fff;
-    --_tint: var(--eun-color-warning-30, #fcf5f0);
-    --_accent: var(--eun-color-warning-100, #c85207);
+    --_tint: var(--eun-color-warning-alpha-5, #c852070d);
+    --_accent: var(--eun-color-warning-text, #b94c06);
   }
   :host([severity="critical"]) {
-    --_solid: var(--eun-color-critical-100, #aa0014);
+    --_solid: var(--eun-color-critical-text, #aa0014);
     --_onSolid: #fff;
-    --_tint: var(--eun-color-critical-30, #faf0f1);
-    --_accent: var(--eun-color-critical-100, #aa0014);
+    --_tint: var(--eun-color-critical-alpha-5, #aa00140d);
+    --_accent: var(--eun-color-critical-text, #aa0014);
   }
   :host([severity="neutral"]) {
     --_solid: var(--eun-color-grey-700, #484e61);

package/dist/cdn/components/chunks/{chunk-74AOAB4X.js → chunk-FOILAXLL.js}

@@ -1,4 +1,4 @@
-import{g as o}from"./chunk-XH6NREVZ.js";var r=o`
+import{h as o}from"./chunk-YITWLCD3.js";var r=o`
   :host {
     font-family: var(--eun-font-family, "Mulish", sans-serif);
     font-size: var(--eun-font-size-s, 14px);
@@ -52,9 +52,9 @@ import{g as o}from"./chunk-XH6NREVZ.js";var r=o`
     outline: 2px solid transparent;
     cursor: pointer;
     transition:
-      outline 0.2s ease-out,
-      border-color 0.15s ease,
-      background 0.15s ease;
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      background var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
     user-select: none;
   }
 
@@ -65,7 +65,8 @@ import{g as o}from"./chunk-XH6NREVZ.js";var r=o`
     display: block;
     color: var(--_iconColor);
     margin-block-end: var(--eun-space-s, 8px);
-    transition: color 0.15s ease;
+    transition: color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
 
   slot {

package/dist/cdn/components/chunks/{chunk-LGLQ36QB.js → chunk-GDBPWZN6.js}

@@ -1,4 +1,4 @@
-import{n as o,r as f}from"./chunk-XH6NREVZ.js";var $=[{name:"red",label:"Red",text:"#d8291c",highlight:"#fbe0de"},{name:"orange",label:"Orange",text:"#f2790f",highlight:"#fdead4"},{name:"yellow",label:"Yellow",text:"#b18f22",highlight:"#faf3d6"},{name:"green",label:"Green",text:"#1b7a4d",highlight:"#ddf0e6"},{name:"blue",label:"Blue",text:"#148cd2",highlight:"#dcefff"},{name:"purple",label:"Purple",text:"#6d28d9",highlight:"#ece3fc"},{name:"gray",label:"Gray",text:"#484e61",highlight:"#eceef2"}];function d(e){return $.find(t=>t.name===e)}var T=/^\[align:(start|center|end|justify)\]\n?/;function p(e){let t=T.exec(e);return t?{align:t[1],body:e.slice(t[0].length)}:{align:"start",body:e}}function N(e,t){return e==="start"?t:`[align:${e}]
+import{p as o,t as f}from"./chunk-YITWLCD3.js";var $=[{name:"red",label:"Red",text:"#d8291c",highlight:"#fbe0de"},{name:"orange",label:"Orange",text:"#f2790f",highlight:"#fdead4"},{name:"yellow",label:"Yellow",text:"#b18f22",highlight:"#faf3d6"},{name:"green",label:"Green",text:"#1b7a4d",highlight:"#ddf0e6"},{name:"blue",label:"Blue",text:"#148cd2",highlight:"#dcefff"},{name:"purple",label:"Purple",text:"#6d28d9",highlight:"#ece3fc"},{name:"gray",label:"Gray",text:"#484e61",highlight:"#eceef2"}];function d(e){return $.find(t=>t.name===e)}var T=/^\[align:(start|center|end|justify)\]\n?/;function p(e){let t=T.exec(e);return t?{align:t[1],body:e.slice(t[0].length)}:{align:"start",body:e}}function N(e,t){return e==="start"?t:`[align:${e}]
 ${t}`}function c(e){let t=[],i="",n=0,l=()=>{i&&(t.push({type:"text",value:i}),i="")};for(;n<e.length;){let a=e.slice(n),h=/^\[([^\]]+)\]\(([^)]+)\)/.exec(a);if(h){l(),t.push({type:"link",href:h[2],children:c(h[1])}),n+=h[0].length;continue}let g=/^\{color=([a-z]+)\}/.exec(a);if(g){let r=e.indexOf("{/color}",n+g[0].length);if(r!==-1){l(),t.push({type:"color",color:g[1],children:c(e.slice(n+g[0].length,r))}),n=r+8;continue}}let u=/^\{highlight=([a-z]+)\}/.exec(a);if(u){let r=e.indexOf("{/highlight}",n+u[0].length);if(r!==-1){l(),t.push({type:"highlight",color:u[1],children:c(e.slice(n+u[0].length,r))}),n=r+12;continue}}if(e.startsWith("***",n)){let r=e.indexOf("***",n+3);if(r!==-1){l(),t.push({type:"bold",children:[{type:"italic",children:c(e.slice(n+3,r))}]}),n=r+3;continue}}if(e.startsWith("**",n)){let r=e.indexOf("**",n+2);if(r!==-1){l(),t.push({type:"bold",children:c(e.slice(n+2,r))}),n=r+2;continue}}if(e.startsWith("__",n)){let r=e.indexOf("__",n+2);if(r!==-1){l(),t.push({type:"underline",children:c(e.slice(n+2,r))}),n=r+2;continue}}if(e[n]==="*"){let r=e.indexOf("*",n+1);if(r!==-1){l(),t.push({type:"italic",children:c(e.slice(n+1,r))}),n=r+1;continue}}i+=e[n],n+=1}return l(),t}function m(e){return e.reduce((t,i)=>i.type==="text"?t+i.value.length:t+m(i.children),0)}function _(e){let{body:t}=p(e),i=t.length?t.split(`
 `):[""];return i.reduce((n,l)=>n+m(c(l)),0)+i.length-1}function s(e){return o`${e.map(b)}`}function b(e){switch(e.type){case"text":return e.value;case"bold":return o`<strong>${s(e.children)}</strong>`;case"italic":return o`<em>${s(e.children)}</em>`;case"underline":return o`<u>${s(e.children)}</u>`;case"color":{let t=d(e.color);return o`<span
         data-color=${e.color}

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

@@ -0,0 +1 @@
+import{a as r,j as a}from"./chunk-YITWLCD3.js";var o=t=>{class e extends t{constructor(){super(...arguments);this.appearance="outline"}}return r([a({reflect:!0,useDefault:!0})],e.prototype,"appearance",2),e};export{o as a};

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

@@ -0,0 +1,8 @@
+import{p as l}from"./chunk-YITWLCD3.js";function m(e){let o=[];for(let t of e)if(t instanceof HTMLOptionElement)o.push({value:t.value,label:t.textContent?.trim()??t.value});else if(t instanceof HTMLOptGroupElement)for(let r of Array.from(t.querySelectorAll("option")))o.push({value:r.value,label:r.textContent?.trim()??r.value,group:t.label});return o}function x(e,o){if(!o)return e;let t=e.toLowerCase().indexOf(o);return t===-1?e:l`${e.slice(0,t)}<mark>${e.slice(t,t+o.length)}</mark>${e.slice(t+o.length)}`}function d(e,o){let t=[],r=0,n=0;for(;n<e.length;){let{group:i}=e[n],s=n;for(;n<e.length&&e[n].group===i;)n+=1;let u=e.slice(s,n).map((a,c)=>o(a,s+c));if(!i){t.push(...u);continue}let p=`listbox-group-${r}`;r+=1,t.push(l`
+      <li class="option-group" role="group" aria-labelledby=${p}>
+        <div id=${p} class="group-label">${i}</div>
+        <ul class="group-options" role="presentation">
+          ${u}
+        </ul>
+      </li>
+    `)}return t}export{m as a,x as b,d as c};