@albi_scando/as-design-system-lib 1.8.1 → 1.9.0

package/dist/as-design-system-lib.es.js

@@ -1,5 +1,5 @@
-const ye = "as-design-system-lib";
-class Ae {
+const Ee = "as-design-system-lib";
+class xe {
   /**
    * Creates an instance of WebComponentsRegistry.
    * Registers all custom elements provided in the map of components.
@@ -89,7 +89,7 @@ const T = {
   LIGHT: "light",
   LIGHT_BLUE: "light-blue",
   WATER: "water"
-}, dt = /* @__PURE__ */ new Map([
+}, ct = /* @__PURE__ */ new Map([
   [
     u.COSMO,
     {
@@ -180,16 +180,16 @@ const T = {
       value: x.WATER
     }
   ]
-]), _e = ($) => {
-  ct();
-  const t = dt.get($)?.value;
+]), ke = (O) => {
+  ut();
+  const t = ct.get(O)?.value;
   t !== void 0 && document.body.classList.add(t);
-}, ct = () => {
+}, ut = () => {
   document.body.classList.remove(...Object.values(u));
-}, ut = "base-button", d = "", O = {
+}, ht = "base-button", d = "", M = {
   SHOW_MODAL: "show-modal",
   CLOSE: "close"
-}, ht = {
+}, bt = {
   CUSTOM_CROSSHAIR: `<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
       <!-- White border (underneath) -->
       <line x1="16" y1="2" x2="16" y2="30" stroke="white" stroke-width="5"/>
@@ -200,19 +200,19 @@ const T = {
       <line x1="2" y1="16" x2="30" y2="16" stroke="black" stroke-width="2"/>
     </svg>`
 };
-`${btoa(ht.CUSTOM_CROSSHAIR)}`;
-const F = {
+`${btoa(bt.CUSTOM_CROSSHAIR)}`;
+const j = {
   ANY: "any",
   NONE: "none"
-}, P = {
+}, D = {
   KEY_DOWN: "keydown"
 }, R = {
   CLICK: "click"
-}, bt = `<button part="button">
+}, vt = `<button part="button">
   <slot></slot>
 </button>
-`, vt = "*{box-sizing:border-box}:where(button,input[type=button],input[type=submit],input[type=reset]),:where(input[type=file])::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-base);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal);padding-block:var(--button-padding-block-md);padding-inline:var(--button-padding-inline-md);display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:var(--gap-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);border:var(--border-width-1) solid var(--color-border-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),filter var(--transition-fast)}:where(button,input[type=button],input[type=submit],input[type=reset])>.material-symbols-outlined{font-size:var(--font-size-xl);font-family:Material Symbols Outlined;line-height:1}:where(button,input[type=button],input[type=submit],input[type=reset])[disabled]{opacity:.35;cursor:not-allowed;box-shadow:none}:where(button,input[type=button],input[type=submit],input[type=reset]):where(:not(:disabled):hover){background:var(--color-hover-bg-secondary);border-color:var(--color-hover-border-secondary);box-shadow:var(--shadow-md)}:where(button,input[type=button],input[type=submit],input[type=reset]):where(:not(:disabled):active){background:var(--color-hover-bg-secondary);border-color:var(--color-hover-border-secondary);box-shadow:var(--shadow-sm)}:where(button,input[type=button],input[type=submit],input[type=reset]):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}:where(input[type=file]){inline-size:100%;max-inline-size:max-content;background-color:var(--color-bg-secondary)}", U = new CSSStyleSheet();
-U.replaceSync(vt);
+`, pt = "*{box-sizing:border-box}:where(button,input[type=button],input[type=submit],input[type=reset]),:where(input[type=file])::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-base);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal);padding-block:var(--button-padding-block-md);padding-inline:var(--button-padding-inline-md);display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:var(--gap-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);border:var(--border-width-1) solid var(--color-border-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),filter var(--transition-fast)}:where(button,input[type=button],input[type=submit],input[type=reset])>.material-symbols-outlined{font-size:var(--font-size-xl);font-family:Material Symbols Outlined;line-height:1}:where(button,input[type=button],input[type=submit],input[type=reset])[disabled]{opacity:.35;cursor:not-allowed;box-shadow:none}:where(button,input[type=button],input[type=submit],input[type=reset]):where(:not(:disabled):hover){background:var(--color-hover-bg-secondary);border-color:var(--color-hover-border-secondary);box-shadow:var(--shadow-md)}:where(button,input[type=button],input[type=submit],input[type=reset]):where(:not(:disabled):active){background:var(--color-hover-bg-secondary);border-color:var(--color-hover-border-secondary);box-shadow:var(--shadow-sm)}:where(button,input[type=button],input[type=submit],input[type=reset]):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}:where(input[type=file]){inline-size:100%;max-inline-size:max-content;background-color:var(--color-bg-secondary)}", U = new CSSStyleSheet();
+U.replaceSync(pt);
 class s extends HTMLElement {
   /**
    * @see HTMLButtonElement.autofocus
@@ -352,7 +352,7 @@ class s extends HTMLElement {
    * Syncs host attributes to the internal button element.
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = bt, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = vt, this._syncAttributes());
   }
   /**
    * Adds event listeners to the component.
@@ -400,10 +400,10 @@ class s extends HTMLElement {
       return;
     const e = t;
     switch (this.command) {
-      case O.SHOW_MODAL:
+      case M.SHOW_MODAL:
         e.showModal?.();
         break;
-      case O.CLOSE:
+      case M.CLOSE:
         e.close?.();
         break;
     }
@@ -489,23 +489,23 @@ class s extends HTMLElement {
     });
   }
 }
-const we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BaseButtonComponent: s,
-  selector: ut
+  selector: ht
 }, Symbol.toStringTag, { value: "Module" })), gt = `<button title="Undo" part="button">
   <span class="material-symbols-outlined">undo</span>
   <span>Undo</span>
 </button>
-`, pt = "*{box-sizing:border-box}button[part=button]{background:var(--color-warning);font-weight:var(--font-weight-medium);padding-block:var(--button-padding-block-md);padding-inline:var(--button-padding-inline-md);border-radius:var(--border-radius-lg);border:none;box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm)}button[part=button]:hover{filter:brightness(1.2)}", K = new CSSStyleSheet();
-K.replaceSync(pt);
-class ft extends s {
+`, ft = "*{box-sizing:border-box}button[part=button]{background:var(--color-warning);font-weight:var(--font-weight-medium);padding-block:var(--button-padding-block-md);padding-inline:var(--button-padding-inline-md);border-radius:var(--border-radius-lg);border:none;box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm)}button[part=button]:hover{filter:brightness(1.2)}", K = new CSSStyleSheet();
+K.replaceSync(ft);
+class mt extends s {
   /**
    * @constructor
    * @ignore
    */
   constructor() {
-    super(), this.shadowRoot?.adoptedStyleSheets.push(K), this.command = O.CLOSE, this.title = "Undo";
+    super(), this.shadowRoot?.adoptedStyleSheets.push(K), this.command = M.CLOSE, this.title = "Undo";
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -538,23 +538,72 @@ class ft extends s {
     e !== null && (this.commandfor = e.id);
   }
 }
-const j = "undo-button", Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const F = "undo-button", Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UndoButtonComponent: ft,
-  selector: j
-}, Symbol.toStringTag, { value: "Module" })), mt = `<button title="Confirm" part="button">
+  UndoButtonComponent: mt,
+  selector: F
+}, Symbol.toStringTag, { value: "Module" })), yt = `<div class="tooltip">Close</div>
+<button part="button" title="Close">
+  <span class="material-symbols-outlined">close</span>
+</button>
+`, At = "*{box-sizing:border-box}:host{position:relative;display:inline-flex}.tooltip{position:absolute;top:auto;bottom:calc(100% + .5rem);left:50%;right:auto;transform:translate(-50%);width:max-content;height:auto;padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-bg-tertiary, #1e1e2e);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-xs);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:10000;margin:0}button[part=button]{background:var(--color-error);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;transition:all var(--transition-base);box-shadow:var(--shadow-md);position:relative}button[part=button]:hover{filter:brightness(1.2)}:host(:hover) .tooltip{opacity:1;visibility:visible}", G = new CSSStyleSheet();
+G.replaceSync(At);
+class _t extends s {
+  /**
+   * @constructor
+   * @ignore
+   */
+  constructor() {
+    super(), this.shadowRoot?.adoptedStyleSheets.push(G), this.command = M.CLOSE, this.title = "Close";
+  }
+  /**
+   * Specifies which attributes should be observed for changes.
+   */
+  static get observedAttributes() {
+    return s.observedAttributes;
+  }
+  /**
+   * Lifecycle hook invoked when the component is inserted into the DOM.
+   */
+  connectedCallback() {
+    this._render(), this._setCommandForAttribute(), this._addEventListeners();
+  }
+  /**
+   * Renders the component's HTML structure.
+   */
+  _render() {
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = yt, this._syncAttributes());
+  }
+  /**
+   * It finds the closest parent dialog and
+   * sets the commandfor attribute to its ID.
+   *
+   * @returns {void}
+   */
+  _setCommandForAttribute() {
+    let t = this.getRootNode();
+    "host" in t && t.host !== null && t.host !== void 0 && (t = t.host);
+    const e = t instanceof Element ? t.closest("base-dialog") ?? t.closest("confirmation-dialog") : null;
+    e !== null && (this.commandfor = e.id);
+  }
+}
+const wt = "close-button", ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CloseButtonComponent: _t,
+  selector: wt
+}, Symbol.toStringTag, { value: "Module" })), St = `<button title="Confirm" part="button">
   <span class="material-symbols-outlined">check</span>
   <span>Confirm</span>
 </button>
-`, yt = "*{box-sizing:border-box}button[part=button]{background:var(--color-success);font-weight:var(--font-weight-medium);padding-block:var(--button-padding-block-md);padding-inline:var(--button-padding-inline-md);border-radius:var(--border-radius-lg);border:none;box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm)}button[part=button]:hover{filter:brightness(1.2)}", G = new CSSStyleSheet();
-G.replaceSync(yt);
-class At extends s {
+`, Et = "*{box-sizing:border-box}button[part=button]{background:var(--color-success);font-weight:var(--font-weight-medium);padding-block:var(--button-padding-block-md);padding-inline:var(--button-padding-inline-md);border-radius:var(--border-radius-lg);border:none;box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm)}button[part=button]:hover{filter:brightness(1.2)}", C = new CSSStyleSheet();
+C.replaceSync(Et);
+class xt extends s {
   /**
    * @constructor
    * @ignore
    */
   constructor() {
-    super(), this.shadowRoot?.adoptedStyleSheets.push(G), this.command = O.CLOSE, this.title = "Confirm";
+    super(), this.shadowRoot?.adoptedStyleSheets.push(C), this.command = M.CLOSE, this.title = "Confirm";
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -572,7 +621,7 @@ class At extends s {
    * Renders the component's HTML structure.
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = mt, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = St, this._syncAttributes());
   }
   /**
    * It finds the closest parent dialog and
@@ -587,15 +636,15 @@ class At extends s {
     e !== null && (this.commandfor = e.id);
   }
 }
-const q = "confirm-button", Ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const q = "confirm-button", Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ConfirmButtonComponent: At,
+  ConfirmButtonComponent: xt,
   selector: q
-}, Symbol.toStringTag, { value: "Module" })), _t = `<button part="button">
+}, Symbol.toStringTag, { value: "Module" })), kt = `<button part="button">
   <span class="material-symbols-outlined">chevron_left</span>
 </button>
-`, wt = "*{box-sizing:border-box}button[part=button]{border:none;background:transparent}button[part=button]:not(:disabled):hover{transform:scale(1.2)}", W = new CSSStyleSheet();
-W.replaceSync(wt);
+`, Lt = "*{box-sizing:border-box}button[part=button]{border:none;background:transparent}button[part=button]:not(:disabled):hover{transform:scale(1.2)}", W = new CSSStyleSheet();
+W.replaceSync(Lt);
 class H extends s {
   static _disabledAttribute = "disabled";
   static _titleAttribute = "title";
@@ -604,7 +653,7 @@ class H extends s {
    * @ignore
    */
   constructor() {
-    super(), this.shadowRoot?.adoptedStyleSheets.push(W), this.command = O.CLOSE;
+    super(), this.shadowRoot?.adoptedStyleSheets.push(W), this.command = M.CLOSE;
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -629,7 +678,7 @@ class H extends s {
    * Renders the component's HTML structure.
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = _t, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = kt, this._syncAttributes());
   }
   /**
    * Updates the title attribute based on disabled state.
@@ -642,15 +691,15 @@ class H extends s {
     t !== null && (this.disabled ? t.removeAttribute(H._titleAttribute) : t.setAttribute(H._titleAttribute, "Previous"));
   }
 }
-const St = "previous-button", xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Rt = "previous-button", Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   PreviousButtonComponent: H,
-  selector: St
-}, Symbol.toStringTag, { value: "Module" })), Et = `<button part="button">
+  selector: Rt
+}, Symbol.toStringTag, { value: "Module" })), zt = `<button part="button">
   <span class="material-symbols-outlined">chevron_right</span>
 </button>
-`, xt = "*{box-sizing:border-box}button[part=button]{border:none;background:transparent}button[part=button]:not(:disabled):hover{transform:scale(1.2)}", C = new CSSStyleSheet();
-C.replaceSync(xt);
+`, Mt = "*{box-sizing:border-box}button[part=button]{border:none;background:transparent}button[part=button]:not(:disabled):hover{transform:scale(1.2)}", Y = new CSSStyleSheet();
+Y.replaceSync(Mt);
 class N extends s {
   static _disabledAttribute = "disabled";
   static _titleAttribute = "title";
@@ -659,7 +708,7 @@ class N extends s {
    * @ignore
    */
   constructor() {
-    super(), this.shadowRoot?.adoptedStyleSheets.push(C), this.command = O.CLOSE;
+    super(), this.shadowRoot?.adoptedStyleSheets.push(Y), this.command = M.CLOSE;
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -684,7 +733,7 @@ class N extends s {
    * Renders the component's HTML structure.
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Et, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = zt, this._syncAttributes());
   }
   /**
    * Updates the title attribute based on disabled state.
@@ -697,15 +746,15 @@ class N extends s {
     t !== null && (this.disabled ? t.removeAttribute(N._titleAttribute) : t.setAttribute(N._titleAttribute, "Next"));
   }
 }
-const Lt = "next-button", Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ot = "next-button", $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NextButtonComponent: N,
-  selector: Lt
-}, Symbol.toStringTag, { value: "Module" })), kt = `<dialog part="dialog">
+  selector: Ot
+}, Symbol.toStringTag, { value: "Module" })), $t = `<dialog part="dialog">
   <slot></slot>
 </dialog>
-`, Rt = "*{box-sizing:border-box}dialog{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:var(--border-width-1) solid var(--color-border-secondary);border-radius:var(--border-radius-xl);padding:var(--spacing-4);font-family:var(--font-family-base);line-height:var(--line-height-normal);font-size:var(--font-size-sm);box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn var(--transition-base) cubic-bezier(.34,1.56,.64,1) forwards}dialog.closing{animation:slideOut var(--transition-base) cubic-bezier(.34,1.56,.64,1) forwards}dialog::backdrop{background:var(--window-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-base) ease-out forwards}dialog.closing::backdrop{animation:fadeOut var(--transition-base) ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-20px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}", Y = new CSSStyleSheet();
-Y.replaceSync(Rt);
+`, It = "*{box-sizing:border-box}dialog{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:var(--border-width-1) solid var(--color-border-secondary);border-radius:var(--border-radius-xl);padding:var(--spacing-4);font-family:var(--font-family-base);line-height:var(--line-height-normal);font-size:var(--font-size-sm);box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn var(--transition-base) cubic-bezier(.34,1.56,.64,1) forwards}dialog.closing{animation:slideOut var(--transition-base) cubic-bezier(.34,1.56,.64,1) forwards}dialog::backdrop{background:var(--window-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-base) ease-out forwards}dialog.closing::backdrop{animation:fadeOut var(--transition-base) ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-20px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}", V = new CSSStyleSheet();
+V.replaceSync(It);
 class z extends HTMLElement {
   /**
    * @see HTMLDialogElement.closedBy
@@ -715,13 +764,13 @@ class z extends HTMLElement {
    * Defines how the dialog can be closed.
    * @see DialogClosedBy
    */
-  _closedBy = F.ANY;
+  _closedBy = j.ANY;
   /**
    * @constructor
    * @ignore
    */
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(Y);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(V);
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -733,7 +782,7 @@ class z extends HTMLElement {
     return this.shadowRoot?.querySelector("dialog");
   }
   get command() {
-    return this.getAttribute(z.closedByAttribute) ?? F.ANY;
+    return this.getAttribute(z.closedByAttribute) ?? j.ANY;
   }
   get closedBy() {
     return this._closedBy;
@@ -791,7 +840,7 @@ class z extends HTMLElement {
    * @returns {void}
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = kt, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = $t, this._syncAttributes());
   }
   /**
    * Syncs a single attribute from host to dialog element.
@@ -836,11 +885,11 @@ class z extends HTMLElement {
     }, 300);
   }
 }
-const zt = "base-dialog", ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ht = "base-dialog", Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BaseDialogComponent: z,
-  selector: zt
-}, Symbol.toStringTag, { value: "Module" })), Mt = `<dialog part="dialog">
+  selector: Ht
+}, Symbol.toStringTag, { value: "Module" })), Nt = `<dialog part="dialog">
   <header part="header">
     <h2></h2>
   </header>
@@ -852,7 +901,7 @@ const zt = "base-dialog", ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obj
     <undo-button></undo-button>
   </footer>
 </dialog>
-`, Ot = "*{box-sizing:border-box}dialog header[part=header] h2{margin:0;padding:0}dialog div[part=body] p{margin:0;padding:0}dialog footer[part=footer]{display:flex;gap:var(--gap-md);justify-content:flex-end}", $t = `<dialog part="dialog">
+`, Tt = "*{box-sizing:border-box}dialog header[part=header] h2{margin:0;padding:0}dialog div[part=body] p{margin:0;padding:0}dialog footer[part=footer]{display:flex;gap:var(--gap-md);justify-content:flex-end}", jt = `<dialog part="dialog">
   <header part="header">
     <slot name="header"></slot>
   </header>
@@ -863,9 +912,9 @@ const zt = "base-dialog", ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obj
     <slot name="footer"></slot>
   </footer>
 </dialog>
-`, It = '*{box-sizing:border-box}dialog[open]{max-width:100%;max-height:100%;display:flex;flex-direction:column;gap:var(--spacing-4)}dialog>[part]{position:relative}dialog>[part][hidden]{display:none}dialog>[part][data-divider=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:var(--border-width-1) solid var(--color-neutral-600)}dialog>[part][data-divider=true]{padding-bottom:var(--spacing-4)}dialog div[part=body]{flex:1;min-height:0;overflow-y:auto}', V = new CSSStyleSheet();
-V.replaceSync(It);
-class D extends z {
+`, Ft = '*{box-sizing:border-box}dialog[open]{max-width:100%;max-height:100%;display:flex;flex-direction:column;gap:var(--spacing-4)}dialog>[part]{position:relative}dialog>[part][hidden]{display:none}dialog>[part][data-divider=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:var(--border-width-1) solid var(--color-neutral-600)}dialog>[part][data-divider=true]{padding-bottom:var(--spacing-4)}dialog div[part=body]{flex:1;min-height:0;overflow-y:auto}', B = new CSSStyleSheet();
+B.replaceSync(Ft);
+class P extends z {
   _sectionNames = ["header", "body", "footer"];
   _handleSlotChange = () => {
     this._updateSectionState();
@@ -875,7 +924,7 @@ class D extends z {
    * @ignore
    */
   constructor() {
-    super(), this.shadowRoot?.adoptedStyleSheets.push(V);
+    super(), this.shadowRoot?.adoptedStyleSheets.push(B);
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -891,7 +940,7 @@ class D extends z {
    * @returns {void}
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = $t, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = jt, this._syncAttributes());
   }
   /**
    * Adds slot listeners so sections can react to projected content changes.
@@ -937,9 +986,9 @@ class D extends z {
     });
   }
 }
-const B = new CSSStyleSheet();
-B.replaceSync(Ot);
-class p extends D {
+const X = new CSSStyleSheet();
+X.replaceSync(Tt);
+class g extends P {
   /**
    * The title of the confirmation dialog.
    */
@@ -968,7 +1017,7 @@ class p extends D {
    * @constructor
    */
   constructor() {
-    super(), this.shadowRoot?.adoptedStyleSheets.push(B);
+    super(), this.shadowRoot?.adoptedStyleSheets.push(X);
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -976,23 +1025,23 @@ class p extends D {
    */
   static get observedAttributes() {
     return [
-      ...D.observedAttributes,
-      p.textAttribute,
-      p.headlineAttribute,
-      p.valueAttribute
+      ...P.observedAttributes,
+      g.textAttribute,
+      g.headlineAttribute,
+      g.valueAttribute
     ];
   }
   get headline() {
     return this._headline;
   }
   set headline(t) {
-    this._headline = t, this.setAttribute(p.headlineAttribute, t);
+    this._headline = t, this.setAttribute(g.headlineAttribute, t);
   }
   get text() {
     return this._text;
   }
   set text(t) {
-    this._text = t, this.setAttribute(p.textAttribute, t);
+    this._text = t, this.setAttribute(g.textAttribute, t);
   }
   get value() {
     return this._value;
@@ -1006,7 +1055,7 @@ class p extends D {
    * @returns {void}
    */
   connectedCallback() {
-    this._render(), this._addEventListeners(), this.closedBy = F.NONE;
+    this._render(), this._addEventListeners(), this.closedBy = j.NONE;
   }
   /**
    * Renders the component's HTML structure.
@@ -1015,7 +1064,7 @@ class p extends D {
    * @returns {void}
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Mt, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Nt, this._syncAttributes());
   }
   /**
    * Syncs a single attribute from host to the DOM elements.
@@ -1024,21 +1073,21 @@ class p extends D {
    * @returns {void}
    */
   _syncAttribute(t) {
-    if (p.observedAttributes.includes(t))
+    if (g.observedAttributes.includes(t))
       switch (t) {
-        case p.headlineAttribute: {
+        case g.headlineAttribute: {
           this._headline = this.getAttribute(t) ?? d;
           const e = this.shadowRoot?.querySelector("h2");
           e != null && (e.textContent = this._headline);
           break;
         }
-        case p.textAttribute: {
+        case g.textAttribute: {
           this._text = this.getAttribute(t) ?? d;
           const e = this.shadowRoot?.querySelector("p");
           e != null && (e.textContent = this._text);
           break;
         }
-        case p.valueAttribute: {
+        case g.valueAttribute: {
           this._value = this.getAttribute(t);
           break;
         }
@@ -1055,7 +1104,7 @@ class p extends D {
    * @returns {void}
    */
   _syncAttributes() {
-    super._syncAttributes(), p.observedAttributes.forEach((t) => {
+    super._syncAttributes(), g.observedAttributes.forEach((t) => {
       this._syncAttribute(t);
     });
   }
@@ -1067,7 +1116,7 @@ class p extends D {
   _addEventListeners() {
     super._addEventListeners(), this.shadowRoot?.querySelector(
       q
-    )?.addEventListener(R.CLICK, this._handleConfirm), this.shadowRoot?.querySelector(j)?.addEventListener(R.CLICK, this._handleUndo);
+    )?.addEventListener(R.CLICK, this._handleConfirm), this.shadowRoot?.querySelector(F)?.addEventListener(R.CLICK, this._handleUndo);
   }
   /**
    * Removes event listeners.
@@ -1077,7 +1126,7 @@ class p extends D {
   _removeEventListeners() {
     super._removeEventListeners(), this.shadowRoot?.querySelector(
       q
-    )?.removeEventListener(R.CLICK, this._handleConfirm), this.shadowRoot?.querySelector(j)?.removeEventListener(R.CLICK, this._handleUndo);
+    )?.removeEventListener(R.CLICK, this._handleConfirm), this.shadowRoot?.querySelector(F)?.removeEventListener(R.CLICK, this._handleUndo);
   }
   /**
    * Handles the confirm button click event.
@@ -1112,19 +1161,19 @@ class p extends D {
     this.dispatchEvent(t), this._value = void 0;
   };
 }
-const Ht = "confirmation-dialog", Nt = {
+const qt = "confirmation-dialog", Pt = {
   CONFIRMATION_DIALOG_CONFIRM: T.CONFIRMATION_DIALOG_CONFIRM,
   CONFIRMATION_DIALOG_UNDO: T.CONFIRMATION_DIALOG_UNDO
-}, Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  COMPONENT_CUSTOM_MESSAGES: Nt,
-  ConfirmationDialogComponent: p,
-  selector: Ht
-}, Symbol.toStringTag, { value: "Module" })), Tt = "header-body-footer-dialog", ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  COMPONENT_CUSTOM_MESSAGES: Pt,
+  ConfirmationDialogComponent: g,
+  selector: qt
+}, Symbol.toStringTag, { value: "Module" })), Dt = "header-body-footer-dialog", Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  HeaderBodyFooterDialogComponent: D,
-  selector: Tt
-}, Symbol.toStringTag, { value: "Module" })), Ft = `<div class="bar-menu-container">
+  HeaderBodyFooterDialogComponent: P,
+  selector: Dt
+}, Symbol.toStringTag, { value: "Module" })), Ut = `<div class="bar-menu-container">
   <previous-button class="nav-prev" part="nav-prev-button"></previous-button>
 
   <div class="buttons-wrapper" part="buttons-wrapper">
@@ -1133,8 +1182,8 @@ const Ht = "confirmation-dialog", Nt = {
 
   <next-button class="nav-next" part="nav-next-button"></next-button>
 </div>
-`, jt = "*{box-sizing:border-box}:host{display:block;width:100%}.bar-menu-container{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--gap-sm);padding:var(--spacing-1);background:var(--color-bg-primary);border-radius:var(--border-radius-full);border:var(--border-width-2) solid var(--color-border-secondary);box-shadow:var(--shadow-sm);margin:0 auto}.bar-menu-container .nav-prev,.bar-menu-container .nav-next{flex-shrink:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.bar-menu-container .nav-prev.visible,.bar-menu-container .nav-next.visible{opacity:1;visibility:visible;pointer-events:auto}.bar-menu-container .nav-prev::part(button),.bar-menu-container .nav-next::part(button){background-color:transparent;box-shadow:none}.bar-menu-container .buttons-wrapper{display:grid;grid-template-columns:repeat(var(--bar-menu-visible-count, 3),1fr);grid-auto-rows:max-content;align-items:center;justify-items:center;gap:var(--gap-sm);overflow:hidden;position:relative;width:auto}::slotted(*){display:none;flex-shrink:0;will-change:opacity,transform;contain:layout style paint;opacity:0;transform:scale(.8)}::slotted(.animating){transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1)}::slotted(.visible-button){display:inline-flex!important;pointer-events:auto;opacity:1;transform:scale(1)}", X = new CSSStyleSheet();
-X.replaceSync(jt);
+`, Kt = "*{box-sizing:border-box}:host{display:block;width:100%}.bar-menu-container{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--gap-sm);padding:var(--spacing-1);background:var(--color-bg-primary);border-radius:var(--border-radius-full);border:var(--border-width-2) solid var(--color-border-secondary);box-shadow:var(--shadow-sm);margin:0 auto}.bar-menu-container .nav-prev,.bar-menu-container .nav-next{flex-shrink:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.bar-menu-container .nav-prev.visible,.bar-menu-container .nav-next.visible{opacity:1;visibility:visible;pointer-events:auto}.bar-menu-container .nav-prev::part(button),.bar-menu-container .nav-next::part(button){background-color:transparent;box-shadow:none}.bar-menu-container .buttons-wrapper{display:grid;grid-template-columns:repeat(var(--bar-menu-visible-count, 3),1fr);grid-auto-rows:max-content;align-items:center;justify-items:center;gap:var(--gap-sm);overflow:hidden;position:relative;width:auto}::slotted(*){display:none;flex-shrink:0;will-change:opacity,transform;contain:layout style paint;opacity:0;transform:scale(.8)}::slotted(.animating){transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1)}::slotted(.visible-button){display:inline-flex!important;pointer-events:auto;opacity:1;transform:scale(1)}", J = new CSSStyleSheet();
+J.replaceSync(Kt);
 class y extends HTMLElement {
   static _visibleCountAttribute = "visible-count";
   static _cyclicalNavigationAttribute = "cyclical-navigation";
@@ -1153,7 +1202,7 @@ class y extends HTMLElement {
    * @constructor
    */
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(X);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(J);
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -1213,7 +1262,7 @@ class y extends HTMLElement {
    * Render the component's Shadow DOM structure
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Ft);
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Ut);
   }
   /**
    * Cache Shadow DOM elements for performance
@@ -1251,13 +1300,13 @@ class y extends HTMLElement {
   _setupKeyboardListener() {
     this._keyDownListener = (t) => {
       t.key === "ArrowLeft" ? (t.preventDefault(), this._scrollPrevious()) : t.key === "ArrowRight" && (t.preventDefault(), this._scrollNext());
-    }, this.addEventListener(P.KEY_DOWN, this._keyDownListener);
+    }, this.addEventListener(D.KEY_DOWN, this._keyDownListener);
   }
   /**
    * Remove keyboard listener
    */
   _removeKeyboardListener() {
-    this._keyDownListener !== null && this.removeEventListener(P.KEY_DOWN, this._keyDownListener);
+    this._keyDownListener !== null && this.removeEventListener(D.KEY_DOWN, this._keyDownListener);
   }
   /**
    * Get all slotted button elements
@@ -1270,25 +1319,25 @@ class y extends HTMLElement {
    */
   _updateButtonVisibility(t) {
     const e = this._getSlottedButtons(), r = e.length, i = this.visibleButtons, a = this._currentIndex, v = Math.min(a + i, r);
-    e.forEach((c, g) => {
-      const I = g >= a && g < v, M = c;
-      I || (c.classList.remove("visible-button"), c.classList.remove("animating"), M.style.display = "none");
-    }), t !== void 0 ? (e[0]?.offsetHeight, e.forEach((c, g) => {
-      if (g >= a && g < v) {
-        const M = c;
-        M.style.display = "inline-flex", c.classList.add("animating");
-        const lt = g % this.visibleButtons * 50;
-        M.style.transitionDelay = `${lt}ms`;
+    e.forEach((c, p) => {
+      const I = p >= a && p < v, $ = c;
+      I || (c.classList.remove("visible-button"), c.classList.remove("animating"), $.style.display = "none");
+    }), t !== void 0 ? (e[0]?.offsetHeight, e.forEach((c, p) => {
+      if (p >= a && p < v) {
+        const $ = c;
+        $.style.display = "inline-flex", c.classList.add("animating");
+        const dt = p % this.visibleButtons * 50;
+        $.style.transitionDelay = `${dt}ms`;
       }
-    }), e[0]?.offsetHeight, e.forEach((c, g) => {
-      g >= a && g < v && c.classList.add("visible-button");
+    }), e[0]?.offsetHeight, e.forEach((c, p) => {
+      p >= a && p < v && c.classList.add("visible-button");
     }), setTimeout(() => {
       e.forEach((c) => {
         c.classList.remove("animating"), c.style.transitionDelay = d;
       });
-    }, 400)) : e.forEach((c, g) => {
-      const I = g >= a && g < v, M = c;
-      I && (M.style.display = "inline-flex", c.classList.add("visible-button"));
+    }, 400)) : e.forEach((c, p) => {
+      const I = p >= a && p < v, $ = c;
+      I && ($.style.display = "inline-flex", c.classList.add("visible-button"));
     }), this._updateNavigationButtons(r, i);
   }
   /**
@@ -1345,21 +1394,21 @@ class y extends HTMLElement {
     return this._currentIndex;
   }
 }
-const qt = "bar-menu", Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Gt = "bar-menu", Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BarMenuComponent: y,
-  selector: qt
-}, Symbol.toStringTag, { value: "Module" })), Dt = "ds-spinner", Pt = `<div part="spinner" class="spinner" role="status" aria-label="Loading">
+  selector: Gt
+}, Symbol.toStringTag, { value: "Module" })), Ct = "ds-spinner", Wt = `<div part="spinner" class="spinner" role="status" aria-label="Loading">
   <div class="spinner-ring"></div>
 </div>
-`, Ut = "*{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner-ring{width:var(--spinner-size, 2rem);height:var(--spinner-size, 2rem);border:3px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:var(--border-radius-full);animation:spin var(--transition-slow) linear infinite}:host([size=sm]) .spinner-ring{width:1rem;height:1rem;border-width:2px}:host([size=md]) .spinner-ring{width:2rem;height:2rem;border-width:3px}:host([size=lg]) .spinner-ring{width:3rem;height:3rem;border-width:4px}:host([variant=primary]) .spinner-ring{border-top-color:var(--color-primary)}:host([variant=success]) .spinner-ring{border-top-color:var(--color-success)}:host([variant=warning]) .spinner-ring{border-top-color:var(--color-warning)}:host([variant=error]) .spinner-ring{border-top-color:var(--color-error)}@keyframes spin{to{transform:rotate(360deg)}}", J = new CSSStyleSheet();
-J.replaceSync(Ut);
+`, Yt = "*{box-sizing:border-box}:host{display:inline-flex;align-items:center;justify-content:center}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner-ring{width:var(--spinner-size, 2rem);height:var(--spinner-size, 2rem);border:3px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:var(--border-radius-full);animation:spin var(--transition-slow) linear infinite}:host([size=sm]) .spinner-ring{width:1rem;height:1rem;border-width:2px}:host([size=md]) .spinner-ring{width:2rem;height:2rem;border-width:3px}:host([size=lg]) .spinner-ring{width:3rem;height:3rem;border-width:4px}:host([variant=primary]) .spinner-ring{border-top-color:var(--color-primary)}:host([variant=success]) .spinner-ring{border-top-color:var(--color-success)}:host([variant=warning]) .spinner-ring{border-top-color:var(--color-warning)}:host([variant=error]) .spinner-ring{border-top-color:var(--color-error)}@keyframes spin{to{transform:rotate(360deg)}}", Q = new CSSStyleSheet();
+Q.replaceSync(Yt);
 class f extends HTMLElement {
   static _sizeAttribute = "size";
   static _variantAttribute = "variant";
   static _labelAttribute = "label";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(J);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(Q);
   }
   static get observedAttributes() {
     return [
@@ -1397,14 +1446,14 @@ class f extends HTMLElement {
   _render() {
     if (this.shadowRoot === null)
       return;
-    this.shadowRoot.innerHTML = Pt, this.shadowRoot.querySelector(".spinner")?.setAttribute("aria-label", this.label);
+    this.shadowRoot.innerHTML = Wt, this.shadowRoot.querySelector(".spinner")?.setAttribute("aria-label", this.label);
   }
 }
-const Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   SpinnerComponent: f,
-  selector: Dt
-}, Symbol.toStringTag, { value: "Module" })), Kt = "ds-progress-bar", Gt = `<div
+  selector: Ct
+}, Symbol.toStringTag, { value: "Module" })), Vt = "ds-progress-bar", Bt = `<div
   part="container"
   class="progress-container"
   role="progressbar"
@@ -1416,8 +1465,8 @@ const Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   </div>
   <span class="progress-label"></span>
 </div>
-`, Wt = "*{box-sizing:border-box}:host{display:block;width:100%}.progress-container{display:flex;flex-direction:column;gap:var(--gap-xs)}.progress-track{width:100%;height:.5rem;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-full);overflow:hidden;border:1px solid var(--color-border-primary)}:host([size=sm]) .progress-track{height:.25rem}:host([size=md]) .progress-track{height:.5rem}:host([size=lg]) .progress-track{height:1rem}.progress-fill{height:100%;width:0%;background:var(--color-primary);border-radius:var(--border-radius-full);transition:width var(--transition-base) ease}:host([variant=success]) .progress-fill{background:var(--color-success)}:host([variant=warning]) .progress-fill{background:var(--color-warning)}:host([variant=error]) .progress-fill{background:var(--color-error)}:host([variant=info]) .progress-fill{background:var(--color-info)}:host([indeterminate]) .progress-fill{width:40%!important;animation:indeterminate var(--transition-slow) ease-in-out infinite}.progress-label{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-text-secondary);align-self:flex-end}:host(:not([show-label])) .progress-label{display:none}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}", Q = new CSSStyleSheet();
-Q.replaceSync(Wt);
+`, Xt = "*{box-sizing:border-box}:host{display:block;width:100%}.progress-container{display:flex;flex-direction:column;gap:var(--gap-xs)}.progress-track{width:100%;height:.5rem;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-full);overflow:hidden;border:1px solid var(--color-border-primary)}:host([size=sm]) .progress-track{height:.25rem}:host([size=md]) .progress-track{height:.5rem}:host([size=lg]) .progress-track{height:1rem}.progress-fill{height:100%;width:0%;background:var(--color-primary);border-radius:var(--border-radius-full);transition:width var(--transition-base) ease}:host([variant=success]) .progress-fill{background:var(--color-success)}:host([variant=warning]) .progress-fill{background:var(--color-warning)}:host([variant=error]) .progress-fill{background:var(--color-error)}:host([variant=info]) .progress-fill{background:var(--color-info)}:host([indeterminate]) .progress-fill{width:40%!important;animation:indeterminate var(--transition-slow) ease-in-out infinite}.progress-label{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-text-secondary);align-self:flex-end}:host(:not([show-label])) .progress-label{display:none}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}", Z = new CSSStyleSheet();
+Z.replaceSync(Xt);
 class h extends HTMLElement {
   static _valueAttribute = "value";
   static _variantAttribute = "variant";
@@ -1426,7 +1475,7 @@ class h extends HTMLElement {
   static _showLabelAttribute = "show-label";
   static _labelAttribute = "label";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(Q);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(Z);
   }
   static get observedAttributes() {
     return [
@@ -1472,7 +1521,7 @@ class h extends HTMLElement {
     r !== e && this._update();
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Gt, this._update());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Bt, this._update());
   }
   _update() {
     const t = this.shadowRoot?.querySelector(".progress-fill"), e = this.shadowRoot?.querySelector(
@@ -1484,19 +1533,19 @@ class h extends HTMLElement {
     )), r != null && (r.textContent = this.indeterminate ? "" : `${this.value}%`);
   }
 }
-const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ProgressBarComponent: h,
-  selector: Kt
-}, Symbol.toStringTag, { value: "Module" })), Ct = "ds-skeleton", Yt = `<div part="skeleton" class="skeleton" aria-hidden="true"></div>
-`, Vt = "*{box-sizing:border-box}:host{display:block;width:100%}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:var(--border-radius-md);animation:shimmer 1.5s infinite;min-height:1rem;width:100%}:host([shape=circle]) .skeleton{border-radius:var(--border-radius-full);width:var(--skeleton-size, 3rem);height:var(--skeleton-size, 3rem)}:host([shape=text]) .skeleton{border-radius:var(--border-radius-sm);height:1em}:host([shape=rect]) .skeleton{border-radius:var(--border-radius-md)}:host([width=full]){width:100%}:host([width=half]){width:50%}:host([width=quarter]){width:25%}:host([width=three-quarters]){width:75%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}", Z = new CSSStyleSheet();
-Z.replaceSync(Vt);
+  selector: Vt
+}, Symbol.toStringTag, { value: "Module" })), Jt = "ds-skeleton", Qt = `<div part="skeleton" class="skeleton" aria-hidden="true"></div>
+`, Zt = "*{box-sizing:border-box}:host{display:block;width:100%}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:var(--border-radius-md);animation:shimmer 1.5s infinite;min-height:1rem;width:100%}:host([shape=circle]) .skeleton{border-radius:var(--border-radius-full);width:var(--skeleton-size, 3rem);height:var(--skeleton-size, 3rem)}:host([shape=text]) .skeleton{border-radius:var(--border-radius-sm);height:1em}:host([shape=rect]) .skeleton{border-radius:var(--border-radius-md)}:host([width=full]){width:100%}:host([width=half]){width:50%}:host([width=quarter]){width:25%}:host([width=three-quarters]){width:75%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}", tt = new CSSStyleSheet();
+tt.replaceSync(Zt);
 class A extends HTMLElement {
   static _shapeAttribute = "shape";
   static _heightAttribute = "height";
   static _widthAttribute = "width";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(Z);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(tt);
   }
   static get observedAttributes() {
     return [
@@ -1524,49 +1573,49 @@ class A extends HTMLElement {
     r !== e && t === A._heightAttribute && this._applyHeight(r);
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Yt, this._applyHeight(this.height));
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Qt, this._applyHeight(this.height));
   }
   _applyHeight(t) {
     const e = this.shadowRoot?.querySelector(".skeleton");
     e != null && t !== null && t !== "" && (e.style.height = t);
   }
 }
-const Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   SkeletonComponent: A,
-  selector: Ct
-}, Symbol.toStringTag, { value: "Module" })), Bt = "ds-card", Xt = `<div part="card" class="card">
+  selector: Jt
+}, Symbol.toStringTag, { value: "Module" })), te = "ds-card", ee = `<div part="card" class="card">
   <slot name="header" class="card-header-slot"></slot>
   <div class="card-body">
     <slot></slot>
   </div>
   <slot name="footer" class="card-footer-slot"></slot>
 </div>
-`, Jt = '*{box-sizing:border-box}:host{display:block}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);font-family:var(--font-family-base);color:var(--color-text-primary);position:relative}.card:before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);opacity:0;transition:opacity var(--transition-fast)}:host([hoverable]) .card:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px);border-color:var(--color-border-secondary)}:host([hoverable]) .card:hover:before{opacity:1}:host([variant=outlined]) .card{background:transparent;box-shadow:none;border:var(--border-width-2) solid var(--color-border-secondary)}:host([variant=elevated]) .card{background:var(--color-bg-primary);box-shadow:var(--shadow-xl);border:none}:host([variant=filled]) .card{background:var(--color-bg-secondary);border:none;box-shadow:none}.card-body{padding:var(--spacing-4) var(--spacing-5)}::slotted([slot=header]){display:block;padding:var(--spacing-5) var(--spacing-5) var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}::slotted([slot=footer]){display:block;padding:var(--spacing-3) var(--spacing-5) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border-primary)}', tt = new CSSStyleSheet();
-tt.replaceSync(Jt);
-class L extends HTMLElement {
+`, re = '*{box-sizing:border-box}:host{display:block}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);font-family:var(--font-family-base);color:var(--color-text-primary);position:relative}.card:before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);opacity:0;transition:opacity var(--transition-fast)}:host([hoverable]) .card:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px);border-color:var(--color-border-secondary)}:host([hoverable]) .card:hover:before{opacity:1}:host([variant=outlined]) .card{background:transparent;box-shadow:none;border:var(--border-width-2) solid var(--color-border-secondary)}:host([variant=elevated]) .card{background:var(--color-bg-primary);box-shadow:var(--shadow-xl);border:none}:host([variant=filled]) .card{background:var(--color-bg-secondary);border:none;box-shadow:none}.card-body{padding:var(--spacing-4) var(--spacing-5)}::slotted([slot=header]){display:block;padding:var(--spacing-5) var(--spacing-5) var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}::slotted([slot=footer]){display:block;padding:var(--spacing-3) var(--spacing-5) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border-primary)}', et = new CSSStyleSheet();
+et.replaceSync(re);
+class k extends HTMLElement {
   static _variantAttribute = "variant";
   static _hoverableAttribute = "hoverable";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(tt);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(et);
   }
   static get observedAttributes() {
     return [
-      L._variantAttribute,
-      L._hoverableAttribute
+      k._variantAttribute,
+      k._hoverableAttribute
     ];
   }
   get variant() {
-    return this.getAttribute(L._variantAttribute) ?? "default";
+    return this.getAttribute(k._variantAttribute) ?? "default";
   }
   set variant(t) {
-    this.setAttribute(L._variantAttribute, t);
+    this.setAttribute(k._variantAttribute, t);
   }
   get hoverable() {
-    return this.hasAttribute(L._hoverableAttribute);
+    return this.hasAttribute(k._hoverableAttribute);
   }
   set hoverable(t) {
-    t ? this.setAttribute(L._hoverableAttribute, "") : this.removeAttribute(L._hoverableAttribute);
+    t ? this.setAttribute(k._hoverableAttribute, "") : this.removeAttribute(k._hoverableAttribute);
   }
   connectedCallback() {
     this._render();
@@ -1574,24 +1623,24 @@ class L extends HTMLElement {
   attributeChangedCallback(t, e, r) {
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Xt);
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = ee);
   }
 }
-const He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BaseCardComponent: L,
-  selector: Bt
-}, Symbol.toStringTag, { value: "Module" })), Qt = "ds-badge", Zt = `<span part="badge" class="badge">
+  BaseCardComponent: k,
+  selector: te
+}, Symbol.toStringTag, { value: "Module" })), ie = "ds-badge", se = `<span part="badge" class="badge">
   <slot></slot>
 </span>
-`, te = "*{box-sizing:border-box}:host{display:inline-flex}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-xs);padding-block:.2em;padding-inline:.6em;border-radius:var(--border-radius-full);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4;white-space:nowrap;background-color:var(--color-primary);color:#fff;border:1px solid transparent}:host([variant=secondary]) .badge{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-primary)}:host([variant=success]) .badge{background-color:var(--color-success);color:#fff}:host([variant=warning]) .badge{background-color:var(--color-warning);color:#1a1a1a}:host([variant=error]) .badge{background-color:var(--color-error);color:#fff}:host([variant=info]) .badge{background-color:var(--color-info);color:#fff}:host([variant=outline]) .badge{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}:host([size=sm]) .badge{font-size:.65rem;padding-block:.1em;padding-inline:.4em}:host([size=lg]) .badge{font-size:var(--font-size-sm);padding-block:.3em;padding-inline:.8em}:host([dot]) .badge{width:.5rem;height:.5rem;padding:0;font-size:0}", et = new CSSStyleSheet();
-et.replaceSync(te);
+`, oe = "*{box-sizing:border-box}:host{display:inline-flex}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-xs);padding-block:.2em;padding-inline:.6em;border-radius:var(--border-radius-full);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4;white-space:nowrap;background-color:var(--color-primary);color:#fff;border:1px solid transparent}:host([variant=secondary]) .badge{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-primary)}:host([variant=success]) .badge{background-color:var(--color-success);color:#fff}:host([variant=warning]) .badge{background-color:var(--color-warning);color:#1a1a1a}:host([variant=error]) .badge{background-color:var(--color-error);color:#fff}:host([variant=info]) .badge{background-color:var(--color-info);color:#fff}:host([variant=outline]) .badge{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}:host([size=sm]) .badge{font-size:.65rem;padding-block:.1em;padding-inline:.4em}:host([size=lg]) .badge{font-size:var(--font-size-sm);padding-block:.3em;padding-inline:.8em}:host([dot]) .badge{width:.5rem;height:.5rem;padding:0;font-size:0}", rt = new CSSStyleSheet();
+rt.replaceSync(oe);
 class m extends HTMLElement {
   static _variantAttribute = "variant";
   static _sizeAttribute = "size";
   static _dotAttribute = "dot";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(et);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(rt);
   }
   static get observedAttributes() {
     return [
@@ -1624,14 +1673,14 @@ class m extends HTMLElement {
   attributeChangedCallback(t, e, r) {
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Zt);
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = se);
   }
 }
-const Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BadgeComponent: m,
-  selector: Qt
-}, Symbol.toStringTag, { value: "Module" })), ee = "ds-alert", re = `<div part="alert" class="alert" role="alert">
+  selector: ie
+}, Symbol.toStringTag, { value: "Module" })), ae = "ds-alert", ne = `<div part="alert" class="alert" role="alert">
   <span class="alert-icon"></span>
   <div class="alert-content">
     <slot name="title" class="alert-title-slot"></slot>
@@ -1646,31 +1695,31 @@ const Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     <span class="close-icon">✕</span>
   </button>
 </div>
-`, ie = '@charset "UTF-8";*{box-sizing:border-box}:host{display:block}:host([hidden]){display:none}.alert{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--spacing-3);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-primary);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);animation:alertIn var(--transition-fast) ease-out}:host([variant=success]) .alert{border-left-color:#22c55e;background-color:#1a3f1f;color:#d1fae5}:host([variant=warning]) .alert{border-left-color:#facc15;background-color:#3f3011;color:#e0c600}:host([variant=error]) .alert{border-left-color:#dc2626;background-color:color-mix(in srgb,#dc2626 10%,var(--color-bg-primary))}:host([variant=info]) .alert{border-left-color:var(--color-border-secondary);background:var(--color-bg-primary);color:var(--color-text-primary)}.alert-icon{font-size:var(--font-size-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:1.25em;height:1.25em}:host([variant=success]) .alert-icon:before{content:"✓"}:host([variant=warning]) .alert-icon:before{content:"⚠"}:host([variant=error]) .alert-icon:before{content:"✕"}:host([variant=info]) .alert-icon:before{content:"ℹ"}.alert-content{flex:1;min-width:0;padding:0 var(--gap-sm);border-left:1px solid}::slotted([slot=title]){display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);margin-bottom:var(--spacing-1)}.alert-close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.alert-close:hover{background:var(--color-hover-bg-secondary);color:var(--color-text-primary)}:host(:not([dismissible])) .alert-close{display:none}@keyframes alertIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}', rt = new CSSStyleSheet();
-rt.replaceSync(ie);
-class k extends HTMLElement {
+`, le = '@charset "UTF-8";*{box-sizing:border-box}:host{display:block}:host([hidden]){display:none}.alert{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--spacing-3);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-primary);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);animation:alertIn var(--transition-fast) ease-out}:host([variant=success]) .alert{border-left-color:#22c55e;background-color:#1a3f1f;color:#d1fae5}:host([variant=warning]) .alert{border-left-color:#facc15;background-color:#3f3011;color:#e0c600}:host([variant=error]) .alert{border-left-color:#dc2626;background-color:color-mix(in srgb,#dc2626 10%,var(--color-bg-primary))}:host([variant=info]) .alert{border-left-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 15%,var(--color-bg-primary));color:var(--color-text-primary)}.alert-icon{font-size:var(--font-size-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:1.25em;height:1.25em}:host([variant=success]) .alert-icon:before{content:"✓"}:host([variant=warning]) .alert-icon:before{content:"⚠"}:host([variant=error]) .alert-icon:before{content:"✕"}:host([variant=info]) .alert-icon:before{content:"ℹ"}.alert-content{flex:1;min-width:0;padding:0 var(--gap-sm);border-left:1px solid}::slotted([slot=title]){display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);margin-bottom:var(--spacing-1)}.alert-close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.alert-close:hover{background:var(--color-hover-bg-secondary);color:var(--color-text-primary)}:host(:not([dismissible])) .alert-close{display:none}@keyframes alertIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}', it = new CSSStyleSheet();
+it.replaceSync(le);
+class L extends HTMLElement {
   static _variantAttribute = "variant";
   static _dismissibleAttribute = "dismissible";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(rt);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(it);
   }
   static get observedAttributes() {
     return [
-      k._variantAttribute,
-      k._dismissibleAttribute
+      L._variantAttribute,
+      L._dismissibleAttribute
     ];
   }
   get variant() {
-    return this.getAttribute(k._variantAttribute) ?? "info";
+    return this.getAttribute(L._variantAttribute) ?? "info";
   }
   set variant(t) {
-    this.setAttribute(k._variantAttribute, t);
+    this.setAttribute(L._variantAttribute, t);
   }
   get dismissible() {
-    return this.hasAttribute(k._dismissibleAttribute);
+    return this.hasAttribute(L._dismissibleAttribute);
   }
   set dismissible(t) {
-    t ? this.setAttribute(k._dismissibleAttribute, "") : this.removeAttribute(k._dismissibleAttribute);
+    t ? this.setAttribute(L._dismissibleAttribute, "") : this.removeAttribute(L._dismissibleAttribute);
   }
   connectedCallback() {
     this._render(), this._addEventListeners();
@@ -1692,14 +1741,14 @@ class k extends HTMLElement {
     this.shadowRoot?.querySelector(".alert-close")?.removeEventListener("click", this._handleClose);
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = re, this._addEventListeners());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = ne, this._addEventListeners());
   }
 }
-const Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AlertComponent: k,
-  selector: ee
-}, Symbol.toStringTag, { value: "Module" })), se = "ds-tag", oe = `<span part="tag" class="tag">
+  AlertComponent: L,
+  selector: ae
+}, Symbol.toStringTag, { value: "Module" })), de = "ds-tag", ce = `<span part="tag" class="tag">
   <slot></slot>
   <button
     part="remove-button"
@@ -1710,14 +1759,14 @@ const Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ✕
   </button>
 </span>
-`, ae = "*{box-sizing:border-box}:host{display:inline-flex}.tag{display:inline-flex;align-items:center;gap:var(--gap-xs);padding-block:.25em;padding-inline:.75em;border-radius:var(--border-radius-full);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);transition:all var(--transition-fast)}:host([variant=primary]) .tag{background-color:var(--color-primary);color:#fff;border-color:transparent}:host([variant=success]) .tag{background-color:var(--color-success);color:#fff;border-color:transparent}:host([variant=warning]) .tag{background-color:var(--color-warning);color:#1a1a1a;border-color:transparent}:host([variant=error]) .tag{background-color:var(--color-error);color:#fff;border-color:transparent}:host([size=sm]) .tag{font-size:var(--font-size-xs);padding-block:.15em;padding-inline:.5em}:host([size=lg]) .tag{font-size:var(--font-size-md);padding-block:.35em;padding-inline:1em}.tag-remove{display:none;background:transparent;border:none;cursor:pointer;padding:0;font-size:.75em;color:inherit;opacity:.7;line-height:1;border-radius:var(--border-radius-full);transition:opacity var(--transition-fast)}:host([removable]) .tag-remove{display:inline-flex;align-items:center;justify-content:center}.tag-remove:hover{opacity:1}", it = new CSSStyleSheet();
-it.replaceSync(ae);
+`, ue = "*{box-sizing:border-box}:host{display:inline-flex}.tag{display:inline-flex;align-items:center;gap:var(--gap-xs);padding-block:.25em;padding-inline:.75em;border-radius:var(--border-radius-full);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);transition:all var(--transition-fast)}:host([variant=primary]) .tag{background-color:var(--color-primary);color:#fff;border-color:transparent}:host([variant=success]) .tag{background-color:var(--color-success);color:#fff;border-color:transparent}:host([variant=warning]) .tag{background-color:var(--color-warning);color:#1a1a1a;border-color:transparent}:host([variant=error]) .tag{background-color:var(--color-error);color:#fff;border-color:transparent}:host([size=sm]) .tag{font-size:var(--font-size-xs);padding-block:.15em;padding-inline:.5em}:host([size=lg]) .tag{font-size:var(--font-size-md);padding-block:.35em;padding-inline:1em}.tag-remove{display:none;background:transparent;border:none;cursor:pointer;padding:0;font-size:.75em;color:inherit;opacity:.7;line-height:1;border-radius:var(--border-radius-full);transition:opacity var(--transition-fast)}:host([removable]) .tag-remove{display:inline-flex;align-items:center;justify-content:center}.tag-remove:hover{opacity:1}", st = new CSSStyleSheet();
+st.replaceSync(ue);
 class _ extends HTMLElement {
   static _variantAttribute = "variant";
   static _sizeAttribute = "size";
   static _removableAttribute = "removable";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(it);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(st);
   }
   static get observedAttributes() {
     return [
@@ -1758,20 +1807,20 @@ class _ extends HTMLElement {
     this.shadowRoot?.querySelector(".tag-remove")?.removeEventListener("click", this._handleRemove);
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = oe, this._addEventListeners());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = ce, this._addEventListeners());
   }
 }
-const Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TagComponent: _,
-  selector: se
-}, Symbol.toStringTag, { value: "Module" })), ne = "ds-avatar", le = `<div part="avatar" class="avatar" role="img">
+  selector: de
+}, Symbol.toStringTag, { value: "Module" })), he = "ds-avatar", be = `<div part="avatar" class="avatar" role="img">
   <img class="avatar-image" alt="" />
   <span class="avatar-initials"></span>
   <span class="avatar-icon">👤</span>
 </div>
-`, de = "*{box-sizing:border-box}:host{display:inline-flex}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--border-radius-full);background-color:var(--color-primary);color:#fff;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);overflow:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0}:host([size=xs]) .avatar{width:1.5rem;height:1.5rem;font-size:var(--font-size-xs)}:host([size=sm]) .avatar{width:2rem;height:2rem;font-size:var(--font-size-xs)}:host([size=md]) .avatar{width:2.5rem;height:2.5rem;font-size:var(--font-size-sm)}:host([size=lg]) .avatar{width:3.5rem;height:3.5rem;font-size:var(--font-size-lg)}:host([size=xl]) .avatar{width:5rem;height:5rem;font-size:var(--font-size-2xl)}:host([shape=square]) .avatar{border-radius:var(--border-radius-md)}:host([shape=rounded]) .avatar{border-radius:var(--border-radius-lg)}:host([color=secondary]) .avatar{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}:host([color=success]) .avatar{background-color:var(--color-success)}:host([color=warning]) .avatar{background-color:var(--color-warning);color:#1a1a1a}:host([color=error]) .avatar{background-color:var(--color-error)}.avatar-image{width:100%;height:100%;object-fit:cover;display:none;border-radius:inherit}.avatar-initials{display:none;line-height:1}.avatar-icon{display:flex;font-size:1.2em;line-height:1}:host([src]) .avatar-image{display:block}:host([src]) .avatar-initials{display:none}:host([src]) .avatar-icon{display:none}:host([initials]:not([src])) .avatar-initials{display:block}:host([initials]:not([src])) .avatar-icon{display:none}", st = new CSSStyleSheet();
-st.replaceSync(de);
+`, ve = "*{box-sizing:border-box}:host{display:inline-flex}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--border-radius-full);background-color:var(--color-primary);color:#fff;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);overflow:hidden;-webkit-user-select:none;user-select:none;flex-shrink:0}:host([size=xs]) .avatar{width:1.5rem;height:1.5rem;font-size:var(--font-size-xs)}:host([size=sm]) .avatar{width:2rem;height:2rem;font-size:var(--font-size-xs)}:host([size=md]) .avatar{width:2.5rem;height:2.5rem;font-size:var(--font-size-sm)}:host([size=lg]) .avatar{width:3.5rem;height:3.5rem;font-size:var(--font-size-lg)}:host([size=xl]) .avatar{width:5rem;height:5rem;font-size:var(--font-size-2xl)}:host([shape=square]) .avatar{border-radius:var(--border-radius-md)}:host([shape=rounded]) .avatar{border-radius:var(--border-radius-lg)}:host([color=secondary]) .avatar{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}:host([color=success]) .avatar{background-color:var(--color-success)}:host([color=warning]) .avatar{background-color:var(--color-warning);color:#1a1a1a}:host([color=error]) .avatar{background-color:var(--color-error)}.avatar-image{width:100%;height:100%;object-fit:cover;display:none;border-radius:inherit}.avatar-initials{display:none;line-height:1}.avatar-icon{display:flex;font-size:1.2em;line-height:1}:host([src]) .avatar-image{display:block}:host([src]) .avatar-initials{display:none}:host([src]) .avatar-icon{display:none}:host([initials]:not([src])) .avatar-initials{display:block}:host([initials]:not([src])) .avatar-icon{display:none}", ot = new CSSStyleSheet();
+ot.replaceSync(ve);
 class n extends HTMLElement {
   static _srcAttribute = "src";
   static _altAttribute = "alt";
@@ -1780,7 +1829,7 @@ class n extends HTMLElement {
   static _shapeAttribute = "shape";
   static _colorAttribute = "color";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(st);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(ot);
   }
   static get observedAttributes() {
     return [
@@ -1826,7 +1875,7 @@ class n extends HTMLElement {
     r !== e && this._update(t, r);
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = le, this._update(n._srcAttribute, this.src), this._update(n._initialsAttribute, this.initials), this._update(n._altAttribute, this.alt));
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = be, this._update(n._srcAttribute, this.src), this._update(n._initialsAttribute, this.initials), this._update(n._altAttribute, this.alt));
   }
   _update(t, e) {
     if (t === n._srcAttribute) {
@@ -1841,16 +1890,16 @@ class n extends HTMLElement {
     }
   }
 }
-const je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AvatarComponent: n,
-  selector: ne
-}, Symbol.toStringTag, { value: "Module" })), ce = "ds-tooltip", ue = `<slot></slot>
+  selector: he
+}, Symbol.toStringTag, { value: "Module" })), pe = "ds-tooltip", ge = `<slot></slot>
 <div part="tooltip" class="tooltip" role="tooltip">
   <slot name="content"></slot>
 </div>
-`, he = "*{box-sizing:border-box}:host{position:relative;display:inline-flex;align-items:center}.tooltip{position:absolute;z-index:var(--z-index-tooltip, 1070);bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-bg-tertiary, #1e1e2e);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-xs);line-height:var(--line-height-normal);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);max-width:16rem;white-space:normal;text-align:center}:host([placement=bottom]) .tooltip{bottom:auto;top:calc(100% + .5rem)}:host([placement=left]) .tooltip{bottom:auto;left:auto;right:calc(100% + .5rem);top:50%;transform:translateY(-50%)}:host([placement=right]) .tooltip{bottom:auto;left:calc(100% + .5rem);top:50%;transform:translateY(-50%)}:host([open]) .tooltip,:host(:hover) .tooltip,:host(:focus-within) .tooltip{opacity:1;visibility:visible}:host([follow-cursor]) .tooltip{position:fixed;bottom:auto;left:0;top:0;transform:none}:host([follow-cursor]) .tooltip{opacity:1;visibility:visible}", ot = new CSSStyleSheet();
-ot.replaceSync(he);
+`, fe = "*{box-sizing:border-box}:host{position:relative;display:inline-flex;align-items:center}.tooltip{position:absolute;z-index:var(--z-index-tooltip, 1070);bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-bg-tertiary, #1e1e2e);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-xs);line-height:var(--line-height-normal);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);max-width:16rem;white-space:normal;text-align:center}:host([placement=bottom]) .tooltip{bottom:auto;top:calc(100% + .5rem)}:host([placement=left]) .tooltip{bottom:auto;left:auto;right:calc(100% + .5rem);top:50%;transform:translateY(-50%)}:host([placement=right]) .tooltip{bottom:auto;left:calc(100% + .5rem);top:50%;transform:translateY(-50%)}:host([open]) .tooltip,:host(:hover) .tooltip,:host(:focus-within) .tooltip{opacity:1;visibility:visible}:host([follow-cursor]) .tooltip{position:fixed;bottom:auto;left:0;top:0;transform:none}:host([follow-cursor]) .tooltip{opacity:1;visibility:visible}", at = new CSSStyleSheet();
+at.replaceSync(fe);
 class b extends HTMLElement {
   static _placementAttribute = "placement";
   static _contentAttribute = "content";
@@ -1859,7 +1908,7 @@ class b extends HTMLElement {
   _lastMouseX = 0;
   _lastMouseY = 0;
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(ot);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(at);
   }
   static get observedAttributes() {
     return [
@@ -1907,7 +1956,7 @@ class b extends HTMLElement {
   _render() {
     if (this.shadowRoot === null)
       return;
-    this.shadowRoot.innerHTML = ue, this._updateContent(this.content);
+    this.shadowRoot.innerHTML = ge, this._updateContent(this.content);
     const t = this.shadowRoot.querySelector(".tooltip");
     if (t != null) {
       const e = `tooltip-${Math.random().toString(36).slice(2, 7)}`;
@@ -1946,11 +1995,11 @@ class b extends HTMLElement {
     }
   }
 }
-const qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TooltipComponent: b,
-  selector: ce
-}, Symbol.toStringTag, { value: "Module" })), be = "ds-text-input", ve = `<div part="wrapper" class="input-wrapper">
+  selector: pe
+}, Symbol.toStringTag, { value: "Module" })), me = "ds-text-input", ye = `<div part="wrapper" class="input-wrapper">
   <label class="input-label" part="label"></label>
   <div class="input-container">
     <slot name="prefix" class="input-prefix"></slot>
@@ -1959,8 +2008,8 @@ const qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   </div>
   <span class="input-helper" part="helper"></span>
 </div>
-`, ge = "*{box-sizing:border-box}:host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--gap-xs);font-family:var(--font-family-base)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.input-label:empty{display:none}.input-container{display:flex;align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden}.input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent);outline:none}:host([state=error]) .input-container{border-color:#dc2626;box-shadow:none}:host([state=error]) .input-container:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,#dc2626 20%,transparent)}:host([state=success]) .input-container{border-color:var(--color-success)}.input{flex:1;min-width:0;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.input::placeholder{color:var(--color-text-secondary);opacity:.7}.input:disabled{opacity:.5;cursor:not-allowed}:host([size=sm]) .input{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}:host([size=lg]) .input{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-md)}.input-helper{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.input-helper:empty{display:none}:host([state=error]) .input-helper{color:#dc2626}:host([state=success]) .input-helper{color:var(--color-success)}::slotted([slot=prefix]),::slotted([slot=suffix]){display:flex;align-items:center;padding-inline:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-shrink:0}", at = new CSSStyleSheet();
-at.replaceSync(ge);
+`, Ae = "*{box-sizing:border-box}:host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--gap-xs);font-family:var(--font-family-base)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.input-label:empty{display:none}.input-container{display:flex;align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden}.input-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent);outline:none}:host([state=error]) .input-container{border-color:#dc2626;box-shadow:none}:host([state=error]) .input-container:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,#dc2626 20%,transparent)}:host([state=success]) .input-container{border-color:var(--color-success)}.input{flex:1;min-width:0;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;outline:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.input::placeholder{color:var(--color-text-secondary);opacity:.7}.input:disabled{opacity:.5;cursor:not-allowed}:host([size=sm]) .input{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}:host([size=lg]) .input{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-md)}.input-helper{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.input-helper:empty{display:none}:host([state=error]) .input-helper{color:#dc2626}:host([state=success]) .input-helper{color:var(--color-success)}::slotted([slot=prefix]),::slotted([slot=suffix]){display:flex;align-items:center;padding-inline:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-shrink:0}", nt = new CSSStyleSheet();
+nt.replaceSync(Ae);
 class o extends HTMLElement {
   static _labelAttribute = "label";
   static _placeholderAttribute = "placeholder";
@@ -1973,7 +2022,7 @@ class o extends HTMLElement {
   static _sizeAttribute = "size";
   static _nameAttribute = "name";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(at);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(nt);
   }
   static get observedAttributes() {
     return [
@@ -2093,7 +2142,7 @@ class o extends HTMLElement {
   _render() {
     if (this.shadowRoot === null)
       return;
-    this.shadowRoot.innerHTML = ve;
+    this.shadowRoot.innerHTML = ye;
     const t = this._inputElement;
     if (t !== null) {
       t.setAttribute(
@@ -2109,19 +2158,19 @@ class o extends HTMLElement {
     r !== null && (r.textContent = this.helper), this._addEventListeners();
   }
 }
-const De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TextInputComponent: o,
-  selector: be
-}, Symbol.toStringTag, { value: "Module" })), pe = "ds-toggle", fe = `<label class="toggle-wrapper" part="wrapper">
+  selector: me
+}, Symbol.toStringTag, { value: "Module" })), _e = "ds-toggle", we = `<label class="toggle-wrapper" part="wrapper">
   <input class="toggle-input" type="checkbox" role="switch" />
   <span class="toggle-track" part="track">
     <span class="toggle-thumb" part="thumb"></span>
   </span>
   <span class="toggle-label" part="label"><slot></slot></span>
 </label>
-`, me = "*{box-sizing:border-box}:host{display:inline-flex}.toggle-wrapper{display:inline-flex;align-items:center;gap:var(--gap-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-primary)}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;border-radius:var(--border-radius-full);background-color:var(--color-border-primary);transition:background-color var(--transition-fast);flex-shrink:0}.toggle-input:checked+.toggle-track{background-color:var(--color-primary)}.toggle-thumb{position:absolute;left:3px;width:1.125rem;height:1.125rem;border-radius:var(--border-radius-full);background-color:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(1.25rem)}.toggle-input:focus-visible+.toggle-track{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-input:disabled+.toggle-track{opacity:.4;cursor:not-allowed}:host([disabled]) .toggle-wrapper{cursor:not-allowed;opacity:.5}:host([size=sm]) .toggle-track{width:2rem;height:1.125rem}:host([size=sm]) .toggle-thumb{width:.875rem;height:.875rem}:host([size=sm]) .toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(.875rem)}:host([size=lg]) .toggle-track{width:3.5rem;height:2rem}:host([size=lg]) .toggle-thumb{width:1.5rem;height:1.5rem}:host([size=lg]) .toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(1.5rem)}:host([variant=success]) .toggle-input:checked+.toggle-track{background-color:var(--color-success)}:host([variant=warning]) .toggle-input:checked+.toggle-track{background-color:var(--color-warning)}:host([variant=error]) .toggle-input:checked+.toggle-track{background-color:var(--color-error)}.toggle-label:empty{display:none}", nt = new CSSStyleSheet();
-nt.replaceSync(me);
+`, Se = "*{box-sizing:border-box}:host{display:inline-flex}.toggle-wrapper{display:inline-flex;align-items:center;gap:var(--gap-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-primary)}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;border-radius:var(--border-radius-full);background-color:var(--color-border-primary);transition:background-color var(--transition-fast);flex-shrink:0}.toggle-input:checked+.toggle-track{background-color:var(--color-primary)}.toggle-thumb{position:absolute;left:3px;width:1.125rem;height:1.125rem;border-radius:var(--border-radius-full);background-color:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(1.25rem)}.toggle-input:focus-visible+.toggle-track{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-input:disabled+.toggle-track{opacity:.4;cursor:not-allowed}:host([disabled]) .toggle-wrapper{cursor:not-allowed;opacity:.5}:host([size=sm]) .toggle-track{width:2rem;height:1.125rem}:host([size=sm]) .toggle-thumb{width:.875rem;height:.875rem}:host([size=sm]) .toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(.875rem)}:host([size=lg]) .toggle-track{width:3.5rem;height:2rem}:host([size=lg]) .toggle-thumb{width:1.5rem;height:1.5rem}:host([size=lg]) .toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(1.5rem)}:host([variant=success]) .toggle-input:checked+.toggle-track{background-color:var(--color-success)}:host([variant=warning]) .toggle-input:checked+.toggle-track{background-color:var(--color-warning)}:host([variant=error]) .toggle-input:checked+.toggle-track{background-color:var(--color-error)}.toggle-label:empty{display:none}", lt = new CSSStyleSheet();
+lt.replaceSync(Se);
 class l extends HTMLElement {
   static _checkedAttribute = "checked";
   static _disabledAttribute = "disabled";
@@ -2130,7 +2179,7 @@ class l extends HTMLElement {
   static _nameAttribute = "name";
   static _valueAttribute = "value";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(nt);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(lt);
   }
   static get observedAttributes() {
     return [
@@ -2190,40 +2239,41 @@ class l extends HTMLElement {
   _render() {
     if (this.shadowRoot === null)
       return;
-    this.shadowRoot.innerHTML = fe;
+    this.shadowRoot.innerHTML = we;
     const t = this._inputElement;
     t != null && (t.checked = this.checked, t.disabled = this.disabled, this.getAttribute(l._nameAttribute) !== null && this.getAttribute(l._nameAttribute) !== "" && (t.name = this.getAttribute(l._nameAttribute) ?? ""), this.getAttribute(l._valueAttribute) !== null && this.getAttribute(l._valueAttribute) !== "" && (t.value = this.getAttribute(l._valueAttribute) ?? "on")), this._addEventListeners();
   }
 }
-const Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ToggleComponent: l,
-  selector: pe
+  selector: _e
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ye as APPLICATION_NAME,
-  Te as Alert,
-  je as Avatar,
-  Ne as Badge,
-  Me as BarMenu,
-  we as BaseButton,
-  He as BaseCard,
-  ke as BaseDialog,
+  Ee as APPLICATION_NAME,
+  Ue as Alert,
+  Ge as Avatar,
+  De as Badge,
+  Te as BarMenu,
+  Le as BaseButton,
+  Pe as BaseCard,
+  Ie as BaseDialog,
   T as CUSTOM_MESSAGES,
-  Ee as ConfirmButton,
-  Re as ConfirmationDialog,
-  ze as HeaderBodyFooterDialog,
-  Le as NextButton,
-  xe as PreviousButton,
-  $e as ProgressBar,
-  Ie as Skeleton,
-  Oe as Spinner,
-  Fe as Tag,
-  De as TextInput,
-  Pe as Toggle,
-  qe as Tooltip,
-  Se as UndoButton,
-  Ae as WebComponentsRegistry,
-  ct as clearThemes,
-  _e as switchTheme
+  ze as CloseButton,
+  Me as ConfirmButton,
+  He as ConfirmationDialog,
+  Ne as HeaderBodyFooterDialog,
+  $e as NextButton,
+  Oe as PreviousButton,
+  Fe as ProgressBar,
+  qe as Skeleton,
+  je as Spinner,
+  Ke as Tag,
+  We as TextInput,
+  Ye as Toggle,
+  Ce as Tooltip,
+  Re as UndoButton,
+  xe as WebComponentsRegistry,
+  ut as clearThemes,
+  ke as switchTheme
 };