@eunomia/elements 1.0.0-beta.4 → 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-4MXL6PZC.js → chunk-2Y2EU2CI.js}

@@ -1,13 +1,13 @@
-import{a as r,g as s,h as o}from"./chunk-XH6NREVZ.js";var u=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.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(t){if(this.disabled||this.loading){t.stopImmediatePropagation();return}if(this.hasAttribute("commandfor")){this.handleCommandClick?.();return}if(this.hasAttribute("popovertarget")){this.handlePopoverClick?.();return}this.handleFormBehavior()}handleKeydown(t){this.disabled||this.loading||!["Enter"," "].includes(t.key)||(t.preventDefault(),this.handleFormBehavior()||this.dispatchEvent(new Event("click")))}handleFormBehavior(){if(this.type!=="submit"&&this.type!=="reset")return!1;let t;if(this.form?t=this.getRootNode()?.getElementById(this.form):t=this.closest("form"),!t||!(t instanceof HTMLFormElement))throw new Error("The element link to the button does not exist or is invalid");return this.type==="reset"&&t.reset(),this.type==="submit"&&t.requestSubmit(),!0}}return r([o({reflect:!0})],e.prototype,"type",2),r([o({reflect:!0})],e.prototype,"variant",2),r([o({type:Boolean,reflect:!0,attribute:"fixed-color"})],e.prototype,"fixedColor",2),r([o({reflect:!0})],e.prototype,"size",2),r([o({type:Boolean,reflect:!0})],e.prototype,"rounded",2),r([o({type:Boolean,reflect:!0})],e.prototype,"slide",2),r([o()],e.prototype,"form",2),r([o()],e.prototype,"href",2),r([o()],e.prototype,"target",2),r([o()],e.prototype,"download",2),r([o({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([o({reflect:!0})],e.prototype,"command",2),r([o({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);
@@ -16,51 +16,51 @@ import{a as r,g as s,h as o}from"./chunk-XH6NREVZ.js";var u=n=>{class e extends
     --_flatFg: var(--eun-text-secondary, #484e61);
     --_ring: var(--eun-color-primary-700, #3662e0);
   }
-  :host([variant="secondary"]) {
+  :host([color="secondary"]) {
     --_solid: var(--eun-color-secondary-500, #e5a030);
     --_solid-hover: var(--eun-color-secondary-700, #ca8d2a);
     --_solid-active: var(--eun-color-secondary-800, #a97624);
     --_onSolid: var(--eun-color-on-secondary-500, #000000de);
     --_accent: var(--eun-color-secondary-500, #e5a030);
-    --_tint: var(--eun-color-secondary-transparent, #e5a03033);
-    --_tint-hover: var(--eun-color-secondary-transparent-hover, #e5a0304d);
-    --_tint-active: var(--eun-color-secondary-transparent-active, #e5a03066);
+    --_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([variant="critical"]) {
+  :host([color="critical"]) {
     --_solid: var(--eun-color-critical-100, #aa0014);
     --_solid-hover: var(--eun-color-critical-100, #aa0014);
     --_solid-active: var(--eun-color-critical-100, #aa0014);
     --_onSolid: #fff;
     --_accent: var(--eun-color-critical-100, #aa0014);
-    --_tint: var(--eun-color-critical-30, #faf0f1);
-    --_tint-hover: var(--eun-color-critical-50, #f1d6d9);
-    --_tint-active: var(--eun-color-critical-90, #e4adb4);
+    --_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([variant="success"]) {
+  :host([color="success"]) {
     --_solid: var(--eun-color-success-100, #1a9948);
     --_solid-hover: var(--eun-color-success-100, #1a9948);
     --_solid-active: var(--eun-color-success-100, #1a9948);
     --_onSolid: #fff;
     --_accent: var(--eun-color-success-100, #1a9948);
-    --_tint: var(--eun-color-success-30, #f1f9f4);
-    --_tint-hover: var(--eun-color-success-50, #daefe2);
-    --_tint-active: var(--eun-color-success-90, #b6dec4);
+    --_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([variant="warning"]) {
+  :host([color="warning"]) {
     --_solid: var(--eun-color-warning-100, #c85207);
     --_solid-hover: var(--eun-color-warning-100, #c85207);
     --_solid-active: var(--eun-color-warning-100, #c85207);
     --_onSolid: #fff;
     --_accent: var(--eun-color-warning-100, #c85207);
-    --_tint: var(--eun-color-warning-30, #fcf5f0);
-    --_tint-hover: var(--eun-color-warning-50, #f6e3d7);
-    --_tint-active: var(--eun-color-warning-90, #edc8b0);
+    --_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([variant="medium"]) {
+  :host([color="medium"]) {
     --_solid: var(--eun-color-grey-700, #484e61);
     --_solid-hover: var(--eun-color-grey-800, #071621);
     --_solid-active: var(--eun-color-grey-900, #000000);
@@ -83,32 +83,32 @@ import{a as r,g as s,h as o}from"./chunk-XH6NREVZ.js";var u=n=>{class e extends
     );
     --_ring: var(--eun-color-grey-700, #484e61);
   }
-  :host([variant="light"]) {
+  :host([color="light"]) {
     --_solid: var(--eun-color-grey-0, #ffffff);
     --_solid-hover: var(--eun-color-grey-200, #ecedf0);
     --_solid-active: var(--eun-color-grey-300, #dee0e7);
     --_onSolid: var(--eun-color-grey-900, #000000);
   }
-  :host([variant="light"][fixed-color]) {
+  :host([color="light"][fixed-color]) {
     --_solid: #ffffff;
     --_solid-hover: #ecedf0;
     --_solid-active: #dee0e7;
     --_onSolid: #000000;
   }
-  :host([variant="dark"]) {
+  :host([color="dark"]) {
     --_solid: var(--eun-color-grey-800, #071621);
     --_solid-hover: var(--eun-color-grey-900, #000000);
     --_solid-active: var(--eun-color-grey-900, #000000);
     --_onSolid: var(--eun-color-grey-0, #ffffff);
   }
-  :host([variant="dark"][fixed-color]) {
+  :host([color="dark"][fixed-color]) {
     --_solid: #071621;
     --_solid-hover: #000000;
     --_solid-active: #000000;
     --_onSolid: #ffffff;
   }
-  :host([variant="light"]),
-  :host([variant="dark"]) {
+  :host([color="light"]),
+  :host([color="dark"]) {
     --_accent: var(--_solid);
     --_tint: var(--_solid);
     --_tint-hover: var(--_solid-hover);
@@ -121,4 +121,4 @@ import{a as r,g as s,h as o}from"./chunk-XH6NREVZ.js";var u=n=>{class e extends
     --_flatFg: var(--_solid);
     --_ring: var(--_solid);
   }
-`;export{u as a,x as b,g as c};
+`;export{v as a,x as b,g as c};

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-4PI6RDUS.js

@@ -0,0 +1 @@
+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-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-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-NHFWATVN.js → chunk-BQFJR2UP.js}

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