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

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

@@ -0,0 +1,415 @@
+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`
+  :host {
+    --_focusIndicator: var(--button-focus-outline, var(--_ring));
+    --_hoverFromCustom: color-mix(in srgb, var(--button-background) 88%, black);
+    --_activeFromCustom: color-mix(
+      in srgb,
+      var(--button-background) 76%,
+      black
+    );
+    --_defaultBorderRadius: var(--eun-border-radius-m, 8px);
+    --_defaultPadding: var(--eun-space-s, 8px)
+      calc(var(--eun-space-l, 32px) / 2);
+    --_borderRadius: var(--button-border-radius, var(--_defaultBorderRadius));
+    --_padding: var(--button-padding, var(--_defaultPadding));
+    --_boxShadow: var(--button-shadow, none);
+    --_boxShadow-hover: var(--button-shadow-hover, var(--_boxShadow));
+    --_transition: var(--button-transition, 0.2s);
+    --_borderSize: var(--button-border-size, 1.5px);
+    --_fontSize: var(--eun-font-size-s, 14px);
+    --_gap: var(--eun-space-xs, 4px);
+    --_lineHeight: 1rem;
+    --icon-size: var(--_lineHeight);
+    --_before-display: none;
+    --_cursor: pointer;
+    display: inline-flex;
+    width: fit-content;
+    position: relative;
+    user-select: none;
+    cursor: var(--_cursor);
+    outline: 2px solid transparent;
+    transition: all ease-out var(--_transition);
+    border-radius: var(--_borderRadius);
+    z-index: 0;
+  }
+  :host(:focus-visible) {
+    outline-offset: 2px;
+    outline-color: var(--_focusIndicator);
+  }
+  #button:focus-visible {
+    outline-offset: 2px;
+    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;
+    --_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;
+    --_defaultBorderRadius: var(--eun-border-radius-s, 999px);
+  }
+  :host([size="l"]) {
+    --_fontSize: 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;
+  }
+  :host([size="xl"]) {
+    --_fontSize: 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;
+  }
+  :host([rounded]) {
+    --_defaultBorderRadius: var(--eun-border-radius-xl, 999px);
+  }
+  slot::slotted(*) {
+    color: var(--_textColor);
+  }
+  slot::slotted(*:not([fill])),
+  slot::slotted(*[fill="currentColor"]) {
+    fill: var(--_textColor);
+  }
+  slot[name="start"]::slotted(eun-icon),
+  slot[name="end"]::slotted(eun-icon) {
+    flex-shrink: 0;
+  }
+  .auto-icon {
+    flex-shrink: 0;
+  }
+  #button {
+    font-family: var(--eun-font-family, "Mulish", sans-serif);
+    --_textColor: var(--button-text, var(--_fg));
+    background: var(--button-background, var(--_bg));
+    border-radius: var(--_borderRadius);
+    color: var(--_textColor);
+    box-shadow: var(--_boxShadow);
+    display: flex;
+    width: 100%;
+    height: fit-content;
+    border: var(--_borderSize) solid var(--button-border-color, var(--_bd));
+    outline: 2px solid transparent;
+    padding: var(--_padding);
+    gap: var(--_gap);
+    transition: all ease-out var(--_transition);
+    font-size: var(--_fontSize);
+    line-height: var(--_lineHeight);
+    text-decoration: none;
+    align-items: center;
+    white-space: nowrap;
+  }
+  #button:hover,
+  :host(:focus-visible) #button,
+  #button:focus-visible {
+    box-shadow: var(--_boxShadow-hover);
+    border-color: var(
+      --button-border-color-hover,
+      var(--button-border-color, var(--_bd))
+    );
+  }
+  #external-link-icon {
+    display: inline-flex;
+    align-items: center;
+    margin-inline: var(--eun-space-s) calc(-1 * var(--eun-space-xs));
+    transform: rotate(-45deg);
+    --icon-color: var(--_textColor);
+  }
+  #content-hidden {
+    display: flex;
+    align-items: center;
+    gap: var(--_gap);
+    visibility: hidden;
+  }
+  #loader-overlay {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  :host([loading]) #button {
+    cursor: wait;
+    pointer-events: none;
+  }
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    white-space: nowrap;
+    border: 0;
+  }
+`,A=n`
+  #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 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;
+  }
+`,L=n`
+  :host([appearance="fill"]),
+  :host(:not([appearance])) {
+    --_bg: var(--_solid);
+    --_bg-hover: var(--_solid-hover);
+    --_bg-active: var(--_solid-active);
+    --_fg: var(--_onSolid);
+    --_bd: transparent;
+  }
+  :host([appearance="default"]) {
+    --_bg: var(--_tint);
+    --_bg-hover: var(--_tint-hover);
+    --_bg-active: var(--_tint-active);
+    --_fg: var(--_fgTint);
+    --_bd: transparent;
+  }
+  :host([appearance="outline"]) {
+    --_bg: transparent;
+    --_bg-hover: var(--_wash-hover);
+    --_bg-active: var(--_wash-active);
+    --_fg: var(--_accent);
+    --_bd: var(--_solid);
+  }
+  :host([appearance="ghost"]) {
+    --_bg: transparent;
+    --_bg-hover: var(--_wash-hover);
+    --_bg-active: var(--_wash-active);
+    --_fg: var(--_accent);
+    --_bd: transparent;
+  }
+  :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);
+  }
+  :host([appearance="raised"]) {
+    --_bg: transparent;
+    --_bg-hover: transparent;
+    --_bg-active: transparent;
+    --_fg: var(--_accent);
+    --_bd: transparent;
+    --_boxShadow: var(
+      --button-shadow,
+      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"
+      )
+    );
+  }
+  :host([appearance="flat"]) {
+    --_bg: var(--_flat);
+    --_bg-hover: var(--_flat-hover);
+    --_bg-active: var(--_flat-hover);
+    --_fg: var(--_flatFg);
+    --_bd: transparent;
+  }
+
+  :host(:not([disabled])) #button:is(:hover, :focus-visible),
+  :host(:not([disabled]):focus-visible) #button {
+    background: var(
+      --button-background-hover,
+      var(--_hoverFromCustom, var(--_bg-hover))
+    );
+  }
+  :host(:not([disabled])) #button:active {
+    background: var(
+      --button-background-active,
+      var(--_activeFromCustom, var(--_bg-active))
+    );
+  }
+  :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"
+    );
+  }
+
+  :host(
+      [appearance="fill"]:is(
+          [color="critical"],
+          [color="success"],
+          [color="warning"]
+        ):not([disabled]):is(:hover, :focus-visible)
+    )
+    #button,
+  :host(
+      [appearance="fill"]:is(
+          [color="critical"],
+          [color="success"],
+          [color="warning"]
+        ):not([disabled])
+    )
+    #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 {
+    filter: brightness(0.8);
+  }
+`,T=n`
+  :host([disabled]) {
+    --_bg: var(--eun-disabled-color, #ecedf0);
+    --_bg-hover: var(--eun-disabled-color, #ecedf0);
+    --_bg-active: var(--eun-disabled-color, #ecedf0);
+    --_fg: var(--eun-text-disabled-color, #8d93aa);
+    --_bd: transparent;
+    --_boxShadow: none;
+    --_boxShadow-hover: none;
+    --_cursor: not-allowed;
+  }
+  :host([disabled]) #button {
+    --_icon-color: currentColor;
+    --_textColor: var(--_fg);
+    background: var(--_bg);
+    border-color: var(--_bd);
+    pointer-events: none;
+  }
+`,H=n`
+  :host([slide]) {
+    width: auto;
+  }
+  :host([slide]) #button {
+    display: grid;
+    grid-template-columns: auto 0fr auto;
+    gap: 0;
+    align-items: center;
+    justify-content: start;
+    transition: grid-template-columns ease var(--_transition);
+  }
+  :host([slide]:hover) #button,
+  :host([slide]:focus-visible) #button,
+  :host([slide]) #button:focus-visible {
+    grid-template-columns: auto 1fr auto;
+  }
+  :host([slide]) slot:not([name]) {
+    display: inline-block;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    margin-left: 0;
+    opacity: 0;
+    transition:
+      margin-left ease var(--_transition),
+      opacity ease var(--_transition);
+  }
+  :host([slide]:hover) slot:not([name]),
+  :host([slide]:focus-visible) slot:not([name]),
+  :host([slide]) #button:focus-visible slot:not([name]) {
+    margin-left: var(--_gap);
+    opacity: 1;
+  }
+`,R=n`
+  :host([full]) {
+    display: flex;
+    width: 100%;
+  }
+  :host([full]) #button {
+    justify-content: center;
+  }
+`,I=n`
+  @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`
+      <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>`}
+      </span>
+    `}renderContent(){let t=_(this.icon,this.severity),a=r`
+      <slot name="start">
+        ${t?r`<eun-icon
+              class="auto-icon"
+              name=${t}
+              size="16"
+            ></eun-icon>`:v}
+      </slot>
+      <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+      ${this.renderEndContent()}
+    `;return this.loading?r`
+      <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>
+    `: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
+          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)}
+          @click=${this.handleLinkClick}
+        >
+          ${t}
+        </a>
+      `}return r`
+      <div
+        id="button"
+        class=${e(this.slottedAnchor?"slotted-link":void 0)}
+        aria-busy=${e(this.loading?"true":void 0)}
+      >
+        ${t}
+      </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};

package/dist/cdn/components/chunks/{chunk-53QH6MPM.js → chunk-EAKYD33D.js}

@@ -1,4 +1,4 @@
-import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-6UPI7GHJ.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as T}from"./chunk-XSMCT4DF.js";import{a as M}from"./chunk-GW3VP2L7.js";import{a as w,b as o,c as x,d as $,e as d}from"./chunk-KNM5QHDK.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-T7WABJEJ.js";import{a as p}from"./chunk-A4EQSU36.js";import{a as l}from"./chunk-5EVP7YNE.js";import{a as i,f as u,g as b,h as t,i as m,j as f,l as y,n as r,p as n,s as g}from"./chunk-XH6NREVZ.js";var C=b`
+import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-L65WUTXM.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as T}from"./chunk-LFCXUVDO.js";import{a as M}from"./chunk-GW3VP2L7.js";import{a as w,b as o,c as x,d as $,e as d}from"./chunk-OAULRKHQ.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-32DTNR52.js";import{a as p}from"./chunk-A4EQSU36.js";import{a as l}from"./chunk-5EVP7YNE.js";import{a as i,f as u,g as b,h as t,i as m,j as f,l as y,n as r,p as n,s as g}from"./chunk-XH6NREVZ.js";var C=b`
   .has-trailing-action #field {
     padding-inline-end: calc(
       calc(var(--eun-space-l, 32px) * 1.2) + var(--eun-space-xs, 4px)
@@ -8,7 +8,7 @@ import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-6UPI7GHJ.js";
     appearance: none;
     display: none;
   }
-`,S=[V,C];var P="eun-input",F=v($(g)),R=T(M(w(L(x(F))))),e=class extends R{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.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 a=!!this.value?.trim().length;return r`
+`,S=[V,C];var P="eun-input",A=v($(g)),F=T(M(w(L(x(A))))),e=class extends F{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.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 a=!!this.value?.trim().length;return r`
       <div
         id="readonly-display"
         role="button"
@@ -83,7 +83,7 @@ import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-6UPI7GHJ.js";
             <eun-button
               class="confirm"
               size="s"
-              variant="primary"
+              color="primary"
               appearance="default"
               rounded
               type="button"

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

@@ -0,0 +1 @@
+import{a as l,i,j as n}from"./chunk-XH6NREVZ.js";var a=30,v=16,m=c=>{class o extends c{constructor(){super(...arguments);this.overflowState=!1;this.resizeObserver=new ResizeObserver(()=>{this.resizeObserverCallback(),this.handleOverflow()})}firstUpdated(e){super.firstUpdated(e),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver.disconnect(),super.disconnectedCallback?.()}scrollItem(e){return()=>{this.scrollableElement.scrollBy({behavior:"smooth",left:150*(e==="front"?1:-1)})}}updateScroll(){this.overflowState=this.getOverflowStatus()}isOnOverflow(){let e=this.shadowRoot?.querySelector('slot[name="navigation"]');if(!e||!(e instanceof HTMLSlotElement))return!1;let t=e.assignedElements();if(!t||!t.length)return!1;let r=t.reduce((d,f)=>d+(f.getBoundingClientRect().width||0),0)+(t.length-1)*this.getContentGap(),s=this.shadowRoot?.querySelector("#scrollable");return s?r>s.clientWidth:!1}getContentGap(){let e=this.shadowRoot?.host??document.body,t=getComputedStyle(e).getPropertyValue("--eun-overflow-content-gap")||v;return typeof t=="number"?t:parseFloat(t)}handleOverflow(){(!this.overflowState&&this.isOnOverflow()||this.overflowState&&!this.isOnOverflow())&&this.updateScroll()}getOverflowStatus(){if(!this.isOnOverflow())return!1;let e=this.scrollableElement,t=e.scrollWidth-e.scrollLeft-e.clientWidth<a,r=e.scrollLeft<a;return!r&&!t?"middle":r?"start":t?"end":!1}resizeObserverCallback(){}}return l([i()],o.prototype,"overflowState",2),l([n("#scrollable")],o.prototype,"scrollableElement",2),o};export{m as a};

package/dist/cdn/components/chunks/{chunk-BYBUXKXC.js → chunk-IDKZKLJR.js}

@@ -1,4 +1,4 @@
-import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";import{a,f as u,g as p,h as i,n,p as c,s as m}from"./chunk-XH6NREVZ.js";var r=class d extends Event{static{this.eventName="euntableaction"}constructor(b,e){super(d.eventName,{bubbles:!0,composed:!1}),this.key=b,this.optionKey=e}};var h=p`
+import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";import{a,f as u,g as p,h as i,n,p as c,s as m}from"./chunk-XH6NREVZ.js";var r=class d extends Event{static{this.eventName="euntableaction"}constructor(b,e){super(d.eventName,{bubbles:!0,composed:!1}),this.key=b,this.optionKey=e}};var v=p`
   :host {
     position: fixed;
     bottom: var(--table-action-bar-offset-bottom, var(--eun-space-l, 32px));
@@ -23,11 +23,11 @@ import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";
     width: max-content;
     max-width: 100%;
     box-sizing: border-box;
-    border: var(--eun-borderWidth-s, 1px) solid
+    border: var(--eun-border-width-s, 1px) solid
       var(--table-action-bar-border-color, var(--eun-border-color, #dee0e7));
     border-radius: var(
       --table-action-bar-border-radius,
-      var(--eun-borderRadius-l, 10px)
+      var(--eun-border-radius-l, 10px)
     );
     background: var(
       --table-action-bar-background,
@@ -112,11 +112,11 @@ import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";
       animation: none;
     }
   }
-`,v=h;var x="eun-table-action-bar",t=class extends m{constructor(){super(...arguments);this.selectedCount=0;this.totalCount=0;this.actions=[];this.toolbarAriaLabel="Selection actions";this.selectedLabel="selected";this.selectAllLabel="Select all";this.deselectAllLabel="Deselect all";this.closeAriaLabel="Clear selection";this.handleSelectAllClick=()=>{this.onSelectAll?.()};this.handleCloseClick=()=>{this.onClose?.()}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","region")}updated(e){super.updated(e),e.has("toolbarAriaLabel")&&this.setAttribute("aria-label",this.toolbarAriaLabel)}get allSelected(){return this.totalCount>0&&this.selectedCount===this.totalCount}handleActionClick(e){e.disabled||this.dispatchEvent(new r(e.key))}handleActionSelect(e,l){this.dispatchEvent(new r(e.key,l.key))}renderAction(e){let l=e.variant==="critical";return e.dropdown?n`
+`,h=v;var x="eun-table-action-bar",t=class extends m{constructor(){super(...arguments);this.selectedCount=0;this.totalCount=0;this.actions=[];this.toolbarAriaLabel="Selection actions";this.selectedLabel="selected";this.selectAllLabel="Select all";this.deselectAllLabel="Deselect all";this.closeAriaLabel="Clear selection";this.handleSelectAllClick=()=>{this.onSelectAll?.()};this.handleCloseClick=()=>{this.onClose?.()}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","region")}updated(e){super.updated(e),e.has("toolbarAriaLabel")&&this.setAttribute("aria-label",this.toolbarAriaLabel)}get allSelected(){return this.totalCount>0&&this.selectedCount===this.totalCount}handleActionClick(e){e.disabled||this.dispatchEvent(new r(e.key))}handleActionSelect(e,l){this.dispatchEvent(new r(e.key,l.key))}renderAction(e){let l=e.color==="critical";return e.dropdown?n`
         <eun-dropdown-button
           label=${e.label}
           icon=${o(e.icon)}
-          variant=${o(l?"critical":void 0)}
+          color=${o(l?"critical":void 0)}
           appearance=${l?"default":"flat"}
           .options=${e.dropdown}
           ?disabled=${e.disabled}
@@ -131,7 +131,7 @@ import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";
         >
       `:n`
       <eun-button
-        variant=${o(l?"critical":void 0)}
+        color=${o(l?"critical":void 0)}
         label=${e.label}
         appearance=${l?"default":"flat"}
         ?disabled=${e.disabled}
@@ -177,4 +177,4 @@ import{a as f}from"./chunk-VRGRCYIO.js";import{a as o}from"./chunk-5EVP7YNE.js";
           </eun-button>
         </div>
       </div>
-    `}};t.styles=v,a([i({type:Number,attribute:"selected-count"})],t.prototype,"selectedCount",2),a([i({type:Number,attribute:"total-count"})],t.prototype,"totalCount",2),a([i({attribute:!1})],t.prototype,"actions",2),a([i({attribute:"toolbar-aria-label"})],t.prototype,"toolbarAriaLabel",2),a([i({attribute:"selected-label"})],t.prototype,"selectedLabel",2),a([i({attribute:"select-all-label"})],t.prototype,"selectAllLabel",2),a([i({attribute:"deselect-all-label"})],t.prototype,"deselectAllLabel",2),a([i({attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",2),t=a([u(x)],t);export{r as a,x as b,t as c};
+    `}};t.styles=h,a([i({type:Number,attribute:"selected-count"})],t.prototype,"selectedCount",2),a([i({type:Number,attribute:"total-count"})],t.prototype,"totalCount",2),a([i({attribute:!1})],t.prototype,"actions",2),a([i({attribute:"toolbar-aria-label"})],t.prototype,"toolbarAriaLabel",2),a([i({attribute:"selected-label"})],t.prototype,"selectedLabel",2),a([i({attribute:"select-all-label"})],t.prototype,"selectAllLabel",2),a([i({attribute:"deselect-all-label"})],t.prototype,"deselectAllLabel",2),a([i({attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",2),t=a([u(x)],t);export{r as a,x as b,t as c};

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

@@ -0,0 +1,53 @@
+import{a as M}from"./chunk-MMLIPCOY.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,g as w,h as f,i as E,n as I,o as S,p,s as k}from"./chunk-XH6NREVZ.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, 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-RWONCXTF.js → chunk-KVYUNKUO.js}

@@ -3,7 +3,7 @@ import{a as t,f as l,g as o,n as r,s as a}from"./chunk-XH6NREVZ.js";var s=o`
     display: flex;
     box-sizing: border-box;
     min-width: 0;
-    border-inline-end: var(--eun-borderWidth-s, 1px) solid
+    border-inline-end: var(--eun-border-width-s, 1px) solid
       var(--table-column-border-color, transparent);
   }
 
@@ -20,7 +20,7 @@ import{a as t,f as l,g as o,n as r,s as a}from"./chunk-XH6NREVZ.js";var s=o`
     width: 100%;
     min-width: 0;
     padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
-    font-size: var(--eun-fontSize-s, 13px);
+    font-size: var(--eun-font-size-s, 13px);
     color: var(--table-cell-color, var(--eun-text-color, #071621));
     overflow: hidden;
   }

package/dist/cdn/components/chunks/{chunk-6UPI7GHJ.js → chunk-L65WUTXM.js}

@@ -17,14 +17,14 @@ 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-borderRadius-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)
     );
     --_shadow: var(--field-shadow, none);
     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: block;
     width: 100%;
     outline: none;
@@ -44,7 +44,7 @@ import{g as r}from"./chunk-XH6NREVZ.js";var o=r`
     font: inherit;
     color: var(--_textColor);
     background-color: var(--_background);
-    border: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: var(--_borderRadius);
     padding: var(--_padding);
     outline: 1px solid transparent;
@@ -96,22 +96,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"] {
-    box-shadow: inset 0 0 0 var(--eun-borderWidth-m, 1.5px) var(--_errorColor);
+  :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-borderWidth-m, 1.5px) solid var(--_borderColor);
+    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"] {
@@ -147,11 +147,11 @@ import{g as r}from"./chunk-XH6NREVZ.js";var o=r`
   #password-toggle:focus-visible {
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
-    border-radius: var(--eun-borderRadius-xl, 999px);
+    border-radius: var(--eun-border-radius-xl, 999px);
   }
   #readonly-display {
     padding: var(--_padding);
-    border: var(--eun-borderWidth-m, 1.5px) solid transparent;
+    border: var(--eun-border-width-m, 1.5px) solid transparent;
     border-radius: var(--_borderRadius);
     box-sizing: border-box;
     cursor: text;

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

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