npm - @breadstone/mosaik-elements-svelte - Versions diffs - 0.0.163 → 0.0.165 - Mend

@breadstone/mosaik-elements-svelte 0.0.163 → 0.0.165

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/index.mjs CHANGED Viewed

@@ -7568,7 +7568,7 @@ function aF(o) {
         </ul>
     `;
 }
-const ot = {
+const et = {
   /**
    * `horizontal` - Layout should be horizontally oriented.
    */
@@ -7579,10 +7579,10 @@ const ot = {
   Vertical: "vertical"
 };
 function q_(o) {
-  return o === ot.Horizontal;
+  return o === et.Horizontal;
 }
 function G_(o) {
-  return o === ot.Vertical;
+  return o === et.Vertical;
 }
 var iF = function(o, t, e, r) {
   var a = arguments.length, n = a < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, e) : r, i;
@@ -7592,7 +7592,7 @@ var iF = function(o, t, e, r) {
 }, W_ = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-const Ft = (o) => {
+const Mt = (o) => {
   class t extends o {
     // #region Fields
     _orientation;
@@ -7604,7 +7604,7 @@ const Ft = (o) => {
      * @public
      */
     constructor(...r) {
-      super(r), this._orientation = ot.Horizontal;
+      super(r), this._orientation = et.Horizontal;
     }
     // #endregion
     // #region Properties
@@ -7648,7 +7648,7 @@ const Ft = (o) => {
     }
   }
   return iF([
-    b({ type: ot }),
+    b({ type: et }),
     W_("design:type", String),
     W_("design:paramtypes", [String])
   ], t.prototype, "orientation", null), t;
@@ -8210,7 +8210,7 @@ var Km = function(o, t, e, r) {
 }, fc = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Nu = class extends P(G(Z(Ft(H)))) {
+let Nu = class extends P(G(Z(Mt(H)))) {
   // #region Fields
   _indicated;
   _total;
@@ -8725,9 +8725,9 @@ const ji = (o) => {
      */
     getFlexDirection() {
       switch (this.orientation) {
-        case ot.Horizontal:
+        case et.Horizontal:
           return this._reverse ? "row-reverse" : "row";
-        case ot.Vertical:
+        case et.Vertical:
           return this._reverse ? "column-reverse" : "column";
         default:
           return this._reverse ? "row-reverse" : "row";
@@ -9971,7 +9971,7 @@ var Qm = function(o, t, e, r) {
 }, bc = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Bu = class extends P(ji(Ft(Io(Jm(tf))))) {
+let Bu = class extends P(ji(Mt(Io(Jm(tf))))) {
   // #region Fields
   _horizontalAlignment;
   _verticalAlignment;
@@ -10066,7 +10066,7 @@ Bu = Qm([
   }),
   bc("design:paramtypes", [])
 ], Bu);
-const et = {
+const ot = {
   /**
    * `default` - The default appearance style.
    * @default
@@ -10109,7 +10109,7 @@ const ct = (o) => {
      * @public
      */
     constructor(...r) {
-      super(r), this._appearance = et.Default;
+      super(r), this._appearance = ot.Default;
     }
     // #endregion
     // #region Properties
@@ -10129,7 +10129,7 @@ const ct = (o) => {
   }
   return _F([
     b({
-      type: et,
+      type: ot,
       useDefault: !0
     }),
     e1("design:type", String),
@@ -10958,7 +10958,7 @@ let Xh = class extends P(Z(rn(ct(G(H))))) {
    * @public
    */
   constructor() {
-    super(), this._data = "", this._angel = 0, this._inline = !1, this._readonly = !1, Object.assign(this, { appearance: et.Plain });
+    super(), this._data = "", this._angel = 0, this._inline = !1, this._readonly = !1, Object.assign(this, { appearance: ot.Plain });
   }
   // #endregion
   // #region Properties
@@ -12256,7 +12256,7 @@ var rf = function(o, t, e, r) {
 }, Wi = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Zh = class extends P(Z(Ft(G(Ht(xl))))) {
+let Zh = class extends P(Z(Mt(G(Ht(xl))))) {
   // #region Fields
   _isIndeterminate;
   _thickness;
@@ -13193,7 +13193,7 @@ function BF(o) {
                 <slot name="icon">
                 ${A(o.icon, () => v`
                     <mosaik-icon part="icon"
-                                 .appearance="${et.Plain}"
+                                 .appearance="${ot.Plain}"
                                  .variant="${o.variant}"
                                  .data="${o.icon}"
                                  .size="${o.iconSize ?? o.size}"
@@ -13231,7 +13231,7 @@ function BF(o) {
                 <slot name="icon">
                     ${A(o.icon, () => v`
                     <mosaik-icon part="icon"
-                                 .appearance="${et.Plain}"
+                                 .appearance="${ot.Plain}"
                                  .variant="${o.variant}"
                                  .data="${o.icon}"
                                  .size="${o.iconSize ?? o.size}"
@@ -14313,7 +14313,7 @@ var $p = function(o, t, e, r) {
 }, ba = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let nd = class extends P(ji(Ft(fs(Io(Rn(Ht(bs(bn)))))))) {
+let nd = class extends P(ji(Mt(fs(Io(Rn(Ht(bs(bn)))))))) {
   // #region Fields
   _href;
   _download;
@@ -15492,7 +15492,7 @@ var nf = function(o, t, e, r) {
 }, Bn = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Jh = class extends P(Ft(G(ct(Z(kt(H)))))) {
+let Jh = class extends P(Mt(G(ct(Z(kt(H)))))) {
   // #region Ctor
   /**
    * @public
@@ -15617,7 +15617,7 @@ function qF(o) {
                 <slot name="prefix">
                 ${A(o.icon, () => v`
                     <mosaik-icon part="icon"
-                                 .appearance="${et.Plain}"
+                                 .appearance="${ot.Plain}"
                                  .variant="${o.variant}"
                                  .data="${o.icon}"
                                  .size="${o.iconSize ?? o.size}"
@@ -15625,7 +15625,7 @@ function qF(o) {
                                  ?disabled="${o.disabled}"></mosaik-icon>
                 `)}
                 </slot>
-                <mosaik-stack .orientation="${ot.Vertical}"
+                <mosaik-stack .orientation="${et.Vertical}"
                               .verticalAlignment="${o.verticalContentAlignment}"
                               .horizontalAlignment="${o.horizontalContentAlignment}"
                               .gap="${De("--compound-button-gap")}">
@@ -15652,7 +15652,7 @@ function qF(o) {
                     ${A(o.isNavigation, () => v`
                         <mosaik-icon part="icon nav"
                                      .size="${J.Medium}"
-                                     .appearance="${et.Plain}"
+                                     .appearance="${ot.Plain}"
                                      .variant="${o.variant}"
                                      .data="${o.dir === Mo.RightToLeft ? ft.chevronLeft : ft.chevronRight}"
                                      .inline="${!0}"
@@ -16909,7 +16909,7 @@ var kw = function(o, t, e, r) {
 }, Fu = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Fb = class extends P(ji(Ft(fs(Io(Rn(Ht(bs(bn)))))))) {
+let Fb = class extends P(ji(Mt(fs(Io(Rn(Ht(bs(bn)))))))) {
   // #region Fields
   _subLabel;
   _isNavigation;
@@ -20965,7 +20965,7 @@ function sU(o) {
                 <slot name="icon">
                 ${A(o.icon, () => v`
                     <mosaik-icon part="icon"
-                                 .appearance="${et.Plain}"
+                                 .appearance="${ot.Plain}"
                                  .variant="${o.variant}"
                                  .data="${o.icon}"
                                  .size="${o.iconSize ?? o.size}"
@@ -20985,7 +20985,7 @@ function sU(o) {
             ${A(o.caretVisible, () => v`
             <mosaik-icon part="iconCaret"
                          slot="suffix"
-                         .appearance="${et.Plain}"
+                         .appearance="${ot.Plain}"
                          .variant="${o.variant}"
                          .size="${J.Small}"
                          .data="${ft.caretDown}"
@@ -22848,7 +22848,7 @@ var iy = function(o, t, e, r) {
 }, Gs = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 }, Zv;
-let Yu = Zv = class extends P(ji(Ft(fs(Io(wl(Rn(Ht(bs(bn))))))))) {
+let Yu = Zv = class extends P(ji(Mt(fs(Io(wl(Rn(Ht(bs(bn))))))))) {
   // #region Fields
   _clickOutsideController;
   _projectionController;
@@ -22995,7 +22995,7 @@ function yU(o) {
                            .variant="${o.variant}"
                            .for="${"button"}"></mosaik-ripple>
             `)}
-            <mosaik-stack .orientation="${ot.Horizontal}"
+            <mosaik-stack .orientation="${et.Horizontal}"
                           .verticalAlignment="${fe.Center}"
                           .horizontalAlignment="${Or.Center}"
                           .gap="${De("--fab-gap")}"
@@ -23003,7 +23003,7 @@ function yU(o) {
                 <slot name="icon">
                 ${A(o.icon, () => v`
                     <mosaik-icon part="icon"
-                                 .appearance="${et.Plain}"
+                                 .appearance="${ot.Plain}"
                                  .variant="${o.variant}"
                                  .data="${o.icon}"
                                  .size="${o.iconSize ?? o.size}"
@@ -24743,7 +24743,7 @@ function CU(o) {
                 <slot name="icon">
                 ${A(o.icon, () => v`
                     <mosaik-icon part="icon"
-                                 .appearance="${et.Plain}"
+                                 .appearance="${ot.Plain}"
                                  .variant="${o.variant}"
                                  .data="${o.icon}"
                                  .size="${o.iconSize ?? o.size}"
@@ -25995,7 +25995,7 @@ var df = function(o, t, e, r) {
 }, rl = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let ep = class extends P(ji(Ft(fs(Io(Rn(Ht(bs(bn)))))))) {
+let ep = class extends P(ji(Mt(fs(Io(Rn(Ht(bs(bn)))))))) {
   // #region Fields
   _delay;
   _interval;
@@ -26205,7 +26205,7 @@ function OU(o) {
                 <slot name="icon">
                 ${A(o.icon, () => v`
                     <mosaik-icon part="icon"
-                                 .appearance="${et.Plain}"
+                                 .appearance="${ot.Plain}"
                                  .variant="${o.variant}"
                                  .data="${o.icon}"
                                  .size="${o.iconSize ?? o.size}"
@@ -26247,7 +26247,7 @@ function OU(o) {
                          .inline="${!0}"
                          .size="${J.Small}"
                          .data="${ft.caretDown}"
-                         .appearance="${et.Plain}"
+                         .appearance="${ot.Plain}"
                          .variant="${o.variant}"
                          ?disabled="${o.disabled}"></mosaik-icon>
         </button>
@@ -27587,7 +27587,7 @@ var $w = function(o, t, e, r) {
 }, cc = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 }, Jv;
-let Vb = Jv = class extends P(ji(Ft(fs(Io(wl(Rn(Ht(bs(bn))))))))) {
+let Vb = Jv = class extends P(ji(Mt(fs(Io(wl(Rn(Ht(bs(bn))))))))) {
   // #region Fields
   _clickOutsideController;
   _projectionController;
@@ -29017,7 +29017,7 @@ function HU(o) {
                 <slot name="icon">
                 ${A(o.icon, () => v`
                     <mosaik-icon part="icon"
-                                 .appearance="${et.Plain}"
+                                 .appearance="${ot.Plain}"
                                  .variant="${o.variant}"
                                  .data="${o.icon}"
                                  .size="${o.iconSize ?? o.size}"
@@ -29312,7 +29312,7 @@ var MU = function(o, t, e, r) {
 }, BU = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let qa = class extends P(ji(Ft(fs(Io(Rn(Ow(Ht(bs(bn))))))))) {
+let qa = class extends P(ji(Mt(fs(Io(Rn(Ow(Ht(bs(bn))))))))) {
   // #region Ctor
   /**
    * @public
@@ -29445,7 +29445,7 @@ var ch = function(o, t, e, r) {
 }, Jo = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let dd = class extends P(Ye(G(Ft(Ot(ct(Z(kt(H)))))))) {
+let dd = class extends P(Ye(G(Mt(Ot(ct(Z(kt(H)))))))) {
   // #region Fields
   _toggleChanged;
   _eventSubscriptions;
@@ -44336,7 +44336,7 @@ function Aq(o) {
         ${A(o?.isClearableFn ? o?.isClearableFn() : !o.disabled && !o.readonly && o.value && o.isClearable && !o.isBusy, () => v`
         <mosaik-button part="clear"
                        tabindex="-1"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clear}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -44837,7 +44837,7 @@ var Ho = function(o, t, e, r) {
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") n = Reflect.decorate(o, t, e, r);
   else for (var s = o.length - 1; s >= 0; s--) (i = o[s]) && (n = (a < 3 ? i(n) : a > 3 ? i(t, e, n) : i(t, e)) || n);
   return a > 3 && n && Object.defineProperty(t, e, n), n;
-}, Bt = function(o, t) {
+}, Ft = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
 let jo = class extends P(kt(ta(ct(Z(G(Ht(Ye(Ot(Rn(sn)))))))))) {
@@ -45250,119 +45250,119 @@ let jo = class extends P(kt(ta(ct(Z(G(Ht(Ye(Ot(Rn(sn)))))))))) {
 };
 Ho([
   T({ type: String }),
-  Bt("design:type", String),
-  Bt("design:paramtypes", [String])
+  Ft("design:type", String),
+  Ft("design:paramtypes", [String])
 ], jo.prototype, "value", null);
 Ho([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  Bt("design:type", Boolean),
-  Bt("design:paramtypes", [Boolean])
+  Ft("design:type", Boolean),
+  Ft("design:paramtypes", [Boolean])
 ], jo.prototype, "multiline", null);
 Ho([
   b({ type: Number }),
-  Bt("design:type", Number),
-  Bt("design:paramtypes", [Number])
+  Ft("design:type", Number),
+  Ft("design:paramtypes", [Number])
 ], jo.prototype, "multilineRows", null);
 Ho([
   b({ type: Number }),
-  Bt("design:type", Object),
-  Bt("design:paramtypes", [Object])
+  Ft("design:type", Object),
+  Ft("design:paramtypes", [Object])
 ], jo.prototype, "multilineMaxRows", null);
 Ho([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  Bt("design:type", Boolean),
-  Bt("design:paramtypes", [Boolean])
+  Ft("design:type", Boolean),
+  Ft("design:paramtypes", [Boolean])
 ], jo.prototype, "readonly", null);
 Ho([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  Bt("design:type", Boolean),
-  Bt("design:paramtypes", [Boolean])
+  Ft("design:type", Boolean),
+  Ft("design:paramtypes", [Boolean])
 ], jo.prototype, "required", null);
 Ho([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  Bt("design:type", Boolean),
-  Bt("design:paramtypes", [Boolean])
+  Ft("design:type", Boolean),
+  Ft("design:paramtypes", [Boolean])
 ], jo.prototype, "autofocus", null);
 Ho([
   b({ type: String }),
-  Bt("design:type", String),
-  Bt("design:paramtypes", [String])
+  Ft("design:type", String),
+  Ft("design:paramtypes", [String])
 ], jo.prototype, "name", null);
 Ho([
   b({ type: xE }),
-  Bt("design:type", String),
-  Bt("design:paramtypes", [String])
+  Ft("design:type", String),
+  Ft("design:paramtypes", [String])
 ], jo.prototype, "keyboard", null);
 Ho([
   b({ type: hy }),
-  Bt("design:type", String),
-  Bt("design:paramtypes", [String])
+  Ft("design:type", String),
+  Ft("design:paramtypes", [String])
 ], jo.prototype, "type", null);
 Ho([
   b({ type: String }),
-  Bt("design:type", String),
-  Bt("design:paramtypes", [String])
+  Ft("design:type", String),
+  Ft("design:paramtypes", [String])
 ], jo.prototype, "pattern", null);
 Ho([
   T({ type: String }),
-  Bt("design:type", String),
-  Bt("design:paramtypes", [String])
+  Ft("design:type", String),
+  Ft("design:paramtypes", [String])
 ], jo.prototype, "placeholder", null);
 Ho([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  Bt("design:type", Boolean),
-  Bt("design:paramtypes", [Boolean])
+  Ft("design:type", Boolean),
+  Ft("design:paramtypes", [Boolean])
 ], jo.prototype, "autocomplete", null);
 Ho([
   b({ type: Number }),
-  Bt("design:type", Object),
-  Bt("design:paramtypes", [Object])
+  Ft("design:type", Object),
+  Ft("design:paramtypes", [Object])
 ], jo.prototype, "minlength", null);
 Ho([
   b({ type: Number }),
-  Bt("design:type", Object),
-  Bt("design:paramtypes", [Object])
+  Ft("design:type", Object),
+  Ft("design:paramtypes", [Object])
 ], jo.prototype, "maxlength", null);
 Ho([
   b({ type: cy }),
-  Bt("design:type", String),
-  Bt("design:paramtypes", [String])
+  Ft("design:type", String),
+  Ft("design:paramtypes", [String])
 ], jo.prototype, "resize", null);
 Ho([
   b({ type: $t }),
-  Bt("design:type", String),
-  Bt("design:paramtypes", [String])
+  Ft("design:type", String),
+  Ft("design:paramtypes", [String])
 ], jo.prototype, "textAlign", null);
 Ho([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  Bt("design:type", Boolean),
-  Bt("design:paramtypes", [])
+  Ft("design:type", Boolean),
+  Ft("design:paramtypes", [])
 ], jo.prototype, "hasPrefix", null);
 Ho([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  Bt("design:type", Boolean),
-  Bt("design:paramtypes", [])
+  Ft("design:type", Boolean),
+  Ft("design:paramtypes", [])
 ], jo.prototype, "hasSuffix", null);
 jo = Ho([
   O({
@@ -45383,7 +45383,7 @@ jo = Ho([
       delegatesFocus: !0
     }
   }),
-  Bt("design:paramtypes", [])
+  Ft("design:paramtypes", [])
 ], jo);
 const Tq = Xo([
   {
@@ -46960,12 +46960,12 @@ ur = xx = Nr([
 ], ur);
 function Gq(o) {
   return v`
-        <mosaik-stack .orientation="${ot.Vertical}"
+        <mosaik-stack .orientation="${et.Vertical}"
                       .verticalAlignment="${o.verticalContentAlignment}"
                       .horizontalAlignment="${o.horizontalContentAlignment}"
                       .gap="${"4px"}">
             ${A(o.label.trim() || o.info.trim(), () => v`
-            <mosaik-stack .orientation="${ot.Horizontal}"
+            <mosaik-stack .orientation="${et.Horizontal}"
                           .verticalAlignment="${fe.Center}"
                           .gap="${"8px"}">
                 <label part="label">
@@ -46989,7 +46989,7 @@ function Gq(o) {
             <slot @slotchange="${(t) => o.onSlotChange(t)}"></slot>
             ${A(o.error.trim() || o.validationMessage.trim() || o.hint.trim(), () => v`
             <mosaik-stack part="detail"
-                          .orientation="${ot.Horizontal}"
+                          .orientation="${et.Horizontal}"
                           .verticalAlignment="${fe.Center}">
                 ${A(o.error.trim().length, () => v`
                 <mosaik-error part="error"
@@ -49846,27 +49846,27 @@ function y8() {
   min-height: 36px;
 }
-[size="giant"] [part="close"] {
+:host([size="giant"]) [part="close"] {
   min-width: 52px;
   min-height: 52px;
 }
-[size="large"] [part="close"] {
+:host([size="large"]) [part="close"] {
   min-width: 44px;
   min-height: 44px;
 }
-[size="medium"] [part="close"] {
+:host([size="medium"]) [part="close"] {
   min-width: 36px;
   min-height: 36px;
 }
-[size="small"] [part="close"] {
+:host([size="small"]) [part="close"] {
   min-width: 28px;
   min-height: 28px;
 }
-[size="tiny"] [part="close"] {
+:host([size="tiny"]) [part="close"] {
   min-width: 20px;
   min-height: 20px;
 }
@@ -49926,27 +49926,27 @@ function v8() {
   min-height: 36px;
 }
-[size="giant"] [part="close"] {
+:host([size="giant"]) [part="close"] {
   min-width: 52px;
   min-height: 52px;
 }
-[size="large"] [part="close"] {
+:host([size="large"]) [part="close"] {
   min-width: 44px;
   min-height: 44px;
 }
-[size="medium"] [part="close"] {
+:host([size="medium"]) [part="close"] {
   min-width: 36px;
   min-height: 36px;
 }
-[size="small"] [part="close"] {
+:host([size="small"]) [part="close"] {
   min-width: 28px;
   min-height: 28px;
 }
-[size="tiny"] [part="close"] {
+:host([size="tiny"]) [part="close"] {
   min-width: 20px;
   min-height: 20px;
 }
@@ -50006,27 +50006,27 @@ function x8() {
   min-height: 36px;
 }
-[size="giant"] [part="close"] {
+:host([size="giant"]) [part="close"] {
   min-width: 52px;
   min-height: 52px;
 }
-[size="large"] [part="close"] {
+:host([size="large"]) [part="close"] {
   min-width: 44px;
   min-height: 44px;
 }
-[size="medium"] [part="close"] {
+:host([size="medium"]) [part="close"] {
   min-width: 36px;
   min-height: 36px;
 }
-[size="small"] [part="close"] {
+:host([size="small"]) [part="close"] {
   min-width: 28px;
   min-height: 28px;
 }
-[size="tiny"] [part="close"] {
+:host([size="tiny"]) [part="close"] {
   min-width: 20px;
   min-height: 20px;
 }
@@ -50090,7 +50090,7 @@ var zl = function(o, t, e, r) {
 }, Oo = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let zr = class extends P(ny(Dp(G(Z(ct(Io(dh(Ft(fs(ce(kt(H)))))))))))) {
+let zr = class extends P(ny(Dp(G(Z(ct(Io(dh(Mt(fs(ce(kt(H)))))))))))) {
   // #region Fields
   _actionElements;
   _icon;
@@ -50223,7 +50223,7 @@ let zr = class extends P(ny(Dp(G(Z(ct(Io(dh(Ft(fs(ce(kt(H)))))))))))) {
     this._actionElements.forEach((r) => r.variant = e ?? ue.Default);
   }
   onAppearancePropertyChanged(t, e) {
-    this._actionElements.forEach((r) => r.appearance = e ?? et.Default);
+    this._actionElements.forEach((r) => r.appearance = e ?? ot.Default);
   }
 };
 zl([
@@ -50854,7 +50854,7 @@ var ln = function(o, t, e, r) {
 }, Zt = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Pr = class extends P(Ft(G(ct(Z(kt(H)))))) {
+let Pr = class extends P(Mt(G(ct(Z(kt(H)))))) {
   // #region Fields
   _change;
   _keyboardController;
@@ -51013,7 +51013,7 @@ let Pr = class extends P(Ft(G(ct(Z(kt(H)))))) {
    * @override
    */
   connectedCallback() {
-    super.connectedCallback(), this._keyboardController.add(yt.LeftArrow, () => this.previous(), () => !this.disabled && this.canPrev && this.orientation === ot.Horizontal, { preventDefault: !0 }).add(yt.RightArrow, () => this.next(), () => !this.disabled && this.canNext && this.orientation === ot.Horizontal, { preventDefault: !0 }).add(yt.UpArrow, () => this.previous(), () => !this.disabled && this.canPrev && this.orientation === ot.Vertical, { preventDefault: !0 }).add(yt.DownArrow, () => this.next(), () => !this.disabled && this.canNext && this.orientation === ot.Vertical, { preventDefault: !0 }).add(yt.Home, () => this.first(), () => !this.disabled && this.length > 0, { preventDefault: !0 }).add(yt.End, () => this.last(), () => !this.disabled && this.length > 0, { preventDefault: !0 });
+    super.connectedCallback(), this._keyboardController.add(yt.LeftArrow, () => this.previous(), () => !this.disabled && this.canPrev && this.orientation === et.Horizontal, { preventDefault: !0 }).add(yt.RightArrow, () => this.next(), () => !this.disabled && this.canNext && this.orientation === et.Horizontal, { preventDefault: !0 }).add(yt.UpArrow, () => this.previous(), () => !this.disabled && this.canPrev && this.orientation === et.Vertical, { preventDefault: !0 }).add(yt.DownArrow, () => this.next(), () => !this.disabled && this.canNext && this.orientation === et.Vertical, { preventDefault: !0 }).add(yt.Home, () => this.first(), () => !this.disabled && this.length > 0, { preventDefault: !0 }).add(yt.End, () => this.last(), () => !this.disabled && this.length > 0, { preventDefault: !0 });
   }
   /**
    * Navigates to the previous banner.
@@ -51826,7 +51826,7 @@ nm = Kw([
 ], nm);
 function H8(o) {
   return v`
-        <mosaik-stack .orientation="${ot.Horizontal}"
+        <mosaik-stack .orientation="${et.Horizontal}"
                       .verticalAlignment="${fe.Center}"
                       .gap="${De("--card-actions-gap")}"
                       .dir="${o.dir}"
@@ -51835,7 +51835,7 @@ function H8(o) {
             <slot name="prefix"></slot>
         </mosaik-stack>
         <mosaik-stack style="flex: 1;"
-                      .orientation="${ot.Horizontal}"
+                      .orientation="${et.Horizontal}"
                       .verticalAlignment="${fe.Center}"
                       .horizontalAlignment="${Or.Right}"
                       .gap="${De("--card-actions-gap")}"
@@ -51844,7 +51844,7 @@ function H8(o) {
                       ?hidden="${!o.hasSlotContent("")}">
             <slot></slot>
         </mosaik-stack>
-        <mosaik-stack .orientation="${ot.Horizontal}"
+        <mosaik-stack .orientation="${et.Horizontal}"
                       .verticalAlignment="${fe.Center}"
                       .gap="${De("--card-actions-gap")}"
                       .dir="${o.dir}"
@@ -52596,7 +52596,7 @@ Ex = SE([
 function J8(o) {
   const t = (e, r, a) => (a ? F.current.setAttribute(e, r) : F.current.removeAttribute(e, r), a);
   return v`
-        ${A(!o.disabled && o.appearance !== et.Outline, () => v`
+        ${A(!o.disabled && o.appearance !== ot.Outline, () => v`
         <mosaik-elevation part="elevation"
                           .weigh="${o.elevation}"
                           @connected="${(e) => e.target.attach(o)}"></mosaik-elevation>
@@ -54684,7 +54684,7 @@ var bf = function(o, t, e, r) {
 }, nl = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let np = class extends P(dh(ct(Sd(G(Io(Ft(ce(kt(Qw(H)))))))))) {
+let np = class extends P(dh(ct(Sd(G(Io(Mt(ce(kt(Qw(H)))))))))) {
   // #region Fields
   _header;
   _subHeader;
@@ -54696,7 +54696,7 @@ let np = class extends P(dh(ct(Sd(G(Io(Ft(ce(kt(Qw(H)))))))))) {
    * @public
    */
   constructor() {
-    super(), this._header = "", this._subHeader = "", this._content = "", this._inlineMedia = !1, Object.assign(this, { orientation: ot.Vertical });
+    super(), this._header = "", this._subHeader = "", this._content = "", this._inlineMedia = !1, Object.assign(this, { orientation: et.Vertical });
   }
   // #endregion
   // #region Properties
@@ -55354,7 +55354,7 @@ function jG(o) {
                                .lang="${o.lang}"
                                .dir="${o.dir}"></mosaik-ripple>
                 `)}
-                <mosaik-stack .orientation="${ot.Horizontal}"
+                <mosaik-stack .orientation="${et.Horizontal}"
                               .verticalAlignment="${fe.Center}"
                               .gap="${De("--expander-gap")}"
                               .fit="${Nn.Width}"
@@ -55388,7 +55388,7 @@ function jG(o) {
                     <mosaik-button part="caret"
                                    .lang="${o.lang}"
                                    .dir="${o.dir}"
-                                   .appearance="${et.Plain}"
+                                   .appearance="${ot.Plain}"
                                    .icon="${ft.caretDown}"
                                    .size="${J.Small}"
                                    .iconSize="${J.Medium}"></mosaik-button>
@@ -60345,7 +60345,7 @@ function J1(o, t, e) {
                 ${e === 0 ? v`
                     <div part="navigation" slot="header">
                         <mosaik-button-group .dir="${o.dir}"
-                                             .appearance="${et.Plain}"
+                                             .appearance="${ot.Plain}"
                                              ?disabled="${o.disabled}">
                             <mosaik-button part="previous"
                                            .icon="${ft.caretUp}"
@@ -60388,7 +60388,7 @@ function J1(o, t, e) {
                 ${e === 0 ? v`
                     <div part="navigation" slot="header">
                         <mosaik-button-group .dir="${o.dir}"
-                                             .appearance="${et.Plain}"
+                                             .appearance="${ot.Plain}"
                                              ?disabled="${o.disabled}">
                             <mosaik-button part="previous"
                                            .icon="${ft.caretUp}"
@@ -60431,7 +60431,7 @@ function J1(o, t, e) {
             ${e === 0 ? v`
                 <div part="navigation" slot="header">
                     <mosaik-button-group .dir="${o.dir}"
-                                         .appearance="${et.Plain}"
+                                         .appearance="${ot.Plain}"
                                          ?disabled="${o.disabled}">
                         <mosaik-button part="previous"
                                        .icon="${ft.caretUp}"
@@ -61247,7 +61247,7 @@ function u7(o) {
                      .disabled="${o.disabled}"></mosaik-text>
         ${A(o.markers.length, () => v`
         <mosaik-stack .dir="${o.dir}"
-                      .orientation="${ot.Horizontal}"
+                      .orientation="${et.Horizontal}"
                       .verticalAlignment="${fe.Center}"
                       .gap="${"2px"}">
             ${le(o.markers, (t) => v`
@@ -63115,7 +63115,7 @@ function _7(o) {
         <div part="heading"
              style="display: flex; flex: 1;">
             <mosaik-button-group .dir="${o.dir}"
-                                 .appearance="${et.Plain}">
+                                 .appearance="${ot.Plain}">
                 <mosaik-button part="month"
                                .label="${o.displayDate?.toLocaleString(o.locale, { month: "long" }) ?? ""}"
                                @click="${() => o.setView(go.Month)}"></mosaik-button>
@@ -63920,7 +63920,7 @@ function E7(o) {
         <div part="heading"
              style="display: flex; flex: 1;">
             <mosaik-button-group .dir="${o.dir}"
-                                 .appearance="${et.Plain}">
+                                 .appearance="${ot.Plain}">
                 <mosaik-button part="month"
                                .label="${o.displayDate?.toLocaleString(o.locale, { year: "numeric" }) ?? ""}"
                                @click="${() => o.setView(go.Year)}"></mosaik-button>
@@ -64282,7 +64282,7 @@ function T7(o) {
         <div part="heading"
              style="display: flex; flex: 1;">
             <mosaik-button-group .dir="${o.dir}"
-                                 .appearance="${et.Plain}">
+                                 .appearance="${ot.Plain}">
                 <mosaik-button part="year"
                                .label="${O7("{0} - {1}", r, a)}"
                                @click="${() => o.setView(go.Month)}"></mosaik-button>
@@ -65211,7 +65211,7 @@ var co = function(o, t, e, r) {
 }, Tt = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let ao = class extends P(Sl(ct(G(Ye(Ot(Ft(Z(Io(H))))))))) {
+let ao = class extends P(Sl(ct(G(Ye(Ot(Mt(Z(Io(H))))))))) {
   // #region Fields
   _dateChanged;
   _intl;
@@ -68226,7 +68226,7 @@ var js = function(o, t, e, r) {
 }, Xe = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 }, Ux;
-let di = Ux = class extends P(Ye(G(Ft(Ot(ct(Z(kt(H)))))))) {
+let di = Ux = class extends P(Ye(G(Mt(Ot(ct(Z(kt(H)))))))) {
   // #region Fields
   _checkChanged;
   _name;
@@ -68866,7 +68866,7 @@ function nW(o) {
                 ${A(o.icon, () => v`
                 <mosaik-icon part="icon"
                              .size="${J.Small}"
-                             .appearance="${et.Plain}"
+                             .appearance="${ot.Plain}"
                              .variant="${o.variant}"
                              .data="${o.icon}"
                              ?disabled="${o.disabled}"></mosaik-icon>
@@ -68876,7 +68876,7 @@ function nW(o) {
                   name="checkmark">
                 ${A(o.isCheckable && o.isChecked, () => v`
                 <mosaik-checkmark part="checkmark"
-                                  .appearance="${et.Plain}"
+                                  .appearance="${ot.Plain}"
                                   .variant="${o.variant}"
                                   .type="${Ci.Hook}"
                                   ?checked="${o.isChecked}"
@@ -68889,7 +68889,7 @@ function nW(o) {
             ${A(o.icon, () => v`
             <mosaik-icon part="icon"
                          .size="${J.Small}"
-                         .appearance="${et.Plain}"
+                         .appearance="${ot.Plain}"
                          .variant="${o.variant}"
                          .data="${o.icon}"
                          ?disabled="${o.disabled}"></mosaik-icon>
@@ -68909,7 +68909,7 @@ function nW(o) {
         ${A(o.closeable && !o.disabled, () => v`
             <mosaik-icon part="close"
                          .size="${J.Small}"
-                         .appearance="${et.Plain}"
+                         .appearance="${ot.Plain}"
                          .variant="${o.variant}"
                          .data="${ft.dismissCircle}"
                          .inline="${!0}"
@@ -70036,7 +70036,7 @@ function lW(o) {
         </div>
         ${A(!o.disabled && !o.readonly && o.value && o.isClearable, () => v`
         <mosaik-button part="clear"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clear}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -72072,7 +72072,7 @@ ir = qp([
 function bW(o) {
   return v`
         <slot name="header"></slot>
-        <div part="root" ${os({ direction: o.orientation === ot.Vertical ? "column" : "row" })}>
+        <div part="root" ${os({ direction: o.orientation === et.Vertical ? "column" : "row" })}>
             <slot></slot>
         </div>
         <slot name="error"></slot>
@@ -72658,7 +72658,7 @@ var zs = function(o, t, e, r) {
 }, Ke = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 }, Gx;
-let hi = Gx = class extends P(Ft(Ye(Ot(G(ct(Z(kt(H)))))))) {
+let hi = Gx = class extends P(Mt(Ye(Ot(G(ct(Z(kt(H)))))))) {
   // #region Fields
   _choiceChanged;
   _name;
@@ -73770,7 +73770,7 @@ function DW(o) {
         </div>
         ${A(!o.disabled && !o.readonly && o.value && o.isClearable, () => v`
         <mosaik-button part="clear"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clear}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -73801,7 +73801,7 @@ function DW(o) {
                          ?active="${o.isDropDownOpen}">
             <mosaik-tab .placement="${Mn.Bottom}"
                         .variant="${o.variant}"
-                        .appearance="${et.Plain}">
+                        .appearance="${ot.Plain}">
                 <mosaik-tab-item>
                     <mosaik-color-area></mosaik-color-area>
                 </mosaik-tab-item>
@@ -75703,7 +75703,7 @@ function UW(o) {
         </div>
         ${A(!o.disabled && !o.readonly && o.value && o.isClearable, () => v`
         <mosaik-button part="clear"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clear}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -75711,7 +75711,7 @@ function UW(o) {
                        @click="${() => o.clear()}"></mosaik-button>
         `)}
         <mosaik-button part="picker"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.calendar}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -75747,7 +75747,7 @@ function UW(o) {
                                  .showAdjacent="${o.showAdjacent}"
                                  .showWeekNumbers="${o.showWeekNumbers}"
                                  .specialDates="${o.specialDates}"
-                                 .orientation="${ot.Vertical}"
+                                 .orientation="${et.Vertical}"
                                  .view="${o.view}"
                                  .appearance="${o.appearance}"
                                  .variant="${o.variant}"
@@ -77479,7 +77479,7 @@ function VW(o) {
         </div>
         ${A(!o.disabled && !o.readonly && o.value && o.isClearable, () => v`
         <mosaik-button part="clear"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clear}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -77487,7 +77487,7 @@ function VW(o) {
                        @click="${() => o.clear()}"></mosaik-button>
         `)}
         <mosaik-button part="picker"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.calendar}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -77523,7 +77523,7 @@ function VW(o) {
                                  .showAdjacent="${o.showAdjacent}"
                                  .showWeekNumbers="${o.showWeekNumbers}"
                                  .specialDates="${o.specialDates}"
-                                 .orientation="${ot.Vertical}"
+                                 .orientation="${et.Vertical}"
                                  .view="${o.view}"
                                  .appearance="${o.appearance}"
                                  .variant="${o.variant}"
@@ -77536,13 +77536,13 @@ function VW(o) {
                                  @dateChanged="${(t) => o.onDateChanged(t.detail)}">
                     <mosaik-stack slot="footer">
                         <mosaik-text .text="${"Time"}"></mosaik-text>
-                        <mosaik-stack .orientation="${ot.Horizontal}"
+                        <mosaik-stack .orientation="${et.Horizontal}"
                                       .horizontalAlignment="${Or.Right}">
                             <input type="time"/>
                             <mosaik-button .label="${"AM"}"
-                                           .appearance="${et.Plain}"></mosaik-button>
+                                           .appearance="${ot.Plain}"></mosaik-button>
                             <mosaik-button .label="${"PM"}"
-                                           .appearance="${et.Plain}"></mosaik-button>
+                                           .appearance="${ot.Plain}"></mosaik-button>
                         </mosaik-stack>
                     </mosaik-stack>
                 </mosaik-calendar>
@@ -80811,7 +80811,9 @@ function d9(o) {
         </div>
         `)}
         <slot name="header"></slot>
-        <slot></slot>
+        <div part="items">
+            <slot></slot>
+        </div>
          <div part="empty">
             <slot name="empty"></slot>
         </div>
@@ -80966,7 +80968,7 @@ function c9(o) {
             `], [so.Single, () => v`
             `], [so.Multiple, () => v`
             <mosaik-checkmark part="checkmark"
-                              .appearance="${et.Outline}"
+                              .appearance="${ot.Outline}"
                               .variant="${o.variant}"
                               .type="${Ci.Hook}"
                               ?checked="${o.isChecked}"
@@ -82243,6 +82245,16 @@ function k9() {
   top: 8px;
 }
+:host [part="items"] {
+  gap: var(--list-gap);
+  flex-direction: column;
+  display: flex;
+}
+:host([orientation="horizontal"]) [part="items"] {
+  flex-flow: wrap;
+}
     `;
 }
 function _9() {
@@ -82335,6 +82347,16 @@ function _9() {
   top: 8px;
 }
+:host [part="items"] {
+  gap: var(--list-gap);
+  flex-direction: column;
+  display: flex;
+}
+:host([orientation="horizontal"]) [part="items"] {
+  flex-flow: wrap;
+}
     `;
 }
 function j9() {
@@ -82427,6 +82449,16 @@ function j9() {
   top: 8px;
 }
+:host [part="items"] {
+  gap: var(--list-gap);
+  flex-direction: column;
+  display: flex;
+}
+:host([orientation="horizontal"]) [part="items"] {
+  flex-flow: wrap;
+}
     `;
 }
 class z9 extends ks {
@@ -82891,7 +82923,7 @@ var Wp = function(o, t, e, r) {
 }, wn = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let fd = class extends P(G(nk(Ha))) {
+let fd = class extends P(G(nk(Mt(Ha)))) {
   // #region Fields
   _itemsClickSubscriptions;
   _intlController;
@@ -82905,7 +82937,7 @@ let fd = class extends P(G(nk(Ha))) {
   constructor() {
     super(), this._selectionMode = so.Single, this._value = null, this._itemsClickSubscriptions = new Array(), this._intlController = new Ei(this, {
       factory: () => new z9()
-    });
+    }), Object.assign(this, { orientation: et.Vertical });
   }
   // #endregion
   // #region Properties
@@ -83482,7 +83514,7 @@ function P9(o) {
                                 .accept="${o.accept}"
                                 .disabled="${o.disabled}"
                                 @filePicked="${(e) => o.add(e.detail.files)}">
-                <mosaik-button .appearance="${et.Plain}"
+                <mosaik-button .appearance="${ot.Plain}"
                                .variant="${ue.Primary}"
                                .label="${o.placeholder}"
                                .icon="${ft.add}"
@@ -83525,11 +83557,11 @@ function P9(o) {
             ${le(o.value, (e) => e.fullName, (e) => v`
             <mosaik-list-item .value="${e}"
                               .variant="${o.variant}">
-                <mosaik-stack .orientation="${ot.Horizontal}"
+                <mosaik-stack .orientation="${et.Horizontal}"
                               .verticalAlignment="${fe.Center}"
                               .fit="${Nn.Both}"
                               .gap="${"16px"}">
-                    <mosaik-stack .orientation="${ot.Horizontal}"
+                    <mosaik-stack .orientation="${et.Horizontal}"
                                 .fit="${Nn.Width}"
                                 .gap="${"8px"}">
                         <mosaik-text part="name"
@@ -83542,12 +83574,12 @@ function P9(o) {
                                     .text="${t(e.blob?.size ?? 0)}"></mosaik-text>
                         `)}
                     </mosaik-stack>
-                    <mosaik-stack part="actions" .orientation="${ot.Horizontal}">
+                    <mosaik-stack part="actions" .orientation="${et.Horizontal}">
                         ${A(o.disabled, () => v`
-                        <mosaik-button .appearance="${et.Plain}"
+                        <mosaik-button .appearance="${ot.Plain}"
                                     .icon="${"M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z"}"
                                     @click="${() => o.save(e)}"></mosaik-button>
-                        <mosaik-button .appearance="${et.Plain}"
+                        <mosaik-button .appearance="${ot.Plain}"
                                     .icon="${"M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"}"
                                     @click="${() => o.delete(e)}"></mosaik-button>
                         `)}
@@ -83597,9 +83629,9 @@ function D9(o) {
   return v`
         ${Rp(o.view, [[qi.Card, () => v`
         `], [qi.Chip, () => v`
-        <mosaik-chip .appearance="${et.Outline}"
+        <mosaik-chip .appearance="${ot.Outline}"
                      ?closeable="${o.controlled}">
-            <mosaik-stack slot="label" .orientation="${ot.Horizontal}">
+            <mosaik-stack slot="label" .orientation="${et.Horizontal}">
                 <mosaik-text part="name"
                              .text="${o.file?.name}"
                              .truncate="${!0}"></mosaik-text>
@@ -83612,11 +83644,11 @@ function D9(o) {
             </mosaik-stack>
         </mosaik-chip>
         `], [qi.List, () => v`
-        <mosaik-stack .orientation="${ot.Horizontal}"
+        <mosaik-stack .orientation="${et.Horizontal}"
                       .verticalAlignment="${fe.Center}"
                       .fit="${Nn.Both}"
                       .gap="${"16px"}">
-            <mosaik-stack .orientation="${ot.Horizontal}"
+            <mosaik-stack .orientation="${et.Horizontal}"
                           .fit="${Nn.Width}"
                           .gap="${"8px"}">
                 <mosaik-text part="name"
@@ -83629,12 +83661,12 @@ function D9(o) {
                              .text="${t(o.file?.blob?.size ?? 0)}"></mosaik-text>
                 `)}
             </mosaik-stack>
-            <mosaik-stack part="actions" .orientation="${ot.Horizontal}">
+            <mosaik-stack part="actions" .orientation="${et.Horizontal}">
                 ${A(o.controlled, () => v`
-                <mosaik-button .appearance="${et.Plain}"
+                <mosaik-button .appearance="${ot.Plain}"
                                .icon="${"M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z"}"
                                @click="${(e) => o.onSave(e)}"></mosaik-button>
-                <mosaik-button .appearance="${et.Plain}"
+                <mosaik-button .appearance="${ot.Plain}"
                                .icon="${"M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"}"
                                @click="${(e) => o.onDelete(e)}"></mosaik-button>
                 `)}
@@ -85296,7 +85328,7 @@ var Es = function(o, t, e, r) {
 }, Wo = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let kn = class extends P(Z(rn(ct(Ft(G(H)))))) {
+let kn = class extends P(Z(rn(ct(Mt(G(H)))))) {
   // #region Fields
   _spinned;
   _delay;
@@ -85780,7 +85812,7 @@ function X9(o) {
         `)}
         ${A(!o.disabled && !o.readonly && o.value && o.isClearable && !o.isBusy, () => v`
         <mosaik-button part="clear"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clear}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -85788,9 +85820,9 @@ function X9(o) {
         `)}
         ${A(o.spinner, () => v`
         <mosaik-updown-spinner part="spinner"
-                               .orientation="${ot.Horizontal}"
+                               .orientation="${et.Horizontal}"
                                .size="${J.Small}"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                .position="${o.spinPosition}"
                                .disabled="${o.disabled}"></mosaik-updown-spinner>
         `)}
@@ -87191,7 +87223,7 @@ function tV(o) {
         </div>
         ${A(!o.disabled && !o.readonly && o.value && o.isClearable, () => v`
         <mosaik-button part="clear"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clear}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -87199,7 +87231,7 @@ function tV(o) {
         `)}
         ${A(!o.disabled && !o.readonly && o.revealable, () => v`
         <mosaik-button part="showHide"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${o.isReveal ? ft.eyeHide : ft.eyeShow}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -90240,7 +90272,7 @@ var Cs = function(o, t, e, r) {
 }, Ze = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 }, Kx;
-let ui = Kx = class extends P(Ye(G(Ft(Ot(ct(Z(kt(H)))))))) {
+let ui = Kx = class extends P(Ye(G(Mt(Ot(ct(Z(kt(H)))))))) {
   // #region Fields
   _radioChanged;
   _name;
@@ -90470,7 +90502,7 @@ function bV(o) {
              aria-valuemin="${0}"
              aria-valuemax="${o.length}"
              tabindex="${o.disabled ? "-1" : "0"}">
-            <span ${os({ direction: o.orientation === ot.Vertical ? "column" : "row" })}
+            <span ${os({ direction: o.orientation === et.Vertical ? "column" : "row" })}
                   part="symbols">
                 ${le([].constructor(o.length), (t, e) => v`
                 ${A(Number(o.value) > e && Number(o.value) < e + 1, () => v`
@@ -90867,10 +90899,10 @@ var Ur = function(o, t, e, r) {
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") n = Reflect.decorate(o, t, e, r);
   else for (var s = o.length - 1; s >= 0; s--) (i = o[s]) && (n = (a < 3 ? i(n) : a > 3 ? i(t, e, n) : i(t, e)) || n);
   return a > 3 && n && Object.defineProperty(t, e, n), n;
-}, Mt = function(o, t) {
+}, Bt = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let fr = class extends P(G(Ot(Ht(Ft(rn(Z(H))))))) {
+let fr = class extends P(G(Ot(Ht(Mt(rn(Z(H))))))) {
   // #region Fields
   _ratingElement;
   _length;
@@ -91100,89 +91132,89 @@ let fr = class extends P(G(Ot(Ht(Ft(rn(Z(H))))))) {
 };
 Ur([
   b({ type: Number }),
-  Mt("design:type", Number),
-  Mt("design:paramtypes", [Number])
+  Bt("design:type", Number),
+  Bt("design:paramtypes", [Number])
 ], fr.prototype, "length", null);
 Ur([
   b({ type: Number }),
-  Mt("design:type", Number),
-  Mt("design:paramtypes", [Number])
+  Bt("design:type", Number),
+  Bt("design:paramtypes", [Number])
 ], fr.prototype, "precision", null);
 Ur([
   b({
     type: Boolean,
     useDefault: !0
   }),
-  Mt("design:type", Boolean),
-  Mt("design:paramtypes", [Boolean])
+  Bt("design:type", Boolean),
+  Bt("design:paramtypes", [Boolean])
 ], fr.prototype, "readonly", null);
 Ur([
   b({ type: String }),
-  Mt("design:type", String),
-  Mt("design:paramtypes", [String])
+  Bt("design:type", String),
+  Bt("design:paramtypes", [String])
 ], fr.prototype, "symbol", null);
 Ur([
   b({ type: Function }),
-  Mt("design:type", Function),
-  Mt("design:paramtypes", [Function])
+  Bt("design:type", Function),
+  Bt("design:paramtypes", [Function])
 ], fr.prototype, "symbolAccessor", null);
 Ur([
   T({ type: Number }),
-  Mt("design:type", Number),
-  Mt("design:paramtypes", [Number])
+  Bt("design:type", Number),
+  Bt("design:paramtypes", [Number])
 ], fr.prototype, "hoverValue", null);
 Ur([
   T({ type: Boolean }),
-  Mt("design:type", Boolean),
-  Mt("design:paramtypes", [Boolean])
+  Bt("design:type", Boolean),
+  Bt("design:paramtypes", [Boolean])
 ], fr.prototype, "isHovering", null);
 Ur([
   Vt("click"),
-  Mt("design:type", Function),
-  Mt("design:paramtypes", [MouseEvent]),
-  Mt("design:returntype", void 0)
+  Bt("design:type", Function),
+  Bt("design:paramtypes", [MouseEvent]),
+  Bt("design:returntype", void 0)
 ], fr.prototype, "onClick", null);
 Ur([
   Vt("keydown"),
-  Mt("design:type", Function),
-  Mt("design:paramtypes", [KeyboardEvent]),
-  Mt("design:returntype", void 0)
+  Bt("design:type", Function),
+  Bt("design:paramtypes", [KeyboardEvent]),
+  Bt("design:returntype", void 0)
 ], fr.prototype, "onKeyDown", null);
 Ur([
   Vt("mouseenter"),
-  Mt("design:type", Function),
-  Mt("design:paramtypes", [MouseEvent]),
-  Mt("design:returntype", void 0)
+  Bt("design:type", Function),
+  Bt("design:paramtypes", [MouseEvent]),
+  Bt("design:returntype", void 0)
 ], fr.prototype, "onMouseEnter", null);
 Ur([
   Vt("mousemove"),
-  Mt("design:type", Function),
-  Mt("design:paramtypes", [MouseEvent]),
-  Mt("design:returntype", void 0)
+  Bt("design:type", Function),
+  Bt("design:paramtypes", [MouseEvent]),
+  Bt("design:returntype", void 0)
 ], fr.prototype, "onMouseMove", null);
 Ur([
   Vt("mouseleave"),
-  Mt("design:type", Function),
-  Mt("design:paramtypes", []),
-  Mt("design:returntype", void 0)
+  Bt("design:type", Function),
+  Bt("design:paramtypes", []),
+  Bt("design:returntype", void 0)
 ], fr.prototype, "onMouseLeave", null);
 Ur([
   Vt("touchstart"),
-  Mt("design:type", Function),
-  Mt("design:paramtypes", [Object]),
-  Mt("design:returntype", void 0)
+  Bt("design:type", Function),
+  Bt("design:paramtypes", [Object]),
+  Bt("design:returntype", void 0)
 ], fr.prototype, "onTouchStart", null);
 Ur([
   Vt("touchmove", "self", { passive: !0 }),
-  Mt("design:type", Function),
-  Mt("design:paramtypes", [Object]),
-  Mt("design:returntype", void 0)
+  Bt("design:type", Function),
+  Bt("design:paramtypes", [Object]),
+  Bt("design:returntype", void 0)
 ], fr.prototype, "onTouchMove", null);
 Ur([
   Vt("touchend"),
-  Mt("design:type", Function),
-  Mt("design:paramtypes", [Object]),
-  Mt("design:returntype", void 0)
+  Bt("design:type", Function),
+  Bt("design:paramtypes", [Object]),
+  Bt("design:returntype", void 0)
 ], fr.prototype, "onTouchEnd", null);
 fr = Ur([
   O({
@@ -91194,7 +91226,7 @@ fr = Ur([
       cosmopolitan: vV
     }
   }),
-  Mt("design:paramtypes", [])
+  Bt("design:paramtypes", [])
 ], fr);
 class _y {
   // #region Fields
@@ -91529,8 +91561,8 @@ function wV(o) {
             <svg xmlns="http://www.w3.org/2000/svg">
                 <line x1="0"
                       y1="0"
-                      x2="${o.orientation === ot.Vertical ? "0" : "100%"}"
-                      y2="${o.orientation === ot.Vertical ? "100%" : "0"}"/>
+                      x2="${o.orientation === et.Vertical ? "0" : "100%"}"
+                      y2="${o.orientation === et.Vertical ? "100%" : "0"}"/>
             </svg>
         </div>
     `;
@@ -91815,7 +91847,7 @@ var BE = function(o, t, e, r) {
 }, Jx = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Qx = class extends P(Ft(H)) {
+let Qx = class extends P(Mt(H)) {
   // #region Fields
   _thickness;
   // #endregion
@@ -91876,28 +91908,28 @@ function zV(o) {
             <mosaik-tooltip .content="${o.intl.italicLabel}"
                             .placement="${Pt.Top}">
                 <mosaik-button .icon="${"M10.649 18.5h3.847a1 1 0 0 1 0 2h-9.5a.997.997 0 0 1-.996-1c0-.552.445-1 .996-1h3.51L13.332 6H9.997a1 1 0 0 1 0-2H18.5a1 1 0 0 1 0 2h-3.025L10.65 18.5Z"}"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                @click="${() => o.onAction("italic")}"></mosaik-button>
             </mosaik-tooltip>
             <mosaik-tooltip .content="${o.intl.boldLabel}"
                             .placement="${Pt.Top}">
                 <mosaik-button .icon="${"M6 5.75C6 4.784 6.784 4 7.75 4h4.749c2.823 0 4.751 2.34 4.751 4.75 0 .931-.288 1.852-.803 2.632C17.369 12.239 18 13.47 18 15c0 3.133-2.677 5-5 5H7.75A1.75 1.75 0 0 1 6 18.25V5.75Zm3.5 7.75v3H13c.312 0 .71-.138 1.024-.421.288-.26.476-.615.476-1.079 0-.888-.745-1.5-1.5-1.5H9.5Zm0-3.5h3c.715 0 1.25-.592 1.25-1.25 0-.657-.536-1.25-1.251-1.25H9.5V10Z"}"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                @click="${() => o.onAction("bold")}"></mosaik-button>
             </mosaik-tooltip>
             <mosaik-tooltip .content="${o.intl.strikethroughLabel}"
                             .placement="${Pt.Top}">
                 <mosaik-button .icon="${"M13.848 11.5H19.5a1 1 0 0 1 0 2h-2.387a4.03 4.03 0 0 1 .998 2.684c0 2.93-3.28 4.915-7.033 4.48-2.328-.271-3.965-1.22-4.827-2.833-.26-.487-.207-1.016.248-1.331.455-.316 1.256-.099 1.516.388.533.998 1.604 1.592 3.294 1.789 2.586.3 4.802-.91 4.802-2.492 0-1.099-.547-1.94-2.107-2.685H5a1 1 0 1 1 0-2H13.848ZM6.987 9.695a5.122 5.122 0 0 1-.298-.51c-.3-.59-.468-1.214-.435-1.835.16-2.965 2.934-4.713 6.602-4.287 2.26.263 3.99 1.084 5.147 2.487a.993.993 0 0 1-.153 1.4c-.426.351-1.049.326-1.4-.1-.813-.985-2.068-1.596-3.825-1.8-2.56-.298-4.371.718-4.371 2.323 0 .714.239 1.22.762 1.81.225.254.647.525 1.265.815H7.192a38.03 38.03 0 0 1-.205-.303Z"}"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                @click="${() => o.onAction("strikethrough")}"></mosaik-button>
             </mosaik-tooltip>
         </div>
-        <mosaik-divider part="divider" .orientation="${ot.Vertical}"></mosaik-divider>
+        <mosaik-divider part="divider" .orientation="${et.Vertical}"></mosaik-divider>
         <div part="group">
             <mosaik-tooltip .content="${o.intl.monospaceLabel}"
                             .placement="${Pt.Top}">
                 <mosaik-button .icon="${"m8.086 18.611 5.996-14.004a1 1 0 0 1 1.878.677l-.04.11-5.996 14.004a1 1 0 0 1-1.878-.677l.04-.11 5.996-14.004L8.086 18.61Zm-5.793-7.318 4-4a1 1 0 0 1 1.497 1.32l-.083.094L4.414 12l3.293 3.293a1 1 0 0 1-1.32 1.498l-.094-.084-4-4a1 1 0 0 1-.083-1.32l.083-.094 4-4-4 4Zm14-4.001a1 1 0 0 1 1.32-.083l.093.083 4.001 4.001a1 1 0 0 1 .083 1.32l-.083.095-4.001 3.995a1 1 0 0 1-1.497-1.32l.084-.095L19.584 12l-3.293-3.294a1 1 0 0 1 0-1.414Z"}"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                @click="${() => o.onAction("monospace")}"></mosaik-button>
             </mosaik-tooltip>
         </div>
@@ -93706,7 +93738,7 @@ function OV(o) {
             <slot name="prefix"></slot>
         </div>
         <mosaik-icon part="search"
-                     .appearance="${et.Plain}"
+                     .appearance="${ot.Plain}"
                      .data="${ft.search}"
                      ?inline="${!0}"></mosaik-icon>
         <div part="inner" class="${to({ prefix: o.hasPrefix, suffix: o.hasSuffix })}">
@@ -93740,7 +93772,7 @@ function OV(o) {
         `)}
         ${A(!o.disabled && !o.readonly && o.value && o.isClearable && !o.isBusy, () => v`
         <mosaik-button part="clear"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clear}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -95030,7 +95062,7 @@ function IV(o) {
             <slot name="suffix" slot="suffix"></slot>
             <mosaik-button part="caret"
                            slot="suffix"
-                           .appearance="${et.Plain}"
+                           .appearance="${ot.Plain}"
                            .icon="${ft.caretDown}"
                            .size="${J.Small}"
                            .iconSize="${J.Medium}"
@@ -95091,7 +95123,7 @@ function HV(o) {
         `)}
         ${A(o.isActive, () => v`
         <mosaik-checkmark part="checkmark"
-                          .appearance="${et.Plain}"
+                          .appearance="${ot.Plain}"
                           .variant="${o.variant}"
                           .type="${Ci.Hook}"
                           ?checked="${o.isActive}"
@@ -96491,7 +96523,7 @@ function ZV(o) {
                      .size="${J.Giant}"
                      .data="${o.icon.trim() ? o.icon : ft.glasses}"
                      .variant="${"neutral"}"></mosaik-icon>
-        <mosaik-stack .orientation="${ot.Vertical}">
+        <mosaik-stack .orientation="${et.Vertical}">
             ${A(o.header, () => v`
             <mosaik-text part="header"
                          .readonly="${!0}"
@@ -96510,7 +96542,7 @@ function ZV(o) {
             `)}
             <slot></slot>
         </mosaik-stack>
-        <mosaik-stack .orientation="${ot.Horizontal}"
+        <mosaik-stack .orientation="${et.Horizontal}"
                       .gap="${De("--empty-state-gap")}"
                       ?hidden="${!o.hasSlotContent("actions")}">
             <slot name="actions"></slot>
@@ -97794,7 +97826,7 @@ function aX(o) {
         `)}
         ${A(!o.disabled && !o.isEmpty && o.isClearable, () => v`
         <mosaik-button part="clear"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clear}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -99373,7 +99405,7 @@ function bX(o) {
             `)}
             ${A(o.isChecked, () => v`
             <mosaik-checkmark part="checkmark"
-                              .appearance="${et.Plain}"
+                              .appearance="${ot.Plain}"
                               .variant="${o.variant}"
                               .type="${Ci.Hook}"
                               .dir="${o.dir}"
@@ -99392,7 +99424,7 @@ function bX(o) {
                 `)}
             </slot>
             <mosaik-stack part="text"
-                          .orientation="${ot.Vertical}"
+                          .orientation="${et.Vertical}"
                           .dir="${o.dir}"
                           .lang="${o.lang}">
                 <slot name="label">
@@ -99416,7 +99448,7 @@ function bX(o) {
             </mosaik-stack>
             ${A(o.hasChildren, () => v`
             <mosaik-button part="caret"
-                           .appearance="${et.Plain}"
+                           .appearance="${ot.Plain}"
                            .icon="${ft.caretDown}"
                            .size="${J.Small}"
                            .dir="${o.dir}"
@@ -100385,7 +100417,7 @@ function xX(o) {
         </div>
         ${A(!o.disabled && !o.readonly && o.value && o.isClearable, () => v`
         <mosaik-button part="clear"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clear}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -100393,7 +100425,7 @@ function xX(o) {
                        @click="${() => o.clear()}"></mosaik-button>
         `)}
         <mosaik-button part="picker"
-                       .appearance="${et.Plain}"
+                       .appearance="${ot.Plain}"
                        .icon="${ft.clock}"
                        .size="${J.Small}"
                        .iconSize="${J.Medium}"
@@ -100430,7 +100462,7 @@ function xX(o) {
                         ${A(o.markerHandler(t), (e) => v`
                         <mosaik-stack slot="end"
                                       .dir="${o.dir}"
-                                      .orientation="${ot.Horizontal}"
+                                      .orientation="${et.Horizontal}"
                                       .verticalAlignment="${fe.Center}"
                                       .gap="${"2px"}">
                             ${le(e, (r) => v`
@@ -106870,8 +106902,8 @@ function EK(o) {
              @touchstart=${(a) => o.handleDrag(a)}>
             <slot name="thumb">
                 <mosaik-icon part="thumb"
-                             .appearance="${et.Soft}"
-                             .angel="${o.orientation === ot.Horizontal ? 0 : 90}"
+                             .appearance="${ot.Soft}"
+                             .angel="${o.orientation === et.Horizontal ? 0 : 90}"
                              .data="${"M12 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM12 14a2 2 0 1 1 0-4 2 2 0 0 1 0 4ZM10 18a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z"}"
                              ?disabled="${o.disabled}"></mosaik-icon>
             </slot>
@@ -107334,7 +107366,7 @@ var Na = function(o, t, e, r) {
 }, Ne = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Xn = class extends P(ji(Ft(G(Io(kt(H)))))) {
+let Xn = class extends P(ji(Mt(G(Io(kt(H)))))) {
   // #region Fields
   _resizeController;
   _splitRepositioned;
@@ -107495,10 +107527,10 @@ let Xn = class extends P(ji(Ft(G(Io(kt(H)))))) {
   handleDrag(t) {
     this.disabled || (t.cancelable && t.preventDefault(), this.drag(this, {
       onMove: (e, r) => {
-        let a = this.orientation === ot.Vertical ? r : e;
+        let a = this.orientation === et.Vertical ? r : e;
         this.lock === "end" && (a = this._size - a), this.snaps.forEach((n) => {
           let i = null;
-          typeof n == "number" ? i = n : n.endsWith("%") ? i = this._size * (parseFloat(n) / 100) : i = ge.extractValue(n), this.dir === Mo.RightToLeft && this.orientation === ot.Horizontal && (i = this._size - i), a >= i - this.snapThreshold && a <= i + this.snapThreshold && (a = i);
+          typeof n == "number" ? i = n : n.endsWith("%") ? i = this._size * (parseFloat(n) / 100) : i = ge.extractValue(n), this.dir === Mo.RightToLeft && this.orientation === et.Horizontal && (i = this._size - i), a >= i - this.snapThreshold && a <= i + this.snapThreshold && (a = i);
         }), this.position = Zx(this.pixelsToPercentage(a), 0, 100);
       },
       initialEvent: t
@@ -107511,7 +107543,7 @@ let Xn = class extends P(ji(Ft(G(Io(kt(H)))))) {
     if (!this.disabled && ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(t.key)) {
       let e = this.position;
       const r = (t.shiftKey ? 10 : 1) * (this.lock === "end" ? -1 : 1);
-      t.preventDefault(), (t.key === "ArrowLeft" && this.orientation === ot.Horizontal || t.key === "ArrowUp" && this.orientation === ot.Vertical) && (e -= r), (t.key === "ArrowRight" && this.orientation === ot.Horizontal || t.key === "ArrowDown" && this.orientation === ot.Vertical) && (e += r), t.key === "Home" && (e = this.lock === "end" ? 100 : 0), t.key === "End" && (e = this.lock === "end" ? 0 : 100), this.position = Zx(e, 0, 100);
+      t.preventDefault(), (t.key === "ArrowLeft" && this.orientation === et.Horizontal || t.key === "ArrowUp" && this.orientation === et.Vertical) && (e -= r), (t.key === "ArrowRight" && this.orientation === et.Horizontal || t.key === "ArrowDown" && this.orientation === et.Vertical) && (e += r), t.key === "Home" && (e = this.lock === "end" ? 100 : 0), t.key === "End" && (e = this.lock === "end" ? 0 : 100), this.position = Zx(e, 0, 100);
     }
   }
   /**
@@ -107545,7 +107577,7 @@ let Xn = class extends P(ji(Ft(G(Io(kt(H)))))) {
    */
   detectSize() {
     const t = this.getBoundingClientRect();
-    this._size = this.orientation === ot.Vertical ? t.height : t.width;
+    this._size = this.orientation === et.Vertical ? t.height : t.width;
   }
   /**
    * @private
@@ -107566,7 +107598,7 @@ let Xn = class extends P(ji(Ft(G(Io(kt(H)))))) {
     if (t.length === 0)
       return;
     const e = t[0].contentRect;
-    this._size = this.orientation === ot.Vertical ? e.height : e.width, this.lock !== g0.None && (this.position = this.pixelsToPercentage(this._cachedPositionInPixels));
+    this._size = this.orientation === et.Vertical ? e.height : e.width, this.lock !== g0.None && (this.position = this.pixelsToPercentage(this._cachedPositionInPixels));
   }
   /**
    * @private
@@ -107683,7 +107715,7 @@ var ZE = function(o, t, e, r) {
 }, f0 = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 }, b0;
-let m0 = b0 = class extends P(ji(Ft(Io(Jm(tf))))) {
+let m0 = b0 = class extends P(ji(Mt(Io(Jm(tf))))) {
   // #region Fields
   _childResize;
   _lastChildFill;
@@ -109766,7 +109798,7 @@ var Ry = function(o, t, e, r) {
 }, Js = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let fg = class extends P(ji(Ft(Io(Jm(tf))))) {
+let fg = class extends P(ji(Mt(Io(Jm(tf))))) {
   // #region Fields
   _columns;
   _reverse;
@@ -115774,7 +115806,7 @@ function XZ(o) {
                         .placeholder="${o.placeholder}"
                         .multiline="${!0}"
                         .value="${$r(o.value.message)}"
-                        .appearance="${et.Plain}"
+                        .appearance="${ot.Plain}"
                         .variant="${o.variant}"
                         @input="${(t) => o.onInput(t)}"
                         @keyup="${(t) => o.onKeyup(t)}"></mosaik-textbox>
@@ -115785,7 +115817,7 @@ function XZ(o) {
             </div>
             <div part="end">
                 <mosaik-button .dir="${o.dir}"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                .icon="${ft.send}"
                                @click="${() => o.send(o.value.message, o.value.files)}"></mosaik-button>
             </div>
@@ -116921,12 +116953,12 @@ function lJ(o) {
         ${A(o.isSticky, () => v`
         <mosaik-sticky>
             <mosaik-stack .dir="${o.dir}"
-                        .orientation="${ot.Horizontal}"
+                        .orientation="${et.Horizontal}"
                         .verticalAlignment="${fe.Center}"
                         .gap="${"16px"}">
                 <mosaik-divider part="divider"
                                 .dir="${o.dir}"
-                                .orientation="${ot.Horizontal}"
+                                .orientation="${et.Horizontal}"
                                 .thickness="${o.thickness}"></mosaik-divider>
                 <slot>
                     <mosaik-text part="text"
@@ -116937,18 +116969,18 @@ function lJ(o) {
                 </slot>
                 <mosaik-divider part="divider"
                                 .dir="${o.dir}"
-                                .orientation="${ot.Horizontal}"
+                                .orientation="${et.Horizontal}"
                                 .thickness="${o.thickness}"></mosaik-divider>
             </mosaik-stack>
         </mosaik-sticky>
         `, () => v`
             <mosaik-stack .dir="${o.dir}"
-                          .orientation="${ot.Horizontal}"
+                          .orientation="${et.Horizontal}"
                           .verticalAlignment="${fe.Center}"
                           .gap="${"16px"}">
                 <mosaik-divider part="divider"
                                 .dir="${o.dir}"
-                                .orientation="${ot.Horizontal}"
+                                .orientation="${et.Horizontal}"
                                 .thickness="${o.thickness}"></mosaik-divider>
                 <slot>
                     <mosaik-text part="text"
@@ -116959,7 +116991,7 @@ function lJ(o) {
                 </slot>
                 <mosaik-divider part="divider"
                                 .dir="${o.dir}"
-                                .orientation="${ot.Horizontal}"
+                                .orientation="${et.Horizontal}"
                                 .thickness="${o.thickness}"></mosaik-divider>
             </mosaik-stack>
         `)}
@@ -117479,7 +117511,7 @@ function bJ(o) {
   return v`
         <mosaik-stack part="root"
                       .dir="${o.dir}"
-                      .orientation="${ot.Horizontal}"
+                      .orientation="${et.Horizontal}"
                       .reverse="${!o.reply}">
             <slot name="avatar"
                   @slotchange="${(t) => o.onSlotChange(t)}"></slot>
@@ -119334,7 +119366,7 @@ var bk = function(o, t, e, r) {
 }, kg = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let vm = class extends P(Z(Ft(fs(dk(ce(ct(H))))))) {
+let vm = class extends P(Z(Mt(fs(dk(ce(ct(H))))))) {
   // #region Fields
   _text;
   _icon;
@@ -121027,7 +121059,7 @@ var Rf = function(o, t, e, r) {
 }, Nc = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let bp = class extends P(G(Ft(Ot(H)))) {
+let bp = class extends P(G(Mt(Ot(H)))) {
   // #region Fields
   _resizeController;
   _colorController;
@@ -121192,14 +121224,14 @@ let bp = class extends P(G(Ft(Ot(H)))) {
   calculateHandlePosition(t) {
     if (!this._boundingClientRect)
       return this._sliderHandlePosition;
-    const e = this._boundingClientRect, r = this.orientation === ot.Horizontal ? e.top : e.left, a = this.orientation === ot.Horizontal ? t.clientY : t.clientX, n = this.orientation === ot.Horizontal ? e.height : e.width, i = Math.max(0, Math.min(1, (a - r) / n));
-    return this.orientation === ot.Horizontal || this.dir !== Mo.LeftToRight ? 100 - 100 * i : 100 * i;
+    const e = this._boundingClientRect, r = this.orientation === et.Horizontal ? e.top : e.left, a = this.orientation === et.Horizontal ? t.clientY : t.clientX, n = this.orientation === et.Horizontal ? e.height : e.width, i = Math.max(0, Math.min(1, (a - r) / n));
+    return this.orientation === et.Horizontal || this.dir !== Mo.LeftToRight ? 100 - 100 * i : 100 * i;
   }
   handleGradientPointerdown(t) {
     t.button === 0 && (t.stopPropagation(), t.preventDefault(), this._thumb.dispatchEvent(new PointerEvent("pointerdown", t)), this.handlePointermove(t));
   }
   get handlePositionStyles() {
-    return `${this.orientation === ot.Vertical ? "inset-block-end" : "inset-inline-start"}: ${this._sliderHandlePosition}%`;
+    return `${this.orientation === et.Vertical ? "inset-block-end" : "inset-inline-start"}: ${this._sliderHandlePosition}%`;
   }
 };
 Rf([
@@ -121518,17 +121550,17 @@ w0 = iC([
 function GJ(o) {
   return v`
         <mosaik-stack .dir="${o.dir}"
-                      .orientation="${ot.Horizontal}"
+                      .orientation="${et.Horizontal}"
                       .gap="${De("--comment-gap")}">
             <div part="avatar">
                 <slot name="avatar"></slot>
             </div>
             <mosaik-stack .dir="${o.dir}"
-                          .orientation="${ot.Horizontal}"
+                          .orientation="${et.Horizontal}"
                           .gap="${De("--comment-gap")}">
                 <div part="inner">
                     <mosaik-stack .dir="${o.dir}"
-                                  .orientation="${ot.Horizontal}"
+                                  .orientation="${et.Horizontal}"
                                   .gap="${De("--comment-inner-gap")}">
                         <slot name="author">
                             <mosaik-text part="author"
@@ -123016,8 +123048,8 @@ function hQ(o) {
                 `)}
             </mosaik-avatar>
             <!-- > -->
-            <mosaik-stack .orientation="${ot.Vertical}"
-                          .horizontalAlignment="${It(o.orientation === ot.Vertical ? Or.Center : void 0)}">
+            <mosaik-stack .orientation="${et.Vertical}"
+                          .horizontalAlignment="${It(o.orientation === et.Vertical ? Or.Center : void 0)}">
                 ${A(o.primaryText.trim() ? o.primaryText.trim() : o.text.trim(), () => v`
                 <mosaik-text part="primaryText"
                              .text="${o.primaryText.trim() ? o.primaryText.trim() : o.text.trim()}"
@@ -123325,7 +123357,7 @@ var Qp = function(o, t, e, r) {
 }, mi = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Fc = class extends P(Ft(fs(Ea))) {
+let Fc = class extends P(Mt(fs(Ea))) {
   // #region Fields
   _primaryText;
   _secondaryText;
@@ -125305,20 +125337,20 @@ function zQ(o) {
                        .subHeader="${o.intl.messageLabel}"
                        .icon="${"M12 2c.714 0 1.419.075 2.106.222a.75.75 0 0 1 .374 1.263 2.501 2.501 0 0 0 1.206 4.201.75.75 0 0 1 .577.811 2.5 2.5 0 0 0 4.36 1.908.75.75 0 0 1 1.307.409c.047.39.07.787.07 1.186 0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm3 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-7-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm4-4a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM7 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"}"
                        .elevation="${o.elevation}"
-                       .appearance="${et.Plain}">
+                       .appearance="${ot.Plain}">
                 <slot name="actions"
                       slot="actions"></slot>
                 ${A(o.acceptable, () => v`
                 <mosaik-button slot="actions"
                                .label="${o.intl.acceptLabel}"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                .variant="${ue.Primary}"
                                @click="${() => o.onAccept()}"></mosaik-button>
                 `)}
                 ${A(o.dismissable, () => v`
                 <mosaik-button slot="actions"
                                .label="${o.intl.dismissLabel}"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                .variant="${ue.Primary}"
                                @click="${() => o.onDismiss()}"></mosaik-button>
                 `)}
@@ -126646,7 +126678,7 @@ function HQ(o) {
                         <mosaik-icon .data="${o.icon}"
                                      .size="${J.Large}"></mosaik-icon>
                         `)}
-                        <mosaik-stack .orientation="${ot.Vertical}"
+                        <mosaik-stack .orientation="${et.Vertical}"
                                       .verticalAlignment="${fe.Center}">
                             <mosaik-text part="headerText"
                                          .text="${o.header}"></mosaik-text>
@@ -127489,7 +127521,7 @@ class Oh {
 Oh.set(new UQ());
 function YQ(o) {
   return v`
-        <mosaik-stack .orientation="${ot.Horizontal}"
+        <mosaik-stack .orientation="${et.Horizontal}"
                       .verticalAlignment="${fe.Center}"
                       .gap="${De("--dialog-actions-gap")}"
                       .dir="${o.dir}"
@@ -127497,7 +127529,7 @@ function YQ(o) {
             <slot name="prefix"></slot>
         </mosaik-stack>
         <mosaik-stack style="flex: 1;"
-                      .orientation="${ot.Horizontal}"
+                      .orientation="${et.Horizontal}"
                       .verticalAlignment="${fe.Center}"
                       .horizontalAlignment="${Or.Right}"
                       .gap="${De("--dialog-actions-gap")}"
@@ -127505,7 +127537,7 @@ function YQ(o) {
                       ?hidden="${!o.hasSlotContent("")}">
             <slot></slot>
         </mosaik-stack>
-        <mosaik-stack .orientation="${ot.Horizontal}"
+        <mosaik-stack .orientation="${et.Horizontal}"
                       .verticalAlignment="${fe.Center}"
                       .gap="${De("--dialog-actions-gap")}"
                       .dir="${o.dir}"
@@ -130635,7 +130667,7 @@ const Ett = {
   isDraggable: !1,
   closeable: !1,
   elevation: ol.Bold,
-  appearance: et.Default,
+  appearance: ot.Default,
   enter: lf,
   exit: kl,
   isFullScreen: !1
@@ -130920,7 +130952,7 @@ function Ott(o) {
                                 .subTitle="${o.subHeader}">
                     <mosaik-button slot="end"
                                    .icon="${ft.close}"
-                                   .appearance="${et.Plain}"
+                                   .appearance="${ot.Plain}"
                                    @click="${() => o.close()}"></mosaik-button>
                 </mosaik-toolbar>
                 `)}
@@ -132549,43 +132581,43 @@ function Gtt(o) {
                 <mosaik-button part="actionOk"
                                 .label="${o.labels.ok ?? "OK"}"
                                 .variant="${ue.Primary}"
-                                .appearance="${et.Solid}"
+                                .appearance="${ot.Solid}"
                                 @click="${() => o.onDialogResult("ok")}"></mosaik-button>
                 `)}
                 ${A(o.buttons === Dh.OKCancel, () => v`
                 <mosaik-button part="actionOk"
                                .label="${o.labels.ok ?? "OK"}"
                                 .variant="${ue.Primary}"
-                                .appearance="${et.Solid}"
+                                .appearance="${ot.Solid}"
                                 @click="${() => o.onDialogResult("ok")}"></mosaik-button>
                 <mosaik-button part="actionCancel"
                                .label="${o.labels.cancel ?? "Cancel"}"
                                 .variant="${ue.Primary}"
-                                .appearance="${et.Plain}"
+                                .appearance="${ot.Plain}"
                                 @click="${() => o.onDialogResult("cancel")}"></mosaik-button>
                 `)}
                 ${A(o.buttons === Dh.YesNo, () => v`
                 <mosaik-button part="actionYes" .label="${o.labels.yes ?? "Yes"}"
                                 .variant="${ue.Primary}"
-                                .appearance="${et.Solid}"
+                                .appearance="${ot.Solid}"
                                 @click="${() => o.onDialogResult("yes")}"></mosaik-button>
                 <mosaik-button part="actionNo" .label="${o.labels.no ?? "No"}"
                                 .variant="${ue.Primary}"
-                                .appearance="${et.Plain}"
+                                .appearance="${ot.Plain}"
                                 @click="${() => o.onDialogResult("no")}"></mosaik-button>
                 `)}
                 ${A(o.buttons === Dh.YesNoCancel, () => v`
                 <mosaik-button part="actionYes" .label="${o.labels.yes ?? "Yes"}"
                                 .variant="${ue.Primary}"
-                                .appearance="${et.Solid}"
+                                .appearance="${ot.Solid}"
                                 @click="${() => o.onDialogResult("yes")}"></mosaik-button>
                 <mosaik-button part="actionNo" .label="${o.labels.no ?? "No"}"
                                 .variant="${ue.Primary}"
-                                .appearance="${et.Plain}"
+                                .appearance="${ot.Plain}"
                                 @click="${() => o.onDialogResult("no")}"></mosaik-button>
                 <mosaik-button part="actionCancel" .label="${o.labels.cancel ?? "Cancel"}"
                                 .variant="${ue.Primary}"
-                                .appearance="${et.Plain}"
+                                .appearance="${ot.Plain}"
                                 @click="${() => o.onDialogResult("cancel")}"></mosaik-button>
                 `)}
             </mosaik-dialog-actions>
@@ -132904,7 +132936,7 @@ const Ktt = {
   header: "",
   subHeader: "",
   message: "",
-  appearance: et.Default,
+  appearance: ot.Default,
   variant: ue.Default,
   labels: {
     ok: "OK",
@@ -133141,7 +133173,7 @@ function eet(o) {
             <div class="outer">
                 <div class="inner">
                     ${A(o.isIndeterminate, () => v`
-                        ${A(o.orientation === ot.Horizontal, () => v`
+                        ${A(o.orientation === et.Horizontal, () => v`
                             <div class="bg indeterminate"
                                  style="${Er({ height: `${ge.tryParse(o.thickness)}` })}">
                             </div>
@@ -133151,7 +133183,7 @@ function eet(o) {
                             </div>
                         `)}
                         `, () => v`
-                        ${A(o.orientation === ot.Horizontal, () => v`
+                        ${A(o.orientation === et.Horizontal, () => v`
                             <div class="bg"
                                  style="${Er({ height: `${ge.tryParse(o.thickness)}`, width: `${o.value / o.max * 100}%` })}">
                             </div>
@@ -133757,7 +133789,7 @@ var $f = function(o, t, e, r) {
 }, Ki = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let mp = class extends P(Z(Ft(G(Ht(xl))))) {
+let mp = class extends P(Z(Mt(G(Ht(xl))))) {
   // #region Fields
   _isIndeterminate;
   _thickness;
@@ -133877,7 +133909,7 @@ function aet(o) {
         `)}
         <div part="root">
-            <mosaik-stack .orientation="${ot.Horizontal}"
+            <mosaik-stack .orientation="${et.Horizontal}"
                           .verticalAlignment="${fe.Center}"
                           gap="${"16px"}">
                 ${A(o.isBusy, () => v`
@@ -133887,7 +133919,7 @@ function aet(o) {
                                       .variant="${o.variant}"
                                       .isIndeterminate="${!0}"></mosaik-progress-ring>
                 `)}
-                <mosaik-stack orientation="${ot.Vertical}">
+                <mosaik-stack orientation="${et.Vertical}">
                     <mosaik-text part="header"
                                  .text="${o.header}"
                                  ?truncate="${!0}"></mosaik-text>
@@ -133899,14 +133931,14 @@ function aet(o) {
                 <slot name="actions"></slot>
                 ${A(o.closeable, () => v`
                 <mosaik-button .label="${"Close"}"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                .variant="${o.variant}"
                                @click="${() => o.close()}"></mosaik-button>
                 `)}
             </mosaik-stack>
             ${A(o.showProgress && o.timeout > 0, () => v`
                 <mosaik-progress-bar part="progress"
-                                     .orientation="${ot.Horizontal}"
+                                     .orientation="${et.Horizontal}"
                                      .maximum="${o.timeout}"
                                      .value="${o.intervalTick}"
                                      .variant="${ue.Primary}"></mosaik-progress-bar>
@@ -138725,7 +138757,7 @@ function Qet(o) {
         </div>
         ${A(o.hint.trim(), () => v`
         <mosaik-divider part="divider"
-                        .orientation="${ot.Horizontal}"
+                        .orientation="${et.Horizontal}"
                         .lang="${o.lang}"
                         .dir="${o.dir}"></mosaik-divider>
         `)}
@@ -140709,7 +140741,7 @@ var vC = function(o, t, e, r) {
 }, D0 = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let L0 = class extends P(ji(Ft(kt(H)))) {
+let L0 = class extends P(ji(Mt(kt(H)))) {
   // #region Fields
   _speed;
   // #endregion
@@ -141760,7 +141792,7 @@ function Cot(o) {
                 ${le(o.calculatePages(o.total, o.size), (t) => t, (t) => v`
                 <mosaik-button part="page"
                                .label="${t.toString()}"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                .variant="${ue.Default}"></mosaik-button>
                 `)}
             </mosaik-stack>
@@ -142364,7 +142396,7 @@ function Lot(o) {
   return v`
         <div part="root">
             ${A(o.icon, () => v`
-            <mosaik-icon .appearance="${et.Plain}"
+            <mosaik-icon .appearance="${ot.Plain}"
                          .variant="${o.variant}"
                          .data="${o.icon}"
                          .size="${o.iconSize ?? o.size}"
@@ -144993,7 +145025,7 @@ var Di = function(o, t, e, r) {
 }, no = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Ta = class extends P(G(Ft(H))) {
+let Ta = class extends P(G(Mt(H))) {
   // #region Fields
   _min;
   _max;
@@ -145934,7 +145966,7 @@ var vh = function(o, t, e, r) {
 }, zn = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let wd = class extends P(Z(Ft(G(Ht(xl))))) {
+let wd = class extends P(Z(Mt(G(Ht(xl))))) {
   // #region Fields
   _thickness;
   _high;
@@ -146376,7 +146408,7 @@ var Id = function(o, t, e, r) {
 }, Ar = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let fl = class extends P(Z(Ft(G(Ht(xl))))) {
+let fl = class extends P(Z(Mt(G(Ht(xl))))) {
   // #region Fields
   _thickness;
   _radius;
@@ -148012,7 +148044,7 @@ var Tl = function(o, t, e, r) {
 }, yr = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let ps = class extends P(Ft(G(Z(ct(Vo(Ye(xl))))))) {
+let ps = class extends P(Mt(G(Z(ct(Vo(Ye(xl))))))) {
   // #region Fields
   _inputElement;
   _step;
@@ -148963,7 +148995,7 @@ var Li = function(o, t, e, r) {
 }, Eo = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Pa = class extends P(Ft(G(Z(ct(Vo(Ye(xl))))))) {
+let Pa = class extends P(Mt(G(Z(ct(Vo(Ye(xl))))))) {
   // #region Fields
   _inputElement;
   _step;
@@ -149860,7 +149892,7 @@ var Lf = function(o, t, e, r) {
 }, bl = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let wp = class extends P(Ft(G(Z(ct(kt(Dk)))))) {
+let wp = class extends P(Mt(G(Z(ct(kt(Dk)))))) {
   // #region Fields
   _thickness;
   _step;
@@ -151430,7 +151462,7 @@ let xi = class extends P(kt(Ha)) {
    * @public
    */
   constructor() {
-    super(), this._page = 0, this._numVisible = 1, this._numScroll = 1, this._orientation = ot.Horizontal, this._circular = !1, this._showIndicators = !1, this._showNavigators = !1, this._autoplayInterval = 0;
+    super(), this._page = 0, this._numVisible = 1, this._numScroll = 1, this._orientation = et.Horizontal, this._circular = !1, this._showIndicators = !1, this._showNavigators = !1, this._autoplayInterval = 0;
   }
   // #endregion
   // #region Properties
@@ -151631,7 +151663,7 @@ Pl([
   vr("design:paramtypes", [Number])
 ], xi.prototype, "numScroll", null);
 Pl([
-  b({ type: ot }),
+  b({ type: et }),
   vr("design:type", String),
   vr("design:paramtypes", [String])
 ], xi.prototype, "orientation", null);
@@ -151759,7 +151791,7 @@ function ont(o) {
             <slot name="suffix" slot="suffix"></slot>
             <mosaik-button part="icon"
                            slot="suffix"
-                           .appearance="${et.Plain}"
+                           .appearance="${ot.Plain}"
                            .icon="${ft.caretDown}"
                            .size="${J.Small}"
                            .iconSize="${J.Medium}"
@@ -151806,7 +151838,7 @@ function rnt(o) {
             `], [so.Multiple, () => v`
             ${A(o.isChecked, () => v`
             <mosaik-checkmark part="checkmark"
-                              .appearance="${et.Plain}"
+                              .appearance="${ot.Plain}"
                               .variant="${o.variant}"
                               .type="${Ci.Hook}"
                               ?checked="${o.isChecked}"
@@ -154949,7 +154981,7 @@ var Hk = function(o, t, e, r) {
 }, Mg = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Tm = class extends P(Ft(H)) {
+let Tm = class extends P(Mt(H)) {
   // #region Fields
   _header;
   _textOverflow;
@@ -155546,7 +155578,7 @@ function Wnt(o) {
                 <slot name="icon">
                 ${A(o.icon, () => v`
                     <mosaik-icon part="icon"
-                                 .appearance="${et.Plain}"
+                                 .appearance="${ot.Plain}"
                                  .variant="${o.variant}"
                                  .data="${o.icon}"
                                  .size="${o.iconSize ?? o.size}"
@@ -156123,7 +156155,7 @@ var Nf = function(o, t, e, r) {
 }, Ji = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let th = class extends P(Ft(Ow(Ht(bn)))) {
+let th = class extends P(Mt(Ow(Ht(bn)))) {
   // #region Fields
   _icon;
   _iconPosition;
@@ -157021,7 +157053,7 @@ function tat(o) {
     }
   })()}"
                             .variant="${o.variant}"
-                            .appearance="${et.Solid}"
+                            .appearance="${ot.Solid}"
                             ?disabled="${o.disabled}"
                             ?hidden="${!o.hasIndicator}"></mosaik-ink-bar>
         </div>
@@ -157050,7 +157082,7 @@ function eat(o) {
                     <slot name="icon">
                     ${A(o.icon, () => v`
                         <mosaik-icon part="icon"
-                                    .appearance="${et.Plain}"
+                                    .appearance="${ot.Plain}"
                                     .data="${o.icon}"
                                     .size="${Ws(o.iconSize)}"
                                     .inline="${!0}"
@@ -157727,7 +157759,7 @@ var EC = function(o, t, e, r) {
 }, V0 = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let qh = class extends P(Ht(bs(G(Vo(Z(Ft(Qw(Ot(H))))))))) {
+let qh = class extends P(Ht(bs(G(Vo(Z(Mt(Qw(Ot(H))))))))) {
   // #region Fields
   _keyboardController;
   _placement;
@@ -159897,7 +159929,7 @@ var vat = function(o, t, e, r) {
 }, xat = function(o, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(o, t);
 };
-let Pm = class extends P(zi(G(Ft(Dp(Qw(Ht(bs(Ot(H))))))))) {
+let Pm = class extends P(zi(G(Mt(Dp(Qw(Ht(bs(Ot(H))))))))) {
   // #region Ctor
   /**
    * Constructs a new instance of the `TabItemElement` class.
@@ -160742,7 +160774,7 @@ function Pat(o) {
             ${A(o.hasChildren && !o.isBusy, () => v`
             <div part="prefix-container">
                 <mosaik-button part="caret"
-                               .appearance="${et.Plain}"
+                               .appearance="${ot.Plain}"
                                .icon="${ft.caretDown}"
                                .size="${J.Small}"
                                .dir="${o.dir}"
@@ -160769,7 +160801,7 @@ function Pat(o) {
             </slot>
             ${Rp(o.parent.selectionMode, [[so.None, () => v.nothing], [so.Single, () => v.nothing], [so.Multiple, () => v`
             <mosaik-checkmark part="checkmark"
-                              .appearance="${et.Outline}"
+                              .appearance="${ot.Outline}"
                               .variant="${o.variant}"
                               .type="${Ci.Hook}"
                               .dir="${o.dir}"
@@ -162777,7 +162809,7 @@ function Qat(o) {
     <mosaik-toolbar part="toolbar"
                     .dir="${o.dir}"
                     .lang="${o.lang}"
-                    .appearance="${et.Plain}">
+                    .appearance="${ot.Plain}">
         <mosaik-button slot="start"
                        .label="${"1x"}"
                        .appearance="${o.appearance}"
@@ -162799,7 +162831,7 @@ function Qat(o) {
                        .dir="${o.dir}"
                        .lang="${o.lang}"
                        @click=${() => o.zoom = 4}></mosaik-button>
-        <mosaik-divider slot="start" .orientation="${ot.Vertical}"></mosaik-divider>
+        <mosaik-divider slot="start" .orientation="${et.Vertical}"></mosaik-divider>
         <mosaik-button slot="start"
                        .label="${"Jetzt"}"
                        .appearance="${o.appearance}"
@@ -162808,7 +162840,7 @@ function Qat(o) {
                        .lang="${o.lang}"
                        @click=${() => o.scrollToNow(!0)}></mosaik-button>
         <mosaik-divider slot="start"
-                        .orientation="${ot.Vertical}"
+                        .orientation="${et.Vertical}"
                         .dir="${o.dir}"
                         .lang="${o.lang}"></mosaik-divider>
         <mosaik-button slot="start"
@@ -162828,7 +162860,7 @@ function Qat(o) {
                        .lang="${o.lang}"
                        @click="${() => o.zoomOut()}"></mosaik-button>
         <mosaik-divider slot="start"
-                        .orientation="${ot.Vertical}"
+                        .orientation="${et.Vertical}"
                         .dir="${o.dir}"
                         .lang="${o.lang}"></mosaik-divider>
         <mosaik-button slot="start"
@@ -163606,7 +163638,7 @@ function lit(o) {
                          .wrap="${!0}"
                          .lang="${o.lang}"
                          .dir="${o.dir}"></mosaik-text>
-            <mosaik-stack .orientation="${ot.Horizontal}"
+            <mosaik-stack .orientation="${et.Horizontal}"
                           .gap="${"4px"}">
                 <mosaik-text part="content"
                             .text="${K0.format(o.start, "HH:mm", o.locale)} - ${K0.format(o.end, "HH:mm", o.locale)}"
@@ -165341,7 +165373,7 @@ function yit(o) {
             <mosaik-progress-bar part="progressBar" .isIndeterminate="${o.isBusy}"></mosaik-progress-bar>
             `)}
             <mosaik-toolbar part="toolbar"
-                            .appearance="${et.Plain}"
+                            .appearance="${ot.Plain}"
                             .dir="${o.dir}"
                             .lang="${o.lang}">
                 <slot slot="start"
@@ -166345,7 +166377,7 @@ function zit(o) {
                      .size="${J.Giant}"
                      .data="${o.icon.trim().length > 0 ? o.icon : ft.errorCircle}"
                      .variant="${ue.Danger}"></mosaik-icon>
-        <mosaik-stack .orientation="${ot.Vertical}">
+        <mosaik-stack .orientation="${et.Vertical}">
             ${A(o.header, () => v`
             <mosaik-text part="header"
                          .readonly="${!0}"
@@ -166372,7 +166404,7 @@ function zit(o) {
             `)}
             <slot></slot>
         </mosaik-stack>
-        <mosaik-stack .orientation="${ot.Horizontal}"
+        <mosaik-stack .orientation="${et.Horizontal}"
                       .gap="${De("--error-state-gap")}"
                       ?hidden="${!o.hasSlotContent("actions")}">
             <slot name="actions"></slot>
@@ -166809,7 +166841,7 @@ function Rit(o) {
         <mosaik-progress-ring part="symbol"
                               .radius="${De("--busy-state-symbol-size")}"
                               .isIndeterminate="${!0}"></mosaik-progress-ring>
-        <mosaik-stack .orientation="${ot.Vertical}">
+        <mosaik-stack .orientation="${et.Vertical}">
             ${A(o.header, () => v`
             <mosaik-text part="header"
                          .readonly="${!0}"
@@ -166828,7 +166860,7 @@ function Rit(o) {
             `)}
             <slot></slot>
         </mosaik-stack>
-        <mosaik-stack .orientation="${ot.Horizontal}"
+        <mosaik-stack .orientation="${et.Horizontal}"
                       .gap="${De("--busy-state-gap")}"
                       ?hidden="${!o.hasSlotContent("actions")}">
             <slot name="actions"></slot>
@@ -167267,7 +167299,7 @@ function Tit(o) {
                      .size="${J.Giant}"
                      .data="${o.icon.trim().length > 0 ? o.icon : ft.successCircle}"
                      .variant="${ue.Success}"></mosaik-icon>
-        <mosaik-stack .orientation="${ot.Vertical}">
+        <mosaik-stack .orientation="${et.Vertical}">
             ${A(o.header, () => v`
             <mosaik-text part="header"
                          .readonly="${!0}"
@@ -167286,7 +167318,7 @@ function Tit(o) {
             `)}
             <slot></slot>
         </mosaik-stack>
-        <mosaik-stack .orientation="${ot.Horizontal}"
+        <mosaik-stack .orientation="${et.Horizontal}"
                       .gap="${De("--success-state-gap")}"
                       ?hidden="${!o.hasSlotContent("actions")}">
             <slot name="actions"></slot>