@albi_scando/as-design-system-lib 1.9.4 → 1.10.0

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

@@ -1,5 +1,5 @@
-const ze = "as-design-system-lib";
-class Me {
+const He = "as-design-system-lib";
+class Te {
   /**
    * Creates an instance of WebComponentsRegistry.
    * Registers all custom elements provided in the map of components.
@@ -89,7 +89,7 @@ const j = {
   LIGHT: "light",
   LIGHT_BLUE: "light-blue",
   WATER: "water"
-}, ht = /* @__PURE__ */ new Map([
+}, gt = /* @__PURE__ */ new Map([
   [
     u.COSMO,
     {
@@ -180,16 +180,16 @@ const j = {
       value: L.WATER
     }
   ]
-]), Oe = (O) => {
-  bt();
-  const t = ht.get(O)?.value;
+]), Ne = (O) => {
+  pt();
+  const t = gt.get(O)?.value;
   t !== void 0 && document.body.classList.add(t);
-}, bt = () => {
+}, pt = () => {
   document.body.classList.remove(...Object.values(u));
-}, vt = "base-button", d = "", T = {
+}, ft = "base-button", d = "", N = {
   SHOW_MODAL: "show-modal",
   CLOSE: "close"
-}, gt = {
+}, mt = {
   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 j = {
       <line x1="2" y1="16" x2="30" y2="16" stroke="black" stroke-width="2"/>
     </svg>`
 };
-`${btoa(gt.CUSTOM_CROSSHAIR)}`;
-const F = {
+`${btoa(mt.CUSTOM_CROSSHAIR)}`;
+const q = {
   ANY: "any",
   NONE: "none"
-}, U = {
+}, C = {
   KEY_DOWN: "keydown"
 }, z = {
   CLICK: "click"
-}, pt = `<button part="button">
+}, yt = `<button part="button">
   <slot></slot>
 </button>
-`, ft = "*{box-sizing:border-box}:host{display:inline-flex;vertical-align:middle}: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)}", K = new CSSStyleSheet();
-K.replaceSync(ft);
+`, At = "*{box-sizing:border-box}:host{display:inline-flex;vertical-align:middle}: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(At);
 class s extends HTMLElement {
   /**
    * @see HTMLButtonElement.autofocus
@@ -251,7 +251,7 @@ class s extends HTMLElement {
    * @ignore
    */
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(K);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(U);
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -352,7 +352,7 @@ class s extends HTMLElement {
    * Syncs host attributes to the internal button element.
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = pt, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = yt, this._syncAttributes());
   }
   /**
    * Adds event listeners to the component.
@@ -403,10 +403,10 @@ class s extends HTMLElement {
       return;
     const e = t;
     switch (this.command) {
-      case T.SHOW_MODAL:
+      case N.SHOW_MODAL:
         e.showModal?.();
         break;
-      case T.CLOSE:
+      case N.CLOSE:
         e.close?.();
         break;
     }
@@ -498,23 +498,23 @@ class s extends HTMLElement {
     });
   }
 }
-const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BaseButtonComponent: s,
-  selector: vt
-}, Symbol.toStringTag, { value: "Module" })), mt = `<button title="Undo" part="button">
+  selector: ft
+}, Symbol.toStringTag, { value: "Module" })), _t = `<button title="Undo" part="button">
   <span class="material-symbols-outlined">undo</span>
   <span>Undo</span>
 </button>
-`, yt = "*{box-sizing:border-box}:host{display:inline-flex;vertical-align:middle}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)}", G = new CSSStyleSheet();
-G.replaceSync(yt);
-class At extends s {
+`, wt = "*{box-sizing:border-box}:host{display:inline-flex;vertical-align:middle}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(wt);
+class St extends s {
   /**
    * @constructor
    * @ignore
    */
   constructor() {
-    super(), this.shadowRoot?.adoptedStyleSheets.push(G);
+    super(), this.shadowRoot?.adoptedStyleSheets.push(K);
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -526,7 +526,7 @@ class At extends s {
    * Lifecycle hook invoked when the component is inserted into the DOM.
    */
   connectedCallback() {
-    this.hasAttribute("command") || this.setAttribute("command", T.CLOSE), this._render(), this._setCommandForAttribute(), this._addEventListeners();
+    this.hasAttribute("command") || this.setAttribute("command", N.CLOSE), this._render(), this._setCommandForAttribute(), this._addEventListeners();
   }
   /**
    * Lifecycle hook invoked when the component is removed from the DOM.
@@ -538,7 +538,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 = _t, this._syncAttributes());
   }
   /**
    * Finds the closest parent dialog and sets the `commandfor` attribute to its
@@ -558,23 +558,23 @@ class At extends s {
     e !== null && (this.commandfor = e.id);
   }
 }
-const q = "undo-button", Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const F = "undo-button", qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UndoButtonComponent: At,
-  selector: q
-}, Symbol.toStringTag, { value: "Module" })), _t = `<div class="tooltip">Close</div>
+  UndoButtonComponent: St,
+  selector: F
+}, Symbol.toStringTag, { value: "Module" })), xt = `<div class="tooltip">Close</div>
 <button part="button" title="Close">
   <span class="material-symbols-outlined">close</span>
 </button>
-`, wt = "*{box-sizing:border-box}:host{position:relative;display:inline-flex;vertical-align:middle}.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}", C = new CSSStyleSheet();
-C.replaceSync(wt);
-class St extends s {
+`, Et = "*{box-sizing:border-box}:host{position:relative;display:inline-flex;vertical-align:middle}.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(Et);
+class kt extends s {
   /**
    * @constructor
    * @ignore
    */
   constructor() {
-    super(), this.shadowRoot?.adoptedStyleSheets.push(C);
+    super(), this.shadowRoot?.adoptedStyleSheets.push(G);
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -586,7 +586,7 @@ class St extends s {
    * Lifecycle hook invoked when the component is inserted into the DOM.
    */
   connectedCallback() {
-    this.hasAttribute("command") || this.setAttribute("command", T.CLOSE), this._render(), this._setCommandForAttribute(), this._addEventListeners();
+    this.hasAttribute("command") || this.setAttribute("command", N.CLOSE), this._render(), this._setCommandForAttribute(), this._addEventListeners();
   }
   /**
    * Lifecycle hook invoked when the component is removed from the DOM.
@@ -598,7 +598,7 @@ class St extends s {
    * Renders the component's HTML structure.
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = _t, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = xt, this._syncAttributes());
   }
   /**
    * Finds the closest parent dialog and sets the `commandfor` attribute to its ID
@@ -618,17 +618,17 @@ class St extends s {
     e !== null && (this.commandfor = e.id);
   }
 }
-const xt = "close-button", He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Lt = "close-button", Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CloseButtonComponent: St,
-  selector: xt
-}, Symbol.toStringTag, { value: "Module" })), Et = `<button title="Confirm" part="button">
+  CloseButtonComponent: kt,
+  selector: Lt
+}, Symbol.toStringTag, { value: "Module" })), Rt = `<button title="Confirm" part="button">
   <span class="material-symbols-outlined">check</span>
   <span>Confirm</span>
 </button>
-`, kt = "*{box-sizing:border-box}:host{display:inline-flex;vertical-align:middle}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)}", W = new CSSStyleSheet();
-W.replaceSync(kt);
-class Lt extends s {
+`, zt = "*{box-sizing:border-box}:host{display:inline-flex;vertical-align:middle}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)}", W = new CSSStyleSheet();
+W.replaceSync(zt);
+class Mt extends s {
   /**
    * @constructor
    * @ignore
@@ -646,7 +646,7 @@ class Lt extends s {
    * Lifecycle hook invoked when the component is inserted into the DOM.
    */
   connectedCallback() {
-    this.hasAttribute("command") || this.setAttribute("command", T.CLOSE), this._render(), this._setCommandForAttribute(), this._addEventListeners();
+    this.hasAttribute("command") || this.setAttribute("command", N.CLOSE), this._render(), this._setCommandForAttribute(), this._addEventListeners();
   }
   /**
    * Lifecycle hook invoked when the component is removed from the DOM.
@@ -658,7 +658,7 @@ class Lt extends s {
    * Renders the component's HTML structure.
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Et, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Rt, this._syncAttributes());
   }
   /**
    * Finds the closest parent dialog and sets the `commandfor` attribute to its
@@ -678,15 +678,15 @@ class Lt extends s {
     e !== null && (this.commandfor = e.id);
   }
 }
-const P = "confirm-button", Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const P = "confirm-button", Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ConfirmButtonComponent: Lt,
+  ConfirmButtonComponent: Mt,
   selector: P
-}, Symbol.toStringTag, { value: "Module" })), Rt = `<button part="button">
+}, Symbol.toStringTag, { value: "Module" })), Ot = `<button part="button">
   <span class="material-symbols-outlined">chevron_left</span>
 </button>
-`, zt = "*{box-sizing:border-box}:host{display:inline-flex;vertical-align:middle}button[part=button]{border:none;background:transparent}button[part=button]:not(:disabled):hover{transform:scale(1.2)}", Y = new CSSStyleSheet();
-Y.replaceSync(zt);
+`, $t = "*{box-sizing:border-box}:host{display:inline-flex;vertical-align:middle}button[part=button]{border:none;background:transparent}button[part=button]:not(:disabled):hover{transform:scale(1.2)}", V = new CSSStyleSheet();
+V.replaceSync($t);
 class H extends s {
   static _disabledAttribute = "disabled";
   static _titleAttribute = "title";
@@ -695,7 +695,7 @@ class H extends s {
    * @ignore
    */
   constructor() {
-    super(), this.shadowRoot?.adoptedStyleSheets.push(Y);
+    super(), this.shadowRoot?.adoptedStyleSheets.push(V);
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -726,7 +726,7 @@ class H extends s {
    * Renders the component's HTML structure.
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Rt, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Ot, this._syncAttributes());
   }
   /**
    * Updates the title attribute based on disabled state.
@@ -739,16 +739,16 @@ class H extends s {
     t !== null && (this.disabled ? t.removeAttribute(H._titleAttribute) : t.setAttribute(H._titleAttribute, "Previous"));
   }
 }
-const Mt = "previous-button", Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const It = "previous-button", De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   PreviousButtonComponent: H,
-  selector: Mt
-}, Symbol.toStringTag, { value: "Module" })), Ot = `<button part="button">
+  selector: It
+}, Symbol.toStringTag, { value: "Module" })), Ht = `<button part="button">
   <span class="material-symbols-outlined">chevron_right</span>
 </button>
-`, $t = "*{box-sizing:border-box}:host{display:inline-flex;vertical-align:middle}button[part=button]{border:none;background:transparent}button[part=button]:not(:disabled):hover{transform:scale(1.2)}", V = new CSSStyleSheet();
-V.replaceSync($t);
-class N extends s {
+`, Tt = "*{box-sizing:border-box}:host{display:inline-flex;vertical-align:middle}button[part=button]{border:none;background:transparent}button[part=button]:not(:disabled):hover{transform:scale(1.2)}", Y = new CSSStyleSheet();
+Y.replaceSync(Tt);
+class T extends s {
   static _disabledAttribute = "disabled";
   static _titleAttribute = "title";
   /**
@@ -756,7 +756,7 @@ class N extends s {
    * @ignore
    */
   constructor() {
-    super(), this.shadowRoot?.adoptedStyleSheets.push(V);
+    super(), this.shadowRoot?.adoptedStyleSheets.push(Y);
   }
   /**
    * Specifies which attributes should be observed for changes.
@@ -781,13 +781,13 @@ class N extends s {
    * Updates the title visibility based on disabled state.
    */
   attributeChangedCallback(t, e, i) {
-    super.attributeChangedCallback(t, e, i), t === N._disabledAttribute && this._updateTitle();
+    super.attributeChangedCallback(t, e, i), t === T._disabledAttribute && this._updateTitle();
   }
   /**
    * Renders the component's HTML structure.
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Ot, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Ht, this._syncAttributes());
   }
   /**
    * Updates the title attribute based on disabled state.
@@ -797,18 +797,18 @@ class N extends s {
     const t = this.shadowRoot?.querySelector(
       "button"
     );
-    t !== null && (this.disabled ? t.removeAttribute(N._titleAttribute) : t.setAttribute(N._titleAttribute, "Next"));
+    t !== null && (this.disabled ? t.removeAttribute(T._titleAttribute) : t.setAttribute(T._titleAttribute, "Next"));
   }
 }
-const It = "next-button", je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Nt = "next-button", Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  NextButtonComponent: N,
-  selector: It
-}, Symbol.toStringTag, { value: "Module" })), Ht = `<dialog part="dialog">
+  NextButtonComponent: T,
+  selector: Nt
+}, Symbol.toStringTag, { value: "Module" })), jt = `<dialog part="dialog">
   <slot></slot>
 </dialog>
-`, Nt = "*{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}}", X = new CSSStyleSheet();
-X.replaceSync(Nt);
+`, qt = "*{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}}", X = new CSSStyleSheet();
+X.replaceSync(qt);
 class M extends HTMLElement {
   /**
    * @see HTMLDialogElement.closedBy
@@ -818,7 +818,7 @@ class M extends HTMLElement {
    * Defines how the dialog can be closed.
    * @see DialogClosedBy
    */
-  _closedBy = F.ANY;
+  _closedBy = q.ANY;
   /**
    * @constructor
    * @ignore
@@ -836,7 +836,7 @@ class M extends HTMLElement {
     return this.shadowRoot?.querySelector("dialog");
   }
   get command() {
-    return this.getAttribute(M.closedByAttribute) ?? F.ANY;
+    return this.getAttribute(M.closedByAttribute) ?? q.ANY;
   }
   get closedBy() {
     return this._closedBy;
@@ -894,7 +894,7 @@ class M extends HTMLElement {
    * @returns {void}
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Ht, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = jt, this._syncAttributes());
   }
   /**
    * Syncs a single attribute from host to dialog element.
@@ -939,11 +939,11 @@ class M extends HTMLElement {
     }, 300);
   }
 }
-const Tt = "base-dialog", Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ft = "base-dialog", Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BaseDialogComponent: M,
-  selector: Tt
-}, Symbol.toStringTag, { value: "Module" })), jt = `<dialog part="dialog">
+  selector: Ft
+}, Symbol.toStringTag, { value: "Module" })), Pt = `<dialog part="dialog">
   <header part="header">
     <h2></h2>
   </header>
@@ -955,7 +955,7 @@ const Tt = "base-dialog", Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obj
     <undo-button></undo-button>
   </footer>
 </dialog>
-`, Ft = "*{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}", qt = `<dialog part="dialog">
+`, Dt = "*{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}", Ct = `<dialog part="dialog">
   <header part="header">
     <slot name="header"></slot>
   </header>
@@ -966,8 +966,8 @@ const Tt = "base-dialog", Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obj
     <slot name="footer"></slot>
   </footer>
 </dialog>
-`, Pt = '*{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(Pt);
+`, Ut = '*{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(Ut);
 class D extends M {
   _sectionNames = ["header", "body", "footer"];
   _handleSlotChange = () => {
@@ -994,7 +994,7 @@ class D extends M {
    * @returns {void}
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = qt, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Ct, this._syncAttributes());
   }
   /**
    * Adds slot listeners so sections can react to projected content changes.
@@ -1041,7 +1041,7 @@ class D extends M {
   }
 }
 const J = new CSSStyleSheet();
-J.replaceSync(Ft);
+J.replaceSync(Dt);
 class p extends D {
   /**
    * The title of the confirmation dialog.
@@ -1109,7 +1109,7 @@ class p extends D {
    * @returns {void}
    */
   connectedCallback() {
-    this._render(), this._addEventListeners(), this.closedBy = F.NONE;
+    this._render(), this._addEventListeners(), this.closedBy = q.NONE;
   }
   /**
    * Renders the component's HTML structure.
@@ -1118,7 +1118,7 @@ class p extends D {
    * @returns {void}
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = jt, this._syncAttributes());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Pt, this._syncAttributes());
   }
   /**
    * Syncs a single attribute from host to the DOM elements.
@@ -1168,7 +1168,7 @@ class p extends D {
    * @returns {void}
    */
   _addEventListeners() {
-    super._addEventListeners(), this.shadowRoot?.querySelector(P)?.addEventListener(z.CLICK, this._handleConfirm), this.shadowRoot?.querySelector(q)?.addEventListener(z.CLICK, this._handleUndo);
+    super._addEventListeners(), this.shadowRoot?.querySelector(P)?.addEventListener(z.CLICK, this._handleConfirm), this.shadowRoot?.querySelector(F)?.addEventListener(z.CLICK, this._handleUndo);
   }
   /**
    * Removes event listeners.
@@ -1176,7 +1176,7 @@ class p extends D {
    * @returns {void}
    */
   _removeEventListeners() {
-    super._removeEventListeners(), this.shadowRoot?.querySelector(P)?.removeEventListener(z.CLICK, this._handleConfirm), this.shadowRoot?.querySelector(q)?.removeEventListener(z.CLICK, this._handleUndo);
+    super._removeEventListeners(), this.shadowRoot?.querySelector(P)?.removeEventListener(z.CLICK, this._handleConfirm), this.shadowRoot?.querySelector(F)?.removeEventListener(z.CLICK, this._handleUndo);
   }
   /**
    * Handles the confirm button click event.
@@ -1211,19 +1211,19 @@ class p extends D {
     this.dispatchEvent(t), this._value = void 0;
   };
 }
-const Dt = "confirmation-dialog", Ut = {
+const Kt = "confirmation-dialog", Gt = {
   CONFIRMATION_DIALOG_CONFIRM: j.CONFIRMATION_DIALOG_CONFIRM,
   CONFIRMATION_DIALOG_UNDO: j.CONFIRMATION_DIALOG_UNDO
-}, qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  COMPONENT_CUSTOM_MESSAGES: Ut,
+  COMPONENT_CUSTOM_MESSAGES: Gt,
   ConfirmationDialogComponent: p,
-  selector: Dt
-}, Symbol.toStringTag, { value: "Module" })), Kt = "header-body-footer-dialog", Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  selector: Kt
+}, Symbol.toStringTag, { value: "Module" })), Wt = "header-body-footer-dialog", Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   HeaderBodyFooterDialogComponent: D,
-  selector: Kt
-}, Symbol.toStringTag, { value: "Module" })), Gt = `<div class="bar-menu-container">
+  selector: Wt
+}, Symbol.toStringTag, { value: "Module" })), Vt = `<div class="bar-menu-container">
   <previous-button class="nav-prev" part="nav-prev-button"></previous-button>
 
   <div class="buttons-wrapper" part="buttons-wrapper">
@@ -1232,8 +1232,8 @@ const Dt = "confirmation-dialog", Ut = {
 
   <next-button class="nav-next" part="nav-next-button"></next-button>
 </div>
-`, Ct = "*{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)}", Q = new CSSStyleSheet();
-Q.replaceSync(Ct);
+`, Yt = "*{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)}", Q = new CSSStyleSheet();
+Q.replaceSync(Yt);
 class y extends HTMLElement {
   static _visibleCountAttribute = "visible-count";
   static _cyclicalNavigationAttribute = "cyclical-navigation";
@@ -1312,7 +1312,7 @@ class y extends HTMLElement {
    * Render the component's Shadow DOM structure
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Gt);
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Vt);
   }
   /**
    * Cache Shadow DOM elements for performance
@@ -1350,13 +1350,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(U.KEY_DOWN, this._keyDownListener);
+    }, this.addEventListener(C.KEY_DOWN, this._keyDownListener);
   }
   /**
    * Remove keyboard listener
    */
   _removeKeyboardListener() {
-    this._keyDownListener !== null && this.removeEventListener(U.KEY_DOWN, this._keyDownListener);
+    this._keyDownListener !== null && this.removeEventListener(C.KEY_DOWN, this._keyDownListener);
   }
   /**
    * Get all slotted button elements
@@ -1376,8 +1376,8 @@ class y extends HTMLElement {
       if (g >= a && g < v) {
         const $ = c;
         $.style.display = "inline-flex", c.classList.add("animating");
-        const ut = g % this.visibleButtons * 50;
-        $.style.transitionDelay = `${ut}ms`;
+        const vt = g % this.visibleButtons * 50;
+        $.style.transitionDelay = `${vt}ms`;
       }
     }), e[0]?.offsetHeight, e.forEach((c, g) => {
       g >= a && g < v && c.classList.add("visible-button");
@@ -1444,15 +1444,15 @@ class y extends HTMLElement {
     return this._currentIndex;
   }
 }
-const Wt = "bar-menu", De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Xt = "bar-menu", We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BarMenuComponent: y,
-  selector: Wt
-}, Symbol.toStringTag, { value: "Module" })), Yt = "ds-spinner", Vt = `<div part="spinner" class="spinner" role="status" aria-label="Loading">
+  selector: Xt
+}, Symbol.toStringTag, { value: "Module" })), Bt = "ds-spinner", Jt = `<div part="spinner" class="spinner" role="status" aria-label="Loading">
   <div class="spinner-ring"></div>
 </div>
-`, Xt = "*{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)}}", Z = new CSSStyleSheet();
-Z.replaceSync(Xt);
+`, Qt = "*{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)}}", Z = new CSSStyleSheet();
+Z.replaceSync(Qt);
 class f extends HTMLElement {
   static _sizeAttribute = "size";
   static _variantAttribute = "variant";
@@ -1496,14 +1496,14 @@ class f extends HTMLElement {
   _render() {
     if (this.shadowRoot === null)
       return;
-    this.shadowRoot.innerHTML = Vt, this.shadowRoot.querySelector(".spinner")?.setAttribute("aria-label", this.label);
+    this.shadowRoot.innerHTML = Jt, this.shadowRoot.querySelector(".spinner")?.setAttribute("aria-label", this.label);
   }
 }
-const Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   SpinnerComponent: f,
-  selector: Yt
-}, Symbol.toStringTag, { value: "Module" })), Bt = "ds-progress-bar", Jt = `<div
+  selector: Bt
+}, Symbol.toStringTag, { value: "Module" })), Zt = "ds-progress-bar", te = `<div
   part="container"
   class="progress-container"
   role="progressbar"
@@ -1515,8 +1515,8 @@ const Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   </div>
   <span class="progress-label"></span>
 </div>
-`, Qt = "*{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%)}}", tt = new CSSStyleSheet();
-tt.replaceSync(Qt);
+`, ee = "*{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%)}}", tt = new CSSStyleSheet();
+tt.replaceSync(ee);
 class h extends HTMLElement {
   static _valueAttribute = "value";
   static _variantAttribute = "variant";
@@ -1571,7 +1571,7 @@ class h extends HTMLElement {
     i !== e && this._update();
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Jt, this._update());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = te, this._update());
   }
   _update() {
     const t = this.shadowRoot?.querySelector(".progress-fill"), e = this.shadowRoot?.querySelector(
@@ -1583,13 +1583,13 @@ class h extends HTMLElement {
     )), i != null && (i.textContent = this.indeterminate ? "" : `${this.value}%`);
   }
 }
-const Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ProgressBarComponent: h,
-  selector: Bt
-}, Symbol.toStringTag, { value: "Module" })), Zt = "ds-skeleton", te = `<div part="skeleton" class="skeleton" aria-hidden="true"></div>
-`, ee = "*{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}}", et = new CSSStyleSheet();
-et.replaceSync(ee);
+  selector: Zt
+}, Symbol.toStringTag, { value: "Module" })), ie = "ds-skeleton", re = `<div part="skeleton" class="skeleton" aria-hidden="true"></div>
+`, se = "*{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}}", et = new CSSStyleSheet();
+et.replaceSync(se);
 class _ extends HTMLElement {
   static _shapeAttribute = "shape";
   static _heightAttribute = "height";
@@ -1623,18 +1623,18 @@ class _ extends HTMLElement {
     i !== e && t === _._heightAttribute && this._applyHeight(i);
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = te, this._applyHeight(this.height));
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = re, this._applyHeight(this.height));
   }
   _applyHeight(t) {
     const e = this.shadowRoot?.querySelector(".skeleton");
     e != null && t !== null && t !== "" && (e.style.height = t);
   }
 }
-const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   SkeletonComponent: _,
-  selector: Zt
-}, Symbol.toStringTag, { value: "Module" })), ie = `<div
+  selector: ie
+}, Symbol.toStringTag, { value: "Module" })), oe = `<div
   class="cv-viewer__loader"
   aria-live="polite"
   aria-label="Loading"
@@ -1664,8 +1664,8 @@ const Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   </div>
   <p class="cv-viewer__loader-label">Loading…</p>
 </div>
-`, re = ":host{display:block}:host(:not([loading])),:host([loading=false]){display:none}.cv-viewer__loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:48px;background:#1a1a1a;transition:opacity .4s ease;z-index:2}.cv-viewer__loader--hidden{opacity:0;pointer-events:none}.cv-viewer__loader-pulse{display:flex;flex-direction:column;gap:14px;width:min(520px,80%)}.cv-viewer__loader-bar{height:12px;border-radius:2px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.8s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}", it = new CSSStyleSheet();
-it.replaceSync(re);
+`, ae = ":host{display:block}:host(:not([loading])),:host([loading=false]){display:none}.cv-viewer__loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:48px;background:#1a1a1a;transition:opacity .4s ease;z-index:2}.cv-viewer__loader--hidden{opacity:0;pointer-events:none}.cv-viewer__loader-pulse{display:flex;flex-direction:column;gap:14px;width:min(520px,80%)}.cv-viewer__loader-bar{height:12px;border-radius:2px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.8s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}", it = new CSSStyleSheet();
+it.replaceSync(ae);
 class w extends HTMLElement {
   static _labelAttribute = "label";
   static _loadingAttribute = "loading";
@@ -1714,7 +1714,7 @@ class w extends HTMLElement {
    * Renders the component's Shadow DOM structure.
    */
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = ie, this._updateLabel());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = oe, this._updateLabel());
   }
   /**
    * Updates the label text in the shadow DOM.
@@ -1724,19 +1724,19 @@ class w extends HTMLElement {
     t != null && (t.textContent = this.label);
   }
 }
-const se = "loader-bars", Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ne = "loader-bars", Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LoaderBarsComponent: w,
-  selector: se
-}, Symbol.toStringTag, { value: "Module" })), oe = "ds-card", ae = `<div part="card" class="card">
+  selector: ne
+}, Symbol.toStringTag, { value: "Module" })), le = "ds-card", de = `<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>
-`, ne = '*{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)}', rt = new CSSStyleSheet();
-rt.replaceSync(ne);
+`, ce = '*{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)}', rt = new CSSStyleSheet();
+rt.replaceSync(ce);
 class R extends HTMLElement {
   static _variantAttribute = "variant";
   static _hoverableAttribute = "hoverable";
@@ -1767,24 +1767,102 @@ class R extends HTMLElement {
   attributeChangedCallback(t, e, i) {
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = ae);
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = de);
   }
 }
-const We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BaseCardComponent: R,
-  selector: oe
-}, Symbol.toStringTag, { value: "Module" })), le = "ds-badge", de = `<span part="badge" class="badge">
+  selector: le
+}, Symbol.toStringTag, { value: "Module" })), ue = `<div part="card" class="card">
+  <div class="card-image-container">
+    <slot name="image" class="card-image-slot"></slot>
+  </div>
+  <div class="card-header">
+    <div class="card-badges">
+      <slot name="badges" class="card-badges-slot"></slot>
+    </div>
+    <slot name="title" class="card-title-slot"></slot>
+  </div>
+  <div class="card-body">
+    <slot></slot>
+  </div>
+  <div class="card-footer">
+    <slot name="footer" class="card-footer-slot"></slot>
+  </div>
+</div>
+`, he = '*{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-sm);overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast);font-family:var(--font-family-base);color:var(--color-text-primary);display:flex;flex-direction:column;height:100%}.card-image-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--color-bg-primary);flex-shrink:0}.card-image-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1}::slotted([slot=image]){width:100%;height:100%;object-fit:cover;display:block}.card-header{position:relative;padding:var(--spacing-4);border-bottom:1px solid var(--color-border-primary);z-index:2}.card-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-2);min-height:var(--spacing-6)}.card-badges:empty{display:none;margin-bottom:0}::slotted([slot=badges]){display:inline-flex;gap:var(--spacing-1)}::slotted([slot=title]){display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0}.card-body{flex:1;padding:var(--spacing-4);overflow-y:auto}::slotted(:not([slot])){color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-3) 0}::slotted(:not([slot])):last-child{margin-bottom:0}::slotted(p){margin:0 0 var(--spacing-3) 0;color:var(--color-text-secondary)}::slotted(p):last-child{margin-bottom:0}::slotted(h3){font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--spacing-3) 0 var(--spacing-2) 0}::slotted(h3):first-child{margin-top:0}::slotted(ul),::slotted(ol){margin:var(--spacing-2) 0 var(--spacing-3) 0;padding-left:var(--spacing-5);color:var(--color-text-secondary)}::slotted(ul):last-child,::slotted(ol):last-child{margin-bottom:0}::slotted(li){margin:var(--spacing-1) 0;color:var(--color-text-secondary)}.card-footer{padding:var(--spacing-4);border-top:1px solid var(--color-border-primary);display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center}.card-footer:empty{display:none}::slotted([slot=footer]){display:inline-flex;gap:var(--spacing-2)}::slotted(button),::slotted(a[role=button]){cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}::slotted(button):focus-visible,::slotted(a[role=button]):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.card-image-container{aspect-ratio:16/10}.card-header,.card-body,.card-footer{padding:var(--spacing-3)}::slotted([slot=title]){font-size:var(--font-size-base)}}@media(max-width:480px){.card-image-container{aspect-ratio:4/3}.card-header,.card-body,.card-footer{padding:var(--spacing-2)}.card-badges{gap:var(--spacing-1)}::slotted([slot=title]){font-size:var(--font-size-base)}.card-footer{flex-direction:column;align-items:stretch}::slotted(button),::slotted(a[role=button]){width:100%}}', st = new CSSStyleSheet();
+st.replaceSync(he);
+class ot extends HTMLElement {
+  imageSlot = null;
+  badgesSlot = null;
+  footerSlot = null;
+  constructor() {
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(st);
+  }
+  connectedCallback() {
+    this._render(), this._setupSlotObservers();
+  }
+  _render() {
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = ue);
+  }
+  _setupSlotObservers() {
+    this.shadowRoot !== null && (this.imageSlot = this.shadowRoot.querySelector(
+      'slot[name="image"]'
+    ), this.imageSlot !== null && (this._updateImageContainerVisibility(), this.imageSlot.addEventListener("slotchange", () => {
+      this._updateImageContainerVisibility();
+    })), this.badgesSlot = this.shadowRoot.querySelector(
+      'slot[name="badges"]'
+    ), this.badgesSlot !== null && (this._updateBadgesContainerVisibility(), this.badgesSlot.addEventListener("slotchange", () => {
+      this._updateBadgesContainerVisibility();
+    })), this.footerSlot = this.shadowRoot.querySelector(
+      'slot[name="footer"]'
+    ), this.footerSlot !== null && (this._updateFooterContainerVisibility(), this.footerSlot.addEventListener("slotchange", () => {
+      this._updateFooterContainerVisibility();
+    })));
+  }
+  _updateImageContainerVisibility() {
+    if (this.imageSlot === null || this.shadowRoot === null)
+      return;
+    const t = this.imageSlot.assignedElements(), e = this.shadowRoot.querySelector(
+      ".card-image-container"
+    );
+    e !== null && (e.style.display = t.length === 0 ? "none" : "");
+  }
+  _updateBadgesContainerVisibility() {
+    if (this.badgesSlot === null || this.shadowRoot === null)
+      return;
+    const t = this.badgesSlot.assignedElements(), e = this.shadowRoot.querySelector(
+      ".card-badges"
+    );
+    e !== null && (e.style.display = t.length === 0 ? "none" : "");
+  }
+  _updateFooterContainerVisibility() {
+    if (this.footerSlot === null || this.shadowRoot === null)
+      return;
+    const t = this.footerSlot.assignedElements(), e = this.shadowRoot.querySelector(
+      ".card-footer"
+    );
+    e !== null && (e.style.display = t.length === 0 ? "none" : "");
+  }
+}
+const at = "ds-feature-card";
+customElements.define(at, ot);
+const Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  FeatureCardComponent: ot,
+  selector: at
+}, Symbol.toStringTag, { value: "Module" })), be = "ds-badge", ve = `<span part="badge" class="badge">
   <slot></slot>
 </span>
-`, ce = "*{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}", st = new CSSStyleSheet();
-st.replaceSync(ce);
+`, ge = "*{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:var(--color-primary);color:#fff;border:1px solid transparent}:host([variant=secondary]) .badge{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-primary)}:host([variant=success]) .badge{background:var(--color-success);color:#fff}:host([variant=warning]) .badge{background:var(--color-warning);color:var(--color-text-primary)}:host([variant=error]) .badge{background:var(--color-error);color:#fff}:host([variant=info]) .badge{background:var(--color-info);color:#fff}:host([variant=outline]) .badge{background: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}", nt = new CSSStyleSheet();
+nt.replaceSync(ge);
 class m extends HTMLElement {
   static _variantAttribute = "variant";
   static _sizeAttribute = "size";
   static _dotAttribute = "dot";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(st);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(nt);
   }
   static get observedAttributes() {
     return [
@@ -1817,14 +1895,14 @@ class m extends HTMLElement {
   attributeChangedCallback(t, e, i) {
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = de);
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = ve);
   }
 }
-const Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BadgeComponent: m,
-  selector: le
-}, Symbol.toStringTag, { value: "Module" })), ue = "ds-alert", he = `<div part="alert" class="alert" role="alert">
+  selector: be
+}, Symbol.toStringTag, { value: "Module" })), pe = "ds-alert", fe = `<div part="alert" class="alert" role="alert">
   <span class="alert-icon"></span>
   <div class="alert-content">
     <slot name="title" class="alert-title-slot"></slot>
@@ -1839,13 +1917,13 @@ const Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     <span class="close-icon">✕</span>
   </button>
 </div>
-`, be = '@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,:host([variant=hint]) .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;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",var(--font-family-base),sans-serif}: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:"ℹ"}:host([variant=hint]) .alert-icon:before{content:"💡";color:#facc15}.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)}}', ot = new CSSStyleSheet();
-ot.replaceSync(be);
+`, me = '@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;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",var(--font-family-base),sans-serif}: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)}}', lt = new CSSStyleSheet();
+lt.replaceSync(me);
 class A extends HTMLElement {
   static _variantAttribute = "variant";
   static _dismissibleAttribute = "dismissible";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(ot);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(lt);
   }
   static get observedAttributes() {
     return [
@@ -1872,9 +1950,9 @@ class A extends HTMLElement {
     this._removeEventListeners();
   }
   attributeChangedCallback(t, e, i) {
-    if (i !== e && (t === A._variantAttribute && this.setAttribute("variant", i || "info"), t === A._dismissibleAttribute)) {
+    if (i !== e && (t === A._variantAttribute && this.setAttribute("variant", i ?? "info"), t === A._dismissibleAttribute)) {
       const r = this.shadowRoot?.querySelector(".alert-close");
-      r && (r.style.display = this.dismissible ? "" : "none");
+      r !== null && (r.style.display = this.dismissible ? "" : "none");
     }
   }
   _handleClose = () => {
@@ -1889,14 +1967,14 @@ class A extends HTMLElement {
     this.shadowRoot?.querySelector(".alert-close")?.removeEventListener("click", this._handleClose);
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = he, this._addEventListeners());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = fe, this._addEventListeners());
   }
 }
-const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ti = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AlertComponent: A,
-  selector: ue
-}, Symbol.toStringTag, { value: "Module" })), ve = "ds-tag", ge = `<span part="tag" class="tag">
+  selector: pe
+}, Symbol.toStringTag, { value: "Module" })), ye = "ds-tag", Ae = `<span part="tag" class="tag">
   <slot></slot>
   <button
     part="remove-button"
@@ -1907,14 +1985,14 @@ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     ✕
   </button>
 </span>
-`, pe = "*{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}", at = new CSSStyleSheet();
-at.replaceSync(pe);
+`, _e = "*{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}", dt = new CSSStyleSheet();
+dt.replaceSync(_e);
 class S extends HTMLElement {
   static _variantAttribute = "variant";
   static _sizeAttribute = "size";
   static _removableAttribute = "removable";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(at);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(dt);
   }
   static get observedAttributes() {
     return [
@@ -1955,20 +2033,20 @@ class S extends HTMLElement {
     this.shadowRoot?.querySelector(".tag-remove")?.removeEventListener("click", this._handleRemove);
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = ge, this._addEventListeners());
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Ae, this._addEventListeners());
   }
 }
-const Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ei = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TagComponent: S,
-  selector: ve
-}, Symbol.toStringTag, { value: "Module" })), fe = "ds-avatar", me = `<div part="avatar" class="avatar" role="img">
+  selector: ye
+}, Symbol.toStringTag, { value: "Module" })), we = "ds-avatar", Se = `<div part="avatar" class="avatar" role="img">
   <img class="avatar-image" alt="" />
   <span class="avatar-initials"></span>
   <span class="avatar-icon">👤</span>
 </div>
-`, ye = "*{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}", nt = new CSSStyleSheet();
-nt.replaceSync(ye);
+`, xe = "*{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}", ct = new CSSStyleSheet();
+ct.replaceSync(xe);
 class n extends HTMLElement {
   static _srcAttribute = "src";
   static _altAttribute = "alt";
@@ -1977,7 +2055,7 @@ class n extends HTMLElement {
   static _shapeAttribute = "shape";
   static _colorAttribute = "color";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(nt);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(ct);
   }
   static get observedAttributes() {
     return [
@@ -2023,7 +2101,7 @@ class n extends HTMLElement {
     i !== e && this._update(t, i);
   }
   _render() {
-    this.shadowRoot !== null && (this.shadowRoot.innerHTML = me, this._update(n._srcAttribute, this.src), this._update(n._initialsAttribute, this.initials), this._update(n._altAttribute, this.alt));
+    this.shadowRoot !== null && (this.shadowRoot.innerHTML = Se, 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) {
@@ -2038,16 +2116,16 @@ class n extends HTMLElement {
     }
   }
 }
-const Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ii = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AvatarComponent: n,
-  selector: fe
-}, Symbol.toStringTag, { value: "Module" })), Ae = "ds-tooltip", _e = `<slot></slot>
+  selector: we
+}, Symbol.toStringTag, { value: "Module" })), Ee = "ds-tooltip", ke = `<slot></slot>
 <div part="tooltip" class="tooltip" role="tooltip">
   <slot name="content"></slot>
 </div>
-`, we = "*{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}", lt = new CSSStyleSheet();
-lt.replaceSync(we);
+`, Le = "*{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}", ut = new CSSStyleSheet();
+ut.replaceSync(Le);
 class b extends HTMLElement {
   static _placementAttribute = "placement";
   static _contentAttribute = "content";
@@ -2056,7 +2134,7 @@ class b extends HTMLElement {
   _lastMouseX = 0;
   _lastMouseY = 0;
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(lt);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(ut);
   }
   static get observedAttributes() {
     return [
@@ -2104,7 +2182,7 @@ class b extends HTMLElement {
   _render() {
     if (this.shadowRoot === null)
       return;
-    this.shadowRoot.innerHTML = _e, this._updateContent(this.content);
+    this.shadowRoot.innerHTML = ke, this._updateContent(this.content);
     const t = this.shadowRoot.querySelector(".tooltip");
     if (t != null) {
       const e = `tooltip-${Math.random().toString(36).slice(2, 7)}`;
@@ -2143,11 +2221,11 @@ class b extends HTMLElement {
     }
   }
 }
-const Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ri = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TooltipComponent: b,
-  selector: Ae
-}, Symbol.toStringTag, { value: "Module" })), Se = "ds-text-input", xe = `<div part="wrapper" class="input-wrapper">
+  selector: Ee
+}, Symbol.toStringTag, { value: "Module" })), Re = "ds-text-input", ze = `<div part="wrapper" class="input-wrapper">
   <label class="input-label" part="label"></label>
   <div class="input-container">
     <slot name="prefix" class="input-prefix"></slot>
@@ -2156,8 +2234,8 @@ const Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   </div>
   <span class="input-helper" part="helper"></span>
 </div>
-`, Ee = "*{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}", dt = new CSSStyleSheet();
-dt.replaceSync(Ee);
+`, Me = "*{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}", ht = new CSSStyleSheet();
+ht.replaceSync(Me);
 class o extends HTMLElement {
   static _labelAttribute = "label";
   static _placeholderAttribute = "placeholder";
@@ -2170,7 +2248,7 @@ class o extends HTMLElement {
   static _sizeAttribute = "size";
   static _nameAttribute = "name";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(dt);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(ht);
   }
   static get observedAttributes() {
     return [
@@ -2290,7 +2368,7 @@ class o extends HTMLElement {
   _render() {
     if (this.shadowRoot === null)
       return;
-    this.shadowRoot.innerHTML = xe;
+    this.shadowRoot.innerHTML = ze;
     const t = this._inputElement;
     if (t !== null) {
       t.setAttribute(
@@ -2306,19 +2384,19 @@ class o extends HTMLElement {
     i !== null && (i.textContent = this.helper), this._addEventListeners();
   }
 }
-const Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const si = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TextInputComponent: o,
-  selector: Se
-}, Symbol.toStringTag, { value: "Module" })), ke = "ds-toggle", Le = `<label class="toggle-wrapper" part="wrapper">
+  selector: Re
+}, Symbol.toStringTag, { value: "Module" })), Oe = "ds-toggle", $e = `<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>
-`, Re = "*{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}", ct = new CSSStyleSheet();
-ct.replaceSync(Re);
+`, Ie = "*{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}", bt = new CSSStyleSheet();
+bt.replaceSync(Ie);
 class l extends HTMLElement {
   static _checkedAttribute = "checked";
   static _disabledAttribute = "disabled";
@@ -2327,7 +2405,7 @@ class l extends HTMLElement {
   static _nameAttribute = "name";
   static _valueAttribute = "value";
   constructor() {
-    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(ct);
+    super(), this.attachShadow({ mode: "open" }), this.shadowRoot?.adoptedStyleSheets.push(bt);
   }
   static get observedAttributes() {
     return [
@@ -2387,42 +2465,43 @@ class l extends HTMLElement {
   _render() {
     if (this.shadowRoot === null)
       return;
-    this.shadowRoot.innerHTML = Le;
+    this.shadowRoot.innerHTML = $e;
     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 Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const oi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ToggleComponent: l,
-  selector: ke
+  selector: Oe
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ze as APPLICATION_NAME,
-  Ve as Alert,
-  Be as Avatar,
-  Ye as Badge,
-  De as BarMenu,
-  $e as BaseButton,
-  We as BaseCard,
-  Fe as BaseDialog,
+  He as APPLICATION_NAME,
+  ti as Alert,
+  ii as Avatar,
+  Ze as Badge,
+  We as BarMenu,
+  je as BaseButton,
+  Je as BaseCard,
+  Ue as BaseDialog,
   j as CUSTOM_MESSAGES,
-  He as CloseButton,
-  Ne as ConfirmButton,
-  qe as ConfirmationDialog,
-  Pe as HeaderBodyFooterDialog,
-  Ce as LoaderBars,
-  je as NextButton,
-  Te as PreviousButton,
-  Ke as ProgressBar,
-  Ge as Skeleton,
-  Ue as Spinner,
-  Xe as Tag,
-  Qe as TextInput,
-  Ze as Toggle,
-  Je as Tooltip,
-  Ie as UndoButton,
-  Me as WebComponentsRegistry,
-  bt as clearThemes,
-  Oe as switchTheme
+  Fe as CloseButton,
+  Pe as ConfirmButton,
+  Ke as ConfirmationDialog,
+  Qe as FeatureCard,
+  Ge as HeaderBodyFooterDialog,
+  Be as LoaderBars,
+  Ce as NextButton,
+  De as PreviousButton,
+  Ye as ProgressBar,
+  Xe as Skeleton,
+  Ve as Spinner,
+  ei as Tag,
+  si as TextInput,
+  oi as Toggle,
+  ri as Tooltip,
+  qe as UndoButton,
+  Te as WebComponentsRegistry,
+  pt as clearThemes,
+  Ne as switchTheme
 };