@deepfuture/dui-cdn 0.0.14 → 0.0.15

package/dui.js

@@ -4247,7 +4247,7 @@ var styles = i`
   }
 `;
 var __ctx_dec, _internalOpenValues_dec, _keepMounted_dec, _orientation_dec, _loopFocus_dec, _multiple_dec, _disabled_dec, _defaultValue_dec, _value_dec, _a, _init, _value, _defaultValue, _disabled, _multiple, _loopFocus, _orientation, _keepMounted, _internalOpenValues, _b, internalOpenValues_get, internalOpenValues_set, _DuiAccordion_instances, _itemRegistry, _itemOrder, _getOpenValues, _toggle, _registerItem, _unregisterItem, _focusItem, __ctx, buildContext_fn;
-var DuiAccordion2 = class extends (_a = i4, _value_dec = [n4({ type: Array })], _defaultValue_dec = [n4({ type: Array, attribute: "default-value" })], _disabled_dec = [n4({ type: Boolean })], _multiple_dec = [n4({ type: Boolean })], _loopFocus_dec = [n4({ type: Boolean, attribute: "loop-focus" })], _orientation_dec = [n4({ type: String })], _keepMounted_dec = [n4({ type: Boolean, attribute: "keep-mounted" })], _internalOpenValues_dec = [r5()], __ctx_dec = [e6({ context: accordionContext }), r5()], _a) {
+var DuiAccordion = class extends (_a = i4, _value_dec = [n4({ type: Array })], _defaultValue_dec = [n4({ type: Array, attribute: "default-value" })], _disabled_dec = [n4({ type: Boolean })], _multiple_dec = [n4({ type: Boolean })], _loopFocus_dec = [n4({ type: Boolean, attribute: "loop-focus" })], _orientation_dec = [n4({ type: String })], _keepMounted_dec = [n4({ type: Boolean, attribute: "keep-mounted" })], _internalOpenValues_dec = [r5()], __ctx_dec = [e6({ context: accordionContext }), r5()], _a) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiAccordion_instances);
@@ -4379,18 +4379,18 @@ buildContext_fn = function() {
     focusItem: __privateGet(this, _focusItem)
   };
 };
-__decorateElement(_init, 4, "value", _value_dec, DuiAccordion2, _value);
-__decorateElement(_init, 4, "defaultValue", _defaultValue_dec, DuiAccordion2, _defaultValue);
-__decorateElement(_init, 4, "disabled", _disabled_dec, DuiAccordion2, _disabled);
-__decorateElement(_init, 4, "multiple", _multiple_dec, DuiAccordion2, _multiple);
-__decorateElement(_init, 4, "loopFocus", _loopFocus_dec, DuiAccordion2, _loopFocus);
-__decorateElement(_init, 4, "orientation", _orientation_dec, DuiAccordion2, _orientation);
-__decorateElement(_init, 4, "keepMounted", _keepMounted_dec, DuiAccordion2, _keepMounted);
+__decorateElement(_init, 4, "value", _value_dec, DuiAccordion, _value);
+__decorateElement(_init, 4, "defaultValue", _defaultValue_dec, DuiAccordion, _defaultValue);
+__decorateElement(_init, 4, "disabled", _disabled_dec, DuiAccordion, _disabled);
+__decorateElement(_init, 4, "multiple", _multiple_dec, DuiAccordion, _multiple);
+__decorateElement(_init, 4, "loopFocus", _loopFocus_dec, DuiAccordion, _loopFocus);
+__decorateElement(_init, 4, "orientation", _orientation_dec, DuiAccordion, _orientation);
+__decorateElement(_init, 4, "keepMounted", _keepMounted_dec, DuiAccordion, _keepMounted);
 _b = __decorateElement(_init, 20, "#internalOpenValues", _internalOpenValues_dec, _DuiAccordion_instances, _internalOpenValues), internalOpenValues_get = _b.get, internalOpenValues_set = _b.set;
-__decorateElement(_init, 4, "_ctx", __ctx_dec, DuiAccordion2, __ctx);
-__decoratorMetadata(_init, DuiAccordion2);
-__publicField(DuiAccordion2, "tagName", "dui-accordion");
-__publicField(DuiAccordion2, "styles", [base, styles]);
+__decorateElement(_init, 4, "_ctx", __ctx_dec, DuiAccordion, __ctx);
+__decoratorMetadata(_init, DuiAccordion);
+__publicField(DuiAccordion, "tagName", "dui-accordion");
+__publicField(DuiAccordion, "styles", [base, styles]);
 
 // packages/components/src/accordion/accordion-item.ts
 var openChangeEvent = customEvent(
@@ -4443,7 +4443,7 @@ var chevronSvg = b2`<svg
   <path d="m6 9 6 6 6-6" />
 </svg>`;
 var _visible_dec, _panelHeight_dec, _ending_dec, _starting_dec, __ctx_dec2, _disabled_dec2, _value_dec2, _a2, _init2, _value2, _disabled2, __ctx2, _starting, _b2, starting_get, starting_set, _DuiAccordionItem_instances, _ending, _c, ending_get, ending_set, _panelHeight, _d, panelHeight_get, panelHeight_set, _visible, _e, visible_get, visible_set, _prevOpen, _animGen, open_get, isDisabled_get, triggerId_get, panelId_get, startOpenAnimation_fn, startCloseAnimation_fn, _onTransitionEnd, _onClick, _onKeyDown;
-var DuiAccordionItem2 = class extends (_a2 = i4, _value_dec2 = [n4({ type: String })], _disabled_dec2 = [n4({ type: Boolean })], __ctx_dec2 = [c4({ context: accordionContext, subscribe: true })], _starting_dec = [r5()], _ending_dec = [r5()], _panelHeight_dec = [r5()], _visible_dec = [r5()], _a2) {
+var DuiAccordionItem = class extends (_a2 = i4, _value_dec2 = [n4({ type: String })], _disabled_dec2 = [n4({ type: Boolean })], __ctx_dec2 = [c4({ context: accordionContext, subscribe: true })], _starting_dec = [r5()], _ending_dec = [r5()], _panelHeight_dec = [r5()], _visible_dec = [r5()], _a2) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiAccordionItem_instances);
@@ -4624,16 +4624,16 @@ startCloseAnimation_fn = function() {
 _onTransitionEnd = new WeakMap();
 _onClick = new WeakMap();
 _onKeyDown = new WeakMap();
-__decorateElement(_init2, 4, "value", _value_dec2, DuiAccordionItem2, _value2);
-__decorateElement(_init2, 4, "disabled", _disabled_dec2, DuiAccordionItem2, _disabled2);
-__decorateElement(_init2, 4, "_ctx", __ctx_dec2, DuiAccordionItem2, __ctx2);
+__decorateElement(_init2, 4, "value", _value_dec2, DuiAccordionItem, _value2);
+__decorateElement(_init2, 4, "disabled", _disabled_dec2, DuiAccordionItem, _disabled2);
+__decorateElement(_init2, 4, "_ctx", __ctx_dec2, DuiAccordionItem, __ctx2);
 _b2 = __decorateElement(_init2, 20, "#starting", _starting_dec, _DuiAccordionItem_instances, _starting), starting_get = _b2.get, starting_set = _b2.set;
 _c = __decorateElement(_init2, 20, "#ending", _ending_dec, _DuiAccordionItem_instances, _ending), ending_get = _c.get, ending_set = _c.set;
 _d = __decorateElement(_init2, 20, "#panelHeight", _panelHeight_dec, _DuiAccordionItem_instances, _panelHeight), panelHeight_get = _d.get, panelHeight_set = _d.set;
 _e = __decorateElement(_init2, 20, "#visible", _visible_dec, _DuiAccordionItem_instances, _visible), visible_get = _e.get, visible_set = _e.set;
-__decoratorMetadata(_init2, DuiAccordionItem2);
-__publicField(DuiAccordionItem2, "tagName", "dui-accordion-item");
-__publicField(DuiAccordionItem2, "styles", [base, styles2]);
+__decoratorMetadata(_init2, DuiAccordionItem);
+__publicField(DuiAccordionItem, "tagName", "dui-accordion-item");
+__publicField(DuiAccordionItem, "styles", [base, styles2]);
 
 // packages/components/src/alert-dialog/alert-dialog-context.ts
 var alertDialogContext = n5(
@@ -4651,7 +4651,7 @@ var hostStyles = i`
   }
 `;
 var __ctx_dec3, _internalOpen_dec, _defaultOpen_dec, _open_dec, _a3, _init3, _open, _defaultOpen, _internalOpen, _b3, internalOpen_get, internalOpen_set, _DuiAlertDialog_instances, _instanceId, _dialogId, _triggerId, _titleId, _descriptionId, isOpen_get, _openDialog, _closeDialog, __ctx3, buildContext_fn2;
-var DuiAlertDialog2 = class extends (_a3 = i4, _open_dec = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec = [n4({ type: Boolean, attribute: "default-open" })], _internalOpen_dec = [r5()], __ctx_dec3 = [e6({ context: alertDialogContext }), r5()], _a3) {
+var DuiAlertDialog = class extends (_a3 = i4, _open_dec = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec = [n4({ type: Boolean, attribute: "default-open" })], _internalOpen_dec = [r5()], __ctx_dec3 = [e6({ context: alertDialogContext }), r5()], _a3) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiAlertDialog_instances);
@@ -4718,13 +4718,13 @@ buildContext_fn2 = function() {
     closeDialog: __privateGet(this, _closeDialog)
   };
 };
-__decorateElement(_init3, 4, "open", _open_dec, DuiAlertDialog2, _open);
-__decorateElement(_init3, 4, "defaultOpen", _defaultOpen_dec, DuiAlertDialog2, _defaultOpen);
+__decorateElement(_init3, 4, "open", _open_dec, DuiAlertDialog, _open);
+__decorateElement(_init3, 4, "defaultOpen", _defaultOpen_dec, DuiAlertDialog, _defaultOpen);
 _b3 = __decorateElement(_init3, 20, "#internalOpen", _internalOpen_dec, _DuiAlertDialog_instances, _internalOpen), internalOpen_get = _b3.get, internalOpen_set = _b3.set;
-__decorateElement(_init3, 4, "_ctx", __ctx_dec3, DuiAlertDialog2, __ctx3);
-__decoratorMetadata(_init3, DuiAlertDialog2);
-__publicField(DuiAlertDialog2, "tagName", "dui-alert-dialog");
-__publicField(DuiAlertDialog2, "styles", [base, hostStyles]);
+__decorateElement(_init3, 4, "_ctx", __ctx_dec3, DuiAlertDialog, __ctx3);
+__decoratorMetadata(_init3, DuiAlertDialog);
+__publicField(DuiAlertDialog, "tagName", "dui-alert-dialog");
+__publicField(DuiAlertDialog, "styles", [base, hostStyles]);
 
 // packages/components/src/alert-dialog/alert-dialog-trigger.ts
 var hostStyles2 = i`
@@ -4737,6 +4737,36 @@ var componentStyles = i`
     display: contents;
   }
 `;
+var DuiAlertDialogTrigger = class extends i4 {
+  static tagName = "dui-alert-dialog-trigger";
+  static styles = [base, hostStyles2, componentStyles];
+  #ctx = new s5(this, {
+    context: alertDialogContext,
+    subscribe: true
+  });
+  #handleClick = () => {
+    this.#ctx.value?.openDialog();
+  };
+  render() {
+    const isOpen = this.#ctx.value?.open ?? false;
+    const triggerId = this.#ctx.value?.triggerId ?? "";
+    const dialogId = this.#ctx.value?.dialogId ?? "";
+    return b2`
+      <span
+        class="Trigger"
+        part="trigger"
+        id="${triggerId}"
+        aria-haspopup="dialog"
+        aria-expanded="${isOpen}"
+        aria-controls="${isOpen ? dialogId : ""}"
+        ?data-popup-open="${isOpen}"
+        @click="${this.#handleClick}"
+      >
+        <slot></slot>
+      </span>
+    `;
+  }
+};
 
 // packages/core/src/dom.ts
 var getRootDocument = (node, { composed = true } = {}) => {
@@ -4826,7 +4856,7 @@ var componentStyles2 = i`
   }
 `;
 var _endingStyle_dec, _startingStyle_dec, _mounted_dec, _finalFocus_dec, _initialFocus_dec, _keepMounted_dec2, _a4, _init4, _keepMounted2, _initialFocus, _finalFocus, _mounted, _b4, mounted_get, mounted_set, _DuiAlertDialogPopup_instances, _startingStyle, _c2, startingStyle_get, startingStyle_set, _endingStyle, _d2, endingStyle_get, endingStyle_set, _previouslyFocused, _ctx, animateOpen_fn, animateClose_fn, finishClose_fn, trapFocusIn_fn, restoreFocus_fn, _handleKeyDown, handleTabTrap_fn;
-var DuiAlertDialogPopup2 = class extends (_a4 = i4, _keepMounted_dec2 = [n4({ type: Boolean, attribute: "keep-mounted" })], _initialFocus_dec = [n4({ attribute: "initial-focus" })], _finalFocus_dec = [n4({ attribute: "final-focus" })], _mounted_dec = [r5()], _startingStyle_dec = [r5()], _endingStyle_dec = [r5()], _a4) {
+var DuiAlertDialogPopup = class extends (_a4 = i4, _keepMounted_dec2 = [n4({ type: Boolean, attribute: "keep-mounted" })], _initialFocus_dec = [n4({ attribute: "initial-focus" })], _finalFocus_dec = [n4({ attribute: "final-focus" })], _mounted_dec = [r5()], _startingStyle_dec = [r5()], _endingStyle_dec = [r5()], _a4) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiAlertDialogPopup_instances);
@@ -5015,15 +5045,15 @@ handleTabTrap_fn = function(e8) {
     first.focus();
   }
 };
-__decorateElement(_init4, 4, "keepMounted", _keepMounted_dec2, DuiAlertDialogPopup2, _keepMounted2);
-__decorateElement(_init4, 4, "initialFocus", _initialFocus_dec, DuiAlertDialogPopup2, _initialFocus);
-__decorateElement(_init4, 4, "finalFocus", _finalFocus_dec, DuiAlertDialogPopup2, _finalFocus);
+__decorateElement(_init4, 4, "keepMounted", _keepMounted_dec2, DuiAlertDialogPopup, _keepMounted2);
+__decorateElement(_init4, 4, "initialFocus", _initialFocus_dec, DuiAlertDialogPopup, _initialFocus);
+__decorateElement(_init4, 4, "finalFocus", _finalFocus_dec, DuiAlertDialogPopup, _finalFocus);
 _b4 = __decorateElement(_init4, 20, "#mounted", _mounted_dec, _DuiAlertDialogPopup_instances, _mounted), mounted_get = _b4.get, mounted_set = _b4.set;
 _c2 = __decorateElement(_init4, 20, "#startingStyle", _startingStyle_dec, _DuiAlertDialogPopup_instances, _startingStyle), startingStyle_get = _c2.get, startingStyle_set = _c2.set;
 _d2 = __decorateElement(_init4, 20, "#endingStyle", _endingStyle_dec, _DuiAlertDialogPopup_instances, _endingStyle), endingStyle_get = _d2.get, endingStyle_set = _d2.set;
-__decoratorMetadata(_init4, DuiAlertDialogPopup2);
-__publicField(DuiAlertDialogPopup2, "tagName", "dui-alert-dialog-popup");
-__publicField(DuiAlertDialogPopup2, "styles", [base, hostStyles3, componentStyles2]);
+__decoratorMetadata(_init4, DuiAlertDialogPopup);
+__publicField(DuiAlertDialogPopup, "tagName", "dui-alert-dialog-popup");
+__publicField(DuiAlertDialogPopup, "styles", [base, hostStyles3, componentStyles2]);
 
 // packages/components/src/alert-dialog/alert-dialog-close.ts
 var hostStyles4 = i`
@@ -5031,6 +5061,24 @@ var hostStyles4 = i`
     display: contents;
   }
 `;
+var DuiAlertDialogClose = class extends i4 {
+  static tagName = "dui-alert-dialog-close";
+  static styles = [base, hostStyles4];
+  #ctx = new s5(this, {
+    context: alertDialogContext,
+    subscribe: true
+  });
+  #handleClick = () => {
+    this.#ctx.value?.closeDialog();
+  };
+  render() {
+    return b2`
+      <span @click="${this.#handleClick}">
+        <slot></slot>
+      </span>
+    `;
+  }
+};
 
 // packages/components/src/avatar/avatar.ts
 var loadingStatusChangeEvent = customEvent(
@@ -5069,7 +5117,7 @@ var styles3 = i`
   }
 `;
 var _delayPassed_dec, _imageStatus_dec, _size_dec, _fallbackDelay_dec, _alt_dec, _src_dec, _a5, _init5, _src, _alt, _fallbackDelay, _size, _imageStatus, _b5, imageStatus_get, imageStatus_set, _DuiAvatar_instances, _delayPassed, _c3, delayPassed_get, delayPassed_set, _probeImage, _delayTimer, setImageStatus_fn, startProbe_fn, cleanupProbe_fn, startDelay_fn, clearDelay_fn;
-var DuiAvatar2 = class extends (_a5 = i4, _src_dec = [n4()], _alt_dec = [n4()], _fallbackDelay_dec = [n4({ type: Number, attribute: "fallback-delay" })], _size_dec = [n4({ reflect: true })], _imageStatus_dec = [r5()], _delayPassed_dec = [r5()], _a5) {
+var DuiAvatar = class extends (_a5 = i4, _src_dec = [n4()], _alt_dec = [n4()], _fallbackDelay_dec = [n4({ type: Number, attribute: "fallback-delay" })], _size_dec = [n4({ reflect: true })], _imageStatus_dec = [r5()], _delayPassed_dec = [r5()], _a5) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiAvatar_instances);
@@ -5176,15 +5224,15 @@ clearDelay_fn = function() {
     __privateSet(this, _delayTimer, void 0);
   }
 };
-__decorateElement(_init5, 4, "src", _src_dec, DuiAvatar2, _src);
-__decorateElement(_init5, 4, "alt", _alt_dec, DuiAvatar2, _alt);
-__decorateElement(_init5, 4, "fallbackDelay", _fallbackDelay_dec, DuiAvatar2, _fallbackDelay);
-__decorateElement(_init5, 4, "size", _size_dec, DuiAvatar2, _size);
+__decorateElement(_init5, 4, "src", _src_dec, DuiAvatar, _src);
+__decorateElement(_init5, 4, "alt", _alt_dec, DuiAvatar, _alt);
+__decorateElement(_init5, 4, "fallbackDelay", _fallbackDelay_dec, DuiAvatar, _fallbackDelay);
+__decorateElement(_init5, 4, "size", _size_dec, DuiAvatar, _size);
 _b5 = __decorateElement(_init5, 20, "#imageStatus", _imageStatus_dec, _DuiAvatar_instances, _imageStatus), imageStatus_get = _b5.get, imageStatus_set = _b5.set;
 _c3 = __decorateElement(_init5, 20, "#delayPassed", _delayPassed_dec, _DuiAvatar_instances, _delayPassed), delayPassed_get = _c3.get, delayPassed_set = _c3.set;
-__decoratorMetadata(_init5, DuiAvatar2);
-__publicField(DuiAvatar2, "tagName", "dui-avatar");
-__publicField(DuiAvatar2, "styles", [base, styles3]);
+__decoratorMetadata(_init5, DuiAvatar);
+__publicField(DuiAvatar, "tagName", "dui-avatar");
+__publicField(DuiAvatar, "styles", [base, styles3]);
 
 // packages/components/src/badge/badge.ts
 var styles4 = i`
@@ -5197,6 +5245,17 @@ var styles4 = i`
     align-items: center;
   }
 `;
+var DuiBadge = class extends i4 {
+  static tagName = "dui-badge";
+  static styles = [base, styles4];
+  render() {
+    return b2`
+      <span part="root">
+        <slot></slot>
+      </span>
+    `;
+  }
+};
 
 // packages/components/src/breadcrumb/breadcrumb.ts
 var styles5 = i`
@@ -5213,6 +5272,19 @@ var styles5 = i`
     padding: 0;
   }
 `;
+var DuiBreadcrumb = class extends i4 {
+  static tagName = "dui-breadcrumb";
+  static styles = [base, styles5];
+  render() {
+    return b2`
+      <nav aria-label="breadcrumb">
+        <ol part="root">
+          <slot></slot>
+        </ol>
+      </nav>
+    `;
+  }
+};
 
 // packages/components/src/breadcrumb/breadcrumb-item.ts
 var styles6 = i`
@@ -5225,6 +5297,17 @@ var styles6 = i`
     align-items: center;
   }
 `;
+var DuiBreadcrumbItem = class extends i4 {
+  static tagName = "dui-breadcrumb-item";
+  static styles = [base, styles6];
+  render() {
+    return b2`
+      <li part="root">
+        <slot></slot>
+      </li>
+    `;
+  }
+};
 
 // packages/components/src/breadcrumb/breadcrumb-link.ts
 var styles7 = i`
@@ -5237,6 +5320,17 @@ var styles7 = i`
     align-items: center;
   }
 `;
+var DuiBreadcrumbLink = class extends i4 {
+  static tagName = "dui-breadcrumb-link";
+  static styles = [base, styles7];
+  render() {
+    return b2`
+      <span part="root">
+        <slot></slot>
+      </span>
+    `;
+  }
+};
 
 // packages/components/src/breadcrumb/breadcrumb-page.ts
 var styles8 = i`
@@ -5249,6 +5343,22 @@ var styles8 = i`
     align-items: center;
   }
 `;
+var DuiBreadcrumbPage = class extends i4 {
+  static tagName = "dui-breadcrumb-page";
+  static styles = [base, styles8];
+  render() {
+    return b2`
+      <span
+        role="link"
+        aria-disabled="true"
+        aria-current="page"
+        part="root"
+      >
+        <slot></slot>
+      </span>
+    `;
+  }
+};
 
 // packages/components/src/breadcrumb/breadcrumb-separator.ts
 var styles9 = i`
@@ -5261,6 +5371,21 @@ var styles9 = i`
     align-items: center;
   }
 `;
+var DuiBreadcrumbSeparator = class extends i4 {
+  static tagName = "dui-breadcrumb-separator";
+  static styles = [base, styles9];
+  render() {
+    return b2`
+      <li
+        role="presentation"
+        aria-hidden="true"
+        part="root"
+      >
+        <slot>/</slot>
+      </li>
+    `;
+  }
+};
 
 // packages/components/src/breadcrumb/breadcrumb-ellipsis.ts
 var styles10 = i`
@@ -5276,6 +5401,21 @@ var styles10 = i`
     justify-content: center;
   }
 `;
+var DuiBreadcrumbEllipsis = class extends i4 {
+  static tagName = "dui-breadcrumb-ellipsis";
+  static styles = [base, styles10];
+  render() {
+    return b2`
+      <span
+        role="presentation"
+        aria-hidden="true"
+        part="root"
+      >
+        <slot>&hellip;</slot>
+      </span>
+    `;
+  }
+};
 
 // packages/components/src/button/button.ts
 var navigateEvent = customEvent(
@@ -5309,7 +5449,7 @@ var styles11 = i`
   }
 `;
 var _href_dec, _type_dec, _focusableWhenDisabled_dec, _disabled_dec3, _a6, _init6, _disabled3, _focusableWhenDisabled, _type, _href, _handleClick, _onLinkClick, _DuiButton_instances, renderButton_fn, renderLink_fn;
-var DuiButton2 = class extends (_a6 = i4, _disabled_dec3 = [n4({ type: Boolean, reflect: true })], _focusableWhenDisabled_dec = [n4({ type: Boolean, attribute: "focusable-when-disabled" })], _type_dec = [n4()], _href_dec = [n4()], _a6) {
+var DuiButton = class extends (_a6 = i4, _disabled_dec3 = [n4({ type: Boolean, reflect: true })], _focusableWhenDisabled_dec = [n4({ type: Boolean, attribute: "focusable-when-disabled" })], _type_dec = [n4()], _href_dec = [n4()], _a6) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiButton_instances);
@@ -5375,17 +5515,17 @@ renderLink_fn = function() {
       </a>
     `;
 };
-__decorateElement(_init6, 4, "disabled", _disabled_dec3, DuiButton2, _disabled3);
-__decorateElement(_init6, 4, "focusableWhenDisabled", _focusableWhenDisabled_dec, DuiButton2, _focusableWhenDisabled);
-__decorateElement(_init6, 4, "type", _type_dec, DuiButton2, _type);
-__decorateElement(_init6, 4, "href", _href_dec, DuiButton2, _href);
-__decoratorMetadata(_init6, DuiButton2);
-__publicField(DuiButton2, "tagName", "dui-button");
-__publicField(DuiButton2, "shadowRootOptions", {
+__decorateElement(_init6, 4, "disabled", _disabled_dec3, DuiButton, _disabled3);
+__decorateElement(_init6, 4, "focusableWhenDisabled", _focusableWhenDisabled_dec, DuiButton, _focusableWhenDisabled);
+__decorateElement(_init6, 4, "type", _type_dec, DuiButton, _type);
+__decorateElement(_init6, 4, "href", _href_dec, DuiButton, _href);
+__decoratorMetadata(_init6, DuiButton);
+__publicField(DuiButton, "tagName", "dui-button");
+__publicField(DuiButton, "shadowRootOptions", {
   ...i4.shadowRootOptions,
   delegatesFocus: true
 });
-__publicField(DuiButton2, "styles", [base, styles11]);
+__publicField(DuiButton, "styles", [base, styles11]);
 
 // packages/components/src/calendar/calendar.ts
 var valueChangeEvent2 = customEvent(
@@ -5454,7 +5594,7 @@ var styles12 = i`
   }
 `;
 var _viewYear_dec, _viewMonth_dec, _focusedDate_dec, _internalValue_dec, _readOnly_dec, _disabled_dec4, _locale_dec, _max_dec, _min_dec, _defaultValue_dec2, _value_dec3, _a7, _init7, _value3, _defaultValue2, _min, _max, _locale, _disabled4, _readOnly, _internalValue, _b6, internalValue_get, internalValue_set, _DuiCalendar_instances, _focusedDate, _c4, focusedDate_get, focusedDate_set, _viewMonth, _d3, viewMonth_get, viewMonth_set, _viewYear, _e2, viewYear_get, viewYear_set, selectedValue_get, formatISO_fn, isSameDay_fn, isDateDisabled_fn, getDaysInMonth_fn, getFirstDayOfWeek_fn, buildGrid_fn, getWeekdayNames_fn, getMonthYearHeading_fn, selectDate_fn, navigateMonth_fn, _onDayClick, _onKeyDown2, _onPrevClick, _onNextClick;
-var DuiCalendar2 = class extends (_a7 = i4, _value_dec3 = [n4()], _defaultValue_dec2 = [n4({ attribute: "default-value" })], _min_dec = [n4()], _max_dec = [n4()], _locale_dec = [n4()], _disabled_dec4 = [n4({ type: Boolean, reflect: true })], _readOnly_dec = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], _internalValue_dec = [r5()], _focusedDate_dec = [r5()], _viewMonth_dec = [r5()], _viewYear_dec = [r5()], _a7) {
+var DuiCalendar = class extends (_a7 = i4, _value_dec3 = [n4()], _defaultValue_dec2 = [n4({ attribute: "default-value" })], _min_dec = [n4()], _max_dec = [n4()], _locale_dec = [n4()], _disabled_dec4 = [n4({ type: Boolean, reflect: true })], _readOnly_dec = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], _internalValue_dec = [r5()], _focusedDate_dec = [r5()], _viewMonth_dec = [r5()], _viewYear_dec = [r5()], _a7) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiCalendar_instances);
@@ -5756,20 +5896,20 @@ _onDayClick = new WeakMap();
 _onKeyDown2 = new WeakMap();
 _onPrevClick = new WeakMap();
 _onNextClick = new WeakMap();
-__decorateElement(_init7, 4, "value", _value_dec3, DuiCalendar2, _value3);
-__decorateElement(_init7, 4, "defaultValue", _defaultValue_dec2, DuiCalendar2, _defaultValue2);
-__decorateElement(_init7, 4, "min", _min_dec, DuiCalendar2, _min);
-__decorateElement(_init7, 4, "max", _max_dec, DuiCalendar2, _max);
-__decorateElement(_init7, 4, "locale", _locale_dec, DuiCalendar2, _locale);
-__decorateElement(_init7, 4, "disabled", _disabled_dec4, DuiCalendar2, _disabled4);
-__decorateElement(_init7, 4, "readOnly", _readOnly_dec, DuiCalendar2, _readOnly);
+__decorateElement(_init7, 4, "value", _value_dec3, DuiCalendar, _value3);
+__decorateElement(_init7, 4, "defaultValue", _defaultValue_dec2, DuiCalendar, _defaultValue2);
+__decorateElement(_init7, 4, "min", _min_dec, DuiCalendar, _min);
+__decorateElement(_init7, 4, "max", _max_dec, DuiCalendar, _max);
+__decorateElement(_init7, 4, "locale", _locale_dec, DuiCalendar, _locale);
+__decorateElement(_init7, 4, "disabled", _disabled_dec4, DuiCalendar, _disabled4);
+__decorateElement(_init7, 4, "readOnly", _readOnly_dec, DuiCalendar, _readOnly);
 _b6 = __decorateElement(_init7, 20, "#internalValue", _internalValue_dec, _DuiCalendar_instances, _internalValue), internalValue_get = _b6.get, internalValue_set = _b6.set;
 _c4 = __decorateElement(_init7, 20, "#focusedDate", _focusedDate_dec, _DuiCalendar_instances, _focusedDate), focusedDate_get = _c4.get, focusedDate_set = _c4.set;
 _d3 = __decorateElement(_init7, 20, "#viewMonth", _viewMonth_dec, _DuiCalendar_instances, _viewMonth), viewMonth_get = _d3.get, viewMonth_set = _d3.set;
 _e2 = __decorateElement(_init7, 20, "#viewYear", _viewYear_dec, _DuiCalendar_instances, _viewYear), viewYear_get = _e2.get, viewYear_set = _e2.set;
-__decoratorMetadata(_init7, DuiCalendar2);
-__publicField(DuiCalendar2, "tagName", "dui-calendar");
-__publicField(DuiCalendar2, "styles", [base, styles12]);
+__decoratorMetadata(_init7, DuiCalendar);
+__publicField(DuiCalendar, "tagName", "dui-calendar");
+__publicField(DuiCalendar, "styles", [base, styles12]);
 
 // packages/components/src/field/field-context.ts
 var fieldContext = n5(Symbol("dui-field"));
@@ -5861,7 +6001,7 @@ var indeterminateIcon = b2`
   </svg>
 `;
 var __fieldCtx_dec, _internalChecked_dec, _parent_dec, _value_dec4, _name_dec, _required_dec, _readOnly_dec2, _disabled_dec5, _indeterminate_dec, _defaultChecked_dec, _checked_dec, _a8, _init8, _checked, _defaultChecked, _indeterminate, _disabled5, _readOnly2, _required, _name, _value4, _parent, _internalChecked, _b7, internalChecked_get, internalChecked_set, _DuiCheckbox_instances, _groupCtx, __fieldCtx, isChecked_get, isIndeterminate_get, isDisabled_get2, isInvalid_get, _handleHostClick, _handleClick2, _handleKeyDown2;
-var DuiCheckbox2 = class extends (_a8 = i4, _checked_dec = [n4({ type: Boolean, reflect: true })], _defaultChecked_dec = [n4({ type: Boolean, attribute: "default-checked" })], _indeterminate_dec = [n4({ type: Boolean, reflect: true })], _disabled_dec5 = [n4({ type: Boolean, reflect: true })], _readOnly_dec2 = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], _required_dec = [n4({ type: Boolean, reflect: true })], _name_dec = [n4()], _value_dec4 = [n4()], _parent_dec = [n4({ type: Boolean })], _internalChecked_dec = [r5()], __fieldCtx_dec = [c4({ context: fieldContext, subscribe: true }), r5()], _a8) {
+var DuiCheckbox = class extends (_a8 = i4, _checked_dec = [n4({ type: Boolean, reflect: true })], _defaultChecked_dec = [n4({ type: Boolean, attribute: "default-checked" })], _indeterminate_dec = [n4({ type: Boolean, reflect: true })], _disabled_dec5 = [n4({ type: Boolean, reflect: true })], _readOnly_dec2 = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], _required_dec = [n4({ type: Boolean, reflect: true })], _name_dec = [n4()], _value_dec4 = [n4()], _parent_dec = [n4({ type: Boolean })], _internalChecked_dec = [r5()], __fieldCtx_dec = [c4({ context: fieldContext, subscribe: true }), r5()], _a8) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiCheckbox_instances);
@@ -6023,20 +6163,20 @@ isInvalid_get = function() {
 _handleHostClick = new WeakMap();
 _handleClick2 = new WeakMap();
 _handleKeyDown2 = new WeakMap();
-__decorateElement(_init8, 4, "checked", _checked_dec, DuiCheckbox2, _checked);
-__decorateElement(_init8, 4, "defaultChecked", _defaultChecked_dec, DuiCheckbox2, _defaultChecked);
-__decorateElement(_init8, 4, "indeterminate", _indeterminate_dec, DuiCheckbox2, _indeterminate);
-__decorateElement(_init8, 4, "disabled", _disabled_dec5, DuiCheckbox2, _disabled5);
-__decorateElement(_init8, 4, "readOnly", _readOnly_dec2, DuiCheckbox2, _readOnly2);
-__decorateElement(_init8, 4, "required", _required_dec, DuiCheckbox2, _required);
-__decorateElement(_init8, 4, "name", _name_dec, DuiCheckbox2, _name);
-__decorateElement(_init8, 4, "value", _value_dec4, DuiCheckbox2, _value4);
-__decorateElement(_init8, 4, "parent", _parent_dec, DuiCheckbox2, _parent);
+__decorateElement(_init8, 4, "checked", _checked_dec, DuiCheckbox, _checked);
+__decorateElement(_init8, 4, "defaultChecked", _defaultChecked_dec, DuiCheckbox, _defaultChecked);
+__decorateElement(_init8, 4, "indeterminate", _indeterminate_dec, DuiCheckbox, _indeterminate);
+__decorateElement(_init8, 4, "disabled", _disabled_dec5, DuiCheckbox, _disabled5);
+__decorateElement(_init8, 4, "readOnly", _readOnly_dec2, DuiCheckbox, _readOnly2);
+__decorateElement(_init8, 4, "required", _required_dec, DuiCheckbox, _required);
+__decorateElement(_init8, 4, "name", _name_dec, DuiCheckbox, _name);
+__decorateElement(_init8, 4, "value", _value_dec4, DuiCheckbox, _value4);
+__decorateElement(_init8, 4, "parent", _parent_dec, DuiCheckbox, _parent);
 _b7 = __decorateElement(_init8, 20, "#internalChecked", _internalChecked_dec, _DuiCheckbox_instances, _internalChecked), internalChecked_get = _b7.get, internalChecked_set = _b7.set;
-__decorateElement(_init8, 4, "_fieldCtx", __fieldCtx_dec, DuiCheckbox2, __fieldCtx);
-__decoratorMetadata(_init8, DuiCheckbox2);
-__publicField(DuiCheckbox2, "tagName", "dui-checkbox");
-__publicField(DuiCheckbox2, "styles", [base, styles13]);
+__decorateElement(_init8, 4, "_fieldCtx", __fieldCtx_dec, DuiCheckbox, __fieldCtx);
+__decoratorMetadata(_init8, DuiCheckbox);
+__publicField(DuiCheckbox, "tagName", "dui-checkbox");
+__publicField(DuiCheckbox, "styles", [base, styles13]);
 
 // packages/components/src/checkbox/checkbox-group.ts
 var valueChangeEvent3 = customEvent("value-change", {
@@ -6055,7 +6195,7 @@ var styles14 = i`
   }
 `;
 var __ctx_dec4, _internalValues_dec, _disabled_dec6, _allValues_dec, _defaultValue_dec3, _value_dec5, _a9, _init9, _value5, _defaultValue3, _allValues, _disabled6, _internalValues, _b8, internalValues_get, internalValues_set, _DuiCheckboxGroup_instances, _getCheckedValues, _toggle2, _toggleAll, __ctx4, buildContext_fn3;
-var DuiCheckboxGroup2 = class extends (_a9 = i4, _value_dec5 = [n4({ attribute: false })], _defaultValue_dec3 = [n4({ attribute: false })], _allValues_dec = [n4({ attribute: false })], _disabled_dec6 = [n4({ type: Boolean, reflect: true })], _internalValues_dec = [r5()], __ctx_dec4 = [e6({ context: checkboxGroupContext }), r5()], _a9) {
+var DuiCheckboxGroup = class extends (_a9 = i4, _value_dec5 = [n4({ attribute: false })], _defaultValue_dec3 = [n4({ attribute: false })], _allValues_dec = [n4({ attribute: false })], _disabled_dec6 = [n4({ type: Boolean, reflect: true })], _internalValues_dec = [r5()], __ctx_dec4 = [e6({ context: checkboxGroupContext }), r5()], _a9) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiCheckboxGroup_instances);
@@ -6124,15 +6264,15 @@ buildContext_fn3 = function() {
     toggleAll: __privateGet(this, _toggleAll)
   };
 };
-__decorateElement(_init9, 4, "value", _value_dec5, DuiCheckboxGroup2, _value5);
-__decorateElement(_init9, 4, "defaultValue", _defaultValue_dec3, DuiCheckboxGroup2, _defaultValue3);
-__decorateElement(_init9, 4, "allValues", _allValues_dec, DuiCheckboxGroup2, _allValues);
-__decorateElement(_init9, 4, "disabled", _disabled_dec6, DuiCheckboxGroup2, _disabled6);
+__decorateElement(_init9, 4, "value", _value_dec5, DuiCheckboxGroup, _value5);
+__decorateElement(_init9, 4, "defaultValue", _defaultValue_dec3, DuiCheckboxGroup, _defaultValue3);
+__decorateElement(_init9, 4, "allValues", _allValues_dec, DuiCheckboxGroup, _allValues);
+__decorateElement(_init9, 4, "disabled", _disabled_dec6, DuiCheckboxGroup, _disabled6);
 _b8 = __decorateElement(_init9, 20, "#internalValues", _internalValues_dec, _DuiCheckboxGroup_instances, _internalValues), internalValues_get = _b8.get, internalValues_set = _b8.set;
-__decorateElement(_init9, 4, "_ctx", __ctx_dec4, DuiCheckboxGroup2, __ctx4);
-__decoratorMetadata(_init9, DuiCheckboxGroup2);
-__publicField(DuiCheckboxGroup2, "tagName", "dui-checkbox-group");
-__publicField(DuiCheckboxGroup2, "styles", [base, styles14]);
+__decorateElement(_init9, 4, "_ctx", __ctx_dec4, DuiCheckboxGroup, __ctx4);
+__decoratorMetadata(_init9, DuiCheckboxGroup);
+__publicField(DuiCheckboxGroup, "tagName", "dui-checkbox-group");
+__publicField(DuiCheckboxGroup, "styles", [base, styles14]);
 
 // packages/components/src/collapsible/collapsible.ts
 var openChangeEvent3 = customEvent(
@@ -6185,7 +6325,7 @@ var chevronSvg2 = b2`<svg
   <path d="m6 9 6 6 6-6" />
 </svg>`;
 var _internalOpen_dec2, _visible_dec2, _panelHeight_dec2, _ending_dec2, _starting_dec2, _keepMounted_dec3, _disabled_dec7, _defaultOpen_dec2, _open_dec2, _a10, _init10, _open2, _defaultOpen2, _disabled7, _keepMounted3, _starting2, _b9, starting_get2, starting_set2, _DuiCollapsible_instances, _ending2, _c5, ending_get2, ending_set2, _panelHeight2, _d4, panelHeight_get2, panelHeight_set2, _visible2, _e3, visible_get2, visible_set2, _internalOpen2, _f, internalOpen_get2, internalOpen_set2, _prevOpen2, _animGen2, _controlled, isOpen_get2, startOpenAnimation_fn2, startCloseAnimation_fn2, _onTransitionEnd2, _onClick2;
-var DuiCollapsible2 = class extends (_a10 = i4, _open_dec2 = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec2 = [n4({ type: Boolean, attribute: "default-open" })], _disabled_dec7 = [n4({ type: Boolean, reflect: true })], _keepMounted_dec3 = [n4({ type: Boolean, attribute: "keep-mounted" })], _starting_dec2 = [r5()], _ending_dec2 = [r5()], _panelHeight_dec2 = [r5()], _visible_dec2 = [r5()], _internalOpen_dec2 = [r5()], _a10) {
+var DuiCollapsible = class extends (_a10 = i4, _open_dec2 = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec2 = [n4({ type: Boolean, attribute: "default-open" })], _disabled_dec7 = [n4({ type: Boolean, reflect: true })], _keepMounted_dec3 = [n4({ type: Boolean, attribute: "keep-mounted" })], _starting_dec2 = [r5()], _ending_dec2 = [r5()], _panelHeight_dec2 = [r5()], _visible_dec2 = [r5()], _internalOpen_dec2 = [r5()], _a10) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiCollapsible_instances);
@@ -6330,18 +6470,18 @@ startCloseAnimation_fn2 = function() {
 };
 _onTransitionEnd2 = new WeakMap();
 _onClick2 = new WeakMap();
-__decorateElement(_init10, 4, "open", _open_dec2, DuiCollapsible2, _open2);
-__decorateElement(_init10, 4, "defaultOpen", _defaultOpen_dec2, DuiCollapsible2, _defaultOpen2);
-__decorateElement(_init10, 4, "disabled", _disabled_dec7, DuiCollapsible2, _disabled7);
-__decorateElement(_init10, 4, "keepMounted", _keepMounted_dec3, DuiCollapsible2, _keepMounted3);
+__decorateElement(_init10, 4, "open", _open_dec2, DuiCollapsible, _open2);
+__decorateElement(_init10, 4, "defaultOpen", _defaultOpen_dec2, DuiCollapsible, _defaultOpen2);
+__decorateElement(_init10, 4, "disabled", _disabled_dec7, DuiCollapsible, _disabled7);
+__decorateElement(_init10, 4, "keepMounted", _keepMounted_dec3, DuiCollapsible, _keepMounted3);
 _b9 = __decorateElement(_init10, 20, "#starting", _starting_dec2, _DuiCollapsible_instances, _starting2), starting_get2 = _b9.get, starting_set2 = _b9.set;
 _c5 = __decorateElement(_init10, 20, "#ending", _ending_dec2, _DuiCollapsible_instances, _ending2), ending_get2 = _c5.get, ending_set2 = _c5.set;
 _d4 = __decorateElement(_init10, 20, "#panelHeight", _panelHeight_dec2, _DuiCollapsible_instances, _panelHeight2), panelHeight_get2 = _d4.get, panelHeight_set2 = _d4.set;
 _e3 = __decorateElement(_init10, 20, "#visible", _visible_dec2, _DuiCollapsible_instances, _visible2), visible_get2 = _e3.get, visible_set2 = _e3.set;
 _f = __decorateElement(_init10, 20, "#internalOpen", _internalOpen_dec2, _DuiCollapsible_instances, _internalOpen2), internalOpen_get2 = _f.get, internalOpen_set2 = _f.set;
-__decoratorMetadata(_init10, DuiCollapsible2);
-__publicField(DuiCollapsible2, "tagName", "dui-collapsible");
-__publicField(DuiCollapsible2, "styles", [base, styles15]);
+__decoratorMetadata(_init10, DuiCollapsible);
+__publicField(DuiCollapsible, "tagName", "dui-collapsible");
+__publicField(DuiCollapsible, "styles", [base, styles15]);
 
 // node_modules/.deno/lit-html@3.3.2/node_modules/lit-html/directive.js
 var t4 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
@@ -8307,7 +8447,7 @@ var portalPopupStyles = [
   `
 ];
 var _inputValue_dec, _highlightedIndex_dec, _name_dec2, _disabled_dec8, _placeholder_dec, _multiple_dec2, _values_dec, _value_dec6, _options_dec, _a11, _init11, _options, _value6, _values, _multiple2, _placeholder, _disabled8, _name2, _highlightedIndex, _b10, highlightedIndex_get, highlightedIndex_set, _DuiCombobox_instances, _inputValue, _c6, inputValue_get, inputValue_set, _popup, _inputId, _listId, filteredOptions_get, _onInput, _onInputFocus, _onInputKeyDown, selectOption_fn, removeValue_fn, _onItemClick, _onListMouseDown, _onListMouseMove, _onChipsClick, _renderChip, _renderItem;
-var DuiCombobox2 = class extends (_a11 = i4, _options_dec = [n4({ attribute: false })], _value_dec6 = [n4({ type: String })], _values_dec = [n4({ attribute: false })], _multiple_dec2 = [n4({ type: Boolean, reflect: true })], _placeholder_dec = [n4({ type: String })], _disabled_dec8 = [n4({ type: Boolean, reflect: true })], _name_dec2 = [n4({ type: String })], _highlightedIndex_dec = [r5()], _inputValue_dec = [r5()], _a11) {
+var DuiCombobox = class extends (_a11 = i4, _options_dec = [n4({ attribute: false })], _value_dec6 = [n4({ type: String })], _values_dec = [n4({ attribute: false })], _multiple_dec2 = [n4({ type: Boolean, reflect: true })], _placeholder_dec = [n4({ type: String })], _disabled_dec8 = [n4({ type: Boolean, reflect: true })], _name_dec2 = [n4({ type: String })], _highlightedIndex_dec = [r5()], _inputValue_dec = [r5()], _a11) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiCombobox_instances);
@@ -8626,18 +8766,18 @@ _onListMouseMove = new WeakMap();
 _onChipsClick = new WeakMap();
 _renderChip = new WeakMap();
 _renderItem = new WeakMap();
-__decorateElement(_init11, 4, "options", _options_dec, DuiCombobox2, _options);
-__decorateElement(_init11, 4, "value", _value_dec6, DuiCombobox2, _value6);
-__decorateElement(_init11, 4, "values", _values_dec, DuiCombobox2, _values);
-__decorateElement(_init11, 4, "multiple", _multiple_dec2, DuiCombobox2, _multiple2);
-__decorateElement(_init11, 4, "placeholder", _placeholder_dec, DuiCombobox2, _placeholder);
-__decorateElement(_init11, 4, "disabled", _disabled_dec8, DuiCombobox2, _disabled8);
-__decorateElement(_init11, 4, "name", _name_dec2, DuiCombobox2, _name2);
+__decorateElement(_init11, 4, "options", _options_dec, DuiCombobox, _options);
+__decorateElement(_init11, 4, "value", _value_dec6, DuiCombobox, _value6);
+__decorateElement(_init11, 4, "values", _values_dec, DuiCombobox, _values);
+__decorateElement(_init11, 4, "multiple", _multiple_dec2, DuiCombobox, _multiple2);
+__decorateElement(_init11, 4, "placeholder", _placeholder_dec, DuiCombobox, _placeholder);
+__decorateElement(_init11, 4, "disabled", _disabled_dec8, DuiCombobox, _disabled8);
+__decorateElement(_init11, 4, "name", _name_dec2, DuiCombobox, _name2);
 _b10 = __decorateElement(_init11, 20, "#highlightedIndex", _highlightedIndex_dec, _DuiCombobox_instances, _highlightedIndex), highlightedIndex_get = _b10.get, highlightedIndex_set = _b10.set;
 _c6 = __decorateElement(_init11, 20, "#inputValue", _inputValue_dec, _DuiCombobox_instances, _inputValue), inputValue_get = _c6.get, inputValue_set = _c6.set;
-__decoratorMetadata(_init11, DuiCombobox2);
-__publicField(DuiCombobox2, "tagName", "dui-combobox");
-__publicField(DuiCombobox2, "styles", [base, hostStyles5, componentStyles3]);
+__decoratorMetadata(_init11, DuiCombobox);
+__publicField(DuiCombobox, "tagName", "dui-combobox");
+__publicField(DuiCombobox, "styles", [base, hostStyles5, componentStyles3]);
 
 // packages/components/src/command/command-context.ts
 var commandContext = n5(
@@ -8687,7 +8827,7 @@ var styles16 = i`
   }
 `;
 var __ctx_dec5, _selectedItemId_dec, _search_dec, _filter_dec, _value_dec7, _shouldFilter_dec, _loop_dec, _a12, _init12, _loop, _shouldFilter, _value7, _filter, _search, _b11, search_get, search_set, _DuiCommand_instances, _selectedItemId, _c7, selectedItemId_get, selectedItemId_set, _items, _itemOrder2, _groups, _scoresMap, _listId2, recomputeScores_fn, _getScore, getVisibleItems_fn, _getVisibleCount, _getGroupVisibleCount, _registerItem2, _unregisterItem2, _updateItem, _registerGroup, _unregisterGroup, _setSearch, _selectItem, _handleItemSelect, _handleKeyDown3, __ctx5, buildContext_fn4;
-var DuiCommand2 = class extends (_a12 = i4, _loop_dec = [n4({ type: Boolean })], _shouldFilter_dec = [n4({ type: Boolean, attribute: "should-filter" })], _value_dec7 = [n4({ type: String })], _filter_dec = [n4({ attribute: false })], _search_dec = [r5()], _selectedItemId_dec = [r5()], __ctx_dec5 = [e6({ context: commandContext }), r5()], _a12) {
+var DuiCommand = class extends (_a12 = i4, _loop_dec = [n4({ type: Boolean })], _shouldFilter_dec = [n4({ type: Boolean, attribute: "should-filter" })], _value_dec7 = [n4({ type: String })], _filter_dec = [n4({ attribute: false })], _search_dec = [r5()], _selectedItemId_dec = [r5()], __ctx_dec5 = [e6({ context: commandContext }), r5()], _a12) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiCommand_instances);
@@ -8920,16 +9060,16 @@ buildContext_fn4 = function() {
     handleItemSelect: __privateGet(this, _handleItemSelect)
   };
 };
-__decorateElement(_init12, 4, "loop", _loop_dec, DuiCommand2, _loop);
-__decorateElement(_init12, 4, "shouldFilter", _shouldFilter_dec, DuiCommand2, _shouldFilter);
-__decorateElement(_init12, 4, "value", _value_dec7, DuiCommand2, _value7);
-__decorateElement(_init12, 4, "filter", _filter_dec, DuiCommand2, _filter);
+__decorateElement(_init12, 4, "loop", _loop_dec, DuiCommand, _loop);
+__decorateElement(_init12, 4, "shouldFilter", _shouldFilter_dec, DuiCommand, _shouldFilter);
+__decorateElement(_init12, 4, "value", _value_dec7, DuiCommand, _value7);
+__decorateElement(_init12, 4, "filter", _filter_dec, DuiCommand, _filter);
 _b11 = __decorateElement(_init12, 20, "#search", _search_dec, _DuiCommand_instances, _search), search_get = _b11.get, search_set = _b11.set;
 _c7 = __decorateElement(_init12, 20, "#selectedItemId", _selectedItemId_dec, _DuiCommand_instances, _selectedItemId), selectedItemId_get = _c7.get, selectedItemId_set = _c7.set;
-__decorateElement(_init12, 4, "_ctx", __ctx_dec5, DuiCommand2, __ctx5);
-__decoratorMetadata(_init12, DuiCommand2);
-__publicField(DuiCommand2, "tagName", "dui-command");
-__publicField(DuiCommand2, "styles", [base, styles16]);
+__decorateElement(_init12, 4, "_ctx", __ctx_dec5, DuiCommand, __ctx5);
+__decoratorMetadata(_init12, DuiCommand);
+__publicField(DuiCommand, "tagName", "dui-command");
+__publicField(DuiCommand, "styles", [base, styles16]);
 
 // packages/components/src/command/command-input.ts
 var styles17 = i`
@@ -8957,7 +9097,7 @@ var styles17 = i`
   }
 `;
 var __ctx_dec6, _placeholder_dec2, _a13, _init13, _placeholder2, __ctx6, _prevSearch, _handleInput, _handleKeyDown4;
-var DuiCommandInput2 = class extends (_a13 = i4, _placeholder_dec2 = [n4({ type: String })], __ctx_dec6 = [c4({ context: commandContext, subscribe: true })], _a13) {
+var DuiCommandInput = class extends (_a13 = i4, _placeholder_dec2 = [n4({ type: String })], __ctx_dec6 = [c4({ context: commandContext, subscribe: true })], _a13) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _placeholder2, __runInitializers(_init13, 8, this, "Search...")), __runInitializers(_init13, 11, this);
@@ -9019,11 +9159,11 @@ __ctx6 = new WeakMap();
 _prevSearch = new WeakMap();
 _handleInput = new WeakMap();
 _handleKeyDown4 = new WeakMap();
-__decorateElement(_init13, 4, "placeholder", _placeholder_dec2, DuiCommandInput2, _placeholder2);
-__decorateElement(_init13, 4, "_ctx", __ctx_dec6, DuiCommandInput2, __ctx6);
-__decoratorMetadata(_init13, DuiCommandInput2);
-__publicField(DuiCommandInput2, "tagName", "dui-command-input");
-__publicField(DuiCommandInput2, "styles", [base, styles17]);
+__decorateElement(_init13, 4, "placeholder", _placeholder_dec2, DuiCommandInput, _placeholder2);
+__decorateElement(_init13, 4, "_ctx", __ctx_dec6, DuiCommandInput, __ctx6);
+__decoratorMetadata(_init13, DuiCommandInput);
+__publicField(DuiCommandInput, "tagName", "dui-command-input");
+__publicField(DuiCommandInput, "styles", [base, styles17]);
 
 // packages/components/src/command/command-list.ts
 var styles18 = i`
@@ -9036,7 +9176,7 @@ var styles18 = i`
   }
 `;
 var __ctx_dec7, _a14, _init14, __ctx7;
-var DuiCommandList2 = class extends (_a14 = i4, __ctx_dec7 = [c4({ context: commandContext, subscribe: true })], _a14) {
+var DuiCommandList = class extends (_a14 = i4, __ctx_dec7 = [c4({ context: commandContext, subscribe: true })], _a14) {
   constructor() {
     super(...arguments);
     __privateAdd(this, __ctx7, __runInitializers(_init14, 8, this)), __runInitializers(_init14, 11, this);
@@ -9057,10 +9197,10 @@ var DuiCommandList2 = class extends (_a14 = i4, __ctx_dec7 = [c4({ context: comm
 };
 _init14 = __decoratorStart(_a14);
 __ctx7 = new WeakMap();
-__decorateElement(_init14, 4, "_ctx", __ctx_dec7, DuiCommandList2, __ctx7);
-__decoratorMetadata(_init14, DuiCommandList2);
-__publicField(DuiCommandList2, "tagName", "dui-command-list");
-__publicField(DuiCommandList2, "styles", [base, styles18]);
+__decorateElement(_init14, 4, "_ctx", __ctx_dec7, DuiCommandList, __ctx7);
+__decoratorMetadata(_init14, DuiCommandList);
+__publicField(DuiCommandList, "tagName", "dui-command-list");
+__publicField(DuiCommandList, "styles", [base, styles18]);
 
 // packages/components/src/command/command-group.ts
 var groupIdCounter = 0;
@@ -9079,7 +9219,7 @@ var styles19 = i`
   }
 `;
 var __ctx_dec8, _heading_dec, _a15, _init15, _heading, __ctx8, _groupId;
-var DuiCommandGroup2 = class extends (_a15 = i4, _heading_dec = [n4({ type: String })], __ctx_dec8 = [c4({ context: commandContext, subscribe: true })], _a15) {
+var DuiCommandGroup = class extends (_a15 = i4, _heading_dec = [n4({ type: String })], __ctx_dec8 = [c4({ context: commandContext, subscribe: true })], _a15) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _heading, __runInitializers(_init15, 8, this, "")), __runInitializers(_init15, 11, this);
@@ -9120,11 +9260,11 @@ _init15 = __decoratorStart(_a15);
 _heading = new WeakMap();
 __ctx8 = new WeakMap();
 _groupId = new WeakMap();
-__decorateElement(_init15, 4, "heading", _heading_dec, DuiCommandGroup2, _heading);
-__decorateElement(_init15, 4, "_ctx", __ctx_dec8, DuiCommandGroup2, __ctx8);
-__decoratorMetadata(_init15, DuiCommandGroup2);
-__publicField(DuiCommandGroup2, "tagName", "dui-command-group");
-__publicField(DuiCommandGroup2, "styles", [base, styles19]);
+__decorateElement(_init15, 4, "heading", _heading_dec, DuiCommandGroup, _heading);
+__decorateElement(_init15, 4, "_ctx", __ctx_dec8, DuiCommandGroup, __ctx8);
+__decoratorMetadata(_init15, DuiCommandGroup);
+__publicField(DuiCommandGroup, "tagName", "dui-command-group");
+__publicField(DuiCommandGroup, "styles", [base, styles19]);
 
 // packages/components/src/command/command-item.ts
 var itemIdCounter = 0;
@@ -9148,7 +9288,7 @@ var styles20 = i`
   }
 `;
 var __ctx_dec9, _disabled_dec9, _keywords_dec, _value_dec8, _a16, _init16, _value8, _keywords, _disabled9, __ctx9, _id, _prevValue, _prevKeywords, _prevDisabled, _registered, _DuiCommandItem_instances, isSelected_get, isVisible_get, getGroupId_fn, buildEntry_fn, _handleMouseMove, _handleClick3;
-var DuiCommandItem2 = class extends (_a16 = i4, _value_dec8 = [n4({ type: String })], _keywords_dec = [n4({ type: Array, attribute: false })], _disabled_dec9 = [n4({ type: Boolean })], __ctx_dec9 = [c4({ context: commandContext, subscribe: true })], _a16) {
+var DuiCommandItem = class extends (_a16 = i4, _value_dec8 = [n4({ type: String })], _keywords_dec = [n4({ type: Array, attribute: false })], _disabled_dec9 = [n4({ type: Boolean })], __ctx_dec9 = [c4({ context: commandContext, subscribe: true })], _a16) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiCommandItem_instances);
@@ -9273,13 +9413,13 @@ buildEntry_fn = function() {
 };
 _handleMouseMove = new WeakMap();
 _handleClick3 = new WeakMap();
-__decorateElement(_init16, 4, "value", _value_dec8, DuiCommandItem2, _value8);
-__decorateElement(_init16, 4, "keywords", _keywords_dec, DuiCommandItem2, _keywords);
-__decorateElement(_init16, 4, "disabled", _disabled_dec9, DuiCommandItem2, _disabled9);
-__decorateElement(_init16, 4, "_ctx", __ctx_dec9, DuiCommandItem2, __ctx9);
-__decoratorMetadata(_init16, DuiCommandItem2);
-__publicField(DuiCommandItem2, "tagName", "dui-command-item");
-__publicField(DuiCommandItem2, "styles", [base, styles20]);
+__decorateElement(_init16, 4, "value", _value_dec8, DuiCommandItem, _value8);
+__decorateElement(_init16, 4, "keywords", _keywords_dec, DuiCommandItem, _keywords);
+__decorateElement(_init16, 4, "disabled", _disabled_dec9, DuiCommandItem, _disabled9);
+__decorateElement(_init16, 4, "_ctx", __ctx_dec9, DuiCommandItem, __ctx9);
+__decoratorMetadata(_init16, DuiCommandItem);
+__publicField(DuiCommandItem, "tagName", "dui-command-item");
+__publicField(DuiCommandItem, "styles", [base, styles20]);
 
 // packages/components/src/command/command-empty.ts
 var styles21 = i`
@@ -9296,7 +9436,7 @@ var styles21 = i`
   }
 `;
 var __ctx_dec10, _a17, _init17, __ctx10;
-var DuiCommandEmpty2 = class extends (_a17 = i4, __ctx_dec10 = [c4({ context: commandContext, subscribe: true })], _a17) {
+var DuiCommandEmpty = class extends (_a17 = i4, __ctx_dec10 = [c4({ context: commandContext, subscribe: true })], _a17) {
   constructor() {
     super(...arguments);
     __privateAdd(this, __ctx10, __runInitializers(_init17, 8, this)), __runInitializers(_init17, 11, this);
@@ -9319,10 +9459,10 @@ var DuiCommandEmpty2 = class extends (_a17 = i4, __ctx_dec10 = [c4({ context: co
 };
 _init17 = __decoratorStart(_a17);
 __ctx10 = new WeakMap();
-__decorateElement(_init17, 4, "_ctx", __ctx_dec10, DuiCommandEmpty2, __ctx10);
-__decoratorMetadata(_init17, DuiCommandEmpty2);
-__publicField(DuiCommandEmpty2, "tagName", "dui-command-empty");
-__publicField(DuiCommandEmpty2, "styles", [base, styles21]);
+__decorateElement(_init17, 4, "_ctx", __ctx_dec10, DuiCommandEmpty, __ctx10);
+__decoratorMetadata(_init17, DuiCommandEmpty);
+__publicField(DuiCommandEmpty, "tagName", "dui-command-empty");
+__publicField(DuiCommandEmpty, "styles", [base, styles21]);
 
 // packages/components/src/command/command-separator.ts
 var styles22 = i`
@@ -9330,6 +9470,13 @@ var styles22 = i`
     display: block;
   }
 `;
+var DuiCommandSeparator = class extends i4 {
+  static tagName = "dui-command-separator";
+  static styles = [base, styles22];
+  render() {
+    return b2`<div class="Separator" role="separator"></div>`;
+  }
+};
 
 // packages/components/src/command/command-shortcut.ts
 var styles23 = i`
@@ -9338,6 +9485,13 @@ var styles23 = i`
     margin-left: auto;
   }
 `;
+var DuiCommandShortcut = class extends i4 {
+  static tagName = "dui-command-shortcut";
+  static styles = [base, styles23];
+  render() {
+    return b2`<span class="Shortcut"><slot></slot></span>`;
+  }
+};
 
 // node_modules/.deno/lit-html@3.3.2/node_modules/lit-html/directives/style-map.js
 var n6 = "important";
@@ -9514,7 +9668,7 @@ var componentStyles4 = i`
   }
 `;
 var _displayRows_dec, _page_dec, _sort_dec, _emptyText_dec, _rowKey_dec, _pageSize_dec, _data_dec, _columns_dec, _a18, _init18, _columns, _data, _pageSize, _rowKey, _emptyText, _sort, _b12, sort_get, sort_set, _DuiDataTable_instances, _page, _c8, page_get, page_set, _displayRows, _d5, displayRows_get, displayRows_set, totalPages_get, pageState_get, handleSort_fn, goToPage_fn, renderSortIcon_fn, renderHeader_fn, renderBody_fn, renderPagination_fn;
-var DuiDataTable2 = class extends (_a18 = i4, _columns_dec = [n4({ attribute: false })], _data_dec = [n4({ attribute: false })], _pageSize_dec = [n4({ type: Number, attribute: "page-size" })], _rowKey_dec = [n4({ attribute: false })], _emptyText_dec = [n4({ attribute: "empty-text" })], _sort_dec = [r5()], _page_dec = [r5()], _displayRows_dec = [r5()], _a18) {
+var DuiDataTable = class extends (_a18 = i4, _columns_dec = [n4({ attribute: false })], _data_dec = [n4({ attribute: false })], _pageSize_dec = [n4({ type: Number, attribute: "page-size" })], _rowKey_dec = [n4({ attribute: false })], _emptyText_dec = [n4({ attribute: "empty-text" })], _sort_dec = [r5()], _page_dec = [r5()], _displayRows_dec = [r5()], _a18) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiDataTable_instances);
@@ -9705,17 +9859,17 @@ renderPagination_fn = function() {
       </div>
     `;
 };
-__decorateElement(_init18, 4, "columns", _columns_dec, DuiDataTable2, _columns);
-__decorateElement(_init18, 4, "data", _data_dec, DuiDataTable2, _data);
-__decorateElement(_init18, 4, "pageSize", _pageSize_dec, DuiDataTable2, _pageSize);
-__decorateElement(_init18, 4, "rowKey", _rowKey_dec, DuiDataTable2, _rowKey);
-__decorateElement(_init18, 4, "emptyText", _emptyText_dec, DuiDataTable2, _emptyText);
+__decorateElement(_init18, 4, "columns", _columns_dec, DuiDataTable, _columns);
+__decorateElement(_init18, 4, "data", _data_dec, DuiDataTable, _data);
+__decorateElement(_init18, 4, "pageSize", _pageSize_dec, DuiDataTable, _pageSize);
+__decorateElement(_init18, 4, "rowKey", _rowKey_dec, DuiDataTable, _rowKey);
+__decorateElement(_init18, 4, "emptyText", _emptyText_dec, DuiDataTable, _emptyText);
 _b12 = __decorateElement(_init18, 20, "#sort", _sort_dec, _DuiDataTable_instances, _sort), sort_get = _b12.get, sort_set = _b12.set;
 _c8 = __decorateElement(_init18, 20, "#page", _page_dec, _DuiDataTable_instances, _page), page_get = _c8.get, page_set = _c8.set;
 _d5 = __decorateElement(_init18, 20, "#displayRows", _displayRows_dec, _DuiDataTable_instances, _displayRows), displayRows_get = _d5.get, displayRows_set = _d5.set;
-__decoratorMetadata(_init18, DuiDataTable2);
-__publicField(DuiDataTable2, "tagName", "dui-data-table");
-__publicField(DuiDataTable2, "styles", [base, hostStyles6, componentStyles4]);
+__decoratorMetadata(_init18, DuiDataTable);
+__publicField(DuiDataTable, "tagName", "dui-data-table");
+__publicField(DuiDataTable, "styles", [base, hostStyles6, componentStyles4]);
 
 // packages/components/src/dialog/dialog-context.ts
 var dialogContext = n5(
@@ -9733,7 +9887,7 @@ var hostStyles7 = i`
   }
 `;
 var __ctx_dec11, _internalOpen_dec3, _defaultOpen_dec3, _open_dec3, _a19, _init19, _open3, _defaultOpen3, _internalOpen3, _b13, internalOpen_get3, internalOpen_set3, _DuiDialog_instances, _instanceId2, _dialogId2, _triggerId2, _titleId2, _descriptionId2, isOpen_get3, _openDialog2, _closeDialog2, __ctx11, buildContext_fn5;
-var DuiDialog2 = class extends (_a19 = i4, _open_dec3 = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec3 = [n4({ type: Boolean, attribute: "default-open" })], _internalOpen_dec3 = [r5()], __ctx_dec11 = [e6({ context: dialogContext }), r5()], _a19) {
+var DuiDialog = class extends (_a19 = i4, _open_dec3 = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec3 = [n4({ type: Boolean, attribute: "default-open" })], _internalOpen_dec3 = [r5()], __ctx_dec11 = [e6({ context: dialogContext }), r5()], _a19) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiDialog_instances);
@@ -9800,13 +9954,13 @@ buildContext_fn5 = function() {
     closeDialog: __privateGet(this, _closeDialog2)
   };
 };
-__decorateElement(_init19, 4, "open", _open_dec3, DuiDialog2, _open3);
-__decorateElement(_init19, 4, "defaultOpen", _defaultOpen_dec3, DuiDialog2, _defaultOpen3);
+__decorateElement(_init19, 4, "open", _open_dec3, DuiDialog, _open3);
+__decorateElement(_init19, 4, "defaultOpen", _defaultOpen_dec3, DuiDialog, _defaultOpen3);
 _b13 = __decorateElement(_init19, 20, "#internalOpen", _internalOpen_dec3, _DuiDialog_instances, _internalOpen3), internalOpen_get3 = _b13.get, internalOpen_set3 = _b13.set;
-__decorateElement(_init19, 4, "_ctx", __ctx_dec11, DuiDialog2, __ctx11);
-__decoratorMetadata(_init19, DuiDialog2);
-__publicField(DuiDialog2, "tagName", "dui-dialog");
-__publicField(DuiDialog2, "styles", [base, hostStyles7]);
+__decorateElement(_init19, 4, "_ctx", __ctx_dec11, DuiDialog, __ctx11);
+__decoratorMetadata(_init19, DuiDialog);
+__publicField(DuiDialog, "tagName", "dui-dialog");
+__publicField(DuiDialog, "styles", [base, hostStyles7]);
 
 // packages/components/src/dialog/dialog-trigger.ts
 var hostStyles8 = i`
@@ -9819,6 +9973,36 @@ var componentStyles5 = i`
     display: contents;
   }
 `;
+var DuiDialogTrigger = class extends i4 {
+  static tagName = "dui-dialog-trigger";
+  static styles = [base, hostStyles8, componentStyles5];
+  #ctx = new s5(this, {
+    context: dialogContext,
+    subscribe: true
+  });
+  #handleClick = () => {
+    this.#ctx.value?.openDialog();
+  };
+  render() {
+    const isOpen = this.#ctx.value?.open ?? false;
+    const triggerId = this.#ctx.value?.triggerId ?? "";
+    const dialogId = this.#ctx.value?.dialogId ?? "";
+    return b2`
+      <span
+        class="Trigger"
+        part="trigger"
+        id="${triggerId}"
+        aria-haspopup="dialog"
+        aria-expanded="${isOpen}"
+        aria-controls="${isOpen ? dialogId : ""}"
+        ?data-popup-open="${isOpen}"
+        @click="${this.#handleClick}"
+      >
+        <slot></slot>
+      </span>
+    `;
+  }
+};
 
 // packages/components/src/dialog/dialog-popup.ts
 var hostStyles9 = i`
@@ -9853,7 +10037,7 @@ var componentStyles6 = i`
   }
 `;
 var _endingStyle_dec2, _startingStyle_dec2, _mounted_dec2, _width_dec, _finalFocus_dec2, _initialFocus_dec2, _keepMounted_dec4, _a20, _init20, _keepMounted4, _initialFocus2, _finalFocus2, _width, _mounted2, _b14, mounted_get2, mounted_set2, _DuiDialogPopup_instances, _startingStyle2, _c9, startingStyle_get2, startingStyle_set2, _endingStyle2, _d6, endingStyle_get2, endingStyle_set2, _previouslyFocused2, _ctx2, animateOpen_fn2, animateClose_fn2, finishClose_fn2, trapFocusIn_fn2, restoreFocus_fn2, _handleKeyDown5, handleTabTrap_fn2, _handleBackdropClick;
-var DuiDialogPopup2 = class extends (_a20 = i4, _keepMounted_dec4 = [n4({ type: Boolean, attribute: "keep-mounted" })], _initialFocus_dec2 = [n4({ attribute: "initial-focus" })], _finalFocus_dec2 = [n4({ attribute: "final-focus" })], _width_dec = [n4()], _mounted_dec2 = [r5()], _startingStyle_dec2 = [r5()], _endingStyle_dec2 = [r5()], _a20) {
+var DuiDialogPopup = class extends (_a20 = i4, _keepMounted_dec4 = [n4({ type: Boolean, attribute: "keep-mounted" })], _initialFocus_dec2 = [n4({ attribute: "initial-focus" })], _finalFocus_dec2 = [n4({ attribute: "final-focus" })], _width_dec = [n4()], _mounted_dec2 = [r5()], _startingStyle_dec2 = [r5()], _endingStyle_dec2 = [r5()], _a20) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiDialogPopup_instances);
@@ -10053,16 +10237,16 @@ handleTabTrap_fn2 = function(e8) {
   }
 };
 _handleBackdropClick = new WeakMap();
-__decorateElement(_init20, 4, "keepMounted", _keepMounted_dec4, DuiDialogPopup2, _keepMounted4);
-__decorateElement(_init20, 4, "initialFocus", _initialFocus_dec2, DuiDialogPopup2, _initialFocus2);
-__decorateElement(_init20, 4, "finalFocus", _finalFocus_dec2, DuiDialogPopup2, _finalFocus2);
-__decorateElement(_init20, 4, "width", _width_dec, DuiDialogPopup2, _width);
+__decorateElement(_init20, 4, "keepMounted", _keepMounted_dec4, DuiDialogPopup, _keepMounted4);
+__decorateElement(_init20, 4, "initialFocus", _initialFocus_dec2, DuiDialogPopup, _initialFocus2);
+__decorateElement(_init20, 4, "finalFocus", _finalFocus_dec2, DuiDialogPopup, _finalFocus2);
+__decorateElement(_init20, 4, "width", _width_dec, DuiDialogPopup, _width);
 _b14 = __decorateElement(_init20, 20, "#mounted", _mounted_dec2, _DuiDialogPopup_instances, _mounted2), mounted_get2 = _b14.get, mounted_set2 = _b14.set;
 _c9 = __decorateElement(_init20, 20, "#startingStyle", _startingStyle_dec2, _DuiDialogPopup_instances, _startingStyle2), startingStyle_get2 = _c9.get, startingStyle_set2 = _c9.set;
 _d6 = __decorateElement(_init20, 20, "#endingStyle", _endingStyle_dec2, _DuiDialogPopup_instances, _endingStyle2), endingStyle_get2 = _d6.get, endingStyle_set2 = _d6.set;
-__decoratorMetadata(_init20, DuiDialogPopup2);
-__publicField(DuiDialogPopup2, "tagName", "dui-dialog-popup");
-__publicField(DuiDialogPopup2, "styles", [base, hostStyles9, componentStyles6]);
+__decoratorMetadata(_init20, DuiDialogPopup);
+__publicField(DuiDialogPopup, "tagName", "dui-dialog-popup");
+__publicField(DuiDialogPopup, "styles", [base, hostStyles9, componentStyles6]);
 
 // packages/components/src/dialog/dialog-close.ts
 var hostStyles10 = i`
@@ -10070,6 +10254,24 @@ var hostStyles10 = i`
     display: contents;
   }
 `;
+var DuiDialogClose = class extends i4 {
+  static tagName = "dui-dialog-close";
+  static styles = [base, hostStyles10];
+  #ctx = new s5(this, {
+    context: dialogContext,
+    subscribe: true
+  });
+  #handleClick = () => {
+    this.#ctx.value?.closeDialog();
+  };
+  render() {
+    return b2`
+      <span @click="${this.#handleClick}">
+        <slot></slot>
+      </span>
+    `;
+  }
+};
 
 // packages/components/src/dropzone/dropzone.ts
 var dropzoneDropEvent = customEvent("drop", {
@@ -10376,7 +10578,7 @@ __publicField(_DuiDropzone, "REJECTION_CODES", {
   FILE_TOO_SMALL: "FILE_TOO_SMALL",
   FILE_INVALID_TYPE: "FILE_INVALID_TYPE"
 });
-var DuiDropzone2 = _DuiDropzone;
+var DuiDropzone = _DuiDropzone;
 
 // packages/components/src/icon/icon.ts
 var styles25 = i`
@@ -10394,6 +10596,13 @@ var styles25 = i`
     height: 100%;
   }
 `;
+var DuiIcon = class extends i4 {
+  static tagName = "dui-icon";
+  static styles = [base, styles25];
+  render() {
+    return b2`<slot></slot>`;
+  }
+};
 
 // node_modules/.deno/lit-html@3.3.2/node_modules/lit-html/directives/if-defined.js
 var o7 = (o8) => o8 ?? A;
@@ -10419,7 +10628,7 @@ var styles26 = i`
   }
 `;
 var __fieldCtx_dec2, _autofocus_dec, _autocomplete_dec, _name_dec3, _pattern_dec, _maxLength_dec, _minLength_dec, _readonly_dec, _required_dec2, _disabled_dec11, _placeholder_dec3, _value_dec9, _type_dec2, _a22, _init22, _type2, _value9, _placeholder3, _disabled11, _required2, _readonly, _minLength, _maxLength, _pattern, _name3, _autocomplete, _autofocus, __fieldCtx2, _DuiInput_instances, controlId_get, descriptionId_get, errorId_get, isDisabled_get3, isInvalid_get2, _onInput2, _onFocus, _onBlur;
-var DuiInput2 = class extends (_a22 = i4, _type_dec2 = [n4({ type: String })], _value_dec9 = [n4({ type: String })], _placeholder_dec3 = [n4({ type: String })], _disabled_dec11 = [n4({ type: Boolean, reflect: true })], _required_dec2 = [n4({ type: Boolean })], _readonly_dec = [n4({ type: Boolean })], _minLength_dec = [n4({ type: Number, attribute: "minlength" })], _maxLength_dec = [n4({ type: Number, attribute: "maxlength" })], _pattern_dec = [n4({ type: String })], _name_dec3 = [n4({ type: String })], _autocomplete_dec = [n4({ type: String })], _autofocus_dec = [n4({ type: Boolean })], __fieldCtx_dec2 = [c4({ context: fieldContext, subscribe: true }), r5()], _a22) {
+var DuiInput = class extends (_a22 = i4, _type_dec2 = [n4({ type: String })], _value_dec9 = [n4({ type: String })], _placeholder_dec3 = [n4({ type: String })], _disabled_dec11 = [n4({ type: Boolean, reflect: true })], _required_dec2 = [n4({ type: Boolean })], _readonly_dec = [n4({ type: Boolean })], _minLength_dec = [n4({ type: Number, attribute: "minlength" })], _maxLength_dec = [n4({ type: Number, attribute: "maxlength" })], _pattern_dec = [n4({ type: String })], _name_dec3 = [n4({ type: String })], _autocomplete_dec = [n4({ type: String })], _autofocus_dec = [n4({ type: Boolean })], __fieldCtx_dec2 = [c4({ context: fieldContext, subscribe: true }), r5()], _a22) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiInput_instances);
@@ -10522,26 +10731,26 @@ isInvalid_get2 = function() {
 _onInput2 = new WeakMap();
 _onFocus = new WeakMap();
 _onBlur = new WeakMap();
-__decorateElement(_init22, 4, "type", _type_dec2, DuiInput2, _type2);
-__decorateElement(_init22, 4, "value", _value_dec9, DuiInput2, _value9);
-__decorateElement(_init22, 4, "placeholder", _placeholder_dec3, DuiInput2, _placeholder3);
-__decorateElement(_init22, 4, "disabled", _disabled_dec11, DuiInput2, _disabled11);
-__decorateElement(_init22, 4, "required", _required_dec2, DuiInput2, _required2);
-__decorateElement(_init22, 4, "readonly", _readonly_dec, DuiInput2, _readonly);
-__decorateElement(_init22, 4, "minLength", _minLength_dec, DuiInput2, _minLength);
-__decorateElement(_init22, 4, "maxLength", _maxLength_dec, DuiInput2, _maxLength);
-__decorateElement(_init22, 4, "pattern", _pattern_dec, DuiInput2, _pattern);
-__decorateElement(_init22, 4, "name", _name_dec3, DuiInput2, _name3);
-__decorateElement(_init22, 4, "autocomplete", _autocomplete_dec, DuiInput2, _autocomplete);
-__decorateElement(_init22, 4, "autofocus", _autofocus_dec, DuiInput2, _autofocus);
-__decorateElement(_init22, 4, "_fieldCtx", __fieldCtx_dec2, DuiInput2, __fieldCtx2);
-__decoratorMetadata(_init22, DuiInput2);
-__publicField(DuiInput2, "tagName", "dui-input");
-__publicField(DuiInput2, "shadowRootOptions", {
+__decorateElement(_init22, 4, "type", _type_dec2, DuiInput, _type2);
+__decorateElement(_init22, 4, "value", _value_dec9, DuiInput, _value9);
+__decorateElement(_init22, 4, "placeholder", _placeholder_dec3, DuiInput, _placeholder3);
+__decorateElement(_init22, 4, "disabled", _disabled_dec11, DuiInput, _disabled11);
+__decorateElement(_init22, 4, "required", _required_dec2, DuiInput, _required2);
+__decorateElement(_init22, 4, "readonly", _readonly_dec, DuiInput, _readonly);
+__decorateElement(_init22, 4, "minLength", _minLength_dec, DuiInput, _minLength);
+__decorateElement(_init22, 4, "maxLength", _maxLength_dec, DuiInput, _maxLength);
+__decorateElement(_init22, 4, "pattern", _pattern_dec, DuiInput, _pattern);
+__decorateElement(_init22, 4, "name", _name_dec3, DuiInput, _name3);
+__decorateElement(_init22, 4, "autocomplete", _autocomplete_dec, DuiInput, _autocomplete);
+__decorateElement(_init22, 4, "autofocus", _autofocus_dec, DuiInput, _autofocus);
+__decorateElement(_init22, 4, "_fieldCtx", __fieldCtx_dec2, DuiInput, __fieldCtx2);
+__decoratorMetadata(_init22, DuiInput);
+__publicField(DuiInput, "tagName", "dui-input");
+__publicField(DuiInput, "shadowRootOptions", {
   ...i4.shadowRootOptions,
   delegatesFocus: true
 });
-__publicField(DuiInput2, "styles", [base, styles26]);
+__publicField(DuiInput, "styles", [base, styles26]);
 
 // packages/components/src/link/link.ts
 var spaNavigateEvent = customEvent(
@@ -10560,7 +10769,7 @@ var styles27 = i`
   }
 `;
 var _href_dec2, _a23, _init23, _href2, _onClick3;
-var DuiLink2 = class extends (_a23 = i4, _href_dec2 = [n4()], _a23) {
+var DuiLink = class extends (_a23 = i4, _href_dec2 = [n4()], _a23) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _href2, __runInitializers(_init23, 8, this, "")), __runInitializers(_init23, 11, this);
@@ -10579,10 +10788,10 @@ var DuiLink2 = class extends (_a23 = i4, _href_dec2 = [n4()], _a23) {
 _init23 = __decoratorStart(_a23);
 _href2 = new WeakMap();
 _onClick3 = new WeakMap();
-__decorateElement(_init23, 4, "href", _href_dec2, DuiLink2, _href2);
-__decoratorMetadata(_init23, DuiLink2);
-__publicField(DuiLink2, "tagName", "dui-link");
-__publicField(DuiLink2, "styles", [base, styles27]);
+__decorateElement(_init23, 4, "href", _href_dec2, DuiLink, _href2);
+__decoratorMetadata(_init23, DuiLink);
+__publicField(DuiLink, "tagName", "dui-link");
+__publicField(DuiLink, "styles", [base, styles27]);
 
 // packages/components/src/menu/menu-item.ts
 var hostStyles11 = i`
@@ -10602,7 +10811,7 @@ var componentStyles7 = i`
   }
 `;
 var _disabled_dec12, _a24, _init24, _disabled12;
-var DuiMenuItem2 = class extends (_a24 = i4, _disabled_dec12 = [n4({ type: Boolean, reflect: true })], _a24) {
+var DuiMenuItem = class extends (_a24 = i4, _disabled_dec12 = [n4({ type: Boolean, reflect: true })], _a24) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _disabled12, __runInitializers(_init24, 8, this, false)), __runInitializers(_init24, 11, this);
@@ -10622,10 +10831,10 @@ var DuiMenuItem2 = class extends (_a24 = i4, _disabled_dec12 = [n4({ type: Boole
 };
 _init24 = __decoratorStart(_a24);
 _disabled12 = new WeakMap();
-__decorateElement(_init24, 4, "disabled", _disabled_dec12, DuiMenuItem2, _disabled12);
-__decoratorMetadata(_init24, DuiMenuItem2);
-__publicField(DuiMenuItem2, "tagName", "dui-menu-item");
-__publicField(DuiMenuItem2, "styles", [base, hostStyles11, componentStyles7]);
+__decorateElement(_init24, 4, "disabled", _disabled_dec12, DuiMenuItem, _disabled12);
+__decoratorMetadata(_init24, DuiMenuItem);
+__publicField(DuiMenuItem, "tagName", "dui-menu-item");
+__publicField(DuiMenuItem, "styles", [base, hostStyles11, componentStyles7]);
 
 // packages/components/src/menu/menu.ts
 var hostStyles12 = i`
@@ -10658,7 +10867,7 @@ var portalPopupStyles2 = [
   `
 ];
 var _highlightedIndex_dec2, _a25, _init25, _highlightedIndex2, _b16, highlightedIndex_get2, highlightedIndex_set2, _DuiMenu_instances, _getTriggerElement, _popup2, _menuId, items_get, togglePopup_fn, _onTriggerClick, _onItemSlotClick, _onKeyDown3, _onMenuMouseMove;
-var DuiMenu2 = class extends (_a25 = i4, _highlightedIndex_dec2 = [r5()], _a25) {
+var DuiMenu = class extends (_a25 = i4, _highlightedIndex_dec2 = [r5()], _a25) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiMenu_instances);
@@ -10707,7 +10916,7 @@ var DuiMenu2 = class extends (_a25 = i4, _highlightedIndex_dec2 = [r5()], _a25)
     });
     __privateAdd(this, _onItemSlotClick, (event) => {
       const item = event.composedPath().find(
-        (el) => el instanceof HTMLElement && el.matches(DuiMenuItem2.tagName)
+        (el) => el instanceof HTMLElement && el.matches(DuiMenuItem.tagName)
       );
       if (item && !item.disabled) {
         __privateGet(this, _popup2).close();
@@ -10837,9 +11046,9 @@ _onItemSlotClick = new WeakMap();
 _onKeyDown3 = new WeakMap();
 _onMenuMouseMove = new WeakMap();
 _b16 = __decorateElement(_init25, 20, "#highlightedIndex", _highlightedIndex_dec2, _DuiMenu_instances, _highlightedIndex2), highlightedIndex_get2 = _b16.get, highlightedIndex_set2 = _b16.set;
-__decoratorMetadata(_init25, DuiMenu2);
-__publicField(DuiMenu2, "tagName", "dui-menu");
-__publicField(DuiMenu2, "styles", [base, hostStyles12, componentStyles8]);
+__decoratorMetadata(_init25, DuiMenu);
+__publicField(DuiMenu, "tagName", "dui-menu");
+__publicField(DuiMenu, "styles", [base, hostStyles12, componentStyles8]);
 
 // packages/components/src/menubar/menubar-context.ts
 var menubarContext = n5(
@@ -10863,7 +11072,7 @@ var styles28 = i`
   }
 `;
 var __ctx_dec12, _activeMenuId_dec, _orientation_dec2, _loop_dec2, _a26, _init26, _loop2, _orientation2, _activeMenuId, _b17, activeMenuId_get, activeMenuId_set, _DuiMenubar_instances, getMenus_fn, _openMenu, _closeAll, _navigateToMenu, __ctx12, buildContext_fn6, _onKeyDown4;
-var DuiMenubar2 = class extends (_a26 = i4, _loop_dec2 = [n4({ type: Boolean })], _orientation_dec2 = [n4({ reflect: true })], _activeMenuId_dec = [r5()], __ctx_dec12 = [e6({ context: menubarContext }), r5()], _a26) {
+var DuiMenubar = class extends (_a26 = i4, _loop_dec2 = [n4({ type: Boolean })], _orientation_dec2 = [n4({ reflect: true })], _activeMenuId_dec = [r5()], __ctx_dec12 = [e6({ context: menubarContext }), r5()], _a26) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiMenubar_instances);
@@ -10954,13 +11163,13 @@ buildContext_fn6 = function() {
   };
 };
 _onKeyDown4 = new WeakMap();
-__decorateElement(_init26, 4, "loop", _loop_dec2, DuiMenubar2, _loop2);
-__decorateElement(_init26, 4, "orientation", _orientation_dec2, DuiMenubar2, _orientation2);
+__decorateElement(_init26, 4, "loop", _loop_dec2, DuiMenubar, _loop2);
+__decorateElement(_init26, 4, "orientation", _orientation_dec2, DuiMenubar, _orientation2);
 _b17 = __decorateElement(_init26, 20, "#activeMenuId", _activeMenuId_dec, _DuiMenubar_instances, _activeMenuId), activeMenuId_get = _b17.get, activeMenuId_set = _b17.set;
-__decorateElement(_init26, 4, "_ctx", __ctx_dec12, DuiMenubar2, __ctx12);
-__decoratorMetadata(_init26, DuiMenubar2);
-__publicField(DuiMenubar2, "tagName", "dui-menubar");
-__publicField(DuiMenubar2, "styles", [base, styles28]);
+__decorateElement(_init26, 4, "_ctx", __ctx_dec12, DuiMenubar, __ctx12);
+__decoratorMetadata(_init26, DuiMenubar);
+__publicField(DuiMenubar, "tagName", "dui-menubar");
+__publicField(DuiMenubar, "styles", [base, styles28]);
 
 // packages/components/src/number-field/number-field.ts
 var valueChangeEvent5 = customEvent(
@@ -11022,7 +11231,7 @@ var styles29 = i`
   }
 `;
 var __fieldCtx_dec3, _inputText_dec, _internalValue_dec2, _name_dec4, _required_dec3, _readOnly_dec3, _disabled_dec13, _largeStep_dec, _step_dec, _max_dec2, _min_dec2, _defaultValue_dec4, _value_dec10, _a27, _init27, _value10, _defaultValue4, _min2, _max2, _step, _largeStep, _disabled13, _readOnly3, _required3, _name4, _internalValue2, _b18, internalValue_get2, internalValue_set2, _DuiNumberField_instances, _inputText, _c10, inputText_get, inputText_set, __fieldCtx3, currentValue_get, isDisabled_get4, isInvalid_get3, canDecrement_get, canIncrement_get, syncInputText_fn, clamp_fn, setValue_fn, _increment, _decrement, commitInput_fn, _onInput3, _onBlur2, _onFocus2, _onKeyDown5, _onDecrementClick, _onIncrementClick;
-var DuiNumberField2 = class extends (_a27 = i4, _value_dec10 = [n4({ type: Number })], _defaultValue_dec4 = [n4({ type: Number, attribute: "default-value" })], _min_dec2 = [n4({ type: Number })], _max_dec2 = [n4({ type: Number })], _step_dec = [n4({ type: Number })], _largeStep_dec = [n4({ type: Number, attribute: "large-step" })], _disabled_dec13 = [n4({ type: Boolean, reflect: true })], _readOnly_dec3 = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], _required_dec3 = [n4({ type: Boolean })], _name_dec4 = [n4()], _internalValue_dec2 = [r5()], _inputText_dec = [r5()], __fieldCtx_dec3 = [c4({ context: fieldContext, subscribe: true }), r5()], _a27) {
+var DuiNumberField = class extends (_a27 = i4, _value_dec10 = [n4({ type: Number })], _defaultValue_dec4 = [n4({ type: Number, attribute: "default-value" })], _min_dec2 = [n4({ type: Number })], _max_dec2 = [n4({ type: Number })], _step_dec = [n4({ type: Number })], _largeStep_dec = [n4({ type: Number, attribute: "large-step" })], _disabled_dec13 = [n4({ type: Boolean, reflect: true })], _readOnly_dec3 = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], _required_dec3 = [n4({ type: Boolean })], _name_dec4 = [n4()], _internalValue_dec2 = [r5()], _inputText_dec = [r5()], __fieldCtx_dec3 = [c4({ context: fieldContext, subscribe: true }), r5()], _a27) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiNumberField_instances);
@@ -11228,26 +11437,26 @@ _onFocus2 = new WeakMap();
 _onKeyDown5 = new WeakMap();
 _onDecrementClick = new WeakMap();
 _onIncrementClick = new WeakMap();
-__decorateElement(_init27, 4, "value", _value_dec10, DuiNumberField2, _value10);
-__decorateElement(_init27, 4, "defaultValue", _defaultValue_dec4, DuiNumberField2, _defaultValue4);
-__decorateElement(_init27, 4, "min", _min_dec2, DuiNumberField2, _min2);
-__decorateElement(_init27, 4, "max", _max_dec2, DuiNumberField2, _max2);
-__decorateElement(_init27, 4, "step", _step_dec, DuiNumberField2, _step);
-__decorateElement(_init27, 4, "largeStep", _largeStep_dec, DuiNumberField2, _largeStep);
-__decorateElement(_init27, 4, "disabled", _disabled_dec13, DuiNumberField2, _disabled13);
-__decorateElement(_init27, 4, "readOnly", _readOnly_dec3, DuiNumberField2, _readOnly3);
-__decorateElement(_init27, 4, "required", _required_dec3, DuiNumberField2, _required3);
-__decorateElement(_init27, 4, "name", _name_dec4, DuiNumberField2, _name4);
+__decorateElement(_init27, 4, "value", _value_dec10, DuiNumberField, _value10);
+__decorateElement(_init27, 4, "defaultValue", _defaultValue_dec4, DuiNumberField, _defaultValue4);
+__decorateElement(_init27, 4, "min", _min_dec2, DuiNumberField, _min2);
+__decorateElement(_init27, 4, "max", _max_dec2, DuiNumberField, _max2);
+__decorateElement(_init27, 4, "step", _step_dec, DuiNumberField, _step);
+__decorateElement(_init27, 4, "largeStep", _largeStep_dec, DuiNumberField, _largeStep);
+__decorateElement(_init27, 4, "disabled", _disabled_dec13, DuiNumberField, _disabled13);
+__decorateElement(_init27, 4, "readOnly", _readOnly_dec3, DuiNumberField, _readOnly3);
+__decorateElement(_init27, 4, "required", _required_dec3, DuiNumberField, _required3);
+__decorateElement(_init27, 4, "name", _name_dec4, DuiNumberField, _name4);
 _b18 = __decorateElement(_init27, 20, "#internalValue", _internalValue_dec2, _DuiNumberField_instances, _internalValue2), internalValue_get2 = _b18.get, internalValue_set2 = _b18.set;
 _c10 = __decorateElement(_init27, 20, "#inputText", _inputText_dec, _DuiNumberField_instances, _inputText), inputText_get = _c10.get, inputText_set = _c10.set;
-__decorateElement(_init27, 4, "_fieldCtx", __fieldCtx_dec3, DuiNumberField2, __fieldCtx3);
-__decoratorMetadata(_init27, DuiNumberField2);
-__publicField(DuiNumberField2, "tagName", "dui-number-field");
-__publicField(DuiNumberField2, "shadowRootOptions", {
+__decorateElement(_init27, 4, "_fieldCtx", __fieldCtx_dec3, DuiNumberField, __fieldCtx3);
+__decoratorMetadata(_init27, DuiNumberField);
+__publicField(DuiNumberField, "tagName", "dui-number-field");
+__publicField(DuiNumberField, "shadowRootOptions", {
   ...i4.shadowRootOptions,
   delegatesFocus: true
 });
-__publicField(DuiNumberField2, "styles", [base, styles29]);
+__publicField(DuiNumberField, "styles", [base, styles29]);
 
 // packages/components/src/popover/popover-context.ts
 var popoverContext = n5(
@@ -11265,7 +11474,7 @@ var hostStyles13 = i`
   }
 `;
 var __ctx_dec13, _triggerEl_dec, _internalOpen_dec4, _sideOffset_dec, _side_dec, _defaultOpen_dec4, _open_dec4, _a28, _init28, _open4, _defaultOpen4, _side, _sideOffset, _internalOpen4, _b19, internalOpen_get4, internalOpen_set4, _DuiPopover_instances, _triggerEl, _c11, triggerEl_get, triggerEl_set, isOpen_get4, _triggerId3, _popupId, __ctx13, _onDocumentKeyDown, doOpen_fn, doClose_fn, doToggle_fn, setTriggerEl_fn;
-var DuiPopover2 = class extends (_a28 = i4, _open_dec4 = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec4 = [n4({ type: Boolean, attribute: "default-open" })], _side_dec = [n4({ reflect: true })], _sideOffset_dec = [n4({ type: Number, attribute: "side-offset" })], _internalOpen_dec4 = [r5()], _triggerEl_dec = [r5()], __ctx_dec13 = [e6({ context: popoverContext }), r5()], _a28) {
+var DuiPopover = class extends (_a28 = i4, _open_dec4 = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec4 = [n4({ type: Boolean, attribute: "default-open" })], _side_dec = [n4({ reflect: true })], _sideOffset_dec = [n4({ type: Number, attribute: "side-offset" })], _internalOpen_dec4 = [r5()], _triggerEl_dec = [r5()], __ctx_dec13 = [e6({ context: popoverContext }), r5()], _a28) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiPopover_instances);
@@ -11358,16 +11567,16 @@ doToggle_fn = function() {
 setTriggerEl_fn = function(el) {
   __privateSet(this, _DuiPopover_instances, el, triggerEl_set);
 };
-__decorateElement(_init28, 4, "open", _open_dec4, DuiPopover2, _open4);
-__decorateElement(_init28, 4, "defaultOpen", _defaultOpen_dec4, DuiPopover2, _defaultOpen4);
-__decorateElement(_init28, 4, "side", _side_dec, DuiPopover2, _side);
-__decorateElement(_init28, 4, "sideOffset", _sideOffset_dec, DuiPopover2, _sideOffset);
+__decorateElement(_init28, 4, "open", _open_dec4, DuiPopover, _open4);
+__decorateElement(_init28, 4, "defaultOpen", _defaultOpen_dec4, DuiPopover, _defaultOpen4);
+__decorateElement(_init28, 4, "side", _side_dec, DuiPopover, _side);
+__decorateElement(_init28, 4, "sideOffset", _sideOffset_dec, DuiPopover, _sideOffset);
 _b19 = __decorateElement(_init28, 20, "#internalOpen", _internalOpen_dec4, _DuiPopover_instances, _internalOpen4), internalOpen_get4 = _b19.get, internalOpen_set4 = _b19.set;
 _c11 = __decorateElement(_init28, 20, "#triggerEl", _triggerEl_dec, _DuiPopover_instances, _triggerEl), triggerEl_get = _c11.get, triggerEl_set = _c11.set;
-__decorateElement(_init28, 4, "_ctx", __ctx_dec13, DuiPopover2, __ctx13);
-__decoratorMetadata(_init28, DuiPopover2);
-__publicField(DuiPopover2, "tagName", "dui-popover");
-__publicField(DuiPopover2, "styles", [base, hostStyles13]);
+__decorateElement(_init28, 4, "_ctx", __ctx_dec13, DuiPopover, __ctx13);
+__decoratorMetadata(_init28, DuiPopover);
+__publicField(DuiPopover, "tagName", "dui-popover");
+__publicField(DuiPopover, "styles", [base, hostStyles13]);
 
 // packages/components/src/popover/popover-trigger.ts
 var hostStyles14 = i`
@@ -11380,6 +11589,43 @@ var componentStyles9 = i`
     display: contents;
   }
 `;
+var DuiPopoverTrigger = class extends i4 {
+  static tagName = "dui-popover-trigger";
+  static styles = [base, hostStyles14, componentStyles9];
+  #ctx = new s5(this, {
+    context: popoverContext,
+    subscribe: true
+  });
+  #handleClick = (e8) => {
+    e8.stopPropagation();
+    this.#updateTriggerEl();
+    this.#ctx.value?.togglePopover();
+  };
+  #updateTriggerEl() {
+    const slot = this.shadowRoot?.querySelector("slot");
+    const el = slot?.assignedElements()?.[0] ?? this;
+    this.#ctx.value?.setTriggerEl(el);
+  }
+  render() {
+    const isOpen = this.#ctx.value?.open ?? false;
+    const popupId = this.#ctx.value?.popupId ?? "";
+    const triggerId = this.#ctx.value?.triggerId ?? "";
+    return b2`
+      <span
+        class="Trigger"
+        part="trigger"
+        id="${triggerId}"
+        aria-haspopup="dialog"
+        aria-expanded="${isOpen}"
+        aria-controls="${isOpen ? popupId : ""}"
+        ?data-popup-open="${isOpen}"
+        @click="${this.#handleClick}"
+      >
+        <slot></slot>
+      </span>
+    `;
+  }
+};
 
 // packages/components/src/popover/popover-popup.ts
 var hostStyles15 = i`
@@ -11432,7 +11678,7 @@ var portalPopupStyles3 = [
   `
 ];
 var _side_dec2, _closeOnClick_dec, _showArrow_dec, _a29, _init29, _showArrow, _closeOnClick, _side2, _b20, side_get, side_set, _DuiPopoverPopup_instances, _ctx3, _wasOpen, _portal, _handleContentClick, updatePlacement_fn;
-var DuiPopoverPopup2 = class extends (_a29 = i4, _showArrow_dec = [n4({ type: Boolean, attribute: "show-arrow" })], _closeOnClick_dec = [n4({ type: Boolean, attribute: "close-on-click" })], _side_dec2 = [r5()], _a29) {
+var DuiPopoverPopup = class extends (_a29 = i4, _showArrow_dec = [n4({ type: Boolean, attribute: "show-arrow" })], _closeOnClick_dec = [n4({ type: Boolean, attribute: "close-on-click" })], _side_dec2 = [r5()], _a29) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiPopoverPopup_instances);
@@ -11514,12 +11760,12 @@ updatePlacement_fn = function() {
   __privateGet(this, _portal).placement = side;
   __privateGet(this, _portal).offset = __privateGet(this, _ctx3).value?.sideOffset ?? 8;
 };
-__decorateElement(_init29, 4, "showArrow", _showArrow_dec, DuiPopoverPopup2, _showArrow);
-__decorateElement(_init29, 4, "closeOnClick", _closeOnClick_dec, DuiPopoverPopup2, _closeOnClick);
+__decorateElement(_init29, 4, "showArrow", _showArrow_dec, DuiPopoverPopup, _showArrow);
+__decorateElement(_init29, 4, "closeOnClick", _closeOnClick_dec, DuiPopoverPopup, _closeOnClick);
 _b20 = __decorateElement(_init29, 20, "#side", _side_dec2, _DuiPopoverPopup_instances, _side2), side_get = _b20.get, side_set = _b20.set;
-__decoratorMetadata(_init29, DuiPopoverPopup2);
-__publicField(DuiPopoverPopup2, "tagName", "dui-popover-popup");
-__publicField(DuiPopoverPopup2, "styles", [base, hostStyles15]);
+__decoratorMetadata(_init29, DuiPopoverPopup);
+__publicField(DuiPopoverPopup, "tagName", "dui-popover-popup");
+__publicField(DuiPopoverPopup, "styles", [base, hostStyles15]);
 
 // packages/components/src/popover/popover-close.ts
 var hostStyles16 = i`
@@ -11527,6 +11773,24 @@ var hostStyles16 = i`
     display: contents;
   }
 `;
+var DuiPopoverClose = class extends i4 {
+  static tagName = "dui-popover-close";
+  static styles = [base, hostStyles16];
+  #ctx = new s5(this, {
+    context: popoverContext,
+    subscribe: true
+  });
+  #handleClick = () => {
+    this.#ctx.value?.closePopover();
+  };
+  render() {
+    return b2`
+      <span @click="${this.#handleClick}">
+        <slot></slot>
+      </span>
+    `;
+  }
+};
 
 // packages/components/src/portal/portal.ts
 var styles30 = i`
@@ -11535,7 +11799,7 @@ var styles30 = i`
   }
 `;
 var _targetElement_dec, _targetRoot_dec, _target_dec, _a30, _init30, _target, _targetRoot, _targetElement, _container, _movedNodes, _isMoving, _DuiPortal_instances, queryTarget_fn, attach_fn, detach_fn, moveChildrenToTarget_fn, _handleSlotChange;
-var DuiPortal2 = class extends (_a30 = i4, _target_dec = [n4({ type: String })], _targetRoot_dec = [n4({ type: String, attribute: "target-root", reflect: true })], _targetElement_dec = [n4({ attribute: false })], _a30) {
+var DuiPortal = class extends (_a30 = i4, _target_dec = [n4({ type: String })], _targetRoot_dec = [n4({ type: String, attribute: "target-root", reflect: true })], _targetElement_dec = [n4({ attribute: false })], _a30) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiPortal_instances);
@@ -11612,12 +11876,12 @@ moveChildrenToTarget_fn = function() {
   __privateSet(this, _isMoving, false);
 };
 _handleSlotChange = new WeakMap();
-__decorateElement(_init30, 4, "target", _target_dec, DuiPortal2, _target);
-__decorateElement(_init30, 4, "targetRoot", _targetRoot_dec, DuiPortal2, _targetRoot);
-__decorateElement(_init30, 4, "targetElement", _targetElement_dec, DuiPortal2, _targetElement);
-__decoratorMetadata(_init30, DuiPortal2);
-__publicField(DuiPortal2, "tagName", "dui-portal");
-__publicField(DuiPortal2, "styles", [styles30]);
+__decorateElement(_init30, 4, "target", _target_dec, DuiPortal, _target);
+__decorateElement(_init30, 4, "targetRoot", _targetRoot_dec, DuiPortal, _targetRoot);
+__decorateElement(_init30, 4, "targetElement", _targetElement_dec, DuiPortal, _targetElement);
+__decoratorMetadata(_init30, DuiPortal);
+__publicField(DuiPortal, "tagName", "dui-portal");
+__publicField(DuiPortal, "styles", [styles30]);
 
 // packages/components/src/preview-card/preview-card-context.ts
 var previewCardContext = n5(
@@ -11635,7 +11899,7 @@ var hostStyles17 = i`
   }
 `;
 var __ctx_dec14, _triggerEl_dec2, _internalOpen_dec5, _closeDelay_dec, _delay_dec, _sideOffset_dec2, _side_dec3, _defaultOpen_dec5, _open_dec5, _a31, _init31, _open5, _defaultOpen5, _side3, _sideOffset2, _delay, _closeDelay, _internalOpen5, _b21, internalOpen_get5, internalOpen_set5, _DuiPreviewCard_instances, _triggerEl2, _c12, triggerEl_get2, triggerEl_set2, _openTimeout, _closeTimeout, _triggerId4, _popupId2, __ctx14, clearTimeouts_fn, scheduleOpen_fn, scheduleClose_fn, doOpen_fn2, doClose_fn2, setTriggerEl_fn2;
-var DuiPreviewCard2 = class extends (_a31 = i4, _open_dec5 = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec5 = [n4({ type: Boolean, attribute: "default-open" })], _side_dec3 = [n4({ reflect: true })], _sideOffset_dec2 = [n4({ type: Number, attribute: "side-offset" })], _delay_dec = [n4({ type: Number })], _closeDelay_dec = [n4({ type: Number, attribute: "close-delay" })], _internalOpen_dec5 = [r5()], _triggerEl_dec2 = [r5()], __ctx_dec14 = [e6({ context: previewCardContext }), r5()], _a31) {
+var DuiPreviewCard = class extends (_a31 = i4, _open_dec5 = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec5 = [n4({ type: Boolean, attribute: "default-open" })], _side_dec3 = [n4({ reflect: true })], _sideOffset_dec2 = [n4({ type: Number, attribute: "side-offset" })], _delay_dec = [n4({ type: Number })], _closeDelay_dec = [n4({ type: Number, attribute: "close-delay" })], _internalOpen_dec5 = [r5()], _triggerEl_dec2 = [r5()], __ctx_dec14 = [e6({ context: previewCardContext }), r5()], _a31) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiPreviewCard_instances);
@@ -11743,18 +12007,18 @@ doClose_fn2 = function() {
 setTriggerEl_fn2 = function(el) {
   __privateSet(this, _DuiPreviewCard_instances, el, triggerEl_set2);
 };
-__decorateElement(_init31, 4, "open", _open_dec5, DuiPreviewCard2, _open5);
-__decorateElement(_init31, 4, "defaultOpen", _defaultOpen_dec5, DuiPreviewCard2, _defaultOpen5);
-__decorateElement(_init31, 4, "side", _side_dec3, DuiPreviewCard2, _side3);
-__decorateElement(_init31, 4, "sideOffset", _sideOffset_dec2, DuiPreviewCard2, _sideOffset2);
-__decorateElement(_init31, 4, "delay", _delay_dec, DuiPreviewCard2, _delay);
-__decorateElement(_init31, 4, "closeDelay", _closeDelay_dec, DuiPreviewCard2, _closeDelay);
+__decorateElement(_init31, 4, "open", _open_dec5, DuiPreviewCard, _open5);
+__decorateElement(_init31, 4, "defaultOpen", _defaultOpen_dec5, DuiPreviewCard, _defaultOpen5);
+__decorateElement(_init31, 4, "side", _side_dec3, DuiPreviewCard, _side3);
+__decorateElement(_init31, 4, "sideOffset", _sideOffset_dec2, DuiPreviewCard, _sideOffset2);
+__decorateElement(_init31, 4, "delay", _delay_dec, DuiPreviewCard, _delay);
+__decorateElement(_init31, 4, "closeDelay", _closeDelay_dec, DuiPreviewCard, _closeDelay);
 _b21 = __decorateElement(_init31, 20, "#internalOpen", _internalOpen_dec5, _DuiPreviewCard_instances, _internalOpen5), internalOpen_get5 = _b21.get, internalOpen_set5 = _b21.set;
 _c12 = __decorateElement(_init31, 20, "#triggerEl", _triggerEl_dec2, _DuiPreviewCard_instances, _triggerEl2), triggerEl_get2 = _c12.get, triggerEl_set2 = _c12.set;
-__decorateElement(_init31, 4, "_ctx", __ctx_dec14, DuiPreviewCard2, __ctx14);
-__decoratorMetadata(_init31, DuiPreviewCard2);
-__publicField(DuiPreviewCard2, "tagName", "dui-preview-card");
-__publicField(DuiPreviewCard2, "styles", [base, hostStyles17]);
+__decorateElement(_init31, 4, "_ctx", __ctx_dec14, DuiPreviewCard, __ctx14);
+__decoratorMetadata(_init31, DuiPreviewCard);
+__publicField(DuiPreviewCard, "tagName", "dui-preview-card");
+__publicField(DuiPreviewCard, "styles", [base, hostStyles17]);
 
 // packages/components/src/preview-card/preview-card-trigger.ts
 var hostStyles18 = i`
@@ -11767,6 +12031,61 @@ var componentStyles10 = i`
     display: contents;
   }
 `;
+var DuiPreviewCardTrigger = class extends i4 {
+  static tagName = "dui-preview-card-trigger";
+  static styles = [base, hostStyles18, componentStyles10];
+  #ctx = new s5(this, {
+    context: previewCardContext,
+    subscribe: true
+  });
+  #handleMouseEnter = () => {
+    this.#updateTriggerEl();
+    this.#ctx.value?.openPreviewCard();
+  };
+  #handleMouseLeave = () => {
+    this.#ctx.value?.closePreviewCard();
+  };
+  #handleFocus = () => {
+    this.#updateTriggerEl();
+    this.#ctx.value?.openPreviewCard();
+  };
+  #handleBlur = () => {
+    this.#ctx.value?.closePreviewCard();
+  };
+  #handleKeyDown = (e8) => {
+    if (e8.key === "Escape" && this.#ctx.value?.open) {
+      this.#ctx.value?.closePreviewCard();
+    }
+  };
+  #updateTriggerEl() {
+    const slot = this.shadowRoot?.querySelector("slot");
+    const slotted = slot?.assignedElements({ flatten: true });
+    const el = slotted?.[0] ?? this;
+    this.#ctx.value?.setTriggerEl(el);
+  }
+  render() {
+    const isOpen = this.#ctx.value?.open ?? false;
+    const popupId = this.#ctx.value?.popupId ?? "";
+    const triggerId = this.#ctx.value?.triggerId ?? "";
+    return b2`
+      <span
+        class="Trigger"
+        part="trigger"
+        id="${triggerId}"
+        tabindex="0"
+        aria-describedby="${isOpen ? popupId : ""}"
+        ?data-popup-open="${isOpen}"
+        @mouseenter="${this.#handleMouseEnter}"
+        @mouseleave="${this.#handleMouseLeave}"
+        @focus="${this.#handleFocus}"
+        @blur="${this.#handleBlur}"
+        @keydown="${this.#handleKeyDown}"
+      >
+        <slot></slot>
+      </span>
+    `;
+  }
+};
 
 // packages/components/src/preview-card/preview-card-popup.ts
 var hostStyles19 = i`
@@ -11819,7 +12138,7 @@ var portalPopupStyles4 = [
   `
 ];
 var _side_dec4, _showArrow_dec2, _a32, _init32, _showArrow2, _side4, _b22, side_get2, side_set2, _DuiPreviewCardPopup_instances, _ctx4, _wasOpen2, _portal2, _handleMouseEnter, _handleMouseLeave, updatePlacement_fn2;
-var DuiPreviewCardPopup2 = class extends (_a32 = i4, _showArrow_dec2 = [n4({ type: Boolean, attribute: "show-arrow" })], _side_dec4 = [r5()], _a32) {
+var DuiPreviewCardPopup = class extends (_a32 = i4, _showArrow_dec2 = [n4({ type: Boolean, attribute: "show-arrow" })], _side_dec4 = [r5()], _a32) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiPreviewCardPopup_instances);
@@ -11897,11 +12216,11 @@ updatePlacement_fn2 = function() {
   __privateGet(this, _portal2).placement = side;
   __privateGet(this, _portal2).offset = __privateGet(this, _ctx4).value?.sideOffset ?? 8;
 };
-__decorateElement(_init32, 4, "showArrow", _showArrow_dec2, DuiPreviewCardPopup2, _showArrow2);
+__decorateElement(_init32, 4, "showArrow", _showArrow_dec2, DuiPreviewCardPopup, _showArrow2);
 _b22 = __decorateElement(_init32, 20, "#side", _side_dec4, _DuiPreviewCardPopup_instances, _side4), side_get2 = _b22.get, side_set2 = _b22.set;
-__decoratorMetadata(_init32, DuiPreviewCardPopup2);
-__publicField(DuiPreviewCardPopup2, "tagName", "dui-preview-card-popup");
-__publicField(DuiPreviewCardPopup2, "styles", [base, hostStyles19]);
+__decoratorMetadata(_init32, DuiPreviewCardPopup);
+__publicField(DuiPreviewCardPopup, "tagName", "dui-preview-card-popup");
+__publicField(DuiPreviewCardPopup, "styles", [base, hostStyles19]);
 
 // packages/components/src/progress/progress.ts
 var styles31 = i`
@@ -11924,7 +12243,7 @@ var styles31 = i`
   }
 `;
 var _max_dec3, _min_dec3, _value_dec11, _a33, _init33, _value11, _min3, _max3, _DuiProgress_instances, percent_get, isIndeterminate_get2, isComplete_get;
-var DuiProgress2 = class extends (_a33 = i4, _value_dec11 = [n4({ type: Number })], _min_dec3 = [n4({ type: Number })], _max_dec3 = [n4({ type: Number })], _a33) {
+var DuiProgress = class extends (_a33 = i4, _value_dec11 = [n4({ type: Number })], _min_dec3 = [n4({ type: Number })], _max_dec3 = [n4({ type: Number })], _a33) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiProgress_instances);
@@ -11970,12 +12289,12 @@ isIndeterminate_get2 = function() {
 isComplete_get = function() {
   return this.value !== null && this.value >= this.max;
 };
-__decorateElement(_init33, 4, "value", _value_dec11, DuiProgress2, _value11);
-__decorateElement(_init33, 4, "min", _min_dec3, DuiProgress2, _min3);
-__decorateElement(_init33, 4, "max", _max_dec3, DuiProgress2, _max3);
-__decoratorMetadata(_init33, DuiProgress2);
-__publicField(DuiProgress2, "tagName", "dui-progress");
-__publicField(DuiProgress2, "styles", [base, styles31]);
+__decorateElement(_init33, 4, "value", _value_dec11, DuiProgress, _value11);
+__decorateElement(_init33, 4, "min", _min_dec3, DuiProgress, _min3);
+__decorateElement(_init33, 4, "max", _max_dec3, DuiProgress, _max3);
+__decoratorMetadata(_init33, DuiProgress);
+__publicField(DuiProgress, "tagName", "dui-progress");
+__publicField(DuiProgress, "styles", [base, styles31]);
 
 // packages/components/src/radio/radio-group-context.ts
 var radioGroupContext = n5(
@@ -12036,7 +12355,7 @@ var styles32 = i`
   }
 `;
 var __fieldCtx_dec4, _readOnly_dec4, _disabled_dec14, _value_dec12, _a34, _init34, _value12, _disabled14, _readOnly4, _groupCtx2, __fieldCtx4, _DuiRadio_instances, isChecked_get2, isDisabled_get5, isReadOnly_get, isRequired_get, isInvalid_get4, _handleHostClick2, _handleClick5, _handleKeyDown7;
-var DuiRadio2 = class extends (_a34 = i4, _value_dec12 = [n4()], _disabled_dec14 = [n4({ type: Boolean, reflect: true })], _readOnly_dec4 = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], __fieldCtx_dec4 = [c4({ context: fieldContext, subscribe: true }), r5()], _a34) {
+var DuiRadio = class extends (_a34 = i4, _value_dec12 = [n4()], _disabled_dec14 = [n4({ type: Boolean, reflect: true })], _readOnly_dec4 = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], __fieldCtx_dec4 = [c4({ context: fieldContext, subscribe: true }), r5()], _a34) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiRadio_instances);
@@ -12151,13 +12470,13 @@ isInvalid_get4 = function() {
 _handleHostClick2 = new WeakMap();
 _handleClick5 = new WeakMap();
 _handleKeyDown7 = new WeakMap();
-__decorateElement(_init34, 4, "value", _value_dec12, DuiRadio2, _value12);
-__decorateElement(_init34, 4, "disabled", _disabled_dec14, DuiRadio2, _disabled14);
-__decorateElement(_init34, 4, "readOnly", _readOnly_dec4, DuiRadio2, _readOnly4);
-__decorateElement(_init34, 4, "_fieldCtx", __fieldCtx_dec4, DuiRadio2, __fieldCtx4);
-__decoratorMetadata(_init34, DuiRadio2);
-__publicField(DuiRadio2, "tagName", "dui-radio");
-__publicField(DuiRadio2, "styles", [base, styles32]);
+__decorateElement(_init34, 4, "value", _value_dec12, DuiRadio, _value12);
+__decorateElement(_init34, 4, "disabled", _disabled_dec14, DuiRadio, _disabled14);
+__decorateElement(_init34, 4, "readOnly", _readOnly_dec4, DuiRadio, _readOnly4);
+__decorateElement(_init34, 4, "_fieldCtx", __fieldCtx_dec4, DuiRadio, __fieldCtx4);
+__decoratorMetadata(_init34, DuiRadio);
+__publicField(DuiRadio, "tagName", "dui-radio");
+__publicField(DuiRadio, "styles", [base, styles32]);
 
 // packages/components/src/radio/radio-group.ts
 var valueChangeEvent6 = customEvent("value-change", {
@@ -12180,7 +12499,7 @@ var styles33 = i`
   }
 `;
 var __ctx_dec15, _internalValue_dec3, _required_dec4, _readOnly_dec5, _disabled_dec15, _defaultValue_dec5, _value_dec13, _name_dec5, _a35, _init35, _name5, _value13, _defaultValue5, _disabled15, _readOnly5, _required4, _internalValue3, _b23, internalValue_get3, internalValue_set3, _DuiRadioGroup_instances, _getSelectedValue, _select, __ctx15, buildContext_fn7;
-var DuiRadioGroup2 = class extends (_a35 = i4, _name_dec5 = [n4()], _value_dec13 = [n4()], _defaultValue_dec5 = [n4({ attribute: "default-value" })], _disabled_dec15 = [n4({ type: Boolean, reflect: true })], _readOnly_dec5 = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], _required_dec4 = [n4({ type: Boolean, reflect: true })], _internalValue_dec3 = [r5()], __ctx_dec15 = [e6({ context: radioGroupContext }), r5()], _a35) {
+var DuiRadioGroup = class extends (_a35 = i4, _name_dec5 = [n4()], _value_dec13 = [n4()], _defaultValue_dec5 = [n4({ attribute: "default-value" })], _disabled_dec15 = [n4({ type: Boolean, reflect: true })], _readOnly_dec5 = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], _required_dec4 = [n4({ type: Boolean, reflect: true })], _internalValue_dec3 = [r5()], __ctx_dec15 = [e6({ context: radioGroupContext }), r5()], _a35) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiRadioGroup_instances);
@@ -12247,17 +12566,17 @@ buildContext_fn7 = function() {
     select: __privateGet(this, _select)
   };
 };
-__decorateElement(_init35, 4, "name", _name_dec5, DuiRadioGroup2, _name5);
-__decorateElement(_init35, 4, "value", _value_dec13, DuiRadioGroup2, _value13);
-__decorateElement(_init35, 4, "defaultValue", _defaultValue_dec5, DuiRadioGroup2, _defaultValue5);
-__decorateElement(_init35, 4, "disabled", _disabled_dec15, DuiRadioGroup2, _disabled15);
-__decorateElement(_init35, 4, "readOnly", _readOnly_dec5, DuiRadioGroup2, _readOnly5);
-__decorateElement(_init35, 4, "required", _required_dec4, DuiRadioGroup2, _required4);
+__decorateElement(_init35, 4, "name", _name_dec5, DuiRadioGroup, _name5);
+__decorateElement(_init35, 4, "value", _value_dec13, DuiRadioGroup, _value13);
+__decorateElement(_init35, 4, "defaultValue", _defaultValue_dec5, DuiRadioGroup, _defaultValue5);
+__decorateElement(_init35, 4, "disabled", _disabled_dec15, DuiRadioGroup, _disabled15);
+__decorateElement(_init35, 4, "readOnly", _readOnly_dec5, DuiRadioGroup, _readOnly5);
+__decorateElement(_init35, 4, "required", _required_dec4, DuiRadioGroup, _required4);
 _b23 = __decorateElement(_init35, 20, "#internalValue", _internalValue_dec3, _DuiRadioGroup_instances, _internalValue3), internalValue_get3 = _b23.get, internalValue_set3 = _b23.set;
-__decorateElement(_init35, 4, "_ctx", __ctx_dec15, DuiRadioGroup2, __ctx15);
-__decoratorMetadata(_init35, DuiRadioGroup2);
-__publicField(DuiRadioGroup2, "tagName", "dui-radio-group");
-__publicField(DuiRadioGroup2, "styles", [base, styles33]);
+__decorateElement(_init35, 4, "_ctx", __ctx_dec15, DuiRadioGroup, __ctx15);
+__decoratorMetadata(_init35, DuiRadioGroup);
+__publicField(DuiRadioGroup, "tagName", "dui-radio-group");
+__publicField(DuiRadioGroup, "styles", [base, styles33]);
 
 // packages/components/src/scroll-area/scroll-area.ts
 var styles34 = i`
@@ -12688,7 +13007,7 @@ __decoratorMetadata(_init36, _DuiScrollArea);
 __publicField(_DuiScrollArea, "tagName", "dui-scroll-area");
 __publicField(_DuiScrollArea, "styles", [base, styles34]);
 __privateAdd(_DuiScrollArea, _SCROLL_BOTTOM_TOLERANCE, 1);
-var DuiScrollArea2 = _DuiScrollArea;
+var DuiScrollArea = _DuiScrollArea;
 
 // packages/components/src/select/select.ts
 var valueChangeEvent7 = customEvent(
@@ -12766,7 +13085,7 @@ var portalPopupStyles5 = [
   `
 ];
 var _highlightedIndex_dec3, __fieldCtx_dec5, _name_dec6, _disabled_dec16, _placeholder_dec4, _value_dec14, _options_dec2, _a37, _init37, _options2, _value14, _placeholder4, _disabled16, _name6, __fieldCtx5, _highlightedIndex3, _b25, highlightedIndex_get3, highlightedIndex_set3, _DuiSelect_instances, _triggerId5, _listboxId, _popup3, isDisabled_get6, isInvalid_get5, selectedOption_get, selectedIndex_get, displayValue_get, _onTriggerClick2, _onTriggerKeyDown, _onListMouseDown2, _onItemClick2, _onItemMouseEnter, selectOption_fn2, nextEnabledIndex_fn, focusTrigger_fn, _renderItem2;
-var DuiSelect2 = class extends (_a37 = i4, _options_dec2 = [n4({ attribute: false })], _value_dec14 = [n4({ type: String })], _placeholder_dec4 = [n4({ type: String })], _disabled_dec16 = [n4({ type: Boolean, reflect: true })], _name_dec6 = [n4({ type: String })], __fieldCtx_dec5 = [c4({ context: fieldContext, subscribe: true }), r5()], _highlightedIndex_dec3 = [r5()], _a37) {
+var DuiSelect = class extends (_a37 = i4, _options_dec2 = [n4({ attribute: false })], _value_dec14 = [n4({ type: String })], _placeholder_dec4 = [n4({ type: String })], _disabled_dec16 = [n4({ type: Boolean, reflect: true })], _name_dec6 = [n4({ type: String })], __fieldCtx_dec5 = [c4({ context: fieldContext, subscribe: true }), r5()], _highlightedIndex_dec3 = [r5()], _a37) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiSelect_instances);
@@ -13017,16 +13336,16 @@ focusTrigger_fn = function() {
   trigger?.focus();
 };
 _renderItem2 = new WeakMap();
-__decorateElement(_init37, 4, "options", _options_dec2, DuiSelect2, _options2);
-__decorateElement(_init37, 4, "value", _value_dec14, DuiSelect2, _value14);
-__decorateElement(_init37, 4, "placeholder", _placeholder_dec4, DuiSelect2, _placeholder4);
-__decorateElement(_init37, 4, "disabled", _disabled_dec16, DuiSelect2, _disabled16);
-__decorateElement(_init37, 4, "name", _name_dec6, DuiSelect2, _name6);
-__decorateElement(_init37, 4, "_fieldCtx", __fieldCtx_dec5, DuiSelect2, __fieldCtx5);
+__decorateElement(_init37, 4, "options", _options_dec2, DuiSelect, _options2);
+__decorateElement(_init37, 4, "value", _value_dec14, DuiSelect, _value14);
+__decorateElement(_init37, 4, "placeholder", _placeholder_dec4, DuiSelect, _placeholder4);
+__decorateElement(_init37, 4, "disabled", _disabled_dec16, DuiSelect, _disabled16);
+__decorateElement(_init37, 4, "name", _name_dec6, DuiSelect, _name6);
+__decorateElement(_init37, 4, "_fieldCtx", __fieldCtx_dec5, DuiSelect, __fieldCtx5);
 _b25 = __decorateElement(_init37, 20, "#highlightedIndex", _highlightedIndex_dec3, _DuiSelect_instances, _highlightedIndex3), highlightedIndex_get3 = _b25.get, highlightedIndex_set3 = _b25.set;
-__decoratorMetadata(_init37, DuiSelect2);
-__publicField(DuiSelect2, "tagName", "dui-select");
-__publicField(DuiSelect2, "styles", [base, hostStyles20, componentStyles11]);
+__decoratorMetadata(_init37, DuiSelect);
+__publicField(DuiSelect, "tagName", "dui-select");
+__publicField(DuiSelect, "styles", [base, hostStyles20, componentStyles11]);
 
 // packages/components/src/separator/separator.ts
 var styles35 = i`
@@ -13046,7 +13365,7 @@ var styles35 = i`
   }
 `;
 var _orientation_dec4, _a38, _init38, _orientation4;
-var DuiSeparator2 = class extends (_a38 = i4, _orientation_dec4 = [n4({ reflect: true })], _a38) {
+var DuiSeparator = class extends (_a38 = i4, _orientation_dec4 = [n4({ reflect: true })], _a38) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _orientation4, __runInitializers(_init38, 8, this, "horizontal")), __runInitializers(_init38, 11, this);
@@ -13063,10 +13382,10 @@ var DuiSeparator2 = class extends (_a38 = i4, _orientation_dec4 = [n4({ reflect:
 };
 _init38 = __decoratorStart(_a38);
 _orientation4 = new WeakMap();
-__decorateElement(_init38, 4, "orientation", _orientation_dec4, DuiSeparator2, _orientation4);
-__decoratorMetadata(_init38, DuiSeparator2);
-__publicField(DuiSeparator2, "tagName", "dui-separator");
-__publicField(DuiSeparator2, "styles", [base, styles35]);
+__decorateElement(_init38, 4, "orientation", _orientation_dec4, DuiSeparator, _orientation4);
+__decoratorMetadata(_init38, DuiSeparator);
+__publicField(DuiSeparator, "tagName", "dui-separator");
+__publicField(DuiSeparator, "styles", [base, styles35]);
 
 // packages/components/src/sidebar/sidebar-context.ts
 var sidebarContext = n5(
@@ -13086,7 +13405,7 @@ var styles36 = i`
   }
 `;
 var __ctx_dec16, _isMobile_dec, _openMobile_dec, _internalOpen_dec6, _collapsible_dec, _variant_dec, _side_dec5, _defaultOpen_dec6, _open_dec6, _a39, _init39, _open6, _defaultOpen6, _side5, _variant, _collapsible, _internalOpen6, _b26, internalOpen_get6, internalOpen_set6, _DuiSidebarProvider_instances, _openMobile, _c14, openMobile_get, openMobile_set, _isMobile, _d8, isMobile_get, isMobile_set, _mediaQuery, _boundOnMediaChange, _boundOnKeyDown, isOpen_get5, _setOpen, _toggleSidebar, _onMediaChange, _onKeyDown6, __ctx16, buildContext_fn8;
-var DuiSidebarProvider2 = class extends (_a39 = i4, _open_dec6 = [n4({ type: Boolean })], _defaultOpen_dec6 = [n4({ type: Boolean, attribute: "default-open" })], _side_dec5 = [n4({ reflect: true })], _variant_dec = [n4({ reflect: true })], _collapsible_dec = [n4({ reflect: true })], _internalOpen_dec6 = [r5()], _openMobile_dec = [r5()], _isMobile_dec = [r5()], __ctx_dec16 = [e6({ context: sidebarContext }), r5()], _a39) {
+var DuiSidebarProvider = class extends (_a39 = i4, _open_dec6 = [n4({ type: Boolean })], _defaultOpen_dec6 = [n4({ type: Boolean, attribute: "default-open" })], _side_dec5 = [n4({ reflect: true })], _variant_dec = [n4({ reflect: true })], _collapsible_dec = [n4({ reflect: true })], _internalOpen_dec6 = [r5()], _openMobile_dec = [r5()], _isMobile_dec = [r5()], __ctx_dec16 = [e6({ context: sidebarContext }), r5()], _a39) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiSidebarProvider_instances);
@@ -13195,18 +13514,18 @@ buildContext_fn8 = function() {
     toggleSidebar: __privateGet(this, _toggleSidebar)
   };
 };
-__decorateElement(_init39, 4, "open", _open_dec6, DuiSidebarProvider2, _open6);
-__decorateElement(_init39, 4, "defaultOpen", _defaultOpen_dec6, DuiSidebarProvider2, _defaultOpen6);
-__decorateElement(_init39, 4, "side", _side_dec5, DuiSidebarProvider2, _side5);
-__decorateElement(_init39, 4, "variant", _variant_dec, DuiSidebarProvider2, _variant);
-__decorateElement(_init39, 4, "collapsible", _collapsible_dec, DuiSidebarProvider2, _collapsible);
+__decorateElement(_init39, 4, "open", _open_dec6, DuiSidebarProvider, _open6);
+__decorateElement(_init39, 4, "defaultOpen", _defaultOpen_dec6, DuiSidebarProvider, _defaultOpen6);
+__decorateElement(_init39, 4, "side", _side_dec5, DuiSidebarProvider, _side5);
+__decorateElement(_init39, 4, "variant", _variant_dec, DuiSidebarProvider, _variant);
+__decorateElement(_init39, 4, "collapsible", _collapsible_dec, DuiSidebarProvider, _collapsible);
 _b26 = __decorateElement(_init39, 20, "#internalOpen", _internalOpen_dec6, _DuiSidebarProvider_instances, _internalOpen6), internalOpen_get6 = _b26.get, internalOpen_set6 = _b26.set;
 _c14 = __decorateElement(_init39, 20, "#openMobile", _openMobile_dec, _DuiSidebarProvider_instances, _openMobile), openMobile_get = _c14.get, openMobile_set = _c14.set;
 _d8 = __decorateElement(_init39, 20, "#isMobile", _isMobile_dec, _DuiSidebarProvider_instances, _isMobile), isMobile_get = _d8.get, isMobile_set = _d8.set;
-__decorateElement(_init39, 4, "_ctx", __ctx_dec16, DuiSidebarProvider2, __ctx16);
-__decoratorMetadata(_init39, DuiSidebarProvider2);
-__publicField(DuiSidebarProvider2, "tagName", "dui-sidebar-provider");
-__publicField(DuiSidebarProvider2, "styles", [base, styles36]);
+__decorateElement(_init39, 4, "_ctx", __ctx_dec16, DuiSidebarProvider, __ctx16);
+__decoratorMetadata(_init39, DuiSidebarProvider);
+__publicField(DuiSidebarProvider, "tagName", "dui-sidebar-provider");
+__publicField(DuiSidebarProvider, "styles", [base, styles36]);
 
 // packages/components/src/sidebar/sidebar.ts
 var styles37 = i`
@@ -13297,7 +13616,7 @@ var styles37 = i`
   }
 `;
 var _endingStyle_dec3, _startingStyle_dec3, _mounted_dec3, _a40, _init40, _mounted3, _b27, mounted_get3, mounted_set3, _DuiSidebar_instances, _startingStyle3, _c15, startingStyle_get3, startingStyle_set3, _endingStyle3, _d9, endingStyle_get3, endingStyle_set3, _ctx5, animateOpen_fn3, animateClose_fn3, finishClose_fn3, _onBackdropClick, _onMobileKeyDown;
-var DuiSidebar2 = class extends (_a40 = i4, _mounted_dec3 = [r5()], _startingStyle_dec3 = [r5()], _endingStyle_dec3 = [r5()], _a40) {
+var DuiSidebar = class extends (_a40 = i4, _mounted_dec3 = [r5()], _startingStyle_dec3 = [r5()], _endingStyle_dec3 = [r5()], _a40) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiSidebar_instances);
@@ -13424,9 +13743,9 @@ _onMobileKeyDown = new WeakMap();
 _b27 = __decorateElement(_init40, 20, "#mounted", _mounted_dec3, _DuiSidebar_instances, _mounted3), mounted_get3 = _b27.get, mounted_set3 = _b27.set;
 _c15 = __decorateElement(_init40, 20, "#startingStyle", _startingStyle_dec3, _DuiSidebar_instances, _startingStyle3), startingStyle_get3 = _c15.get, startingStyle_set3 = _c15.set;
 _d9 = __decorateElement(_init40, 20, "#endingStyle", _endingStyle_dec3, _DuiSidebar_instances, _endingStyle3), endingStyle_get3 = _d9.get, endingStyle_set3 = _d9.set;
-__decoratorMetadata(_init40, DuiSidebar2);
-__publicField(DuiSidebar2, "tagName", "dui-sidebar");
-__publicField(DuiSidebar2, "styles", [base, styles37]);
+__decoratorMetadata(_init40, DuiSidebar);
+__publicField(DuiSidebar, "tagName", "dui-sidebar");
+__publicField(DuiSidebar, "styles", [base, styles37]);
 
 // packages/components/src/sidebar/sidebar-trigger.ts
 var styles38 = i`
@@ -13445,6 +13764,26 @@ var panelLeftSvg = b2`<svg
   <rect width="18" height="18" x="3" y="3" rx="2" />
   <path d="M9 3v18" />
 </svg>`;
+var DuiSidebarTrigger = class extends i4 {
+  static tagName = "dui-sidebar-trigger";
+  static styles = [base, styles38];
+  #ctx = new s5(this, {
+    context: sidebarContext,
+    subscribe: true
+  });
+  #onClick = () => {
+    this.#ctx.value?.toggleSidebar();
+  };
+  render() {
+    return b2`
+      <dui-button appearance="ghost" size="sm" @click=${this.#onClick}>
+        <slot>
+          <dui-icon>${panelLeftSvg}</dui-icon>
+        </slot>
+      </dui-button>
+    `;
+  }
+};
 
 // packages/components/src/sidebar/sidebar-content.ts
 var styles39 = i`
@@ -13456,6 +13795,17 @@ var styles39 = i`
     overflow: hidden;
   }
 `;
+var DuiSidebarContent = class extends i4 {
+  static tagName = "dui-sidebar-content";
+  static styles = [base, styles39];
+  render() {
+    return b2`
+      <dui-scroll-area>
+        <slot></slot>
+      </dui-scroll-area>
+    `;
+  }
+};
 
 // packages/components/src/sidebar/sidebar-header.ts
 var styles40 = i`
@@ -13464,6 +13814,13 @@ var styles40 = i`
     flex-direction: column;
   }
 `;
+var DuiSidebarHeader = class extends i4 {
+  static tagName = "dui-sidebar-header";
+  static styles = [base, styles40];
+  render() {
+    return b2`<slot></slot>`;
+  }
+};
 
 // packages/components/src/sidebar/sidebar-footer.ts
 var styles41 = i`
@@ -13472,6 +13829,13 @@ var styles41 = i`
     flex-direction: column;
   }
 `;
+var DuiSidebarFooter = class extends i4 {
+  static tagName = "dui-sidebar-footer";
+  static styles = [base, styles41];
+  render() {
+    return b2`<slot></slot>`;
+  }
+};
 
 // packages/components/src/sidebar/sidebar-group.ts
 var styles42 = i`
@@ -13482,6 +13846,16 @@ var styles42 = i`
     overflow: hidden;
   }
 `;
+var DuiSidebarGroup = class extends i4 {
+  static tagName = "dui-sidebar-group";
+  static styles = [base, styles42];
+  render() {
+    return b2`
+      <slot name="label"></slot>
+      <slot></slot>
+    `;
+  }
+};
 
 // packages/components/src/sidebar/sidebar-group-label.ts
 var styles43 = i`
@@ -13497,6 +13871,28 @@ var styles43 = i`
     opacity: 0;
   }
 `;
+var DuiSidebarGroupLabel = class extends i4 {
+  static tagName = "dui-sidebar-group-label";
+  static styles = [base, styles43];
+  #ctx = new s5(this, {
+    context: sidebarContext,
+    subscribe: true
+  });
+  get #isIconCollapsed() {
+    const ctx = this.#ctx.value;
+    return ctx?.collapsible === "icon" && ctx?.state === "collapsed";
+  }
+  updated() {
+    if (this.#isIconCollapsed) {
+      this.setAttribute("data-icon-collapsed", "");
+    } else {
+      this.removeAttribute("data-icon-collapsed");
+    }
+  }
+  render() {
+    return b2`<slot></slot>`;
+  }
+};
 
 // packages/components/src/sidebar/sidebar-menu.ts
 var styles44 = i`
@@ -13508,6 +13904,17 @@ var styles44 = i`
     padding: 0;
   }
 `;
+var DuiSidebarMenu = class extends i4 {
+  static tagName = "dui-sidebar-menu";
+  static styles = [base, styles44];
+  render() {
+    return b2`
+      <ul class="Menu" role="list">
+        <slot></slot>
+      </ul>
+    `;
+  }
+};
 
 // packages/components/src/sidebar/sidebar-menu-item.ts
 var styles45 = i`
@@ -13515,6 +13922,13 @@ var styles45 = i`
     display: list-item;
   }
 `;
+var DuiSidebarMenuItem = class extends i4 {
+  static tagName = "dui-sidebar-menu-item";
+  static styles = [base, styles45];
+  render() {
+    return b2`<slot></slot>`;
+  }
+};
 
 // packages/components/src/sidebar/sidebar-menu-button.ts
 var styles46 = i`
@@ -13577,7 +13991,7 @@ var styles46 = i`
   }
 `;
 var _href_dec3, _tooltip_dec, _disabled_dec17, _active_dec, _a41, _init41, _active, _disabled17, _tooltip, _href3, _ctx6, _DuiSidebarMenuButton_instances, isIconCollapsed_get, _onLinkClick2, renderButton_fn2, renderLink_fn2, renderContent_fn;
-var DuiSidebarMenuButton2 = class extends (_a41 = i4, _active_dec = [n4({ type: Boolean, reflect: true })], _disabled_dec17 = [n4({ type: Boolean, reflect: true })], _tooltip_dec = [n4()], _href_dec3 = [n4()], _a41) {
+var DuiSidebarMenuButton = class extends (_a41 = i4, _active_dec = [n4({ type: Boolean, reflect: true })], _disabled_dec17 = [n4({ type: Boolean, reflect: true })], _tooltip_dec = [n4()], _href_dec3 = [n4()], _a41) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiSidebarMenuButton_instances);
@@ -13675,13 +14089,13 @@ renderContent_fn = function() {
       </div>
     `;
 };
-__decorateElement(_init41, 4, "active", _active_dec, DuiSidebarMenuButton2, _active);
-__decorateElement(_init41, 4, "disabled", _disabled_dec17, DuiSidebarMenuButton2, _disabled17);
-__decorateElement(_init41, 4, "tooltip", _tooltip_dec, DuiSidebarMenuButton2, _tooltip);
-__decorateElement(_init41, 4, "href", _href_dec3, DuiSidebarMenuButton2, _href3);
-__decoratorMetadata(_init41, DuiSidebarMenuButton2);
-__publicField(DuiSidebarMenuButton2, "tagName", "dui-sidebar-menu-button");
-__publicField(DuiSidebarMenuButton2, "styles", [base, styles46]);
+__decorateElement(_init41, 4, "active", _active_dec, DuiSidebarMenuButton, _active);
+__decorateElement(_init41, 4, "disabled", _disabled_dec17, DuiSidebarMenuButton, _disabled17);
+__decorateElement(_init41, 4, "tooltip", _tooltip_dec, DuiSidebarMenuButton, _tooltip);
+__decorateElement(_init41, 4, "href", _href_dec3, DuiSidebarMenuButton, _href3);
+__decoratorMetadata(_init41, DuiSidebarMenuButton);
+__publicField(DuiSidebarMenuButton, "tagName", "dui-sidebar-menu-button");
+__publicField(DuiSidebarMenuButton, "styles", [base, styles46]);
 
 // packages/components/src/sidebar/sidebar-separator.ts
 var styles47 = i`
@@ -13693,6 +14107,13 @@ var styles47 = i`
     /* Structural only — height and color from theme */
   }
 `;
+var DuiSidebarSeparator = class extends i4 {
+  static tagName = "dui-sidebar-separator";
+  static styles = [base, styles47];
+  render() {
+    return b2`<div class="Separator" role="separator"></div>`;
+  }
+};
 
 // packages/components/src/sidebar/sidebar-inset.ts
 var styles48 = i`
@@ -13706,6 +14127,13 @@ var styles48 = i`
     container-type: size;
   }
 `;
+var DuiSidebarInset = class extends i4 {
+  static tagName = "dui-sidebar-inset";
+  static styles = [base, styles48];
+  render() {
+    return b2`<slot></slot>`;
+  }
+};
 
 // packages/components/src/slider/slider.ts
 var valueChangeEvent8 = customEvent(
@@ -13774,7 +14202,7 @@ var styles49 = i`
   }
 `;
 var _dragging_dec, _name_dec7, _disabled_dec18, _step_dec2, _max_dec4, _min_dec4, _value_dec15, _a42, _init42, _value15, _min4, _max4, _step2, _disabled18, _name7, _dragging2, _b28, dragging_get, dragging_set, _DuiSlider_instances, progress_get, clampValue_fn, getValueFromPosition_fn, _onPointerDown, _onPointerMove, _onPointerUp, _onKeyDown7, _onNativeInput, _onNativeChange;
-var DuiSlider2 = class extends (_a42 = i4, _value_dec15 = [n4({ type: Number })], _min_dec4 = [n4({ type: Number })], _max_dec4 = [n4({ type: Number })], _step_dec2 = [n4({ type: Number })], _disabled_dec18 = [n4({ type: Boolean, reflect: true })], _name_dec7 = [n4()], _dragging_dec = [r5()], _a42) {
+var DuiSlider = class extends (_a42 = i4, _value_dec15 = [n4({ type: Number })], _min_dec4 = [n4({ type: Number })], _max_dec4 = [n4({ type: Number })], _step_dec2 = [n4({ type: Number })], _disabled_dec18 = [n4({ type: Boolean, reflect: true })], _name_dec7 = [n4()], _dragging_dec = [r5()], _a42) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiSlider_instances);
@@ -13938,16 +14366,16 @@ _onPointerUp = new WeakMap();
 _onKeyDown7 = new WeakMap();
 _onNativeInput = new WeakMap();
 _onNativeChange = new WeakMap();
-__decorateElement(_init42, 4, "value", _value_dec15, DuiSlider2, _value15);
-__decorateElement(_init42, 4, "min", _min_dec4, DuiSlider2, _min4);
-__decorateElement(_init42, 4, "max", _max_dec4, DuiSlider2, _max4);
-__decorateElement(_init42, 4, "step", _step_dec2, DuiSlider2, _step2);
-__decorateElement(_init42, 4, "disabled", _disabled_dec18, DuiSlider2, _disabled18);
-__decorateElement(_init42, 4, "name", _name_dec7, DuiSlider2, _name7);
+__decorateElement(_init42, 4, "value", _value_dec15, DuiSlider, _value15);
+__decorateElement(_init42, 4, "min", _min_dec4, DuiSlider, _min4);
+__decorateElement(_init42, 4, "max", _max_dec4, DuiSlider, _max4);
+__decorateElement(_init42, 4, "step", _step_dec2, DuiSlider, _step2);
+__decorateElement(_init42, 4, "disabled", _disabled_dec18, DuiSlider, _disabled18);
+__decorateElement(_init42, 4, "name", _name_dec7, DuiSlider, _name7);
 _b28 = __decorateElement(_init42, 20, "#dragging", _dragging_dec, _DuiSlider_instances, _dragging2), dragging_get = _b28.get, dragging_set = _b28.set;
-__decoratorMetadata(_init42, DuiSlider2);
-__publicField(DuiSlider2, "tagName", "dui-slider");
-__publicField(DuiSlider2, "styles", [base, styles49]);
+__decoratorMetadata(_init42, DuiSlider);
+__publicField(DuiSlider, "tagName", "dui-slider");
+__publicField(DuiSlider, "styles", [base, styles49]);
 
 // packages/components/src/spinner/spinner.ts
 var pulseSvg = w`
@@ -14042,7 +14470,7 @@ var styles50 = i`
   }
 `;
 var _variant_dec2, _a43, _init43, _variant2, _DuiSpinner_instances, getSvg_fn;
-var DuiSpinner2 = class extends (_a43 = i4, _variant_dec2 = [n4({ reflect: true })], _a43) {
+var DuiSpinner = class extends (_a43 = i4, _variant_dec2 = [n4({ reflect: true })], _a43) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiSpinner_instances);
@@ -14065,10 +14493,10 @@ getSvg_fn = function() {
       return pulseSvg;
   }
 };
-__decorateElement(_init43, 4, "variant", _variant_dec2, DuiSpinner2, _variant2);
-__decoratorMetadata(_init43, DuiSpinner2);
-__publicField(DuiSpinner2, "tagName", "dui-spinner");
-__publicField(DuiSpinner2, "styles", [base, styles50]);
+__decorateElement(_init43, 4, "variant", _variant_dec2, DuiSpinner, _variant2);
+__decoratorMetadata(_init43, DuiSpinner);
+__publicField(DuiSpinner, "tagName", "dui-spinner");
+__publicField(DuiSpinner, "styles", [base, styles50]);
 
 // packages/components/src/switch/switch.ts
 var checkedChangeEvent2 = customEvent(
@@ -14118,7 +14546,7 @@ var styles51 = i`
   }
 `;
 var __fieldCtx_dec6, _internalChecked_dec2, _uncheckedValue_dec, _value_dec16, _name_dec8, _required_dec5, _readOnly_dec6, _disabled_dec19, _defaultChecked_dec2, _checked_dec2, _a44, _init44, _checked2, _defaultChecked2, _disabled19, _readOnly6, _required5, _name8, _value16, _uncheckedValue, _internalChecked2, _b29, internalChecked_get2, internalChecked_set2, _DuiSwitch_instances, __fieldCtx6, isChecked_get3, isDisabled_get7, isInvalid_get6, _handleHostClick3, _handleClick6, _handleKeyDown8;
-var DuiSwitch2 = class extends (_a44 = i4, _checked_dec2 = [n4({ type: Boolean, reflect: true })], _defaultChecked_dec2 = [n4({ type: Boolean, attribute: "default-checked" })], _disabled_dec19 = [n4({ type: Boolean, reflect: true })], _readOnly_dec6 = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], _required_dec5 = [n4({ type: Boolean, reflect: true })], _name_dec8 = [n4()], _value_dec16 = [n4()], _uncheckedValue_dec = [n4({ attribute: "unchecked-value" })], _internalChecked_dec2 = [r5()], __fieldCtx_dec6 = [c4({ context: fieldContext, subscribe: true }), r5()], _a44) {
+var DuiSwitch = class extends (_a44 = i4, _checked_dec2 = [n4({ type: Boolean, reflect: true })], _defaultChecked_dec2 = [n4({ type: Boolean, attribute: "default-checked" })], _disabled_dec19 = [n4({ type: Boolean, reflect: true })], _readOnly_dec6 = [n4({ type: Boolean, reflect: true, attribute: "read-only" })], _required_dec5 = [n4({ type: Boolean, reflect: true })], _name_dec8 = [n4()], _value_dec16 = [n4()], _uncheckedValue_dec = [n4({ attribute: "unchecked-value" })], _internalChecked_dec2 = [r5()], __fieldCtx_dec6 = [c4({ context: fieldContext, subscribe: true }), r5()], _a44) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiSwitch_instances);
@@ -14228,19 +14656,19 @@ isInvalid_get6 = function() {
 _handleHostClick3 = new WeakMap();
 _handleClick6 = new WeakMap();
 _handleKeyDown8 = new WeakMap();
-__decorateElement(_init44, 4, "checked", _checked_dec2, DuiSwitch2, _checked2);
-__decorateElement(_init44, 4, "defaultChecked", _defaultChecked_dec2, DuiSwitch2, _defaultChecked2);
-__decorateElement(_init44, 4, "disabled", _disabled_dec19, DuiSwitch2, _disabled19);
-__decorateElement(_init44, 4, "readOnly", _readOnly_dec6, DuiSwitch2, _readOnly6);
-__decorateElement(_init44, 4, "required", _required_dec5, DuiSwitch2, _required5);
-__decorateElement(_init44, 4, "name", _name_dec8, DuiSwitch2, _name8);
-__decorateElement(_init44, 4, "value", _value_dec16, DuiSwitch2, _value16);
-__decorateElement(_init44, 4, "uncheckedValue", _uncheckedValue_dec, DuiSwitch2, _uncheckedValue);
+__decorateElement(_init44, 4, "checked", _checked_dec2, DuiSwitch, _checked2);
+__decorateElement(_init44, 4, "defaultChecked", _defaultChecked_dec2, DuiSwitch, _defaultChecked2);
+__decorateElement(_init44, 4, "disabled", _disabled_dec19, DuiSwitch, _disabled19);
+__decorateElement(_init44, 4, "readOnly", _readOnly_dec6, DuiSwitch, _readOnly6);
+__decorateElement(_init44, 4, "required", _required_dec5, DuiSwitch, _required5);
+__decorateElement(_init44, 4, "name", _name_dec8, DuiSwitch, _name8);
+__decorateElement(_init44, 4, "value", _value_dec16, DuiSwitch, _value16);
+__decorateElement(_init44, 4, "uncheckedValue", _uncheckedValue_dec, DuiSwitch, _uncheckedValue);
 _b29 = __decorateElement(_init44, 20, "#internalChecked", _internalChecked_dec2, _DuiSwitch_instances, _internalChecked2), internalChecked_get2 = _b29.get, internalChecked_set2 = _b29.set;
-__decorateElement(_init44, 4, "_fieldCtx", __fieldCtx_dec6, DuiSwitch2, __fieldCtx6);
-__decoratorMetadata(_init44, DuiSwitch2);
-__publicField(DuiSwitch2, "tagName", "dui-switch");
-__publicField(DuiSwitch2, "styles", [base, styles51]);
+__decorateElement(_init44, 4, "_fieldCtx", __fieldCtx_dec6, DuiSwitch, __fieldCtx6);
+__decoratorMetadata(_init44, DuiSwitch);
+__publicField(DuiSwitch, "tagName", "dui-switch");
+__publicField(DuiSwitch, "styles", [base, styles51]);
 
 // packages/components/src/tabs/tabs-context.ts
 var tabsContext = n5(Symbol("dui-tabs"));
@@ -14269,7 +14697,7 @@ var styles52 = i`
   }
 `;
 var __ctx_dec17, _internalValue_dec4, _controls_dec, _orientation_dec5, _defaultValue_dec6, _value_dec17, _a45, _init45, _value17, _defaultValue6, _orientation5, _controls, _internalValue4, _b30, internalValue_get4, internalValue_set4, _DuiTabs_instances, _getValue, _select2, __ctx17, buildContext_fn9;
-var DuiTabs2 = class extends (_a45 = i4, _value_dec17 = [n4()], _defaultValue_dec6 = [n4({ attribute: "default-value" })], _orientation_dec5 = [n4({ reflect: true })], _controls_dec = [n4({ reflect: true })], _internalValue_dec4 = [r5()], __ctx_dec17 = [e6({ context: tabsContext }), r5()], _a45) {
+var DuiTabs = class extends (_a45 = i4, _value_dec17 = [n4()], _defaultValue_dec6 = [n4({ attribute: "default-value" })], _orientation_dec5 = [n4({ reflect: true })], _controls_dec = [n4({ reflect: true })], _internalValue_dec4 = [r5()], __ctx_dec17 = [e6({ context: tabsContext }), r5()], _a45) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiTabs_instances);
@@ -14322,15 +14750,15 @@ buildContext_fn9 = function() {
     select: __privateGet(this, _select2)
   };
 };
-__decorateElement(_init45, 4, "value", _value_dec17, DuiTabs2, _value17);
-__decorateElement(_init45, 4, "defaultValue", _defaultValue_dec6, DuiTabs2, _defaultValue6);
-__decorateElement(_init45, 4, "orientation", _orientation_dec5, DuiTabs2, _orientation5);
-__decorateElement(_init45, 4, "controls", _controls_dec, DuiTabs2, _controls);
+__decorateElement(_init45, 4, "value", _value_dec17, DuiTabs, _value17);
+__decorateElement(_init45, 4, "defaultValue", _defaultValue_dec6, DuiTabs, _defaultValue6);
+__decorateElement(_init45, 4, "orientation", _orientation_dec5, DuiTabs, _orientation5);
+__decorateElement(_init45, 4, "controls", _controls_dec, DuiTabs, _controls);
 _b30 = __decorateElement(_init45, 20, "#internalValue", _internalValue_dec4, _DuiTabs_instances, _internalValue4), internalValue_get4 = _b30.get, internalValue_set4 = _b30.set;
-__decorateElement(_init45, 4, "_ctx", __ctx_dec17, DuiTabs2, __ctx17);
-__decoratorMetadata(_init45, DuiTabs2);
-__publicField(DuiTabs2, "tagName", "dui-tabs");
-__publicField(DuiTabs2, "styles", [base, styles52]);
+__decorateElement(_init45, 4, "_ctx", __ctx_dec17, DuiTabs, __ctx17);
+__decoratorMetadata(_init45, DuiTabs);
+__publicField(DuiTabs, "tagName", "dui-tabs");
+__publicField(DuiTabs, "styles", [base, styles52]);
 
 // packages/components/src/tabs/tabs-list.ts
 var styles53 = i`
@@ -14349,7 +14777,7 @@ var styles53 = i`
   }
 `;
 var __ctx_dec18, _a46, _init46, __ctx18, _resizeObserver2, _DuiTabsList_instances, updateIndicatorPosition_fn;
-var DuiTabsList2 = class extends (_a46 = i4, __ctx_dec18 = [c4({ context: tabsContext, subscribe: true })], _a46) {
+var DuiTabsList = class extends (_a46 = i4, __ctx_dec18 = [c4({ context: tabsContext, subscribe: true })], _a46) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiTabsList_instances);
@@ -14406,10 +14834,10 @@ updateIndicatorPosition_fn = function() {
     list.style.setProperty("--active-tab-width", `${width}px`);
   }
 };
-__decorateElement(_init46, 4, "_ctx", __ctx_dec18, DuiTabsList2, __ctx18);
-__decoratorMetadata(_init46, DuiTabsList2);
-__publicField(DuiTabsList2, "tagName", "dui-tabs-list");
-__publicField(DuiTabsList2, "styles", [base, styles53]);
+__decorateElement(_init46, 4, "_ctx", __ctx_dec18, DuiTabsList, __ctx18);
+__decoratorMetadata(_init46, DuiTabsList);
+__publicField(DuiTabsList, "tagName", "dui-tabs-list");
+__publicField(DuiTabsList, "styles", [base, styles53]);
 
 // packages/components/src/tabs/tab.ts
 var styles54 = i`
@@ -14438,7 +14866,7 @@ var styles54 = i`
   }
 `;
 var __ctx_dec19, _disabled_dec20, _value_dec18, _a47, _init47, _value18, _disabled20, __ctx19, _DuiTab_instances, isActive_get, _handleClick7, _handleKeyDown9;
-var DuiTab2 = class extends (_a47 = i4, _value_dec18 = [n4()], _disabled_dec20 = [n4({ type: Boolean, reflect: true })], __ctx_dec19 = [c4({ context: tabsContext, subscribe: true })], _a47) {
+var DuiTab = class extends (_a47 = i4, _value_dec18 = [n4()], _disabled_dec20 = [n4({ type: Boolean, reflect: true })], __ctx_dec19 = [c4({ context: tabsContext, subscribe: true })], _a47) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiTab_instances);
@@ -14486,12 +14914,12 @@ isActive_get = function() {
 };
 _handleClick7 = new WeakMap();
 _handleKeyDown9 = new WeakMap();
-__decorateElement(_init47, 4, "value", _value_dec18, DuiTab2, _value18);
-__decorateElement(_init47, 4, "disabled", _disabled_dec20, DuiTab2, _disabled20);
-__decorateElement(_init47, 4, "_ctx", __ctx_dec19, DuiTab2, __ctx19);
-__decoratorMetadata(_init47, DuiTab2);
-__publicField(DuiTab2, "tagName", "dui-tab");
-__publicField(DuiTab2, "styles", [base, styles54]);
+__decorateElement(_init47, 4, "value", _value_dec18, DuiTab, _value18);
+__decorateElement(_init47, 4, "disabled", _disabled_dec20, DuiTab, _disabled20);
+__decorateElement(_init47, 4, "_ctx", __ctx_dec19, DuiTab, __ctx19);
+__decoratorMetadata(_init47, DuiTab);
+__publicField(DuiTab, "tagName", "dui-tab");
+__publicField(DuiTab, "styles", [base, styles54]);
 
 // packages/components/src/tabs/tabs-panel.ts
 var styles55 = i`
@@ -14513,7 +14941,7 @@ var styles55 = i`
   }
 `;
 var __ctx_dec20, _keepMounted_dec5, _value_dec19, _a48, _init48, _value19, _keepMounted5, __ctx20, _DuiTabsPanel_instances, isActive_get2;
-var DuiTabsPanel2 = class extends (_a48 = i4, _value_dec19 = [n4()], _keepMounted_dec5 = [n4({ type: Boolean, attribute: "keep-mounted" })], __ctx_dec20 = [c4({ context: tabsContext, subscribe: true })], _a48) {
+var DuiTabsPanel = class extends (_a48 = i4, _value_dec19 = [n4()], _keepMounted_dec5 = [n4({ type: Boolean, attribute: "keep-mounted" })], __ctx_dec20 = [c4({ context: tabsContext, subscribe: true })], _a48) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiTabsPanel_instances);
@@ -14553,12 +14981,12 @@ _DuiTabsPanel_instances = new WeakSet();
 isActive_get2 = function() {
   return this._ctx?.value === this.value;
 };
-__decorateElement(_init48, 4, "value", _value_dec19, DuiTabsPanel2, _value19);
-__decorateElement(_init48, 4, "keepMounted", _keepMounted_dec5, DuiTabsPanel2, _keepMounted5);
-__decorateElement(_init48, 4, "_ctx", __ctx_dec20, DuiTabsPanel2, __ctx20);
-__decoratorMetadata(_init48, DuiTabsPanel2);
-__publicField(DuiTabsPanel2, "tagName", "dui-tabs-panel");
-__publicField(DuiTabsPanel2, "styles", [base, styles55]);
+__decorateElement(_init48, 4, "value", _value_dec19, DuiTabsPanel, _value19);
+__decorateElement(_init48, 4, "keepMounted", _keepMounted_dec5, DuiTabsPanel, _keepMounted5);
+__decorateElement(_init48, 4, "_ctx", __ctx_dec20, DuiTabsPanel, __ctx20);
+__decoratorMetadata(_init48, DuiTabsPanel);
+__publicField(DuiTabsPanel, "tagName", "dui-tabs-panel");
+__publicField(DuiTabsPanel, "styles", [base, styles55]);
 
 // packages/components/src/tabs/tabs-indicator.ts
 var styles56 = i`
@@ -14574,6 +15002,13 @@ var styles56 = i`
     transition-property: translate, width;
   }
 `;
+var DuiTabsIndicator = class extends i4 {
+  static tagName = "dui-tabs-indicator";
+  static styles = [base, styles56];
+  render() {
+    return b2`<span part="indicator"></span>`;
+  }
+};
 
 // packages/components/src/textarea/textarea.ts
 var textareaChangeEvent = customEvent(
@@ -14619,7 +15054,7 @@ var styles57 = i`
   }
 `;
 var _maxHeight_dec2, _resize_dec, _name_dec9, _maxLength_dec2, _minLength_dec2, _rows_dec, _readonly_dec2, _required_dec6, _disabled_dec21, _placeholder_dec5, _value_dec20, _a49, _init49, _value20, _placeholder5, _disabled21, _required6, _readonly2, _rows, _minLength2, _maxLength2, _name9, _resize, _maxHeight2, _onInput4;
-var DuiTextarea2 = class extends (_a49 = i4, _value_dec20 = [n4()], _placeholder_dec5 = [n4()], _disabled_dec21 = [n4({ type: Boolean, reflect: true })], _required_dec6 = [n4({ type: Boolean })], _readonly_dec2 = [n4({ type: Boolean })], _rows_dec = [n4({ type: Number })], _minLength_dec2 = [n4({ type: Number, attribute: "minlength" })], _maxLength_dec2 = [n4({ type: Number, attribute: "maxlength" })], _name_dec9 = [n4()], _resize_dec = [n4()], _maxHeight_dec2 = [n4({ attribute: "max-height" })], _a49) {
+var DuiTextarea = class extends (_a49 = i4, _value_dec20 = [n4()], _placeholder_dec5 = [n4()], _disabled_dec21 = [n4({ type: Boolean, reflect: true })], _required_dec6 = [n4({ type: Boolean })], _readonly_dec2 = [n4({ type: Boolean })], _rows_dec = [n4({ type: Number })], _minLength_dec2 = [n4({ type: Number, attribute: "minlength" })], _maxLength_dec2 = [n4({ type: Number, attribute: "maxlength" })], _name_dec9 = [n4()], _resize_dec = [n4()], _maxHeight_dec2 = [n4({ attribute: "max-height" })], _a49) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _value20, __runInitializers(_init49, 8, this, "")), __runInitializers(_init49, 11, this);
@@ -14676,24 +15111,24 @@ _name9 = new WeakMap();
 _resize = new WeakMap();
 _maxHeight2 = new WeakMap();
 _onInput4 = new WeakMap();
-__decorateElement(_init49, 4, "value", _value_dec20, DuiTextarea2, _value20);
-__decorateElement(_init49, 4, "placeholder", _placeholder_dec5, DuiTextarea2, _placeholder5);
-__decorateElement(_init49, 4, "disabled", _disabled_dec21, DuiTextarea2, _disabled21);
-__decorateElement(_init49, 4, "required", _required_dec6, DuiTextarea2, _required6);
-__decorateElement(_init49, 4, "readonly", _readonly_dec2, DuiTextarea2, _readonly2);
-__decorateElement(_init49, 4, "rows", _rows_dec, DuiTextarea2, _rows);
-__decorateElement(_init49, 4, "minLength", _minLength_dec2, DuiTextarea2, _minLength2);
-__decorateElement(_init49, 4, "maxLength", _maxLength_dec2, DuiTextarea2, _maxLength2);
-__decorateElement(_init49, 4, "name", _name_dec9, DuiTextarea2, _name9);
-__decorateElement(_init49, 4, "resize", _resize_dec, DuiTextarea2, _resize);
-__decorateElement(_init49, 4, "maxHeight", _maxHeight_dec2, DuiTextarea2, _maxHeight2);
-__decoratorMetadata(_init49, DuiTextarea2);
-__publicField(DuiTextarea2, "tagName", "dui-textarea");
-__publicField(DuiTextarea2, "shadowRootOptions", {
+__decorateElement(_init49, 4, "value", _value_dec20, DuiTextarea, _value20);
+__decorateElement(_init49, 4, "placeholder", _placeholder_dec5, DuiTextarea, _placeholder5);
+__decorateElement(_init49, 4, "disabled", _disabled_dec21, DuiTextarea, _disabled21);
+__decorateElement(_init49, 4, "required", _required_dec6, DuiTextarea, _required6);
+__decorateElement(_init49, 4, "readonly", _readonly_dec2, DuiTextarea, _readonly2);
+__decorateElement(_init49, 4, "rows", _rows_dec, DuiTextarea, _rows);
+__decorateElement(_init49, 4, "minLength", _minLength_dec2, DuiTextarea, _minLength2);
+__decorateElement(_init49, 4, "maxLength", _maxLength_dec2, DuiTextarea, _maxLength2);
+__decorateElement(_init49, 4, "name", _name_dec9, DuiTextarea, _name9);
+__decorateElement(_init49, 4, "resize", _resize_dec, DuiTextarea, _resize);
+__decorateElement(_init49, 4, "maxHeight", _maxHeight_dec2, DuiTextarea, _maxHeight2);
+__decoratorMetadata(_init49, DuiTextarea);
+__publicField(DuiTextarea, "tagName", "dui-textarea");
+__publicField(DuiTextarea, "shadowRootOptions", {
   ...i4.shadowRootOptions,
   delegatesFocus: true
 });
-__publicField(DuiTextarea2, "styles", [base, styles57]);
+__publicField(DuiTextarea, "styles", [base, styles57]);
 
 // packages/components/src/toggle/toggle-group-context.ts
 var toggleGroupContext = n5(
@@ -14729,7 +15164,7 @@ var styles58 = i`
   }
 `;
 var __groupCtx_dec, _internalPressed_dec, _value_dec21, _disabled_dec22, _defaultPressed_dec, _pressed_dec, _a50, _init50, _pressed, _defaultPressed, _disabled22, _value21, _internalPressed, _b31, internalPressed_get, internalPressed_set, _DuiToggle_instances, __groupCtx, isPressed_get, isDisabled_get8, _handleClick8;
-var DuiToggle2 = class extends (_a50 = i4, _pressed_dec = [n4({ type: Boolean })], _defaultPressed_dec = [n4({ type: Boolean, attribute: "default-pressed" })], _disabled_dec22 = [n4({ type: Boolean, reflect: true })], _value_dec21 = [n4()], _internalPressed_dec = [r5()], __groupCtx_dec = [c4({ context: toggleGroupContext, subscribe: true }), r5()], _a50) {
+var DuiToggle = class extends (_a50 = i4, _pressed_dec = [n4({ type: Boolean })], _defaultPressed_dec = [n4({ type: Boolean, attribute: "default-pressed" })], _disabled_dec22 = [n4({ type: Boolean, reflect: true })], _value_dec21 = [n4()], _internalPressed_dec = [r5()], __groupCtx_dec = [c4({ context: toggleGroupContext, subscribe: true }), r5()], _a50) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiToggle_instances);
@@ -14795,19 +15230,19 @@ isDisabled_get8 = function() {
   return this.disabled || (this._groupCtx?.disabled ?? false);
 };
 _handleClick8 = new WeakMap();
-__decorateElement(_init50, 4, "pressed", _pressed_dec, DuiToggle2, _pressed);
-__decorateElement(_init50, 4, "defaultPressed", _defaultPressed_dec, DuiToggle2, _defaultPressed);
-__decorateElement(_init50, 4, "disabled", _disabled_dec22, DuiToggle2, _disabled22);
-__decorateElement(_init50, 4, "value", _value_dec21, DuiToggle2, _value21);
+__decorateElement(_init50, 4, "pressed", _pressed_dec, DuiToggle, _pressed);
+__decorateElement(_init50, 4, "defaultPressed", _defaultPressed_dec, DuiToggle, _defaultPressed);
+__decorateElement(_init50, 4, "disabled", _disabled_dec22, DuiToggle, _disabled22);
+__decorateElement(_init50, 4, "value", _value_dec21, DuiToggle, _value21);
 _b31 = __decorateElement(_init50, 20, "#internalPressed", _internalPressed_dec, _DuiToggle_instances, _internalPressed), internalPressed_get = _b31.get, internalPressed_set = _b31.set;
-__decorateElement(_init50, 4, "_groupCtx", __groupCtx_dec, DuiToggle2, __groupCtx);
-__decoratorMetadata(_init50, DuiToggle2);
-__publicField(DuiToggle2, "tagName", "dui-toggle");
-__publicField(DuiToggle2, "shadowRootOptions", {
+__decorateElement(_init50, 4, "_groupCtx", __groupCtx_dec, DuiToggle, __groupCtx);
+__decoratorMetadata(_init50, DuiToggle);
+__publicField(DuiToggle, "tagName", "dui-toggle");
+__publicField(DuiToggle, "shadowRootOptions", {
   ...i4.shadowRootOptions,
   delegatesFocus: true
 });
-__publicField(DuiToggle2, "styles", [base, styles58]);
+__publicField(DuiToggle, "styles", [base, styles58]);
 
 // packages/components/src/toggle/toggle-group.ts
 var valueChangeEvent10 = customEvent(
@@ -14828,7 +15263,7 @@ var styles59 = i`
   }
 `;
 var __ctx_dec21, _internalValue_dec5, _loop_dec3, _disabled_dec23, _orientation_dec6, _type_dec3, _defaultValue_dec7, _value_dec22, _a51, _init51, _value22, _defaultValue7, _type3, _orientation6, _disabled23, _loop3, _internalValue5, _b32, internalValue_get5, internalValue_set5, _DuiToggleGroup_instances, currentValue_get2, _toggle3, __ctx21, buildContext_fn10, _onKeyDown8;
-var DuiToggleGroup2 = class extends (_a51 = i4, _value_dec22 = [n4({ type: Array })], _defaultValue_dec7 = [n4({ type: Array, attribute: "default-value" })], _type_dec3 = [n4({ reflect: true })], _orientation_dec6 = [n4({ reflect: true })], _disabled_dec23 = [n4({ type: Boolean, reflect: true })], _loop_dec3 = [n4({ type: Boolean })], _internalValue_dec5 = [r5()], __ctx_dec21 = [e6({ context: toggleGroupContext }), r5()], _a51) {
+var DuiToggleGroup = class extends (_a51 = i4, _value_dec22 = [n4({ type: Array })], _defaultValue_dec7 = [n4({ type: Array, attribute: "default-value" })], _type_dec3 = [n4({ reflect: true })], _orientation_dec6 = [n4({ reflect: true })], _disabled_dec23 = [n4({ type: Boolean, reflect: true })], _loop_dec3 = [n4({ type: Boolean })], _internalValue_dec5 = [r5()], __ctx_dec21 = [e6({ context: toggleGroupContext }), r5()], _a51) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiToggleGroup_instances);
@@ -14933,17 +15368,17 @@ buildContext_fn10 = function() {
   };
 };
 _onKeyDown8 = new WeakMap();
-__decorateElement(_init51, 4, "value", _value_dec22, DuiToggleGroup2, _value22);
-__decorateElement(_init51, 4, "defaultValue", _defaultValue_dec7, DuiToggleGroup2, _defaultValue7);
-__decorateElement(_init51, 4, "type", _type_dec3, DuiToggleGroup2, _type3);
-__decorateElement(_init51, 4, "orientation", _orientation_dec6, DuiToggleGroup2, _orientation6);
-__decorateElement(_init51, 4, "disabled", _disabled_dec23, DuiToggleGroup2, _disabled23);
-__decorateElement(_init51, 4, "loop", _loop_dec3, DuiToggleGroup2, _loop3);
+__decorateElement(_init51, 4, "value", _value_dec22, DuiToggleGroup, _value22);
+__decorateElement(_init51, 4, "defaultValue", _defaultValue_dec7, DuiToggleGroup, _defaultValue7);
+__decorateElement(_init51, 4, "type", _type_dec3, DuiToggleGroup, _type3);
+__decorateElement(_init51, 4, "orientation", _orientation_dec6, DuiToggleGroup, _orientation6);
+__decorateElement(_init51, 4, "disabled", _disabled_dec23, DuiToggleGroup, _disabled23);
+__decorateElement(_init51, 4, "loop", _loop_dec3, DuiToggleGroup, _loop3);
 _b32 = __decorateElement(_init51, 20, "#internalValue", _internalValue_dec5, _DuiToggleGroup_instances, _internalValue5), internalValue_get5 = _b32.get, internalValue_set5 = _b32.set;
-__decorateElement(_init51, 4, "_ctx", __ctx_dec21, DuiToggleGroup2, __ctx21);
-__decoratorMetadata(_init51, DuiToggleGroup2);
-__publicField(DuiToggleGroup2, "tagName", "dui-toggle-group");
-__publicField(DuiToggleGroup2, "styles", [base, styles59]);
+__decorateElement(_init51, 4, "_ctx", __ctx_dec21, DuiToggleGroup, __ctx21);
+__decoratorMetadata(_init51, DuiToggleGroup);
+__publicField(DuiToggleGroup, "tagName", "dui-toggle-group");
+__publicField(DuiToggleGroup, "styles", [base, styles59]);
 
 // packages/components/src/toolbar/toolbar.ts
 var styles60 = i`
@@ -14979,7 +15414,7 @@ var styles60 = i`
   }
 `;
 var _hasButtonRight_dec, _hasButtonLeft_dec, _inset_dec, _a52, _init52, _inset, _hasButtonLeft, _hasButtonRight;
-var DuiToolbar2 = class extends (_a52 = i4, _inset_dec = [n4({ type: Boolean, reflect: true })], _hasButtonLeft_dec = [n4({ type: Boolean, reflect: true, attribute: "has-button-left" })], _hasButtonRight_dec = [n4({ type: Boolean, reflect: true, attribute: "has-button-right" })], _a52) {
+var DuiToolbar = class extends (_a52 = i4, _inset_dec = [n4({ type: Boolean, reflect: true })], _hasButtonLeft_dec = [n4({ type: Boolean, reflect: true, attribute: "has-button-left" })], _hasButtonRight_dec = [n4({ type: Boolean, reflect: true, attribute: "has-button-right" })], _a52) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _inset, __runInitializers(_init52, 8, this, false)), __runInitializers(_init52, 11, this);
@@ -15006,12 +15441,12 @@ _init52 = __decoratorStart(_a52);
 _inset = new WeakMap();
 _hasButtonLeft = new WeakMap();
 _hasButtonRight = new WeakMap();
-__decorateElement(_init52, 4, "inset", _inset_dec, DuiToolbar2, _inset);
-__decorateElement(_init52, 4, "hasButtonLeft", _hasButtonLeft_dec, DuiToolbar2, _hasButtonLeft);
-__decorateElement(_init52, 4, "hasButtonRight", _hasButtonRight_dec, DuiToolbar2, _hasButtonRight);
-__decoratorMetadata(_init52, DuiToolbar2);
-__publicField(DuiToolbar2, "tagName", "dui-toolbar");
-__publicField(DuiToolbar2, "styles", [base, styles60]);
+__decorateElement(_init52, 4, "inset", _inset_dec, DuiToolbar, _inset);
+__decorateElement(_init52, 4, "hasButtonLeft", _hasButtonLeft_dec, DuiToolbar, _hasButtonLeft);
+__decorateElement(_init52, 4, "hasButtonRight", _hasButtonRight_dec, DuiToolbar, _hasButtonRight);
+__decoratorMetadata(_init52, DuiToolbar);
+__publicField(DuiToolbar, "tagName", "dui-toolbar");
+__publicField(DuiToolbar, "styles", [base, styles60]);
 
 // packages/components/src/tooltip/tooltip-context.ts
 var tooltipContext = n5(
@@ -15029,7 +15464,7 @@ var hostStyles21 = i`
   }
 `;
 var __ctx_dec22, _triggerEl_dec3, _internalOpen_dec7, _disabled_dec24, _closeDelay_dec2, _delay_dec2, _sideOffset_dec3, _side_dec6, _defaultOpen_dec7, _open_dec7, _a53, _init53, _open7, _defaultOpen7, _side6, _sideOffset3, _delay2, _closeDelay2, _disabled24, _internalOpen7, _b33, internalOpen_get7, internalOpen_set7, _DuiTooltip_instances, _triggerEl3, _c16, triggerEl_get3, triggerEl_set3, _openTimeout2, _closeTimeout2, _triggerId6, _popupId3, __ctx22, clearTimeouts_fn2, scheduleOpen_fn2, scheduleClose_fn2, doOpen_fn3, doClose_fn3, setTriggerEl_fn3;
-var DuiTooltip2 = class extends (_a53 = i4, _open_dec7 = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec7 = [n4({ type: Boolean, attribute: "default-open" })], _side_dec6 = [n4({ reflect: true })], _sideOffset_dec3 = [n4({ type: Number, attribute: "side-offset" })], _delay_dec2 = [n4({ type: Number })], _closeDelay_dec2 = [n4({ type: Number, attribute: "close-delay" })], _disabled_dec24 = [n4({ type: Boolean, reflect: true })], _internalOpen_dec7 = [r5()], _triggerEl_dec3 = [r5()], __ctx_dec22 = [e6({ context: tooltipContext }), r5()], _a53) {
+var DuiTooltip = class extends (_a53 = i4, _open_dec7 = [n4({ type: Boolean, reflect: true })], _defaultOpen_dec7 = [n4({ type: Boolean, attribute: "default-open" })], _side_dec6 = [n4({ reflect: true })], _sideOffset_dec3 = [n4({ type: Number, attribute: "side-offset" })], _delay_dec2 = [n4({ type: Number })], _closeDelay_dec2 = [n4({ type: Number, attribute: "close-delay" })], _disabled_dec24 = [n4({ type: Boolean, reflect: true })], _internalOpen_dec7 = [r5()], _triggerEl_dec3 = [r5()], __ctx_dec22 = [e6({ context: tooltipContext }), r5()], _a53) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiTooltip_instances);
@@ -15142,19 +15577,19 @@ doClose_fn3 = function() {
 setTriggerEl_fn3 = function(el) {
   __privateSet(this, _DuiTooltip_instances, el, triggerEl_set3);
 };
-__decorateElement(_init53, 4, "open", _open_dec7, DuiTooltip2, _open7);
-__decorateElement(_init53, 4, "defaultOpen", _defaultOpen_dec7, DuiTooltip2, _defaultOpen7);
-__decorateElement(_init53, 4, "side", _side_dec6, DuiTooltip2, _side6);
-__decorateElement(_init53, 4, "sideOffset", _sideOffset_dec3, DuiTooltip2, _sideOffset3);
-__decorateElement(_init53, 4, "delay", _delay_dec2, DuiTooltip2, _delay2);
-__decorateElement(_init53, 4, "closeDelay", _closeDelay_dec2, DuiTooltip2, _closeDelay2);
-__decorateElement(_init53, 4, "disabled", _disabled_dec24, DuiTooltip2, _disabled24);
+__decorateElement(_init53, 4, "open", _open_dec7, DuiTooltip, _open7);
+__decorateElement(_init53, 4, "defaultOpen", _defaultOpen_dec7, DuiTooltip, _defaultOpen7);
+__decorateElement(_init53, 4, "side", _side_dec6, DuiTooltip, _side6);
+__decorateElement(_init53, 4, "sideOffset", _sideOffset_dec3, DuiTooltip, _sideOffset3);
+__decorateElement(_init53, 4, "delay", _delay_dec2, DuiTooltip, _delay2);
+__decorateElement(_init53, 4, "closeDelay", _closeDelay_dec2, DuiTooltip, _closeDelay2);
+__decorateElement(_init53, 4, "disabled", _disabled_dec24, DuiTooltip, _disabled24);
 _b33 = __decorateElement(_init53, 20, "#internalOpen", _internalOpen_dec7, _DuiTooltip_instances, _internalOpen7), internalOpen_get7 = _b33.get, internalOpen_set7 = _b33.set;
 _c16 = __decorateElement(_init53, 20, "#triggerEl", _triggerEl_dec3, _DuiTooltip_instances, _triggerEl3), triggerEl_get3 = _c16.get, triggerEl_set3 = _c16.set;
-__decorateElement(_init53, 4, "_ctx", __ctx_dec22, DuiTooltip2, __ctx22);
-__decoratorMetadata(_init53, DuiTooltip2);
-__publicField(DuiTooltip2, "tagName", "dui-tooltip");
-__publicField(DuiTooltip2, "styles", [base, hostStyles21]);
+__decorateElement(_init53, 4, "_ctx", __ctx_dec22, DuiTooltip, __ctx22);
+__decoratorMetadata(_init53, DuiTooltip);
+__publicField(DuiTooltip, "tagName", "dui-tooltip");
+__publicField(DuiTooltip, "styles", [base, hostStyles21]);
 
 // packages/components/src/tooltip/tooltip-trigger.ts
 var hostStyles22 = i`
@@ -15181,7 +15616,7 @@ var componentStyles12 = i`
   }
 `;
 var _disabled_dec25, _a54, _init54, _disabled25, _ctx7, _handleMouseEnter2, _handleMouseLeave2, _handleFocus, _handleBlur, _handleKeyDown10, _DuiTooltipTrigger_instances, updateTriggerEl_fn, isDisabled_get9;
-var DuiTooltipTrigger2 = class extends (_a54 = i4, _disabled_dec25 = [n4({ type: Boolean, reflect: true })], _a54) {
+var DuiTooltipTrigger = class extends (_a54 = i4, _disabled_dec25 = [n4({ type: Boolean, reflect: true })], _a54) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiTooltipTrigger_instances);
@@ -15253,10 +15688,10 @@ updateTriggerEl_fn = function() {
 isDisabled_get9 = function() {
   return this.disabled || (__privateGet(this, _ctx7).value?.disabled ?? false);
 };
-__decorateElement(_init54, 4, "disabled", _disabled_dec25, DuiTooltipTrigger2, _disabled25);
-__decoratorMetadata(_init54, DuiTooltipTrigger2);
-__publicField(DuiTooltipTrigger2, "tagName", "dui-tooltip-trigger");
-__publicField(DuiTooltipTrigger2, "styles", [base, hostStyles22, componentStyles12]);
+__decorateElement(_init54, 4, "disabled", _disabled_dec25, DuiTooltipTrigger, _disabled25);
+__decoratorMetadata(_init54, DuiTooltipTrigger);
+__publicField(DuiTooltipTrigger, "tagName", "dui-tooltip-trigger");
+__publicField(DuiTooltipTrigger, "styles", [base, hostStyles22, componentStyles12]);
 
 // packages/components/src/tooltip/tooltip-popup.ts
 var hostStyles23 = i`
@@ -15309,7 +15744,7 @@ var portalPopupStyles6 = [
   `
 ];
 var _side_dec7, _showArrow_dec3, _a55, _init55, _showArrow3, _side7, _b34, side_get3, side_set3, _DuiTooltipPopup_instances, _ctx8, _wasOpen3, _portal3, updatePlacement_fn3;
-var DuiTooltipPopup2 = class extends (_a55 = i4, _showArrow_dec3 = [n4({ type: Boolean, attribute: "show-arrow" })], _side_dec7 = [r5()], _a55) {
+var DuiTooltipPopup = class extends (_a55 = i4, _showArrow_dec3 = [n4({ type: Boolean, attribute: "show-arrow" })], _side_dec7 = [r5()], _a55) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _DuiTooltipPopup_instances);
@@ -15377,11 +15812,11 @@ updatePlacement_fn3 = function() {
   __privateGet(this, _portal3).placement = side;
   __privateGet(this, _portal3).offset = __privateGet(this, _ctx8).value?.sideOffset ?? 6;
 };
-__decorateElement(_init55, 4, "showArrow", _showArrow_dec3, DuiTooltipPopup2, _showArrow3);
+__decorateElement(_init55, 4, "showArrow", _showArrow_dec3, DuiTooltipPopup, _showArrow3);
 _b34 = __decorateElement(_init55, 20, "#side", _side_dec7, _DuiTooltipPopup_instances, _side7), side_get3 = _b34.get, side_set3 = _b34.set;
-__decoratorMetadata(_init55, DuiTooltipPopup2);
-__publicField(DuiTooltipPopup2, "tagName", "dui-tooltip-popup");
-__publicField(DuiTooltipPopup2, "styles", [base, hostStyles23]);
+__decoratorMetadata(_init55, DuiTooltipPopup);
+__publicField(DuiTooltipPopup, "tagName", "dui-tooltip-popup");
+__publicField(DuiTooltipPopup, "styles", [base, hostStyles23]);
 
 // packages/components/src/trunc/trunc.ts
 var styles61 = i`
@@ -15405,7 +15840,7 @@ var styles61 = i`
   }
 `;
 var _maxLines_dec, _maxWidth_dec, _a56, _init56, _maxWidth, _maxLines;
-var DuiTrunc2 = class extends (_a56 = i4, _maxWidth_dec = [n4({ attribute: "max-width" })], _maxLines_dec = [n4({ attribute: "max-lines", type: Number, reflect: true })], _a56) {
+var DuiTrunc = class extends (_a56 = i4, _maxWidth_dec = [n4({ attribute: "max-width" })], _maxLines_dec = [n4({ attribute: "max-lines", type: Number, reflect: true })], _a56) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _maxWidth, __runInitializers(_init56, 8, this, "20rem")), __runInitializers(_init56, 11, this);
@@ -15424,11 +15859,11 @@ var DuiTrunc2 = class extends (_a56 = i4, _maxWidth_dec = [n4({ attribute: "max-
 _init56 = __decoratorStart(_a56);
 _maxWidth = new WeakMap();
 _maxLines = new WeakMap();
-__decorateElement(_init56, 4, "maxWidth", _maxWidth_dec, DuiTrunc2, _maxWidth);
-__decorateElement(_init56, 4, "maxLines", _maxLines_dec, DuiTrunc2, _maxLines);
-__decoratorMetadata(_init56, DuiTrunc2);
-__publicField(DuiTrunc2, "tagName", "dui-trunc");
-__publicField(DuiTrunc2, "styles", [base, styles61]);
+__decorateElement(_init56, 4, "maxWidth", _maxWidth_dec, DuiTrunc, _maxWidth);
+__decorateElement(_init56, 4, "maxLines", _maxLines_dec, DuiTrunc, _maxLines);
+__decoratorMetadata(_init56, DuiTrunc);
+__publicField(DuiTrunc, "tagName", "dui-trunc");
+__publicField(DuiTrunc, "styles", [base, styles61]);
 
 // packages/components/src/all.ts
 var allComponents = [