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

package/README.md

@@ -76,7 +76,7 @@ list is just the map.
 
 ## Sizing assumes `1rem = 16px`
 
-Every size token (`--eun-fontSize-*`, `--eun-space-*`, icon sizes,
+Every size token (`--eun-font-size-*`, `--eun-space-*`, icon sizes,
 button padding, ...) is expressed in `rem`, which is always relative to
 the `font-size` on `<html>`, never to a nearby parent. The values shown
 throughout the documentation site assume the browser default of 16px,

package/dist/cdn/components/chunks/{chunk-EAGGN3ZI.js → chunk-2XASWWKR.js}

@@ -1,4 +1,4 @@
-import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"./chunk-KNM5QHDK.js";import{a as s}from"./chunk-T7WABJEJ.js";import{a as o,f as n,g as c,h as a,n as i,p as l,s as d}from"./chunk-XH6NREVZ.js";var f=c`
+import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"./chunk-OAULRKHQ.js";import{a as d}from"./chunk-32DTNR52.js";import{a as o,f as n,g as c,h as a,n as i,p as l,s}from"./chunk-XH6NREVZ.js";var p=c`
   :host {
     --_boxSize: var(--checkbox-size, 16px);
     --_boxBorder: var(
@@ -7,7 +7,7 @@ import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"
     );
     --_boxBackground: var(
       --checkbox-background,
-      var(--eun-color-grey-200, #ecedf0)
+      var(--eun-surface-sunken, #ecedf0)
     );
     --_errorColor: var(
       --checkbox-error-color,
@@ -24,7 +24,7 @@ import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"
     );
     --_icon: transparent;
     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: inline-flex;
     align-items: center;
     outline: none;
@@ -56,7 +56,7 @@ import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"
     );
     --_boxBackground: var(
       --checkbox-background-hover,
-      var(--eun-content-hover, #edeff0)
+      var(--eun-surface-sunken-hover, #edeff0)
     );
   }
   :host(
@@ -71,7 +71,7 @@ import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"
     );
     --_boxBackground: var(
       --checkbox-background-pressed,
-      var(--eun-content-pressed, #e4e6e8)
+      var(--eun-surface-sunken-pressed, #e4e6e8)
     );
   }
 
@@ -140,10 +140,10 @@ import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"
     height: var(--_boxSize);
     width: var(--_boxSize);
     background: var(--_boxBackground);
-    border: var(--eun-borderWidth-s, 1px) solid var(--_boxBorder);
+    border: var(--eun-border-width-s, 1px) solid var(--_boxBorder);
     border-radius: var(
       --checkbox-border-radius,
-      var(--eun-borderRadius-s, 5px)
+      var(--eun-border-radius-s, 5px)
     );
     display: inline-flex;
     align-items: center;
@@ -161,7 +161,7 @@ import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"
     padding-inline-start: var(--eun-space-s, 8px);
     cursor: inherit;
   }
-`,p=f;var v="eun-checkbox",k=u(b(h(s(x(d))))),r=class extends k{constructor(){super(...arguments);this.indeterminate=!1}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}updated(e){super.updated?.(e),e.has("indeterminate")&&this.setAttribute("aria-checked",!this.checked&&this.indeterminate?"mixed":String(this.checked)),e.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}handleChange(e){if(this.indeterminate&&e instanceof KeyboardEvent&&e.key===" "){this.dispatchEvent(new PointerEvent("click",{composed:!0,bubbles:!0,cancelable:!0}));return}this.indeterminate||this.disabled||this.readonly||(e.stopPropagation(),super.handleChange?.(e))}render(){return i`
+`,f=p;var k="eun-checkbox",v=u(b(h(d(x(s))))),r=class extends v{constructor(){super(...arguments);this.indeterminate=!1}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}updated(e){super.updated?.(e),e.has("indeterminate")&&this.setAttribute("aria-checked",!this.checked&&this.indeterminate?"mixed":String(this.checked)),e.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}handleChange(e){if(this.indeterminate&&e instanceof KeyboardEvent&&e.key===" "){this.dispatchEvent(new PointerEvent("click",{composed:!0,bubbles:!0,cancelable:!0}));return}this.indeterminate||this.disabled||this.readonly||(e.stopPropagation(),super.handleChange?.(e))}render(){return i`
       <div>
         <div id="checkbox-component" @click=${this.handleClick}>
           <div id="checkbox">
@@ -177,4 +177,4 @@ import{a as u}from"./chunk-GU6BVMFJ.js";import{a as b,c as h,d as x,e as t}from"
         </div>
         ${this.renderDescription()}
       </div>
-    `}};r.styles=[p,t.base,t.errorMessages,t.hintMessages],o([a({type:Boolean,reflect:!0})],r.prototype,"indeterminate",2),o([a()],r.prototype,"label",2),o([a({attribute:"default-value"})],r.prototype,"defaultValue",1),r=o([n(v)],r);export{v as a,r as b};
+    `}};r.styles=[f,t.base,t.errorMessages,t.hintMessages],o([a({type:Boolean,reflect:!0})],r.prototype,"indeterminate",2),o([a()],r.prototype,"label",2),o([a({attribute:"default-value"})],r.prototype,"defaultValue",1),r=o([n(k)],r);export{k as a,r as b};

package/dist/cdn/components/chunks/chunk-32DTNR52.js

@@ -0,0 +1 @@
+import{a as i,h as r}from"./chunk-XH6NREVZ.js";var l=s=>{class e extends s{constructor(){super(...arguments);this.disabled=!1}updated(t){super.updated(t),t.has("disabled")&&(this.setAttribute("tabindex",this.disabled?"-1":"0"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}return i([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),e};export{l as a};

package/dist/cdn/components/chunks/chunk-3MTUVMM5.js

@@ -0,0 +1 @@
+var n="eun-new-tab-hint",r=class{constructor(t,e,i){this.host=t;this.getAnchor=e;this.getHint=i;t.addController(this)}#t;#e=new MutationObserver(t=>{let e=this.getAnchor();e&&t.some(i=>e.contains(i.target))&&this.host.requestUpdate()});get isBlank(){return this.getAnchor()?.target==="_blank"}hostConnected(){this.#e.observe(this.host,{subtree:!0,childList:!0,attributeFilter:["target"]})}hostDisconnected(){this.#e.disconnect()}hostUpdated(){let t=this.getAnchor();if(this.#t&&this.#t!==t&&this.#i(),!t)return;let e=!!t.querySelector(`.${n}`);if(!this.isBlank||e){this.#t===t&&this.#i();return}this.#t!==t&&t.hasAttribute("aria-description")||(t.setAttribute("aria-description",this.getHint()),this.#t=t)}#i(){this.#t?.removeAttribute("aria-description"),this.#t=void 0}};export{r as a};

package/dist/cdn/components/chunks/chunk-5GKM5DIB.js

@@ -0,0 +1 @@
+var a=class e extends Event{static{this.eventName="eunnavigate"}constructor(t){super(e.eventName,{bubbles:!0,composed:!0,cancelable:!0}),this.href=t}};function l(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}function u(e,t,n,i){if(!n||i&&i!=="_self"||!l(t))return;let r=new a(n);e.dispatchEvent(r),r.defaultPrevented&&t.preventDefault()}var o=new WeakSet;function c(e){if(o.has(e))return;let t=["aria-label","target","rel","download"].filter(n=>e.hasAttribute(n));!t.includes("target")&&e.target&&e.target!=="_self"&&t.push("target"),!t.includes("download")&&e.download&&t.push("download"),t.length&&(o.add(e),console.warn(`<${e.localName}>: ${t.join(", ")} ignored on the host, since the slotted <a> is the link. Move them onto the <a> itself.`,e))}export{u as a,c as b};

package/dist/cdn/components/chunks/{chunk-32KRPOPV.js → chunk-5XJGYXW7.js}

@@ -11,10 +11,10 @@ import{g as o}from"./chunk-XH6NREVZ.js";var r=o`
     max-height: var(--field-listbox-max-height, 260px);
     overflow-y: auto;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     color: var(--_textColor);
     background: var(--eun-surface-color, #ffffff);
-    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);
     box-shadow: var(
       --eun-shadow-m,
@@ -46,13 +46,13 @@ import{g as o}from"./chunk-XH6NREVZ.js";var r=o`
     background: var(--eun-content-hover, #edeff0);
   }
   #listbox li.selected {
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-weight: var(--eun-font-weight-l, 700);
     color: var(--eun-color-primary-500, #3d6fff);
   }
   #listbox li mark {
     background: var(--field-match-background, none);
     color: var(--field-match-color, var(--eun-color-primary-500, #3d6fff));
-    font-weight: var(--field-match-font-weight, var(--eun-fontWeight-l, 700));
+    font-weight: var(--field-match-font-weight, var(--eun-font-weight-l, 700));
     text-decoration: var(--field-match-text-decoration, none);
   }
   #listbox .no-results,
@@ -64,8 +64,8 @@ import{g as o}from"./chunk-XH6NREVZ.js";var r=o`
   #listbox .group-label {
     cursor: default;
     padding-block-end: var(--eun-space-xxs, 1.6px);
-    font-size: var(--eun-fontSize-xs, 12px);
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-size: var(--eun-font-size-xs, 12px);
+    font-weight: var(--eun-font-weight-l, 700);
     color: var(--_placeholderColor);
     text-transform: uppercase;
   }

package/dist/cdn/components/chunks/{chunk-O2HNWH65.js → chunk-5XJLIHAU.js}

@@ -1,4 +1,4 @@
-import{a as b}from"./chunk-MMLIPCOY.js";import{a as f}from"./chunk-A4EQSU36.js";import{a as m}from"./chunk-5EVP7YNE.js";import{a,b as l,c as d,d as p,f as c,g as n,h as r,n as s,s as u}from"./chunk-XH6NREVZ.js";var v=n`
+import{a as b}from"./chunk-MMLIPCOY.js";import{a as m}from"./chunk-A4EQSU36.js";import{a as f}from"./chunk-5EVP7YNE.js";import{a,b as l,c as d,d as p,f as u,g as n,h as r,n as s,s as c}from"./chunk-XH6NREVZ.js";var v=n`
   :host {
     display: inline-flex;
     align-items: center;
@@ -87,11 +87,11 @@ import{a as b}from"./chunk-MMLIPCOY.js";import{a as f}from"./chunk-A4EQSU36.js";
     overflow: hidden;
     border-radius: var(
       --loader-bar-border-radius,
-      var(--eun-borderRadius-full, 999px)
+      var(--eun-border-radius-full, 999px)
     );
     background: var(
       --loader-bar-track-color,
-      var(--eun-color-grey-200, #ecedf0)
+      var(--eun-surface-sunken-strong, #ecedf0)
     );
   }
 
@@ -138,19 +138,19 @@ import{a as b}from"./chunk-MMLIPCOY.js";import{a as f}from"./chunk-A4EQSU36.js";
       animation-duration: 2.8s;
     }
   }
-`,h=[v,y];var k="eun-loader",i,t=class extends u{constructor(){super(...arguments);this.label="Loading\u2026";this.variant="dots";d(this,i);this.sticky=!1;this.stickyPosition="top"}set size(e){if(p(this,i,e),!e){this.style.removeProperty("--_size");return}let o;/%$/.test(e)?o=`${parseFloat(e)/100}rem`:/^\d+(\.\d+)?$/.test(e)?o=`${e}px`:o=e,this.style.setProperty("--_size",o)}get size(){return l(this,i)}get clampedValue(){return this.value===void 0?void 0:Math.min(100,Math.max(0,this.value))}render(){if(this.variant==="bar"){let e=this.clampedValue;return s`
+`,h=[v,y];var k="eun-loader",i,t=class extends c{constructor(){super(...arguments);this.label="Loading\u2026";this.variant="dots";d(this,i);this.sticky=!1;this.stickyPosition="top"}set size(e){if(p(this,i,e),!e){this.style.removeProperty("--_size");return}let o;/%$/.test(e)?o=`${parseFloat(e)/100}rem`:/^\d+(\.\d+)?$/.test(e)?o=`${e}px`:o=e,this.style.setProperty("--_size",o)}get size(){return l(this,i)}get clampedValue(){return this.value===void 0?void 0:Math.min(100,Math.max(0,this.value))}render(){if(this.variant==="bar"){let e=this.clampedValue;return s`
         <div
           id="track"
           role="progressbar"
           aria-label=${this.label}
           aria-valuemin="0"
           aria-valuemax="100"
-          aria-valuenow=${m(e)}
+          aria-valuenow=${f(e)}
         >
           <div
             id="fill"
-            class=${f({indeterminate:e===void 0})}
+            class=${m({indeterminate:e===void 0})}
             style=${b({width:e===void 0?"":`${e}%`})}
           ></div>
         </div>
-      `}return s`<span role="status" aria-label=${this.label}></span>`}};i=new WeakMap,t.styles=h,a([r()],t.prototype,"label",2),a([r({reflect:!0})],t.prototype,"variant",2),a([r({hasChanged:()=>!1})],t.prototype,"size",1),a([r({type:Number})],t.prototype,"value",2),a([r({type:Boolean,reflect:!0})],t.prototype,"sticky",2),a([r({attribute:"sticky-position",reflect:!0})],t.prototype,"stickyPosition",2),t=a([c(k)],t);export{k as a,t as b};
+      `}return s`<span role="status" aria-label=${this.label}></span>`}};i=new WeakMap,t.styles=h,a([r()],t.prototype,"label",2),a([r({reflect:!0})],t.prototype,"variant",2),a([r({hasChanged:()=>!1})],t.prototype,"size",1),a([r({type:Number})],t.prototype,"value",2),a([r({type:Boolean,reflect:!0})],t.prototype,"sticky",2),a([r({attribute:"sticky-position",reflect:!0})],t.prototype,"stickyPosition",2),t=a([u(k)],t);export{k as a,t as b};

package/dist/cdn/components/chunks/{chunk-TBKKTJOX.js → chunk-6ETDXUH2.js}

@@ -1,9 +1,9 @@
-import{a as b,c as p,d as f,e as i}from"./chunk-KNM5QHDK.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as u}from"./chunk-T7WABJEJ.js";import{a as o,f as d,g as s,h as a,n as l,s as c}from"./chunk-XH6NREVZ.js";var v=n=>{class r extends n{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:"Field value is missing"}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","radio"),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()),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)&&(e.preventDefault(),!this.checked)){if(this.checked=!0,this.updateInternals(),this.checkValidity(this.checked),this.description){let k=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",k)}else this.removeAttribute("aria-description");this.dispatchEvent(new h(this.checked))}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return o([a({type:Boolean,reflect:!0})],r.prototype,"checked",2),o([a({type:Boolean,attribute:"default-checked"})],r.prototype,"defaultChecked",2),r};var x=s`
+import{a as b,c as p,d as f,e as i}from"./chunk-OAULRKHQ.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as u}from"./chunk-32DTNR52.js";import{a as o,f as d,g as s,h as a,n as l,s as c}from"./chunk-XH6NREVZ.js";var v=n=>{class r extends n{constructor(){super(...arguments);this.checked=!1;this.checkable=!0;this.buildCommonValidators=()=>this.required&&!this.checked?{validity:{valueMissing:!0},message:"Field value is missing"}:{validity:{}}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","radio"),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()),(e.has("valid")||e.has("hideError")||e.has("disabled"))&&this.setAttribute("aria-invalid",String(!this.hideError&&!this.disabled&&!this.valid))}handleClick(e){this.handleChange(e)}handleChange(e){if(e.stopPropagation(),!(this.disabled||this.readonly||this.inert)&&(e.preventDefault(),!this.checked)){if(this.checked=!0,this.updateInternals(),this.checkValidity(this.checked),this.description){let k=this.description instanceof Array?this.description.join(","):this.description;this.setAttribute("aria-description",k)}else this.removeAttribute("aria-description");this.dispatchEvent(new h(this.checked))}}handleKeydown(e){e.key===" "&&(e.preventDefault(),this.handleChange(e))}updateInternals(){this.setFormValue(this.valueState)}}return o([a({type:Boolean,reflect:!0})],r.prototype,"checked",2),o([a({type:Boolean,attribute:"default-checked"})],r.prototype,"defaultChecked",2),r};var x=s`
   :host {
     --_borderColor: var(--radio-border-color, var(--eun-border-color, #dee0e7));
     --_background: var(--radio-background, transparent);
     --_color: var(--eun-text-color, #071621);
-    --_roundDiameter: var(--radio-size, var(--eun-fontSize-m, 16px));
+    --_roundDiameter: var(--radio-size, var(--eun-font-size-m, 16px));
     --_focusIndicator: var(
       --radio-focus-outline-color,
       var(--eun-color-primary-500, #3d6fff)
@@ -17,7 +17,7 @@ import{a as b,c as p,d as f,e as i}from"./chunk-KNM5QHDK.js";import{a as h}from"
     --_roundGap: 2px;
     --_cursor: pointer;
     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: inline-flex;
     align-items: center;
     outline: none;

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

@@ -1,7 +1,7 @@
 import{g as o}from"./chunk-XH6NREVZ.js";var r=o`
   :host {
     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: inline-block;
     outline: none;
   }

package/dist/cdn/components/chunks/{chunk-WYMBUIKX.js → chunk-A6KGFALA.js}

@@ -6,9 +6,9 @@ import{a as i,d as b,e as d,f as u}from"./chunk-E74CM7UG.js";import{a as t,f as
       var(--eun-surface-color, #ffffff)
     );
     box-shadow: inset 0 0 0 9999px transparent;
-    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));
-    font-weight: var(--eun-fontWeight-m, 500);
+    font-weight: var(--eun-font-weight-m, 500);
     transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
   }
 
@@ -74,7 +74,7 @@ import{a as i,d as b,e as d,f as u}from"./chunk-E74CM7UG.js";import{a as t,f as
       var(--table-header-background, var(--eun-surface-color, #ffffff))
     );
     box-shadow: inset 0 0 0 9999px transparent;
-    border-inline-end: var(--eun-borderWidth-s, 1px) solid
+    border-inline-end: var(--eun-border-width-s, 1px) solid
       var(
         --table-sticky-border-color,
         var(--table-column-border-color, transparent)
@@ -119,7 +119,7 @@ import{a as i,d as b,e as d,f as u}from"./chunk-E74CM7UG.js";import{a as t,f as
     );
     box-shadow: inset 0 0 0 9999px transparent;
     transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
-    border-inline-start: var(--eun-borderWidth-s, 1px) solid
+    border-inline-start: var(--eun-border-width-s, 1px) solid
       var(
         --table-sticky-border-color,
         var(--table-column-border-color, transparent)

package/dist/cdn/components/chunks/{chunk-NEYBPT3D.js → chunk-AIS3UICU.js}

@@ -1,4 +1,4 @@
-import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as a,s}from"./chunk-XH6NREVZ.js";var u=i`
+import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as s,h as r,n as a,s as i}from"./chunk-XH6NREVZ.js";var u=s`
   :host {
     display: block;
     --_accent: var(--eun-color-blue-600, #0aa5a8);
@@ -43,7 +43,7 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
     padding: var(--scheduler-event-padding, var(--eun-space-xs, 4px));
     border-radius: var(
       --scheduler-event-radius,
-      var(--eun-borderRadius-s, 5px)
+      var(--eun-border-radius-s, 5px)
     );
     outline: 2px solid transparent;
     cursor: pointer;
@@ -60,7 +60,7 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
       outline 0.2s ease-out;
   }
 
-  :host([variant="transparent"]) #chip {
+  :host([appearance="transparent"]) #chip {
     background: color-mix(
       in srgb,
       var(--_tintBase) var(--scheduler-event-transparent-tint, 22%),
@@ -68,12 +68,12 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
     );
   }
 
-  :host([variant="ghost"]) #chip {
+  :host([appearance="ghost"]) #chip {
     background: transparent;
   }
 
-  :host([variant="ghost"]) #chip:hover,
-  :host([variant="ghost"]) #chip:hover {
+  :host([appearance="ghost"]) #chip:hover,
+  :host([appearance="ghost"]) #chip:hover {
     background: color-mix(
       in srgb,
       var(--_tintBase) var(--scheduler-event-transparent-tint, 22%),
@@ -129,7 +129,7 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
     white-space: nowrap;
     color: var(--scheduler-event-title-color, var(--eun-text-color, #071621));
     font-size: 12px;
-    font-weight: var(--eun-fontWeight-m, 600);
+    font-weight: var(--eun-font-weight-m, 600);
     line-height: 1.3;
   }
 
@@ -145,7 +145,7 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
     font-size: 11px;
     line-height: 1.3;
   }
-`,c=u;var h="eun-scheduler-event",e=class extends s{constructor(){super(...arguments);this.label="";this.start=new Date;this.color="blue";this.variant="default";this.direction="column";this.hideTime=!1}updated(o){super.updated(o),o.has("color")&&(e.PRESET_COLORS.has(this.color)?(this.style.removeProperty("--_accent"),this.style.removeProperty("--_tintBase")):(this.style.setProperty("--_accent",this.color),this.style.setProperty("--_tintBase",this.color)))}render(){let o=l(this.start,this.locale),p=this.end?`${this.label}, ${o} \u2013 ${this.end.toLocaleTimeString(this.locale,{hour:"numeric",minute:"2-digit"})}`:`${this.label}, ${o}`;return a`
+`,c=u;var h="eun-scheduler-event",e=class extends i{constructor(){super(...arguments);this.label="";this.start=new Date;this.color="blue";this.appearance="default";this.direction="column";this.hideTime=!1}updated(o){super.updated(o),o.has("color")&&(e.PRESET_COLORS.has(this.color)?(this.style.removeProperty("--_accent"),this.style.removeProperty("--_tintBase")):(this.style.setProperty("--_accent",this.color),this.style.setProperty("--_tintBase",this.color)))}render(){let o=l(this.start,this.locale),p=this.end?`${this.label}, ${o} \u2013 ${this.end.toLocaleTimeString(this.locale,{hour:"numeric",minute:"2-digit"})}`:`${this.label}, ${o}`;return a`
       <button type="button" id="chip" aria-label=${p}>
         <span class="bar" aria-hidden="true"></span>
         <span class="content">
@@ -153,4 +153,4 @@ import{m as l}from"./chunk-647ISUF4.js";import{a as t,f as n,g as i,h as r,n as
           ${this.hideTime?null:a`<span class="content-time">${o}</span>`}
         </span>
       </button>
-    `}};e.styles=c,e.PRESET_COLORS=new Set(["red","purple","yellow","blue","green","pink"]),t([r()],e.prototype,"label",2),t([r({attribute:!1})],e.prototype,"start",2),t([r({attribute:!1})],e.prototype,"end",2),t([r({reflect:!0})],e.prototype,"color",2),t([r({reflect:!0})],e.prototype,"variant",2),t([r({reflect:!0})],e.prototype,"direction",2),t([r()],e.prototype,"locale",2),t([r({type:Boolean,reflect:!0,attribute:"hide-time"})],e.prototype,"hideTime",2),e=t([n(h)],e);export{h as a,e as b};
+    `}};e.styles=c,e.PRESET_COLORS=new Set(["red","purple","yellow","blue","green","pink"]),t([r()],e.prototype,"label",2),t([r({attribute:!1})],e.prototype,"start",2),t([r({attribute:!1})],e.prototype,"end",2),t([r({reflect:!0})],e.prototype,"color",2),t([r({reflect:!0})],e.prototype,"appearance",2),t([r({reflect:!0})],e.prototype,"direction",2),t([r()],e.prototype,"locale",2),t([r({type:Boolean,reflect:!0,attribute:"hide-time"})],e.prototype,"hideTime",2),e=t([n(h)],e);export{h as a,e as b};

package/dist/cdn/components/chunks/{chunk-LJYTHDZP.js → chunk-D2M4BV5Y.js}

@@ -10,7 +10,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
       var(--eun-surface-color, #ffffff)
     );
     box-shadow: inset 0 0 0 9999px transparent;
-    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));
     transition:
       background-color var(--_table-row-transition-duration) ease,
@@ -39,7 +39,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
     position: sticky;
     bottom: 0;
     z-index: var(--_table-z-sticky-row, 3);
-    border-top: var(--eun-borderWidth-s, 1px) solid
+    border-top: var(--eun-border-width-s, 1px) solid
       var(
         --table-sticky-border-color,
         var(--table-border-color, var(--eun-border-color, #dee0e7))
@@ -73,7 +73,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
     );
     box-shadow: inset 0 0 0 9999px transparent;
     padding-inline-start: var(--eun-space-s);
-    border-inline-end: var(--eun-borderWidth-s, 1px) solid
+    border-inline-end: var(--eun-border-width-s, 1px) solid
       var(
         --table-sticky-border-color,
         var(--table-column-border-color, transparent)
@@ -139,7 +139,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
     position: sticky;
     left: var(--_table-select-offset, 0px);
     z-index: var(--_table-z-sticky-col, 2);
-    border-inline-end: var(--eun-borderWidth-s, 1px) solid
+    border-inline-end: var(--eun-border-width-s, 1px) solid
       var(
         --table-sticky-border-color,
         var(--table-column-border-color, transparent)
@@ -212,7 +212,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
     position: sticky;
     right: 0;
     z-index: var(--_table-z-sticky-col, 2);
-    border-inline-start: var(--eun-borderWidth-s, 1px) solid
+    border-inline-start: var(--eun-border-width-s, 1px) solid
       var(
         --table-sticky-border-color,
         var(--table-column-border-color, transparent)
@@ -223,7 +223,7 @@ import{a as u,d as f,e as k,f as h}from"./chunk-E74CM7UG.js";import{a as e,f as
     position: sticky;
     right: var(--_table-action-offset, 0px);
     z-index: var(--_table-z-sticky-col, 2);
-    border-inline-start: var(--eun-borderWidth-s, 1px) solid
+    border-inline-start: var(--eun-border-width-s, 1px) solid
       var(
         --table-sticky-border-color,
         var(--table-column-border-color, transparent)