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

package/README.md

@@ -67,7 +67,7 @@ list is just the map.
 - **Layout:** `animate`, `infinite-list`, `divider`
 - **Loader:** `loader`, `skeleton`
 - **Navigation:** `tab-group`/`tab`/`tab-panel`, `carousel`,
-  `breadcrumb`/`breadcrumb-item`, `pagination`, `stepper`/`step`,
+  `breadcrumb`, `pagination`, `stepper`/`step`,
   `toolbar`, `sidebar`
 - **Scheduler:** `scheduler`, `calendar`, `scheduler-event-card`,
   `scheduler-event-editor`

package/dist/breakpoints.d.ts

@@ -1,15 +1,21 @@
 /**
- * Pixel-width breakpoints shared by every component's responsive `@media`
- * rule, so a single set of numbers backs each layout switch in the library
- * instead of every component hand-picking its own threshold. Exported so
- * consumers can align their own layout code with the same switch points
- * the components themselves react to.
+ * The library's breakpoints, in pixels : the single source of every width
+ * the components, the Sass mixins, the grid classes and the
+ * `--eun-breakpoint-*` custom properties switch at.
+ * `styles/tools/variables/eunomia.breakpoints.scss` is generated from this
+ * object by `scripts/breakpoints.mjs`, never edited by hand, and
+ * `npm run lint` fails if the two drift apart or if a width is written as
+ * a raw number anywhere else.
  *
- * This scale is independent from the Sass breakpoints under
- * `styles/tools/variables/eunomia.breakpoints.scss` (used by the docs site
- * build) — the two happen to share the `768`/`1024`/`1280` steps, but this
- * one exists for a single component's own internal layout, not a whole
- * page grid.
+ * Each value is where a level starts : `tablet` is 768, so the tablet
+ * level applies from 768px up, and everything below it stops just under
+ * 768px. Media conditions use the range syntax (`width < 768px`,
+ * `width >= 768px`), so the two sides of a breakpoint never overlap and
+ * leave no gap at fractional widths.
+ *
+ * This file is published as-is as the `./breakpoints.js` subpath, so it
+ * must stay free of imports and side effects : importing it on a server
+ * never registers a component.
  */
 export declare const EUNOMIA_BREAKPOINTS: {
     readonly mobile: 600;
@@ -17,4 +23,25 @@ export declare const EUNOMIA_BREAKPOINTS: {
     readonly laptop: 1024;
     readonly desktop: 1280;
 };
+/**
+ * The name of one of the {@link EUNOMIA_BREAKPOINTS}.
+ */
 export type EunomiaBreakpoint = keyof typeof EUNOMIA_BREAKPOINTS;
+/**
+ * The media condition matching every width below `breakpoint`, such as
+ * `(width < 768px)` for `"tablet"`. Same range as the
+ * `eunomia-below-<breakpoint>` Sass mixin.
+ *
+ * @param breakpoint the breakpoint the range stops under.
+ * @returns the media condition, for `matchMedia`, `@media` or `@container`.
+ */
+export declare function mediaBelow(breakpoint: EunomiaBreakpoint): string;
+/**
+ * The media condition matching every width from `breakpoint` up, such as
+ * `(width >= 768px)` for `"tablet"`. Same range as the
+ * `eunomia-from-<breakpoint>` Sass mixin.
+ *
+ * @param breakpoint the breakpoint the range starts at.
+ * @returns the media condition, for `matchMedia`, `@media` or `@container`.
+ */
+export declare function mediaFrom(breakpoint: EunomiaBreakpoint): string;

package/dist/breakpoints.js

@@ -1,15 +1,21 @@
 /**
- * Pixel-width breakpoints shared by every component's responsive `@media`
- * rule, so a single set of numbers backs each layout switch in the library
- * instead of every component hand-picking its own threshold. Exported so
- * consumers can align their own layout code with the same switch points
- * the components themselves react to.
+ * The library's breakpoints, in pixels : the single source of every width
+ * the components, the Sass mixins, the grid classes and the
+ * `--eun-breakpoint-*` custom properties switch at.
+ * `styles/tools/variables/eunomia.breakpoints.scss` is generated from this
+ * object by `scripts/breakpoints.mjs`, never edited by hand, and
+ * `npm run lint` fails if the two drift apart or if a width is written as
+ * a raw number anywhere else.
  *
- * This scale is independent from the Sass breakpoints under
- * `styles/tools/variables/eunomia.breakpoints.scss` (used by the docs site
- * build) — the two happen to share the `768`/`1024`/`1280` steps, but this
- * one exists for a single component's own internal layout, not a whole
- * page grid.
+ * Each value is where a level starts : `tablet` is 768, so the tablet
+ * level applies from 768px up, and everything below it stops just under
+ * 768px. Media conditions use the range syntax (`width < 768px`,
+ * `width >= 768px`), so the two sides of a breakpoint never overlap and
+ * leave no gap at fractional widths.
+ *
+ * This file is published as-is as the `./breakpoints.js` subpath, so it
+ * must stay free of imports and side effects : importing it on a server
+ * never registers a component.
  */
 export const EUNOMIA_BREAKPOINTS = {
     mobile: 600,
@@ -17,3 +23,25 @@ export const EUNOMIA_BREAKPOINTS = {
     laptop: 1024,
     desktop: 1280,
 };
+/**
+ * The media condition matching every width below `breakpoint`, such as
+ * `(width < 768px)` for `"tablet"`. Same range as the
+ * `eunomia-below-<breakpoint>` Sass mixin.
+ *
+ * @param breakpoint the breakpoint the range stops under.
+ * @returns the media condition, for `matchMedia`, `@media` or `@container`.
+ */
+export function mediaBelow(breakpoint) {
+    return `(width < ${EUNOMIA_BREAKPOINTS[breakpoint]}px)`;
+}
+/**
+ * The media condition matching every width from `breakpoint` up, such as
+ * `(width >= 768px)` for `"tablet"`. Same range as the
+ * `eunomia-from-<breakpoint>` Sass mixin.
+ *
+ * @param breakpoint the breakpoint the range starts at.
+ * @returns the media condition, for `matchMedia`, `@media` or `@container`.
+ */
+export function mediaFrom(breakpoint) {
+    return `(width >= ${EUNOMIA_BREAKPOINTS[breakpoint]}px)`;
+}

package/dist/cdn/components/chunks/{chunk-MMLIPCOY.js → chunk-22D3SRFR.js}

@@ -1,4 +1,4 @@
-import{a as l,b as c,c as a}from"./chunk-SGM2X2TC.js";import{o as i}from"./chunk-XH6NREVZ.js";var u="important",d=" !"+u,h=c(class extends a{constructor(s){if(super(s),s.type!==l.ATTRIBUTE||s.name!=="style"||s.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((r,t)=>{let e=s[t];return e==null?r:r+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`},"")}update(s,[r]){let{style:t}=s.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(r)),this.render(r);for(let e of this.ft)r[e]==null&&(this.ft.delete(e),e.includes("-")?t.removeProperty(e):t[e]=null);for(let e in r){let n=r[e];if(n!=null){this.ft.add(e);let o=typeof n=="string"&&n.endsWith(d);e.includes("-")||o?t.setProperty(e,o?n.slice(0,-11):n,o?u:""):t[e]=n}}return i}});export{h as a};
+import{a as l,b as c,c as a}from"./chunk-SGM2X2TC.js";import{q as i}from"./chunk-YITWLCD3.js";var u="important",d=" !"+u,h=c(class extends a{constructor(s){if(super(s),s.type!==l.ATTRIBUTE||s.name!=="style"||s.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((r,t)=>{let e=s[t];return e==null?r:r+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`},"")}update(s,[r]){let{style:t}=s.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(r)),this.render(r);for(let e of this.ft)r[e]==null&&(this.ft.delete(e),e.includes("-")?t.removeProperty(e):t[e]=null);for(let e in r){let n=r[e];if(n!=null){this.ft.add(e);let o=typeof n=="string"&&n.endsWith(d);e.includes("-")||o?t.setProperty(e,o?n.slice(0,-11):n,o?u:""):t[e]=n}}return i}});export{h as a};
 /*! Bundled license information:
 
 lit-html/directives/style-map.js:

package/dist/cdn/components/chunks/{chunk-OW7XKDCH.js → chunk-2Y2EU2CI.js}

@@ -1,13 +1,13 @@
-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`
+import{a as r,h as s,j as t}from"./chunk-YITWLCD3.js";var v=a=>{class e extends a{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 a extends Event{static{this.eventName="command"}constructor(e,n){super(a.eventName,{bubbles:!1,composed:!0,cancelable:!0}),this.command=e,this.source=n}};function d(a,e){let n=globalThis.CommandEvent;return typeof n=="function"?new n(c.eventName,{command:a,source:e,cancelable:!0,composed:!0}):new c(a,e)}var g=a=>{class e extends a{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);
+    --_tint: var(--eun-color-primary-alpha-20, #3d6fff33);
+    --_tint-hover: var(--eun-color-primary-alpha-30, #3d6fff4d);
+    --_tint-active: var(--eun-color-primary-alpha-40, #3d6fff66);
     --_fgTint: var(--_accent);
     --_wash-hover: var(--_tint-hover);
     --_wash-active: var(--_tint-active);
@@ -22,9 +22,9 @@ import{a as r,g as s,h as t}from"./chunk-XH6NREVZ.js";var v=n=>{class e extends
     --_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);
+    --_tint: var(--eun-color-secondary-alpha-20, #edbd6f33);
+    --_tint-hover: var(--eun-color-secondary-alpha-30, #edbd6f4d);
+    --_tint-active: var(--eun-color-secondary-alpha-40, #edbd6f66);
     --_ring: var(--eun-color-secondary-700, #ca8d2a);
   }
   :host([color="critical"]) {
@@ -33,9 +33,9 @@ import{a as r,g as s,h as t}from"./chunk-XH6NREVZ.js";var v=n=>{class e extends
     --_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);
+    --_tint: var(--eun-color-critical-alpha-5, #aa00140d);
+    --_tint-hover: var(--eun-color-critical-alpha-20, #aa001433);
+    --_tint-active: var(--eun-color-critical-alpha-30, #aa00144d);
     --_ring: var(--eun-color-critical-100, #aa0014);
   }
   :host([color="success"]) {
@@ -44,9 +44,9 @@ import{a as r,g as s,h as t}from"./chunk-XH6NREVZ.js";var v=n=>{class e extends
     --_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);
+    --_tint: var(--eun-color-success-alpha-5, #1a99480d);
+    --_tint-hover: var(--eun-color-success-alpha-20, #1a994833);
+    --_tint-active: var(--eun-color-success-alpha-30, #1a99484d);
     --_ring: var(--eun-color-success-100, #1a9948);
   }
   :host([color="warning"]) {
@@ -55,9 +55,9 @@ import{a as r,g as s,h as t}from"./chunk-XH6NREVZ.js";var v=n=>{class e extends
     --_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);
+    --_tint: var(--eun-color-warning-alpha-5, #c852070d);
+    --_tint-hover: var(--eun-color-warning-alpha-20, #c8520733);
+    --_tint-active: var(--eun-color-warning-alpha-30, #c852074d);
     --_ring: var(--eun-color-warning-100, #c85207);
   }
   :host([color="medium"]) {

package/dist/cdn/components/chunks/{chunk-LFCXUVDO.js → chunk-4PI6RDUS.js}

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

package/dist/cdn/components/chunks/chunk-624VJYNA.js

@@ -0,0 +1 @@
+var i={default:"ease",out:"ease-out"};function o(t){let e=t.trim();if(!e)return;let n=e.endsWith("ms")?Number.parseFloat(e):Number.parseFloat(e)*1e3;return Number.isFinite(n)&&n>=0?n:void 0}function s(t,e,n,u){let r=getComputedStyle(t);return o(r.getPropertyValue(e))??o(r.getPropertyValue(`--eun-duration-${n}`))??u}function a(t,e="default"){return getComputedStyle(t).getPropertyValue(`--eun-easing-${e}`).trim()||i[e]}export{o as a,s as b,a as c};

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

@@ -1,4 +1,4 @@
-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`
+import{a as b}from"./chunk-22D3SRFR.js";import{a as f}from"./chunk-PPCHQG7P.js";import{a as m}from"./chunk-O7PHBLH2.js";import{a,b as l,c as d,d as p,f as u,h as n,j as r,p as s,u as c}from"./chunk-YITWLCD3.js";var v=n`
   :host {
     display: inline-flex;
     align-items: center;
@@ -102,7 +102,9 @@ import{a as b}from"./chunk-MMLIPCOY.js";import{a as m}from"./chunk-A4EQSU36.js";
     height: 100%;
     border-radius: inherit;
     background-color: var(--loader-bar-fill-color, currentColor);
-    transition: width var(--loader-bar-transition-duration, 0.3s) ease;
+    transition: width
+      var(--loader-bar-transition-duration, var(--eun-duration-xl, 300ms))
+      var(--eun-easing-default, ease);
   }
 
   :host([variant="bar"]) #fill.indeterminate {

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-L65WUTXM.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as T}from"./chunk-LFCXUVDO.js";import{a as M}from"./chunk-GW3VP2L7.js";import{a as w,b as o,c as x,d as $,e as d}from"./chunk-OAULRKHQ.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-32DTNR52.js";import{a as p}from"./chunk-A4EQSU36.js";import{a as l}from"./chunk-5EVP7YNE.js";import{a as i,f as u,g as b,h as t,i as m,j as f,l as y,n as r,p as n,s as g}from"./chunk-XH6NREVZ.js";var C=b`
+import{a as L}from"./chunk-G5SBDQQ3.js";import{a as E}from"./chunk-L74LXUGL.js";import{a as V}from"./chunk-UYZR4JXZ.js";import{a as T}from"./chunk-4PI6RDUS.js";import{a as M}from"./chunk-BO3JOEWM.js";import{a as o,c as w,d as x,e as $,f as d}from"./chunk-VOTRXBDS.js";import{a as h}from"./chunk-YYCEPZUN.js";import{a as v}from"./chunk-RS7TWEMQ.js";import{a as l}from"./chunk-PPCHQG7P.js";import{a as p}from"./chunk-O7PHBLH2.js";import{a as t,f as u,h as b,j as i,k as m,l as f,n as y,p as r,r as n,u as g}from"./chunk-YITWLCD3.js";var C=b`
   .has-trailing-action #field {
     padding-inline-end: calc(
       calc(var(--eun-space-l, 32px) * 1.2) + var(--eun-space-xs, 4px)
@@ -8,7 +8,7 @@ import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-L65WUTXM.js";
     appearance: none;
     display: none;
   }
-`,S=[V,C];var P="eun-input",A=v($(g)),F=T(M(w(L(x(A))))),e=class extends F{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let a=!!this.value?.trim().length;return r`
+`,S=[V,C];var P="eun-input",A=v($(g)),F=T(M(x(L(w(A))))),e=class extends F{constructor(){super(...arguments);this.type="text";this.clearable=!1;this.autocomplete="off";this.emptyValueLabel="No value set";this.confirmLabel="Save";this.cancelLabel="Cancel";this.ariaLabelClear="Clear field";this.ariaLabelShowPassword="Show password";this.ariaLabelHidePassword="Hide password";this.showPassword=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.checkLocalValidators=()=>E(this.fieldEl,["valueMissing","typeMismatch","patternMismatch","tooShort","tooLong","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get defaultValue(){return super.defaultValue}set defaultValue(a){super.defaultValue=a}focusTarget(){return this.fieldEl}updated(a){super.updated(a),a.has("editing")&&this.editing&&this.fieldEl?.focus(),a.has("disabled")&&(this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.focusTarget()?.focus()}handleInput(a){this.value=a.target.value,this.dispatchEvent(new h(this.value))}handleClear(){this.value="",this.dispatchEvent(new h(this.value)),this.fieldEl?.focus()}togglePasswordVisibility(){this.showPassword=!this.showPassword}renderReadonlyDisplay(){let a=!!this.value?.trim().length;return r`
       <div
         id="readonly-display"
         role="button"
@@ -45,7 +45,7 @@ import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-L65WUTXM.js";
           max=${l(this.max)}
           step=${l(this.step)}
           inputmode=${this.type==="number"?"numeric":this.type==="email"?"email":n}
-          aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+          aria-invalid=${this.showError}
           aria-label=${l(this.label)}
           aria-describedby=${a?"description":n}
           @input=${this.handleInput}
@@ -107,4 +107,4 @@ import{a as L}from"./chunk-E4IS25H7.js";import{a as V}from"./chunk-L65WUTXM.js";
         ${a?this.renderReadonlyDisplay():this.renderField(s!==n)}
         ${s}
       </div>
-    `}};e.styles=[S,d.base,d.errorMessages,d.hintMessages],i([t({reflect:!0})],e.prototype,"type",2),i([t({attribute:"default-value"})],e.prototype,"defaultValue",1),i([t()],e.prototype,"placeholder",2),i([t()],e.prototype,"icon",2),i([t({type:Boolean})],e.prototype,"clearable",2),i([t()],e.prototype,"autocomplete",2),i([t({type:Number})],e.prototype,"minlength",2),i([t({type:Number})],e.prototype,"maxlength",2),i([t()],e.prototype,"pattern",2),i([t()],e.prototype,"min",2),i([t()],e.prototype,"max",2),i([t()],e.prototype,"step",2),i([t({attribute:"empty-value-label"})],e.prototype,"emptyValueLabel",2),i([t({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),i([t({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),i([t({attribute:"aria-label-clear"})],e.prototype,"ariaLabelClear",2),i([t({attribute:"aria-label-show-password"})],e.prototype,"ariaLabelShowPassword",2),i([t({attribute:"aria-label-hide-password"})],e.prototype,"ariaLabelHidePassword",2),i([m()],e.prototype,"showPassword",2),i([f("#field")],e.prototype,"fieldEl",2),i([y({slot:"icon"})],e.prototype,"iconSlotEls",2),e=i([u(P)],e);export{P as a,e as b};
+    `}};e.styles=[S,d.base,d.errorMessages,d.hintMessages],t([i({reflect:!0})],e.prototype,"type",2),t([i({attribute:"default-value"})],e.prototype,"defaultValue",1),t([i()],e.prototype,"placeholder",2),t([i()],e.prototype,"icon",2),t([i({type:Boolean})],e.prototype,"clearable",2),t([i()],e.prototype,"autocomplete",2),t([i({type:Number})],e.prototype,"minlength",2),t([i({type:Number})],e.prototype,"maxlength",2),t([i()],e.prototype,"pattern",2),t([i()],e.prototype,"min",2),t([i()],e.prototype,"max",2),t([i()],e.prototype,"step",2),t([i({attribute:"empty-value-label"})],e.prototype,"emptyValueLabel",2),t([i({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([i({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([i({attribute:"aria-label-clear"})],e.prototype,"ariaLabelClear",2),t([i({attribute:"aria-label-show-password"})],e.prototype,"ariaLabelShowPassword",2),t([i({attribute:"aria-label-hide-password"})],e.prototype,"ariaLabelHidePassword",2),t([m()],e.prototype,"showPassword",2),t([f("#field")],e.prototype,"fieldEl",2),t([y({slot:"icon"})],e.prototype,"iconSlotEls",2),e=t([u(P)],e);export{P as a,e as b};

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

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

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

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

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

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

package/dist/cdn/components/chunks/{chunk-E4IS25H7.js → chunk-G5SBDQQ3.js}

@@ -1 +1 @@
-import{a as r,h as a}from"./chunk-XH6NREVZ.js";var e=class t extends Event{static{this.eventName="euncommit"}constructor(){super(t.eventName,{bubbles:!0,composed:!1})}};var c=t=>{class i extends t{constructor(){super(...arguments);this.readonlyAvailable=!1;this.editing=!1}startEdit(){this.disabled||!this.readonlyAvailable||this.editing||(this.valueOnEditStart=this.value,this.editing=!0)}confirmEdit(){this.checkValidity(this.value)&&(this.editing=!1,this.dispatchEvent(new e))}cancelEdit(){this.value=this.valueOnEditStart,this.editing=!1}}return r([a({type:Boolean,attribute:"readonly-available",reflect:!0})],i.prototype,"readonlyAvailable",2),r([a({type:Boolean,reflect:!0})],i.prototype,"editing",2),i};export{c as a};
+import{a as r,j as a}from"./chunk-YITWLCD3.js";var e=class t extends Event{static{this.eventName="euncommit"}constructor(){super(t.eventName,{bubbles:!0,composed:!1})}};var c=t=>{class i extends t{constructor(){super(...arguments);this.readonlyAvailable=!1;this.editing=!1}startEdit(){this.disabled||!this.readonlyAvailable||this.editing||(this.valueOnEditStart=this.value,this.editing=!0)}confirmEdit(){this.checkValidity(this.value)&&(this.editing=!1,this.dispatchEvent(new e))}cancelEdit(){this.value=this.valueOnEditStart,this.editing=!1}}return r([a({type:Boolean,attribute:"readonly-available",reflect:!0})],i.prototype,"readonlyAvailable",2),r([a({type:Boolean,reflect:!0})],i.prototype,"editing",2),i};export{c as a};

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

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

package/dist/cdn/components/chunks/{chunk-S2UCEWNG.js → chunk-JYIIWN2P.js}

@@ -1,14 +1,14 @@
-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`
+import{a as O}from"./chunk-VJCNHMQZ.js";import{a as I}from"./chunk-SD2H5UDZ.js";import{a as L}from"./chunk-O7PHBLH2.js";import{a as _,b as D,c as H}from"./chunk-SGM2X2TC.js";import{h as A,p,r as w}from"./chunk-YITWLCD3.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 x(){return Intl.DateTimeFormat().resolvedOptions().timeZone}function W(e,t){let r=t??x(),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??x(),{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??x())===(t??x())}function fe(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 g=(e,t)=>{let r=e._$AN;if(r===void 0)return!1;for(let n of r)n._$AO?.(t,!1),g(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++)g(n[i],!1),y(n[i]);else n!=null&&(g(n,!1),y(n));else g(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&&(g(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},f=r===12?1:0,a=r===12?12:23,m=[];for(let u=f;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 p`
     <div
       class="tp-columns"
       role="group"
       aria-label=${e.ariaLabelGroup??"Time"}
     >
-      ${S({kind:"hour",visual:t,disabled:c,noAnimation:d,label:e.ariaLabelHour??"Hour",ariaLabelIncrement:e.ariaLabelIncrement??"Increase hour",ariaLabelDecrement:e.ariaLabelDecrement??"Decrease hour",min:p,max:a,current:l.hour,valueText:$(l.hour),items:m,onStep:b,onPick:u=>e.onHourChange(r===12?M(u,l.period):u)})}
+      ${S({kind:"hour",visual:t,disabled:c,noAnimation:d,label:e.ariaLabelHour??"Hour",ariaLabelIncrement:e.ariaLabelIncrement??"Increase hour",ariaLabelDecrement:e.ariaLabelDecrement??"Decrease hour",min:f,max:a,current:l.hour,valueText:$(l.hour),items:m,onStep:b,onPick:u=>e.onHourChange(r===12?M(u,l.period):u)})}
       ${S({kind:"minute",visual:t,disabled:c,noAnimation:d,label:e.ariaLabelMinute??"Minute",ariaLabelIncrement:e.ariaLabelIncrement??"Increase minute",ariaLabelDecrement:e.ariaLabelDecrement??"Decrease minute",min:0,max:59,current:o,valueText:P(o),items:h,onStep:Z,onPick:u=>e.onMinuteChange(u)})}
       ${r===12?S({kind:"period",visual:t,disabled:c,noAnimation:d,label:e.ariaLabelPeriod??"AM/PM",ariaLabelIncrement:e.ariaLabelIncrement??"Toggle AM/PM",ariaLabelDecrement:e.ariaLabelDecrement??"Toggle AM/PM",min:0,max:1,current:i==="AM"?0:1,valueText:i,items:[{value:0,text:"AM",selected:i==="AM"},{value:1,text:"PM",selected:i==="PM"}],onStep:()=>e.onPeriodChange(E(i)),onPick:u=>e.onPeriodChange(u===0?"AM":"PM")}):null}
     </div>
-  `}function S(e){let{kind:t,visual:r,disabled:n,label:o,min:i,max:s,current:c,valueText:d,onStep:l}=e,p=a=>{switch(a.key){case"ArrowUp":a.preventDefault(),l(1);break;case"ArrowDown":a.preventDefault(),l(-1);break;case"PageUp":a.preventDefault(),l(5);break;case"PageDown":a.preventDefault(),l(-5);break;case"Home":a.preventDefault(),e.onPick(i);break;case"End":a.preventDefault(),e.onPick(s);break;default:break}};return f`
+  `}function S(e){let{kind:t,visual:r,disabled:n,label:o,min:i,max:s,current:c,valueText:d,onStep:l}=e,f=a=>{switch(a.key){case"ArrowUp":a.preventDefault(),l(1);break;case"ArrowDown":a.preventDefault(),l(-1);break;case"PageUp":a.preventDefault(),l(5);break;case"PageDown":a.preventDefault(),l(-5);break;case"Home":a.preventDefault(),e.onPick(i);break;case"End":a.preventDefault(),e.onPick(s);break;default:break}};return p`
     <div class="tp-column" data-kind=${t}>
       <button
         type="button"
@@ -22,7 +22,7 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
           <path d="M8 4l5 6H3z" fill="currentColor" />
         </svg>
       </button>
-      ${r==="wheel"?ee(e):f`
+      ${r==="wheel"?ee(e):p`
             <div
               class="tp-value"
               role="spinbutton"
@@ -33,7 +33,7 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
               aria-valuenow=${c}
               aria-valuetext=${d}
               aria-disabled=${n?"true":"false"}
-              @keydown=${p}
+              @keydown=${f}
             >
               ${d}
             </div>
@@ -51,7 +51,7 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
         </svg>
       </button>
     </div>
-  `}function ee(e){let{min:t,max:r,current:n,valueText:o,label:i,disabled:s,noAnimation:c}=e,d=a=>{switch(a.key){case"ArrowUp":a.preventDefault(),e.onStep(1);break;case"ArrowDown":a.preventDefault(),e.onStep(-1);break;case"PageUp":a.preventDefault(),e.onStep(5);break;case"PageDown":a.preventDefault(),e.onStep(-5);break;case"Home":a.preventDefault(),e.onPick(t);break;case"End":a.preventDefault(),e.onPick(r);break;default:break}},l,p=I(a=>{let m=a.currentTarget,h=Math.round(m.scrollTop/z);if(h===l)return;let b=e.items[Math.min(Math.max(h,0),e.items.length-1)];b&&b.value!==n&&e.onPick(b.value)},120);return f`
+  `}function ee(e){let{min:t,max:r,current:n,valueText:o,label:i,disabled:s,noAnimation:c}=e,d=a=>{switch(a.key){case"ArrowUp":a.preventDefault(),e.onStep(1);break;case"ArrowDown":a.preventDefault(),e.onStep(-1);break;case"PageUp":a.preventDefault(),e.onStep(5);break;case"PageDown":a.preventDefault(),e.onStep(-5);break;case"Home":a.preventDefault(),e.onPick(t);break;case"End":a.preventDefault(),e.onPick(r);break;default:break}},l,f=I(a=>{let m=a.currentTarget,h=Math.round(m.scrollTop/z);if(h===l)return;let b=e.items[Math.min(Math.max(h,0),e.items.length-1)];b&&b.value!==n&&e.onPick(b.value)},120);return p`
     <div
       class="tp-wheel"
       role="spinbutton"
@@ -63,11 +63,11 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
       aria-valuetext=${o}
       aria-disabled=${s?"true":"false"}
       @keydown=${d}
-      @scroll=${p}
+      @scroll=${f}
       ${U(a=>{let m=e.items.findIndex(h=>h.selected);l=m===-1?void 0:m,te(a,m,c)})}
     >
       <div class="tp-wheel-pad" aria-hidden="true"></div>
-      ${e.items.map(a=>f`
+      ${e.items.map(a=>p`
           <button
             type="button"
             class=${L({"tp-wheel-item":!0,selected:a.selected})}
@@ -104,7 +104,8 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
     padding: var(--eun-space-xxs, 1.6px);
     color: var(--_iconColor, var(--eun-text-secondary, #484e61));
     cursor: pointer;
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   .tp-arrow:hover:not(:disabled) {
     background-color: var(
@@ -177,7 +178,8 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
     color: var(--_placeholderColor, var(--eun-color-grey-400, #c1c9d6));
     font: inherit;
     cursor: pointer;
-    transition: color 0.15s ease;
+    transition: color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   .tp-wheel-item.selected {
     color: var(--_textColor, var(--eun-text-color, #071621));
@@ -188,7 +190,7 @@ import{a as I}from"./chunk-SD2H5UDZ.js";import{a as O}from"./chunk-T4PTHUYF.js";
       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,W 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,x as l,W as m,X as n,me as o,he as p,fe as q,Fe as r,Ge as s};
 /*! Bundled license information:
 
 lit-html/async-directive.js: