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

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

@@ -0,0 +1,16 @@
+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}]
+${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}
+        style="color: ${t?.text??"inherit"}"
+        >${s(e.children)}</span
+      >`}case"highlight":{let t=d(e.color);return o`<span
+        data-highlight=${e.color}
+        style="background-color: ${t?.highlight??"transparent"}"
+        >${s(e.children)}</span
+      >`}case"link":return o`<a href=${e.href}>${s(e.children)}</a>`}}function I(e){let t=[],i=[],n=()=>{i.length&&(t.push({type:"list",items:i}),i=[])};return e.split(`
+`).forEach(l=>{let a=l.trim();if(a.startsWith("- ")){i.push(a.slice(2));return}n(),a&&t.push({type:"paragraph",text:a})}),n(),t}function L(e){let{body:t}=p(e);return o`${I(t).map(i=>i.type==="list"?o`<ul>
+          ${i.items.map(n=>o`<li>${s(c(n))}</li>`)}
+        </ul>`:o`<p>${s(c(i.text))}</p>`)}`}function x(e){let t=[];e.childNodes.forEach(i=>{i.nodeType===Node.COMMENT_NODE?t.push(i):x(i)}),t.forEach(i=>e.removeChild(i))}function E(e){let t=document.createElement("div"),i=e.length?e.split(`
+`):[""];f(o`${i.map(l=>o`<p>${s(c(l))}</p>`)}`,t),x(t);let n=Array.from(t.children);return n.forEach(l=>{l.hasChildNodes()||l.appendChild(document.createElement("br"))}),n}function M(e,t){let{align:i,body:n}=p(t);e.style.textAlign=i==="start"?"":i,e.replaceChildren(...E(n))}var R={STRONG:["**","**"],B:["**","**"],EM:["*","*"],I:["*","*"],U:["__","__"]};function y(e){if(e.nodeType===Node.TEXT_NODE)return(e.textContent??"").replace(/\u200B/g,"");if(e.nodeName==="BR"||!(e instanceof HTMLElement))return"";let t=Array.from(e.childNodes).map(y).join(""),i=R[e.tagName];if(i)return`${i[0]}${t}${i[1]}`;if(e.tagName==="A")return`[${t}](${e.getAttribute("href")??""})`;if(e.tagName==="SPAN"){let n=e.dataset.color;if(n)return`{color=${n}}${t}{/color}`;let l=e.dataset.highlight;if(l)return`{highlight=${l}}${t}{/highlight}`}return t}function v(e){let t=Array.from(e.children),i=t.length?t.map(l=>Array.from(l.childNodes).map(y).join("")).join(`
+`):e.textContent??"",n=e.style.textAlign||"start";return N(n,i)}export{$ as a,d as b,p as c,_ as d,L as e,M as f,v as g};

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

@@ -0,0 +1,263 @@
+import{b as g,c as S,d as C,e as E,f as b}from"./chunk-CEDHJUUH.js";import{a as L}from"./chunk-UP4M7TER.js";import{a as $}from"./chunk-A4EQSU36.js";import{a as f}from"./chunk-5EVP7YNE.js";import{a as r,f as x,g as M,h as l,i as k,j as y,l as O,n as p,p as d,s as A}from"./chunk-XH6NREVZ.js";var v=class w extends Event{static{this.eventName="eunselect"}constructor(T){super(w.eventName,{bubbles:!0,composed:!1}),this.key=T}};var R=M`
+  :host {
+    display: inline-block;
+  }
+  #menu {
+    position: fixed;
+    top: var(--_menuTop, 0);
+    left: var(--_menuLeft, 0);
+    min-width: var(--_menuWidth, auto);
+    margin: 0;
+    padding: var(--eun-space-xs, 4px) 0;
+    list-style: none;
+    max-height: 260px;
+    overflow-y: auto;
+    font-family: var(--eun-font-family, "Mulish", sans-serif);
+    font-size: var(--eun-font-size-s, 14px);
+    color: var(--dropdown-menu-color, var(--eun-text-color, #071621));
+    background: var(
+      --dropdown-menu-background,
+      var(--eun-surface-color, #ffffff)
+    );
+    border: var(--eun-border-width-s, 1px) solid
+      var(--dropdown-menu-border-color, var(--eun-border-color, #dee0e7));
+    border-radius: var(
+      --dropdown-menu-border-radius,
+      var(--eun-border-radius-m, 8px)
+    );
+    box-shadow: var(
+      --dropdown-menu-shadow,
+      var(
+        --eun-shadow-m,
+        0 10px 15px -3px rgba(0, 0, 0, 0.1),
+        0 4px 6px -2px rgba(0, 0, 0, 0.05)
+      )
+    );
+    opacity: 0;
+    transform: translate(var(--_menuOffsetX, 0px), var(--_menuOffsetY, -4px))
+      scale(0.96);
+  }
+  #menu:not(:popover-open) {
+    display: none;
+  }
+  #menu:popover-open {
+    opacity: 1;
+    transform: translate(0, 0) scale(1);
+  }
+
+  #menu li,
+  .submenu li {
+    display: flex;
+    align-items: center;
+    gap: var(--eun-space-s, 8px);
+    padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
+    cursor: pointer;
+    white-space: nowrap;
+    /*
+     * Fixed width/style, transparent by default : only outline-color
+     * itself needs to change on :focus-visible below, which is what makes
+     * it animatable in the first place — a style like "none" can't smoothly
+     * transition to "solid", only a color change can.
+     */
+    outline: 2px solid transparent;
+    outline-offset: -2px;
+    transition:
+      background 0.3s ease-out,
+      outline-color 0.3s ease-out;
+  }
+  #menu li:hover:not([aria-disabled="true"]),
+  #menu li:focus-visible:not([aria-disabled="true"]),
+  #menu li.highlighted:not([aria-disabled="true"]),
+  .submenu li:hover:not([aria-disabled="true"]),
+  .submenu li:focus-visible:not([aria-disabled="true"]),
+  .submenu li.highlighted:not([aria-disabled="true"]) {
+    background: linear-gradient(
+      90deg,
+      var(--dropdown-menu-accent-color, var(--eun-color-primary-500, #3d6fff))
+        2px,
+      var(--dropdown-menu-hover-background, var(--eun-content-hover, #edeff0))
+        2px,
+      var(--dropdown-menu-hover-background, var(--eun-content-hover, #edeff0))
+    );
+  }
+  #menu li:focus-visible,
+  .submenu li:focus-visible {
+    outline-color: var(
+      --dropdown-menu-accent-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
+  }
+  #menu li[aria-disabled="true"],
+  .submenu li[aria-disabled="true"] {
+    cursor: not-allowed;
+    color: var(
+      --dropdown-menu-disabled-color,
+      var(--eun-text-disabled-color, #8d93aa)
+    );
+  }
+  #menu li.active,
+  .submenu li.active {
+    font-weight: var(--eun-font-weight-l, 700);
+    color: var(
+      --dropdown-menu-accent-color,
+      var(--eun-color-primary-500, #3d6fff)
+    );
+  }
+  #menu li .option-icon,
+  .submenu li .option-icon,
+  #menu li .submenu-chevron,
+  .submenu li .submenu-chevron {
+    flex-shrink: 0;
+  }
+  #menu li .submenu-chevron,
+  .submenu li .submenu-chevron {
+    --icon-color: var(
+      --dropdown-menu-description-color,
+      var(--eun-text-secondary, #484e61)
+    );
+    margin-right: calc(-1 * var(--eun-space-s));
+  }
+  #menu li .option-text,
+  .submenu li .option-text {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+  #menu li .title,
+  .submenu li .title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  #menu li .description,
+  .submenu li .description {
+    font-size: var(--eun-font-size-xs, 12px);
+    color: var(
+      --dropdown-menu-description-color,
+      var(--eun-text-secondary, #484e61)
+    );
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .submenu {
+    position: fixed;
+    top: var(--_submenuTop, 0);
+    left: var(--_submenuLeft, 0);
+    margin: 0;
+    padding: var(--eun-space-xs, 4px) 0;
+    list-style: none;
+    min-width: 160px;
+    max-height: 260px;
+    overflow-y: auto;
+    font-family: var(--eun-font-family, "Mulish", sans-serif);
+    font-size: var(--eun-font-size-s, 14px);
+    color: var(--dropdown-menu-color, var(--eun-text-color, #071621));
+    background: var(
+      --dropdown-menu-background,
+      var(--eun-surface-color, #ffffff)
+    );
+    border: var(--eun-border-width-s, 1px) solid
+      var(--dropdown-menu-border-color, var(--eun-border-color, #dee0e7));
+    border-radius: var(
+      --dropdown-menu-border-radius,
+      var(--eun-border-radius-m, 8px)
+    );
+    box-shadow: var(
+      --dropdown-menu-shadow,
+      var(
+        --eun-shadow-m,
+        0 10px 15px -3px rgba(0, 0, 0, 0.1),
+        0 4px 6px -2px rgba(0, 0, 0, 0.05)
+      )
+    );
+    opacity: 0;
+    transform: translate(var(--_submenuOffsetX, -4px), 0) scale(0.96);
+  }
+  .submenu:not(:popover-open) {
+    display: none;
+  }
+  .submenu:popover-open {
+    opacity: 1;
+    transform: translate(0, 0) scale(1);
+  }
+`,P=R;var K="eun-dropdown-button",s=class extends A{constructor(){super(...arguments);this.options=[];this.disabledKeys=[];this.disabled=!1;this.size="m";this.fixedColor=!1;this.rounded=!1;this.appearance="fill";this.placement="bottom-start";this.open=!1;this.openSubmenuKey=null;this.handleReposition=()=>{this.positionMenu(),this.repositionOpenSubmenu()};this.skipTriggerRefocus=!1;this.handlePopoverToggle=e=>{if(e.newState==="open"){this.open=!0,this.positionMenu(),this.updateComplete.then(()=>g(this.menuEntries,0)),window.addEventListener("resize",this.handleReposition),window.addEventListener("scroll",this.handleReposition,!0);return}this.open=!1,this.closeSubmenu(),window.removeEventListener("resize",this.handleReposition),window.removeEventListener("scroll",this.handleReposition,!0),this.skipTriggerRefocus?this.skipTriggerRefocus=!1:this.triggerEl?.focus()}}disconnectedCallback(){window.removeEventListener("resize",this.handleReposition),window.removeEventListener("scroll",this.handleReposition,!0),clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),super.disconnectedCallback?.()}isOptionDisabled(e){return!!e.disabled||this.disabledKeys.includes(e.key)}get hasStartSlotContent(){return this.querySelector(':scope > [slot="start"]')!==null}openMenu(){this.disabled||this.updateComplete.then(()=>{let e=this.menuEl;if(!e)return;let t=this.menuAnimation!==void 0;this.menuAnimation?.cancel(),this.menuAnimation=void 0;let i=!e.matches(":popover-open");i&&e.showPopover(),(i||t)&&this.playMenuOpenAnimation(e)})}playMenuOpenAnimation(e){e.style.removeProperty("pointer-events");let t=b(e);if(t===0)return;let i=e.style.getPropertyValue("--_menuOffsetX")||"0px",n=e.style.getPropertyValue("--_menuOffsetY")||"-4px";this.menuAnimation=e.animate([{opacity:0,transform:`translate(${i}, ${n}) scale(0.96)`},{opacity:1,transform:"translate(0, 0) scale(1)"}],{duration:t,easing:"ease",fill:"forwards"})}closeMenu(){let e=this.menuEl;this.menuAnimation?.cancel(),this.menuAnimation=void 0,e?.matches(":popover-open")&&this.playMenuCloseAnimation(e)}playMenuCloseAnimation(e){e.style.pointerEvents="none";let t=b(e),i=e.style.getPropertyValue("--_menuOffsetX")||"0px",n=e.style.getPropertyValue("--_menuOffsetY")||"-4px";if(t===0){e.hidePopover();return}let o=e.animate([{opacity:1,transform:"translate(0, 0) scale(1)"},{opacity:0,transform:`translate(${i}, ${n}) scale(0.96)`}],{duration:t,easing:"ease",fill:"forwards"});this.menuAnimation=o,o.finished.then(()=>{this.menuAnimation===o&&(this.menuAnimation=void 0),e.hidePopover()}).catch(()=>{})}closeMenuOnTabAway(){this.skipTriggerRefocus=!0,this.closeMenu()}tabAway(){this.closeMenuOnTabAway()}get menuEntries(){return[...Array.from(this.menuEl?.querySelectorAll(":scope > li")??[]),...this.itemsList??[]]}entryKey(e){return e.tagName==="LI"?e.dataset.key??null:e.key??null}closeOtherSubmenus(e){if(!this.openSubmenuKey||this.openSubmenuKey===e)return;let t=this.menuEntries.find(i=>this.entryKey(i)===this.openSubmenuKey);t?.tagName==="LI"?this.closeSubmenu():(t?.closeSubmenu(),this.openSubmenuKey=null)}notifySubmenuOpened(e){this.openSubmenuKey=e}notifySubmenuClosed(e){this.openSubmenuKey===e&&(this.openSubmenuKey=null)}dispatchSelect(e){this.dispatchEvent(new v(e)),this.closeMenu()}selectByKey(e){this.dispatchSelect(e)}getEffectivePlacement(e,t){let n=document.documentElement.clientWidth,o=document.documentElement.clientHeight;if(this.placement==="left"||this.placement==="right"){let h=e.right+4+t.width<=n,c=e.left-4-t.width>=0;return this.placement==="right"&&!h&&c?"left":this.placement==="left"&&!c&&h?"right":this.placement}let m=e.bottom+4+t.height<=o,a=e.top-4-t.height>=0,u=this.placement.startsWith("top");return u&&!a&&m?this.placement.replace("top","bottom"):!u&&!m&&a?this.placement.replace("bottom","top"):this.placement}positionMenu(){if(!this.triggerEl||!this.menuEl)return;let e=4,t=document.documentElement.clientWidth,i=document.documentElement.clientHeight,n=this.triggerEl.getBoundingClientRect(),o=this.menuEl.getBoundingClientRect(),m=this.getEffectivePlacement(n,o),a,u,h=0,c=0;switch(m){case"top":a=n.top-o.height-e*3,u=n.left+n.width/2-o.width/2,c=4;break;case"top-start":a=n.top-o.height-e*3,u=n.left,c=4;break;case"top-end":a=n.top-o.height-e*3,u=n.right-o.width,c=4;break;case"right":a=n.top+n.height/2-o.height/2,u=n.right+e,h=-4;break;case"bottom":a=n.bottom+e,u=n.left+n.width/2-o.width/2,c=-4;break;case"bottom-end":a=n.bottom+e,u=n.right-o.width,c=-4;break;case"left":a=n.top+n.height/2-o.height/2,u=n.left-o.width-e,h=4;break;default:a=n.bottom+e,u=n.left,c=-4;break}m==="left"||m==="right"?a=S(a,o.height,i,e):u=S(u,o.width,t,e),this.menuEl.style.setProperty("--_menuTop",`${a}px`),this.menuEl.style.setProperty("--_menuLeft",`${u}px`),this.menuEl.style.setProperty("--_menuWidth",`${n.width}px`),this.menuEl.style.setProperty("--_menuOffsetX",`${h}px`),this.menuEl.style.setProperty("--_menuOffsetY",`${c}px`)}getSubmenuElements(e){let t=this.menuEl?.querySelector(`li[data-key="${CSS.escape(e)}"]`),i=t?.querySelector(":scope > ul");if(!(!t||!i))return{li:t,submenu:i}}positionSubmenu(e,t){let{top:n,left:o,offsetX:m}=C(e.getBoundingClientRect(),t.getBoundingClientRect(),4);t.style.setProperty("--_submenuTop",`${n}px`),t.style.setProperty("--_submenuLeft",`${o}px`),t.style.setProperty("--_submenuOffsetX",`${m}px`)}repositionOpenSubmenu(){if(!this.openSubmenuKey)return;let e=this.menuEntries.find(t=>this.entryKey(t)===this.openSubmenuKey);if(e?.tagName==="LI"){let t=this.getSubmenuElements(this.openSubmenuKey);t&&this.positionSubmenu(t.li,t.submenu)}else e?.repositionSubmenu()}openSubmenu(e){if(!e.options?.length||this.isOptionDisabled(e))return;clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),this.closeOtherSubmenus(e.key);let t=this.getSubmenuElements(e.key)?.submenu;if(!t)return;let i=this.submenuAnimation!==void 0;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0;let n=!t.matches(":popover-open");!n&&!i||(n&&t.showPopover(),this.playSubmenuOpenAnimation(t))}playSubmenuOpenAnimation(e){e.style.removeProperty("pointer-events");let t=b(e);if(t===0)return;let i=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";this.submenuAnimation=e.animate([{opacity:0,transform:`translate(${i}, 0) scale(0.96)`},{opacity:1,transform:"translate(0, 0) scale(1)"}],{duration:t,easing:"ease",fill:"forwards"})}playSubmenuCloseAnimation(e){e.style.pointerEvents="none";let t=b(e),i=e.style.getPropertyValue("--_submenuOffsetX")||"-4px";if(t===0){e.hidePopover();return}let n=e.animate([{opacity:1,transform:"translate(0, 0) scale(1)"},{opacity:0,transform:`translate(${i}, 0) scale(0.96)`}],{duration:t,easing:"ease",fill:"forwards"});this.submenuAnimation=n,n.finished.then(()=>{this.submenuAnimation===n&&(this.submenuAnimation=void 0),e.hidePopover()}).catch(()=>{})}closeSubmenu(){if(clearTimeout(this.openSubmenuTimer),clearTimeout(this.closeSubmenuTimer),!this.openSubmenuKey)return;let e=this.openSubmenuKey,t=this.menuEntries.find(i=>this.entryKey(i)===e);if(t?.tagName==="LI"){let i=this.getSubmenuElements(e)?.submenu;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0,i?.matches(":popover-open")&&this.playSubmenuCloseAnimation(i)}else t?.closeSubmenu(),this.openSubmenuKey=null}handleSubmenuToggle(e,t){let i=e,n=e.currentTarget;if(i.newState==="open"){this.notifySubmenuOpened(t.key);let o=n.parentElement;o&&this.positionSubmenu(o,n),this.updateComplete.then(()=>{let m=Array.from(n.querySelectorAll(":scope > li"));g(m,0)});return}this.notifySubmenuClosed(t.key)}closeSubmenuAndRefocus(e){this.closeSubmenu(),this.updateComplete.then(()=>{this.menuEl?.querySelector(`li[data-key="${CSS.escape(e.key)}"]`)?.focus()})}toggleSubmenu(e){this.openSubmenuKey===e.key?this.closeSubmenu():this.openSubmenu(e)}scheduleCloseSubmenu(e){clearTimeout(this.closeSubmenuTimer),this.closeSubmenuTimer=setTimeout(()=>{if(this.openSubmenuKey!==e)return;let t=this.getSubmenuElements(e)?.submenu;this.submenuAnimation?.cancel(),this.submenuAnimation=void 0,t?.matches(":popover-open")&&this.playSubmenuCloseAnimation(t)},150)}scheduleCloseTrackedSubmenu(){clearTimeout(this.closeSubmenuTimer),this.closeSubmenuTimer=setTimeout(()=>{this.closeOtherSubmenus(null)},150)}handleItemMouseEnter(e){if(clearTimeout(this.closeSubmenuTimer),!e.options?.length){this.openSubmenuKey&&this.scheduleCloseTrackedSubmenu();return}this.isOptionDisabled(e)||this.openSubmenuKey===e.key||(clearTimeout(this.openSubmenuTimer),this.openSubmenuTimer=setTimeout(()=>this.openSubmenu(e),150))}handleItemMouseLeave(e){clearTimeout(this.openSubmenuTimer),e.options?.length&&this.scheduleCloseSubmenu(e.key)}handleSubmenuMouseEnter(){clearTimeout(this.closeSubmenuTimer)}handleSubmenuMouseLeave(e){this.scheduleCloseSubmenu(e)}handleToggleClick(){this.open?this.closeMenu():this.openMenu()}selectOption(e){this.isOptionDisabled(e)||this.dispatchSelect(e.key)}handleItemClick(e){if(!this.isOptionDisabled(e)){if(e.options?.length){this.toggleSubmenu(e);return}this.selectOption(e)}}renderOptionContent(e){return p`
+      ${e.icon?p`<eun-icon
+            class="option-icon"
+            name=${e.icon}
+            size="16"
+          ></eun-icon>`:d}
+      <div class="option-text">
+        <span class="title">${e.label}</span>
+        ${e.description?p`<span class="description">${e.description}</span>`:d}
+      </div>
+    `}renderOption(e){let t=!!e.options?.length,i=t&&this.openSubmenuKey===e.key,n=this.isOptionDisabled(e);return p`
+      <li
+        role="menuitem"
+        tabindex=${n?d:"-1"}
+        data-key=${e.key}
+        class=${$({highlighted:i,active:!!e.active})}
+        aria-disabled=${n?"true":"false"}
+        aria-haspopup=${f(t?"menu":void 0)}
+        aria-expanded=${f(t?i?"true":"false":void 0)}
+        @click=${()=>this.handleItemClick(e)}
+        @keydown=${o=>E(o,this.menuEntries,{onSelect:()=>this.selectOption(e),onOpenSubmenu:()=>this.openSubmenu(e),onTabAway:()=>this.closeMenuOnTabAway()})}
+        @mouseenter=${()=>this.handleItemMouseEnter(e)}
+        @mouseleave=${()=>this.handleItemMouseLeave(e)}
+      >
+        ${this.renderOptionContent(e)}
+        ${t?p`<eun-icon
+              class="submenu-chevron"
+              name="chevron_right"
+              size="16"
+            ></eun-icon>`:d}
+        ${t?this.renderSubmenu(e):d}
+      </li>
+    `}renderSubmenu(e){let t=e.options??[];return p`
+      <ul
+        class="submenu"
+        role="menu"
+        popover="auto"
+        @toggle=${i=>this.handleSubmenuToggle(i,e)}
+        @mouseenter=${()=>this.handleSubmenuMouseEnter()}
+        @mouseleave=${()=>this.handleSubmenuMouseLeave(e.key)}
+      >
+        ${t.map(i=>p`
+            <li
+              role="menuitem"
+              tabindex=${this.isOptionDisabled(i)?d:"-1"}
+              aria-disabled=${this.isOptionDisabled(i)?"true":"false"}
+              @click=${()=>this.selectOption(i)}
+              @keydown=${n=>{let o=n.currentTarget.closest("ul"),m=Array.from(o?.querySelectorAll(":scope > li")??[]);E(n,m,{onSelect:()=>this.selectOption(i),onClose:()=>this.closeSubmenuAndRefocus(e),onTabAway:()=>this.closeMenuOnTabAway()})}}
+            >
+              ${this.renderOptionContent(i)}
+            </li>
+          `)}
+      </ul>
+    `}renderTriggerStartContent(){if(this.hasStartSlotContent)return p`<slot name="start" slot="start"></slot>`;let e=L(this.icon,this.severity);return e?p`<eun-icon slot="start" name=${e} size="16"></eun-icon>`:d}render(){return p`
+      <eun-button
+        id="trigger"
+        type="button"
+        size=${this.size}
+        color=${f(this.color)}
+        ?fixed-color=${this.fixedColor}
+        appearance=${this.appearance}
+        ?rounded=${this.rounded}
+        ?disabled=${this.disabled}
+        aria-haspopup="menu"
+        aria-expanded=${this.open}
+        aria-label=${f(this.ariaLabel??void 0)}
+        @click=${this.handleToggleClick}
+      >
+        ${this.renderTriggerStartContent()}
+        <slot>${this.label}</slot>
+      </eun-button>
+      <ul
+        id="menu"
+        role="menu"
+        popover="auto"
+        @toggle=${this.handlePopoverToggle}
+      >
+        ${this.options.map(e=>this.renderOption(e))}
+        <slot name="items"></slot>
+      </ul>
+    `}};s.styles=P,r([l()],s.prototype,"label",2),r([l()],s.prototype,"icon",2),r([l({reflect:!0})],s.prototype,"severity",2),r([l({type:Array,reflect:!0})],s.prototype,"options",2),r([l({type:Array,reflect:!0,attribute:"disabled-keys"})],s.prototype,"disabledKeys",2),r([l({type:Boolean,reflect:!0})],s.prototype,"disabled",2),r([l({reflect:!0})],s.prototype,"size",2),r([l({reflect:!0})],s.prototype,"color",2),r([l({type:Boolean,reflect:!0,attribute:"fixed-color"})],s.prototype,"fixedColor",2),r([l({type:Boolean,reflect:!0})],s.prototype,"rounded",2),r([l({reflect:!0})],s.prototype,"appearance",2),r([l({reflect:!0})],s.prototype,"placement",2),r([l({type:Boolean,reflect:!0})],s.prototype,"open",2),r([k()],s.prototype,"openSubmenuKey",2),r([O({slot:"items"})],s.prototype,"itemsList",2),r([y("#trigger")],s.prototype,"triggerEl",2),r([y("#menu")],s.prototype,"menuEl",2),s=r([x(K)],s);export{K as a,s as b};

package/dist/cdn/components/chunks/{chunk-ON42P6FI.js → chunk-NBIENHLV.js}

@@ -1,4 +1,4 @@
-import{a as c}from"./chunk-T7WABJEJ.js";import{a as b}from"./chunk-VRGRCYIO.js";import{a,f as s,g as n,h as o,l as r,n as i,p as d,s as l}from"./chunk-XH6NREVZ.js";var v=n`
+import{a as c}from"./chunk-32DTNR52.js";import{a as b}from"./chunk-VRGRCYIO.js";import{a,f as s,g as n,h as o,l as r,n as i,p as d,s as l}from"./chunk-XH6NREVZ.js";var v=n`
   :host {
     --_textColor: var(--tab-text-color, var(--eun-text-color, #071621));
     --_textColor-hover: var(
@@ -17,8 +17,8 @@ import{a as c}from"./chunk-T7WABJEJ.js";import{a as b}from"./chunk-VRGRCYIO.js";
     --_border: var(--tab-border);
     --_border-radius: var(--tab-border-radius, 8px);
     --_pointerEvents: all;
-    font-size: var(--eun-fontSize-s, 14px);
-    font-weight: var(--eun-fontWeight-m, 500);
+    font-size: var(--eun-font-size-s, 14px);
+    font-weight: var(--eun-font-weight-m, 500);
     outline: none;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
     z-index: 1;
@@ -89,7 +89,7 @@ import{a as c}from"./chunk-T7WABJEJ.js";import{a as b}from"./chunk-VRGRCYIO.js";
   :host([icon]) div slot[name="icon"],
   div[has-icon] slot[name="icon"] {
     grid-area: icon;
-    font-size: var(--eun-fontSize-m, 16px);
+    font-size: var(--eun-font-size-m, 16px);
     line-height: 1;
     display: block;
   }
@@ -116,7 +116,7 @@ import{a as c}from"./chunk-T7WABJEJ.js";import{a as b}from"./chunk-VRGRCYIO.js";
       --tab-notification-color,
       var(--eun-color-critical-100, #aa0014)
     );
-    border-radius: var(--eun-borderRadius-xl, 999px);
+    border-radius: var(--eun-border-radius-xl, 999px);
     transition: scale 0.2s cubic-bezier(0.35, 0.92, 0.65, 1.28);
     scale: 1;
     place-self: var(--_badge-place, start);
@@ -144,7 +144,7 @@ import{a as c}from"./chunk-T7WABJEJ.js";import{a as b}from"./chunk-VRGRCYIO.js";
 
   @media (min-width: ${b.tablet}px) {
     :host {
-      font-size: var(--eun-fontSize-s, 14px);
+      font-size: var(--eun-font-size-s, 14px);
     }
     :host([badge]) div::after {
       --_y-correction: none;

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

@@ -0,0 +1,38 @@
+import{a as m}from"./chunk-YYCEPZUN.js";import{a,g as h,h as n,i as o,n as u,p as g}from"./chunk-XH6NREVZ.js";var T=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 a([n({type:Boolean,reflect:!0})],i.prototype,"readonly",2),i};function b(l,i,c){return l?i(l):c?.(l)}var H=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.controlled=!1;this.#e=()=>{this.dirty||(this.dirty=!0)};this.#t=()=>{this.touched||(this.touched=!0)};this.internals||(this.internals=this.attachInternals())}static{this.formAssociated=!0}#e;#t;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(){if(!this.hideError)return this.errorMessages.length?this.errorMessages:this.validationMessage.length?this.validationMessage:this.hint}get form(){return this.internals.form}get type(){return this.localName}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(m.eventName,this.#e),this.addEventListener("focusout",this.#t)}disconnectedCallback(){this.removeEventListener(m.eventName,this.#e),this.removeEventListener("focusout",this.#t),super.disconnectedCallback?.()}willUpdate(e){if(e.has("value")||e.has("valueState")||e.has("checked")||e.has("validators")||e.has("required")){let t=this.checkable?this.checked:this.value;this.checkValidity(t)}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(r=>t.append(s,r instanceof File?r:String(r))):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}renderDescription(){return this.renderError()}renderError(){let{description:e}=this;return e&&e.length&&!(this.errorMessages&&this.errorMessages.length)&&!(this.validationMessage||this.validationMessage.length)?u`
+          <p id="description" class="hint-messages">
+            <span>${e}</span>
+          </p>
+        `:this.valid||this.hideError||this.disabled||!e?.length?g:u`
+        <p id="description" class="error-messages">
+          ${b(Array.isArray(e),()=>e.map(s=>u`<span>${s}</span>`),()=>u`<span>${e}</span>`)}
+        </p>
+      `}}return a([n({reflect:!0})],i.prototype,"name",2),a([n()],i.prototype,"hint",2),a([n({type:Boolean,attribute:"hide-error"})],i.prototype,"hideError",2),a([o()],i.prototype,"valueState",2),a([o()],i.prototype,"dirty",2),a([o()],i.prototype,"touched",2),a([n({type:Boolean})],i.prototype,"controlled",2),a([n({attribute:"default-value",converter:{fromAttribute:e=>e?e.split(","):void 0,toAttribute:e=>e?.join(",")??null}})],i.prototype,"defaultValue",1),a([n()],i.prototype,"value",1),i};var z=l=>{class i extends l{constructor(...e){super(...e);this.required=!1;this.valid=!0;this.errorMessages=[];this.internals||(this.internals=this.attachInternals())}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,r=e==null||typeof e=="string"&&e.trim()===""||e instanceof Array&&!e.length;return this.required&&r&&(t.valueMissing=!0,s="Field value is missing"),{validity:t,message:s}}checkValidity(e){let t=this.checkLocalValidators(),s=this.buildCommonValidators(),r={...t.validity,...s.validity},d=s.message||t.message;if(this.validators&&this.validators?.length){let f=this.validators.reduce((v,V)=>this.collectErrors(v,V,e),[]);this.errorMessages=f,f.length>0&&(r.customError=!0,d=f.join(" ; "))}else this.errorMessages=[];this.valid=!Object.values(r).some(Boolean);let p=this.getFocusAnchor?.();return this.valid||p||!this.getFocusAnchor?this.setValidity(r,d,p):this.updateComplete.then(()=>this.setValidity(r,d,p)),this.internals.checkValidity()}reportValidity(e){return this.checkValidity(e),this.internals.reportValidity()}collectErrors(e,t,s){if("~standard"in t){let r=t["~standard"].validate(s);if(r instanceof Promise)throw new TypeError("Validation schemas must be synchronous");r.issues&&e.push(...r.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 r=this.validationMessage;this.internals.setValidity(e,t,s),t!==r&&this.requestUpdate("valid")}getValidityData(){return{}}}return a([n({type:Array})],i.prototype,"validators",2),a([n({type:Boolean})],i.prototype,"required",2),a([o()],i.prototype,"valid",2),i};var k=h`
+  #description {
+    font-family: var(--eun-font-family, "Mulish", sans-serif);
+    display: block;
+    margin-block-start: var(--eun-space-xs, 4px);
+    font-size: var(--eun-font-size-xs, 12px);
+    margin-block: 0;
+  }
+  #description span {
+    display: block;
+    margin-top: var(--eun-space-xs, 4px);
+  }
+`,M=h`
+  .error-messages {
+    color: var(--_errorColor);
+  }
+`,E=h`
+  .hint-messages {
+    color: var(--_hintColor);
+  }
+`,G={base:k,errorMessages:M,hintMessages:E};export{T as a,b,H as c,z as d,G as e};
+/*! 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-OW7XKDCH.js

@@ -0,0 +1,124 @@
+import{a as r,g as s,h as t}from"./chunk-XH6NREVZ.js";var v=n=>{class e extends n{constructor(){super(...arguments);this.type="button";this.fixedColor=!1;this.size="m";this.rounded=!1;this.slide=!1;this.loading=!1}connectedCallback(){super.connectedCallback?.(),!(this.href||this.querySelector(":scope > a"))&&(this.hasAttribute("role")||this.setAttribute("role","button"),this.addEventListener("click",this.handleClick,!0),this.addEventListener("keydown",this.handleKeydown,!0))}disconnectedCallback(){this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}handleClick(o){if(this.disabled||this.loading){o.stopImmediatePropagation();return}if(this.hasAttribute("commandfor")){this.handleCommandClick?.();return}if(this.hasAttribute("popovertarget")){this.handlePopoverClick?.();return}this.handleFormBehavior()}handleKeydown(o){this.disabled||this.loading||!["Enter"," "].includes(o.key)||(o.preventDefault(),this.handleFormBehavior()||this.dispatchEvent(new Event("click")))}handleFormBehavior(){if(this.type!=="submit"&&this.type!=="reset")return!1;let o;if(this.form?o=this.getRootNode()?.getElementById(this.form):o=this.closest("form"),!o||!(o instanceof HTMLFormElement))throw new Error("The element link to the button does not exist or is invalid");return this.type==="reset"&&o.reset(),this.type==="submit"&&o.requestSubmit(),!0}}return r([t({reflect:!0,converter:{toAttribute:o=>o==="button"?null:o}})],e.prototype,"type",2),r([t({reflect:!0})],e.prototype,"color",2),r([t({type:Boolean,reflect:!0,attribute:"fixed-color"})],e.prototype,"fixedColor",2),r([t({reflect:!0})],e.prototype,"size",2),r([t({type:Boolean,reflect:!0})],e.prototype,"rounded",2),r([t({type:Boolean,reflect:!0})],e.prototype,"slide",2),r([t()],e.prototype,"form",2),r([t()],e.prototype,"href",2),r([t()],e.prototype,"target",2),r([t()],e.prototype,"download",2),r([t({type:Boolean,reflect:!0})],e.prototype,"loading",2),e};var c=class n extends Event{static{this.eventName="command"}constructor(e,a){super(n.eventName,{bubbles:!1,composed:!0,cancelable:!0}),this.command=e,this.source=a}};function d(n,e){let a=globalThis.CommandEvent;return typeof a=="function"?new a(c.eventName,{command:n,source:e,cancelable:!0,composed:!0}):new c(n,e)}var g=n=>{class e extends n{handleCommandClick(){let i=this.getAttribute("commandfor");if(!i)return;let l=this.getRootNode().getElementById(i);if(!l)throw new Error(`The given id [${i}] do not correspond to any command target`);l.dispatchEvent(d(this.getAttribute("command")??"",this))}}return r([t({reflect:!0})],e.prototype,"command",2),r([t({attribute:"commandfor"})],e.prototype,"commandFor",2),e};var x=s`
+  :host {
+    --_solid: var(--eun-color-primary-500, #3d6fff);
+    --_solid-hover: var(--eun-color-primary-700, #3662e0);
+    --_solid-active: var(--eun-color-primary-800, #2d52bd);
+    --_onSolid: var(--eun-color-on-primary-500, #ffffff);
+    --_accent: var(--eun-color-primary-500, #3d6fff);
+    --_tint: var(--eun-color-primary-transparent, #3d6fff33);
+    --_tint-hover: var(--eun-color-primary-transparent-hover, #3d6fff4d);
+    --_tint-active: var(--eun-color-primary-transparent-active, #3d6fff66);
+    --_fgTint: var(--_accent);
+    --_wash-hover: var(--_tint-hover);
+    --_wash-active: var(--_tint-active);
+    --_flat: var(--eun-surface-sunken, #f7f8fa);
+    --_flat-hover: var(--eun-surface-sunken-hover, #edeff0);
+    --_flatFg: var(--eun-text-secondary, #484e61);
+    --_ring: var(--eun-color-primary-700, #3662e0);
+  }
+  :host([color="secondary"]) {
+    --_solid: var(--eun-color-secondary-500, #e5a030);
+    --_solid-hover: var(--eun-color-secondary-700, #ca8d2a);
+    --_solid-active: var(--eun-color-secondary-800, #a97624);
+    --_onSolid: var(--eun-color-on-secondary-500, #000000de);
+    --_accent: var(--eun-color-secondary-500, #e5a030);
+    --_tint: var(--eun-color-secondary-transparent, #e5a03033);
+    --_tint-hover: var(--eun-color-secondary-transparent-hover, #e5a0304d);
+    --_tint-active: var(--eun-color-secondary-transparent-active, #e5a03066);
+    --_ring: var(--eun-color-secondary-700, #ca8d2a);
+  }
+  :host([color="critical"]) {
+    --_solid: var(--eun-color-critical-100, #aa0014);
+    --_solid-hover: var(--eun-color-critical-100, #aa0014);
+    --_solid-active: var(--eun-color-critical-100, #aa0014);
+    --_onSolid: #fff;
+    --_accent: var(--eun-color-critical-100, #aa0014);
+    --_tint: var(--eun-color-critical-30, #faf0f1);
+    --_tint-hover: var(--eun-color-critical-50, #f1d6d9);
+    --_tint-active: var(--eun-color-critical-90, #e4adb4);
+    --_ring: var(--eun-color-critical-100, #aa0014);
+  }
+  :host([color="success"]) {
+    --_solid: var(--eun-color-success-100, #1a9948);
+    --_solid-hover: var(--eun-color-success-100, #1a9948);
+    --_solid-active: var(--eun-color-success-100, #1a9948);
+    --_onSolid: #fff;
+    --_accent: var(--eun-color-success-100, #1a9948);
+    --_tint: var(--eun-color-success-30, #f1f9f4);
+    --_tint-hover: var(--eun-color-success-50, #daefe2);
+    --_tint-active: var(--eun-color-success-90, #b6dec4);
+    --_ring: var(--eun-color-success-100, #1a9948);
+  }
+  :host([color="warning"]) {
+    --_solid: var(--eun-color-warning-100, #c85207);
+    --_solid-hover: var(--eun-color-warning-100, #c85207);
+    --_solid-active: var(--eun-color-warning-100, #c85207);
+    --_onSolid: #fff;
+    --_accent: var(--eun-color-warning-100, #c85207);
+    --_tint: var(--eun-color-warning-30, #fcf5f0);
+    --_tint-hover: var(--eun-color-warning-50, #f6e3d7);
+    --_tint-active: var(--eun-color-warning-90, #edc8b0);
+    --_ring: var(--eun-color-warning-100, #c85207);
+  }
+  :host([color="medium"]) {
+    --_solid: var(--eun-color-grey-700, #484e61);
+    --_solid-hover: var(--eun-color-grey-800, #071621);
+    --_solid-active: var(--eun-color-grey-900, #000000);
+    --_onSolid: var(--eun-color-grey-0, #ffffff);
+    --_accent: var(--eun-color-grey-900, #000000);
+    --_tint: color-mix(
+      in srgb,
+      var(--eun-color-grey-700, #484e61) 20%,
+      transparent
+    );
+    --_tint-hover: color-mix(
+      in srgb,
+      var(--eun-color-grey-700, #484e61) 30%,
+      transparent
+    );
+    --_tint-active: color-mix(
+      in srgb,
+      var(--eun-color-grey-700, #484e61) 40%,
+      transparent
+    );
+    --_ring: var(--eun-color-grey-700, #484e61);
+  }
+  :host([color="light"]) {
+    --_solid: var(--eun-color-grey-0, #ffffff);
+    --_solid-hover: var(--eun-color-grey-200, #ecedf0);
+    --_solid-active: var(--eun-color-grey-300, #dee0e7);
+    --_onSolid: var(--eun-color-grey-900, #000000);
+  }
+  :host([color="light"][fixed-color]) {
+    --_solid: #ffffff;
+    --_solid-hover: #ecedf0;
+    --_solid-active: #dee0e7;
+    --_onSolid: #000000;
+  }
+  :host([color="dark"]) {
+    --_solid: var(--eun-color-grey-800, #071621);
+    --_solid-hover: var(--eun-color-grey-900, #000000);
+    --_solid-active: var(--eun-color-grey-900, #000000);
+    --_onSolid: var(--eun-color-grey-0, #ffffff);
+  }
+  :host([color="dark"][fixed-color]) {
+    --_solid: #071621;
+    --_solid-hover: #000000;
+    --_solid-active: #000000;
+    --_onSolid: #ffffff;
+  }
+  :host([color="light"]),
+  :host([color="dark"]) {
+    --_accent: var(--_solid);
+    --_tint: var(--_solid);
+    --_tint-hover: var(--_solid-hover);
+    --_tint-active: var(--_solid-active);
+    --_fgTint: var(--_onSolid);
+    --_wash-hover: color-mix(in srgb, var(--_solid) 16%, transparent);
+    --_wash-active: color-mix(in srgb, var(--_solid) 28%, transparent);
+    --_flat: color-mix(in srgb, var(--_solid) 16%, transparent);
+    --_flat-hover: color-mix(in srgb, var(--_solid) 24%, transparent);
+    --_flatFg: var(--_solid);
+    --_ring: var(--_solid);
+  }
+`;export{v as a,x as b,g as c};

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

@@ -0,0 +1,118 @@
+import{g as o}from"./chunk-XH6NREVZ.js";var e=o`
+  :host {
+    /* How each appearance reads the palette slots. */
+    --_bg-default: var(--_tint);
+    --_fg-default: var(--_accent);
+    --_bg-fill: var(--_solid);
+    --_fg-fill: var(--_onSolid);
+    --_bg-outline: transparent;
+    --_fg-outline: var(--_accent);
+    --_bd-outline: var(--_solid);
+    --_bg-flat: var(--eun-content-hover, #edeff0);
+    --_fg-flat: var(--eun-text-secondary, #484e61);
+  }
+
+  /* Step 1 : palettes. "medium" is also the fallback before "color" reflects. */
+  :host(:not([color]):not([severity])),
+  :host([color="medium"]:not([severity])) {
+    --_solid: var(--eun-color-grey-700, #484e61);
+    --_onSolid: var(--eun-color-grey-0, #ffffff);
+    --_tint: color-mix(
+      in srgb,
+      var(--eun-color-grey-700, #484e61) 20%,
+      transparent
+    );
+    --_accent: var(--eun-color-grey-900, #000000);
+  }
+  :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);
+    --_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);
+    --_accent: var(--eun-color-secondary-500, #e5a030);
+  }
+
+  :host([color="light"]:not([severity])) {
+    --_solid: var(--eun-color-grey-0, #ffffff);
+    --_onSolid: var(--eun-color-grey-900, #000000);
+  }
+  :host([color="light"][fixed-color]:not([severity])) {
+    --_solid: #ffffff;
+    --_onSolid: #000000;
+  }
+  :host([color="dark"]:not([severity])) {
+    --_solid: var(--eun-color-grey-800, #071621);
+    --_onSolid: var(--eun-color-grey-0, #ffffff);
+  }
+  :host([color="dark"][fixed-color]:not([severity])) {
+    --_solid: #071621;
+    --_onSolid: #ffffff;
+  }
+  :host([color="light"]:not([severity])),
+  :host([color="dark"]:not([severity])) {
+    --_accent: var(--_solid);
+    --_tint: color-mix(in srgb, var(--_solid) 16%, transparent);
+    --_bg-default: var(--_solid);
+    --_fg-default: var(--_onSolid);
+    --_bg-flat: var(--_tint);
+    --_fg-flat: var(--_solid);
+  }
+
+  :host([severity="info"]) {
+    --_solid: var(--eun-color-info-100, #097faf);
+    --_onSolid: #fff;
+    --_tint: var(--eun-color-info-30, #f0f7fa);
+    --_accent: var(--eun-color-info-100, #097faf);
+  }
+  :host([severity="success"]) {
+    --_solid: var(--eun-color-success-100, #1a9948);
+    --_onSolid: #fff;
+    --_tint: var(--eun-color-success-30, #f1f9f4);
+    --_accent: var(--eun-color-success-100, #1a9948);
+  }
+  :host([severity="warning"]) {
+    --_solid: var(--eun-color-warning-100, #c85207);
+    --_onSolid: #fff;
+    --_tint: var(--eun-color-warning-30, #fcf5f0);
+    --_accent: var(--eun-color-warning-100, #c85207);
+  }
+  :host([severity="critical"]) {
+    --_solid: var(--eun-color-critical-100, #aa0014);
+    --_onSolid: #fff;
+    --_tint: var(--eun-color-critical-30, #faf0f1);
+    --_accent: var(--eun-color-critical-100, #aa0014);
+  }
+  :host([severity="neutral"]) {
+    --_solid: var(--eun-color-grey-700, #484e61);
+    --_onSolid: var(--eun-color-grey-0, #ffffff);
+    --_tint: var(--eun-surface-sunken-strong, #ecedf0);
+    --_accent: var(--eun-color-grey-700, #484e61);
+  }
+
+  :host([appearance="default"]),
+  :host(:not([appearance])) {
+    --_bg: var(--_bg-default);
+    --_fg: var(--_fg-default);
+    --_bd: transparent;
+  }
+  :host([appearance="fill"]) {
+    --_bg: var(--_bg-fill);
+    --_fg: var(--_fg-fill);
+    --_bd: transparent;
+  }
+  :host([appearance="outline"]) {
+    --_bg: var(--_bg-outline);
+    --_fg: var(--_fg-outline);
+    --_bd: var(--_bd-outline);
+  }
+  :host([appearance="flat"]) {
+    --_bg: var(--_bg-flat);
+    --_fg: var(--_fg-flat);
+    --_bd: transparent;
+  }
+`;export{e as a};

package/dist/cdn/components/chunks/{chunk-ZPFHTJSS.js → chunk-PCM7D3YF.js}

@@ -5,7 +5,7 @@ import{a as t,f as s,g as o,h as a,n as r,p as n,s as l}from"./chunk-XH6NREVZ.js
     grid-template-columns: subgrid;
     align-items: center;
     box-sizing: border-box;
-    border-bottom: var(--eun-borderWidth-s, 1px) solid
+    border-bottom: var(--eun-border-width-s, 1px) solid
       var(--table-border-color, var(--eun-border-color, #dee0e7));
     opacity: 0;
     animation: eun-table-skeleton-row-enter