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

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

package/dist/cdn/components/chunks/{chunk-ABYEBP57.js → chunk-PED5ATYN.js}

@@ -1,9 +1,12 @@
-import{a as n}from"./chunk-MMLIPCOY.js";import{a as r,f as i,g as a,h as t,n as s,s as o}from"./chunk-XH6NREVZ.js";var l=a`
+import{a as o}from"./chunk-MMLIPCOY.js";import{a as r,f as i,g as a,h as t,n as s,s as n}from"./chunk-XH6NREVZ.js";var l=a`
   :host {
-    --_color: var(--skeleton-color, var(--eun-color-grey-200, #ecedf0));
+    --_color: var(
+      --skeleton-color,
+      var(--eun-surface-sunken-strong, #ecedf0)
+    );
     --_highlight: var(
       --skeleton-highlight-color,
-      var(--eun-color-grey-100, #f7f8fa)
+      var(--eun-surface-sunken, #f7f8fa)
     );
     display: block;
     width: 100%;
@@ -22,16 +25,16 @@ import{a as n}from"./chunk-MMLIPCOY.js";import{a as r,f as i,g as a,h as t,n as
     animation: eun-skeleton-shimmer 1.6s ease-in-out infinite;
     border-radius: var(
       --skeleton-border-radius,
-      var(--eun-borderRadius-m, 8px)
+      var(--eun-border-radius-m, 8px)
     );
   }
   :host([variant="circle"]) span {
-    border-radius: var(--eun-borderRadius-xl, 999px);
+    border-radius: var(--eun-border-radius-xl, 999px);
   }
   :host([variant="text"]) span {
     border-radius: var(
       --skeleton-border-radius,
-      var(--eun-borderRadius-s, 5px)
+      var(--eun-border-radius-s, 5px)
     );
   }
   @keyframes eun-skeleton-shimmer {
@@ -47,8 +50,8 @@ import{a as n}from"./chunk-MMLIPCOY.js";import{a as r,f as i,g as a,h as t,n as
       animation: none;
     }
   }
-`;var d="eun-skeleton",e=class extends o{constructor(){super(...arguments);this.variant="rect";this.width="100%"}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","presentation"),this.hasAttribute("aria-hidden")||this.setAttribute("aria-hidden","true")}render(){return s`
+`;var d="eun-skeleton",e=class extends n{constructor(){super(...arguments);this.variant="rect";this.width="100%"}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","presentation"),this.hasAttribute("aria-hidden")||this.setAttribute("aria-hidden","true")}render(){return s`
       <span
-        style=${n({width:this.width,height:this.variant==="text"?"1em":this.height??"1rem",borderRadius:this.radius})}
+        style=${o({width:this.width,height:this.variant==="text"?"1em":this.height??"1rem",borderRadius:this.radius})}
       ></span>
     `}};e.styles=l,r([t({reflect:!0})],e.prototype,"variant",2),r([t()],e.prototype,"width",2),r([t()],e.prototype,"height",2),r([t()],e.prototype,"radius",2),e=r([i(d)],e);export{d as a,e as b};

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

@@ -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-5C7YND22.js → chunk-S2UCEWNG.js}

@@ -1,4 +1,4 @@
-import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";import{a as L}from"./chunk-A4EQSU36.js";import{a as _,b as D,c as H}from"./chunk-SGM2X2TC.js";import{g as A,n as f,p as w}from"./chunk-XH6NREVZ.js";function ne(e,t){if(t===12||t===24)return t;let r=new Intl.DateTimeFormat(e,{hour:"numeric"}).resolvedOptions().hourCycle;return r==="h11"||r==="h12"?12:24}function T(e){let t=B(e);return{hour:e%12===0?12:e%12,period:t}}function M(e,t){let r=e%12;return t==="PM"?r+12:r}function B(e){return e<12?"AM":"PM"}function F(e,t){return((e+t)%24+24)%24}function N(e,t){return((e+t)%60+60)%60}function E(e){return e==="AM"?"PM":"AM"}function oe(e){return e===12?["hour","minute","period"]:["hour","minute"]}var V=["period","hour","minute"];function ie(e){let r=new Intl.DateTimeFormat(e,{hour:"numeric",minute:"numeric",hourCycle:"h12"}).formatToParts(new Date(2e3,0,1,14,30)).map(n=>n.type).map(n=>n==="hour"?"hour":n==="minute"?"minute":n==="dayPeriod"?"period":null).filter(n=>n!==null);return r.length===3?r:V}function ae(e,t,r){if(e===null||t===null)return{hour:"",minute:"",period:""};if(r===12){let{hour:n,period:o}=T(e);return{hour:String(n).padStart(2,"0"),minute:String(t).padStart(2,"0"),period:o}}return{hour:String(e).padStart(2,"0"),minute:String(t).padStart(2,"0"),period:""}}function ue(e,t){if(e.hour===""||e.minute==="")return null;let r=Number(e.minute);if(!Number.isInteger(r)||r<0||r>59)return null;let n=Number(e.hour);return Number.isInteger(n)?t===12?n<1||n>12||e.period!=="AM"&&e.period!=="PM"?null:{hour:M(n,e.period),minute:r}:n<0||n>23?null:{hour:n,minute:r}:null}function le(e,t){let r=e.hour.length===2&&e.minute.length===2;return t===12?r&&e.period!=="":r}function $(e){return String(e).padStart(2,"0")}function P(e){return String(e).padStart(2,"0")}function se(e){if(!e)return null;let t=/^(\d{1,2}):(\d{2})$/.exec(e.trim());if(!t)return null;let r=Number(t[1]),n=Number(t[2]);return r<0||r>23||n<0||n>59?null:{hour:r,minute:n}}function v(e){return e.hour*60+e.minute}function ce(e,t,r){if(!t&&!r)return{valid:!0};let n=v(e);if(t&&r){let o=v(t),i=v(r);return o<=i?n<o?{valid:!1,violation:"min"}:n>i?{valid:!1,violation:"max"}:{valid:!0}:n>=o||n<=i?{valid:!0}:{valid:!1,violation:"max"}}return t&&n<v(t)?{valid:!1,violation:"min"}:r&&n>v(r)?{valid:!1,violation:"max"}:{valid:!0}}var j=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],G=new Map;function Q(e){let t=G.get(e);return t||(t=new Intl.DateTimeFormat("en-US",{timeZone:e,hourCycle:"h23",year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",weekday:"short"}),G.set(e,t)),t}function g(){return Intl.DateTimeFormat().resolvedOptions().timeZone}function R(e,t){let r=t??g(),n=Q(r).formatToParts(e),o=d=>n.find(l=>l.type===d)?.value??"",i=Number(o("hour"))%24,s=o("weekday"),c=j.indexOf(s);return{year:Number(o("year")),month:Number(o("month")),day:Number(o("day")),hour:i,minute:Number(o("minute")),second:Number(o("second")),weekday:c===-1?0:c}}function K(e,t){let r=R(e,t),n=Date.UTC(r.year,r.month-1,r.day,r.hour,r.minute,r.second);return Math.round((n-e.getTime())/6e4)}function X(e,t){let r=e.second??0,n=Date.UTC(e.year,e.month-1,e.day,e.hour,e.minute,r),o=K(new Date(n),t),i=n-o*6e4,s=K(new Date(i),t);return s===o?new Date(i):new Date(n-s*6e4)}function me(e,t,r,n){let o=t??g(),{year:i,month:s,day:c}=R(e,o);return X({year:i,month:s,day:c,hour:r,minute:n},o)}function he(e,t){return(e??g())===(t??g())}function pe(e,t,r={}){return new Intl.DateTimeFormat(r.locale,{timeZone:t,timeZoneName:r.style??"shortOffset",hour:"numeric"}).formatToParts(e).find(o=>o.type==="timeZoneName")?.value??""}var x=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let n of r)n._$AO?.(t,!1),x(n,t);return!0},y=e=>{let t,r;do{if((t=e._$AM)===void 0)break;r=t._$AN,r.delete(e),e=t}while(r?.size===0)},W=e=>{for(let t;t=e._$AM;e=t){let r=t._$AN;if(r===void 0)t._$AN=r=new Set;else if(r.has(e))break;r.add(e),J(t)}};function Y(e){this._$AN!==void 0?(y(this),this._$AM=e,W(this)):this._$AM=e}function q(e,t=!1,r=0){let n=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(n))for(let i=r;i<n.length;i++)x(n[i],!1),y(n[i]);else n!=null&&(x(n,!1),y(n));else x(this,e)}var J=e=>{e.type==_.CHILD&&(e._$AP??=q,e._$AQ??=Y)},k=class extends H{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,r,n){super._$AT(t,r,n),W(this),this.isConnected=t._$AU}_$AO(t,r=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),r&&(x(this,t),y(this))}setValue(t){if(O(this._$Ct))this._$Ct._$AI(t,this);else{let r=[...this._$Ct._$AH];r[this._$Ci]=t,this._$Ct._$AI(r,this,0)}}disconnected(){}reconnected(){}};var C=new WeakMap,U=D(class extends k{render(e){return w}update(e,[t]){let r=t!==this.G;return r&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.G=t,this.ht=e.options?.host,this.rt(this.ct=e.element)),w}rt(e){if(this.G!==void 0)if(this.isConnected||(e=void 0),typeof this.G=="function"){let t=this.ht??globalThis,r=C.get(t);r===void 0&&(r=new WeakMap,C.set(t,r)),r.get(this.G)!==void 0&&this.G.call(this.ht,void 0),r.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return typeof this.G=="function"?C.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var z=40;function Fe(e){let{visual:t,format:r,hour:n,minute:o,period:i,stepMinute:s,disabled:c=!1,noAnimation:d=!1}=e,l=r===12?T(n):{hour:n,period:i},p=r===12?1:0,a=r===12?12:23,m=[];for(let u=p;u<=a;u+=1)m.push({value:u,text:$(u),selected:u===l.hour});let h=[];for(let u=0;u<60;u+=Math.max(1,s))h.push({value:u,text:P(u),selected:u===o});let b=u=>{e.onHourChange(F(n,u))},Z=u=>{e.onMinuteChange(N(o,u*Math.max(1,s)))};return f`
+import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";import{a as L}from"./chunk-A4EQSU36.js";import{a as _,b as D,c as H}from"./chunk-SGM2X2TC.js";import{g as A,n as f,p as w}from"./chunk-XH6NREVZ.js";function ne(e,t){if(t===12||t===24)return t;let r=new Intl.DateTimeFormat(e,{hour:"numeric"}).resolvedOptions().hourCycle;return r==="h11"||r==="h12"?12:24}function T(e){let t=B(e);return{hour:e%12===0?12:e%12,period:t}}function M(e,t){let r=e%12;return t==="PM"?r+12:r}function B(e){return e<12?"AM":"PM"}function F(e,t){return((e+t)%24+24)%24}function N(e,t){return((e+t)%60+60)%60}function E(e){return e==="AM"?"PM":"AM"}function oe(e){return e===12?["hour","minute","period"]:["hour","minute"]}var V=["period","hour","minute"];function ie(e){let r=new Intl.DateTimeFormat(e,{hour:"numeric",minute:"numeric",hourCycle:"h12"}).formatToParts(new Date(2e3,0,1,14,30)).map(n=>n.type).map(n=>n==="hour"?"hour":n==="minute"?"minute":n==="dayPeriod"?"period":null).filter(n=>n!==null);return r.length===3?r:V}function ae(e,t,r){if(e===null||t===null)return{hour:"",minute:"",period:""};if(r===12){let{hour:n,period:o}=T(e);return{hour:String(n).padStart(2,"0"),minute:String(t).padStart(2,"0"),period:o}}return{hour:String(e).padStart(2,"0"),minute:String(t).padStart(2,"0"),period:""}}function ue(e,t){if(e.hour===""||e.minute==="")return null;let r=Number(e.minute);if(!Number.isInteger(r)||r<0||r>59)return null;let n=Number(e.hour);return Number.isInteger(n)?t===12?n<1||n>12||e.period!=="AM"&&e.period!=="PM"?null:{hour:M(n,e.period),minute:r}:n<0||n>23?null:{hour:n,minute:r}:null}function le(e,t){let r=e.hour.length===2&&e.minute.length===2;return t===12?r&&e.period!=="":r}function $(e){return String(e).padStart(2,"0")}function P(e){return String(e).padStart(2,"0")}function se(e){if(!e)return null;let t=/^(\d{1,2}):(\d{2})$/.exec(e.trim());if(!t)return null;let r=Number(t[1]),n=Number(t[2]);return r<0||r>23||n<0||n>59?null:{hour:r,minute:n}}function v(e){return e.hour*60+e.minute}function ce(e,t,r){if(!t&&!r)return{valid:!0};let n=v(e);if(t&&r){let o=v(t),i=v(r);return o<=i?n<o?{valid:!1,violation:"min"}:n>i?{valid:!1,violation:"max"}:{valid:!0}:n>=o||n<=i?{valid:!0}:{valid:!1,violation:"max"}}return t&&n<v(t)?{valid:!1,violation:"min"}:r&&n>v(r)?{valid:!1,violation:"max"}:{valid:!0}}var j=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],G=new Map;function Q(e){let t=G.get(e);return t||(t=new Intl.DateTimeFormat("en-US",{timeZone:e,hourCycle:"h23",year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",weekday:"short"}),G.set(e,t)),t}function g(){return Intl.DateTimeFormat().resolvedOptions().timeZone}function W(e,t){let r=t??g(),n=Q(r).formatToParts(e),o=d=>n.find(l=>l.type===d)?.value??"",i=Number(o("hour"))%24,s=o("weekday"),c=j.indexOf(s);return{year:Number(o("year")),month:Number(o("month")),day:Number(o("day")),hour:i,minute:Number(o("minute")),second:Number(o("second")),weekday:c===-1?0:c}}function K(e,t){let r=W(e,t),n=Date.UTC(r.year,r.month-1,r.day,r.hour,r.minute,r.second);return Math.round((n-e.getTime())/6e4)}function X(e,t){let r=e.second??0,n=Date.UTC(e.year,e.month-1,e.day,e.hour,e.minute,r),o=K(new Date(n),t),i=n-o*6e4,s=K(new Date(i),t);return s===o?new Date(i):new Date(n-s*6e4)}function me(e,t,r,n){let o=t??g(),{year:i,month:s,day:c}=W(e,o);return X({year:i,month:s,day:c,hour:r,minute:n},o)}function he(e,t){return(e??g())===(t??g())}function pe(e,t,r={}){return new Intl.DateTimeFormat(r.locale,{timeZone:t,timeZoneName:r.style??"shortOffset",hour:"numeric"}).formatToParts(e).find(o=>o.type==="timeZoneName")?.value??""}var x=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let n of r)n._$AO?.(t,!1),x(n,t);return!0},y=e=>{let t,r;do{if((t=e._$AM)===void 0)break;r=t._$AN,r.delete(e),e=t}while(r?.size===0)},R=e=>{for(let t;t=e._$AM;e=t){let r=t._$AN;if(r===void 0)t._$AN=r=new Set;else if(r.has(e))break;r.add(e),J(t)}};function Y(e){this._$AN!==void 0?(y(this),this._$AM=e,R(this)):this._$AM=e}function q(e,t=!1,r=0){let n=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(t)if(Array.isArray(n))for(let i=r;i<n.length;i++)x(n[i],!1),y(n[i]);else n!=null&&(x(n,!1),y(n));else x(this,e)}var J=e=>{e.type==_.CHILD&&(e._$AP??=q,e._$AQ??=Y)},k=class extends H{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,r,n){super._$AT(t,r,n),R(this),this.isConnected=t._$AU}_$AO(t,r=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),r&&(x(this,t),y(this))}setValue(t){if(O(this._$Ct))this._$Ct._$AI(t,this);else{let r=[...this._$Ct._$AH];r[this._$Ci]=t,this._$Ct._$AI(r,this,0)}}disconnected(){}reconnected(){}};var C=new WeakMap,U=D(class extends k{render(e){return w}update(e,[t]){let r=t!==this.G;return r&&this.rt(void 0),(r||this.lt!==this.ct)&&(this.G=t,this.ht=e.options?.host,this.rt(this.ct=e.element)),w}rt(e){if(this.G!==void 0)if(this.isConnected||(e=void 0),typeof this.G=="function"){let t=this.ht??globalThis,r=C.get(t);r===void 0&&(r=new WeakMap,C.set(t,r)),r.get(this.G)!==void 0&&this.G.call(this.ht,void 0),r.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return typeof this.G=="function"?C.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var z=40;function Fe(e){let{visual:t,format:r,hour:n,minute:o,period:i,stepMinute:s,disabled:c=!1,noAnimation:d=!1}=e,l=r===12?T(n):{hour:n,period:i},p=r===12?1:0,a=r===12?12:23,m=[];for(let u=p;u<=a;u+=1)m.push({value:u,text:$(u),selected:u===l.hour});let h=[];for(let u=0;u<60;u+=Math.max(1,s))h.push({value:u,text:P(u),selected:u===o});let b=u=>{e.onHourChange(F(n,u))},Z=u=>{e.onMinuteChange(N(o,u*Math.max(1,s)))};return f`
     <div
       class="tp-columns"
       role="group"
@@ -99,7 +99,7 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
     align-items: center;
     justify-content: center;
     border: none;
-    border-radius: var(--eun-borderRadius-s, 5px);
+    border-radius: var(--eun-border-radius-s, 5px);
     background: none;
     padding: var(--eun-space-xxs, 1.6px);
     color: var(--_iconColor, var(--eun-text-secondary, #484e61));
@@ -122,14 +122,14 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
     align-items: center;
     justify-content: center;
     min-width: 48px;
-    font-size: var(--eun-fontSize-l, 24px);
-    font-weight: var(--eun-fontWeight-m, 600);
+    font-size: var(--eun-font-size-l, 24px);
+    font-weight: var(--eun-font-weight-m, 600);
     color: var(--_textColor, var(--eun-text-color, #071621));
     font-variant-numeric: tabular-nums;
   }
   .tp-value {
     padding: var(--eun-space-xs, 4px);
-    border-radius: var(--eun-borderRadius-s, 5px);
+    border-radius: var(--eun-border-radius-s, 5px);
     outline: 2px solid transparent;
     outline-offset: 2px;
     cursor: default;
@@ -149,7 +149,7 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
     scrollbar-width: none;
     outline: 2px solid transparent;
     outline-offset: 2px;
-    border-radius: var(--eun-borderRadius-s, 5px);
+    border-radius: var(--eun-border-radius-s, 5px);
   }
   .tp-wheel::-webkit-scrollbar {
     display: none;
@@ -181,14 +181,14 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
   }
   .tp-wheel-item.selected {
     color: var(--_textColor, var(--eun-text-color, #071621));
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-weight: var(--eun-font-weight-l, 700);
   }
   @media (prefers-reduced-motion: reduce) {
     .tp-wheel {
       scroll-behavior: auto;
     }
   }
-`,Ge=re;export{ne as a,T as b,M as c,E as d,oe as e,ie as f,ae as g,ue as h,le as i,se as j,ce as k,g as l,R as m,X as n,me as o,he as p,pe as q,Fe as r,Ge as s};
+`,Ge=re;export{ne as a,T as b,M as c,E as d,oe as e,ie as f,ae as g,ue as h,le as i,se as j,ce as k,g as l,W as m,X as n,me as o,he as p,pe as q,Fe as r,Ge as s};
 /*! Bundled license information:
 
 lit-html/async-directive.js:

package/dist/cdn/components/chunks/{chunk-7WTSHE7M.js → chunk-SIHZFOTK.js}

@@ -1,4 +1,4 @@
-import{a as u}from"./chunk-7Q6AHVI5.js";import{a as b,c as h,d as x,e as t}from"./chunk-2IQUMAMI.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-T7WABJEJ.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-7Q6AHVI5.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-7Q6AHVI5.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-7Q6AHVI5.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-7Q6AHVI5.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-7Q6AHVI5.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-7Q6AHVI5.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-7Q6AHVI5.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-6UPI7GHJ.js → chunk-UAGCQF23.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;
@@ -103,12 +103,12 @@ import{g as r}from"./chunk-XH6NREVZ.js";var o=r`
     border-color: transparent;
   }
   :host([variant="fill"]) #field[aria-invalid="true"] {
-    box-shadow: inset 0 0 0 var(--eun-borderWidth-m, 1.5px) var(--_errorColor);
+    box-shadow: inset 0 0 0 var(--eun-border-width-m, 1.5px) var(--_errorColor);
   }
   :host([variant="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 {
@@ -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-6IILPCSQ.js → chunk-X2AUBZD2.js}

@@ -3,7 +3,7 @@ import{a as t,f as i,g as l,h as r,n as s,s as n}from"./chunk-XH6NREVZ.js";var p
     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);
   }
 
@@ -19,8 +19,8 @@ import{a as t,f as i,g as l,h as r,n as s,s as n}from"./chunk-XH6NREVZ.js";var p
     width: 100%;
     min-width: 0;
     padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
-    font-size: var(--eun-fontSize-s, 13px);
-    font-weight: var(--table-column-font-weight, var(--eun-fontWeight-m, 500));
+    font-size: var(--eun-font-size-s, 13px);
+    font-weight: var(--table-column-font-weight, var(--eun-font-weight-m, 500));
     color: var(--table-column-color, var(--eun-text-secondary, #484e61));
     text-align: left;
     white-space: nowrap;