@sbb-esta/lyne-elements 4.0.0-next.1 → 4.0.0-next.3

package/link/block-link-static.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './block-link-static/block-link-static.component.js';
+export * from './block-link-static/block-link-static.component.ts';
 //# sourceMappingURL=block-link-static.d.ts.map

package/link/block-link.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './block-link/block-link.component.js';
+export * from './block-link/block-link.component.ts';
 //# sourceMappingURL=block-link.d.ts.map

package/link/common/block-link-common.d.ts

@@ -1,7 +1,7 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { SbbIconPlacement } from '../../core/interfaces.js';
-import { AbstractConstructor } from '../../core/mixins.js';
-declare const SbbBlockLinkCommonElementMixinType_base: AbstractConstructor<import('./link-common.js').SbbLinkCommonElementMixinType> & AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { SbbIconPlacement } from '../../core/interfaces.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
+declare const SbbBlockLinkCommonElementMixinType_base: AbstractConstructor<import('./link-common.ts').SbbLinkCommonElementMixinType> & AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & typeof SbbActionBaseElement;
 export declare class SbbBlockLinkCommonElementMixinType extends SbbBlockLinkCommonElementMixinType_base {
     accessor iconPlacement: SbbIconPlacement;
 }

package/link/common/block-link-common.js

@@ -1,22 +1,22 @@
 var c = (t) => {
   throw TypeError(t);
 };
-var m = (t, o, e) => o.has(t) || c("Cannot " + e);
-var v = (t, o, e) => (m(t, o, "read from private field"), e ? e.call(t) : o.get(t)), p = (t, o, e) => o.has(t) ? c("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(t) : o.set(t, e), h = (t, o, e, s) => (m(t, o, "write to private field"), s ? s.call(t, e) : o.set(t, e), e);
-import { __esDecorate as g, __runInitializers as f } from "tslib";
-import { property as d } from "lit/decorators.js";
-import { html as k } from "lit/static-html.js";
+var m = (t, e, o) => e.has(t) || c("Cannot " + o);
+var v = (t, e, o) => (m(t, e, "read from private field"), o ? o.call(t) : e.get(t)), p = (t, e, o) => e.has(t) ? c("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), h = (t, e, o, s) => (m(t, e, "write to private field"), s ? s.call(t, o) : e.set(t, o), o);
+import { __esDecorate as k, __runInitializers as f } from "tslib";
+import { property as y } from "lit/decorators.js";
+import { html as d } from "lit/static-html.js";
 import { boxSizingStyles as u } from "../../core/styles.js";
 import { SbbIconNameMixin as x } from "../../icon.js";
 import { S as _, s as z } from "../../link-common-CdQBSga7.js";
 import { css as S } from "lit";
-const P = S`:host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, D = (t) => (() => {
+const P = S`:host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-text-font-size-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, D = (t) => (() => {
   var r, i;
-  let e = _(x(t)), s, n = [], l = [];
-  return i = class extends e {
+  let o = _(x(t)), s, b = [], l = [];
+  return i = class extends o {
     constructor() {
       super(...arguments);
-      p(this, r, f(this, n, "start"));
+      p(this, r, f(this, b, "start"));
       f(this, l);
     }
     /** Moves the icon to the end of the component if set to true. */
@@ -27,16 +27,16 @@ const P = S`:host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125)
       h(this, r, a);
     }
     renderTemplate() {
-      return k`
+      return d`
         <span class="sbb-link__icon"> ${super.renderIconSlot()} </span>
         <slot></slot>
       `;
     }
   }, r = new WeakMap(), (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    s = [d({ attribute: "icon-placement", reflect: !0 })], g(i, null, s, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (b) => "iconPlacement" in b, get: (b) => b.iconPlacement, set: (b, y) => {
-      b.iconPlacement = y;
-    } }, metadata: a }, n, l), a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+    s = [y({ attribute: "icon-placement", reflect: !0 })], k(i, null, s, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (n) => "iconPlacement" in n, get: (n) => n.iconPlacement, set: (n, g) => {
+      n.iconPlacement = g;
+    } }, metadata: a }, b, l), a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
   })(), i.styles = [u, z, P], i;
 })();
 export {

package/link/common/inline-link-common.d.ts

@@ -1,6 +1,6 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { AbstractConstructor } from '../../core/mixins.js';
-declare const SbbInlineLinkCommonElementMixinType_base: AbstractConstructor<import('./link-common.js').SbbLinkCommonElementMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
+declare const SbbInlineLinkCommonElementMixinType_base: AbstractConstructor<import('./link-common.ts').SbbLinkCommonElementMixinType> & typeof SbbActionBaseElement;
 export declare class SbbInlineLinkCommonElementMixinType extends SbbInlineLinkCommonElementMixinType_base {
 }
 export declare const SbbInlineLinkCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbInlineLinkCommonElementMixinType> & T;

package/link/common/link-common.d.ts

@@ -1,7 +1,7 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { AbstractConstructor } from '../../core/mixins.js';
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
 export type SbbLinkSize = 'xs' | 's' | 'm';
-declare const SbbLinkCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbActionBaseElement;
+declare const SbbLinkCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & typeof SbbActionBaseElement;
 export declare class SbbLinkCommonElementMixinType extends SbbLinkCommonElementMixinType_base {
     accessor size: SbbLinkSize;
 }

package/link/common.d.ts

@@ -1,7 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './common/block-link-common.js';
-export * from './common/inline-link-common.js';
-export * from './common/link-common.js';
+export * from './common/block-link-common.ts';
+export * from './common/inline-link-common.ts';
+export * from './common/link-common.ts';
 //# sourceMappingURL=common.d.ts.map

package/link/link/link.component.d.ts

@@ -1,5 +1,5 @@
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a link enhanced with the SBB Design.
  *

package/link/link-button/link-button.component.d.ts

@@ -1,5 +1,5 @@
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbLinkButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbLinkButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a link enhanced with the SBB Design, which will behave as a button.
  *

package/link/link-button.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './link-button/link-button.component.js';
+export * from './link-button/link-button.component.ts';
 //# sourceMappingURL=link-button.d.ts.map

package/link/link-static/link-static.component.d.ts

@@ -1,5 +1,5 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-declare const SbbLinkStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+declare const SbbLinkStaticElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbActionBaseElement;
 /**
  * It displays a static link enhanced with the SBB Design.
  *

package/link/link-static.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './link-static/link-static.component.js';
+export * from './link-static/link-static.component.ts';
 //# sourceMappingURL=link-static.d.ts.map

package/link/link.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './link/link.component.js';
+export * from './link/link.component.ts';
 //# sourceMappingURL=link.d.ts.map

package/link-list/common/link-list-base.d.ts

@@ -1,8 +1,8 @@
 import { PropertyValues, TemplateResult, LitElement } from 'lit';
-import { WithListChildren } from '../../core/mixins.js';
-import { SbbBlockLinkButtonElement, SbbBlockLinkElement, SbbBlockLinkStaticElement, SbbLinkSize } from '../../link.js';
-import { SbbTitleLevel } from '../../title.js';
-declare const SbbLinkListBaseElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbBlockLinkElement | SbbBlockLinkButtonElement | SbbBlockLinkStaticElement>> & typeof LitElement;
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbBlockLinkButtonElement, SbbBlockLinkElement, SbbBlockLinkStaticElement, SbbLinkSize } from '../../link.ts';
+import { SbbTitleLevel } from '../../title.ts';
+declare const SbbLinkListBaseElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNegativeMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbBlockLinkElement | SbbBlockLinkButtonElement | SbbBlockLinkStaticElement>> & typeof LitElement;
 /**
  * It displays a list of `sbb-block-link`.
  *

package/link-list/common.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './common/link-list-base.js';
+export * from './common/link-list-base.ts';
 //# sourceMappingURL=common.d.ts.map

package/link-list/link-list/link-list.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
-import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
-import { SbbLinkListBaseElement } from '../common.js';
+import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.ts';
+import { SbbLinkListBaseElement } from '../common.ts';
 /**
  * It displays a list of `sbb-block-link`.
  *

package/link-list/link-list-anchor/link-list-anchor.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup } from 'lit';
-import { SbbLinkListBaseElement } from '../common.js';
+import { SbbLinkListBaseElement } from '../common.ts';
 /**
  * It displays a list of `sbb-block-link`.
  *

package/link-list/link-list-anchor.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './link-list-anchor/link-list-anchor.component.js';
+export * from './link-list-anchor/link-list-anchor.component.ts';
 //# sourceMappingURL=link-list-anchor.d.ts.map

package/link-list/link-list.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './link-list/link-list.component.js';
+export * from './link-list/link-list.component.ts';
 //# sourceMappingURL=link-list.d.ts.map

package/link-list.d.ts

@@ -1,7 +1,7 @@
 /**
  * @entrypoint
  */
-export * from './link-list/link-list.js';
-export * from './link-list/link-list-anchor.js';
-export * from './link-list/common.js';
+export * from './link-list/link-list.ts';
+export * from './link-list/link-list-anchor.ts';
+export * from './link-list/common.ts';
 //# sourceMappingURL=link-list.d.ts.map

package/link.d.ts

@@ -1,11 +1,11 @@
 /**
  * @entrypoint
  */
-export * from './link/block-link.js';
-export * from './link/block-link-button.js';
-export * from './link/block-link-static.js';
-export * from './link/link.js';
-export * from './link/link-button.js';
-export * from './link/link-static.js';
-export * from './link/common.js';
+export * from './link/block-link.ts';
+export * from './link/block-link-button.ts';
+export * from './link/block-link-static.ts';
+export * from './link/link.ts';
+export * from './link/link-button.ts';
+export * from './link/link-static.ts';
+export * from './link/common.ts';
 //# sourceMappingURL=link.d.ts.map

package/lists.css

@@ -41,16 +41,16 @@
   width: 1em;
   align-items: center;
   justify-content: center;
-  inset-block-start: calc(0.5 * (var(--sbb-typo-line-height-body-text) * 1em - 1em));
+  inset-block-start: calc(0.5 * (var(--sbb-typo-line-height-text) * 1em - 1em));
   inset-inline-start: calc(-1 * (0.5 * var(--sbb-list-padding-inline-start) + 0.5em));
   transform: scale(1.3);
 }
 .sbb-list:where(dl) {
-  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  --sbb-text-font-size: var(--sbb-text-font-size-s);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   font-size: var(--sbb-text-font-size);
   margin: 0;
   padding: 0;
@@ -74,7 +74,7 @@
   --sbb-step-list-text-to-marker-block-offset: calc(
     0.5 *
       (
-        var(--sbb-step-list-dimensions) - var(--sbb-typo-line-height-body-text) *
+        var(--sbb-step-list-dimensions) - var(--sbb-typo-line-height-text) *
           var(--sbb-text-font-size)
       )
   );
@@ -104,11 +104,11 @@
   min-height: calc(var(--sbb-step-list-dimensions) + 2 * var(--sbb-step-list-padding-block));
 }
 .sbb-step-list > li::before {
-  --sbb-text-font-size: var(--sbb-font-size-text-xxs);
+  --sbb-text-font-size: var(--sbb-text-font-size-xxs);
   font-family: var(--sbb-typo-font-family);
   font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
   font-size: var(--sbb-text-font-size);
   font-weight: bold;
   content: counter(steps);
@@ -152,7 +152,7 @@
   --sbb-icon-list-text-to-marker-block-offset: calc(
     0.5 *
       (
-        var(--sbb-icon-list-dimensions) - var(--sbb-typo-line-height-body-text) *
+        var(--sbb-icon-list-dimensions) - var(--sbb-typo-line-height-text) *
           var(--sbb-text-font-size)
       )
   );
@@ -186,4 +186,9 @@
   mask-repeat: no-repeat;
   mask-position: center;
   mask-size: 100%;
+}
+@media (forced-colors: active) {
+  .sbb-icon-list > li::before {
+    background-color: CanvasText;
+  }
 }

package/loading-indicator/loading-indicator.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-declare const SbbLoadingIndicatorElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbLoadingIndicatorElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a loading indicator.
  */

package/loading-indicator/loading-indicator.component.js

@@ -8,7 +8,7 @@ import { css as S, LitElement as I, html as E } from "lit";
 import { customElement as j, property as x } from "lit/decorators.js";
 import { SbbElementInternalsMixin as D } from "../core/mixins.js";
 import { boxSizingStyles as C } from "../core/styles.js";
-const L = S`@charset "UTF-8";:host{--sbb-loading-indicator-color: var(--sbb-color-primary);--sbb-loading-indicator-padding: 0;--sbb-loading-indicator-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-loading-indicator-window-element-rotation: 55.24deg;--_sbb-loading-indicator-window-first-span-width: calc( var(--sbb-loading-indicator-window-height) * .58 );--_sbb-loading-indicator-window-unit: calc( var(--_sbb-loading-indicator-window-first-span-width) / 5.5 );--_sbb-loading-indicator-window-element-animation-speed: calc( var(--_sbb-loading-indicator-window-unit) * 6.5 );--sbb-loading-indicator-window-height: 1.125rem;--sbb-loading-indicator-window-element-width: 3.4375rem;display:inline-block;line-height:0}:host([color=smoke]){--sbb-loading-indicator-color: var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-color: var(--sbb-color-white)}:host([size=l]){--sbb-loading-indicator-window-height: 2rem;--sbb-loading-indicator-window-element-width: 6.25rem}:host([size=xl]){--sbb-loading-indicator-window-height: 3.1875rem;--sbb-loading-indicator-window-element-width: 8.75rem}:host([size=xxl]){--sbb-loading-indicator-window-height: 6.125rem;--sbb-loading-indicator-window-element-width: 15.625rem}:host([size=xxxl]){--sbb-loading-indicator-window-height: 9.1875rem;--sbb-loading-indicator-window-element-width: 22.5rem}span{display:inline-block}.sbb-loading-indicator{display:flex;height:var(--sbb-loading-indicator-window-height);align-items:center}.sbb-loading-indicator:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-loading-indicator__animated-element{position:relative;justify-content:center;display:flex;margin:0 auto;transform-origin:center;translate:25%;backface-visibility:hidden;width:var(--sbb-loading-indicator-window-element-width);perspective:var(--sbb-loading-indicator-window-height)}.sbb-loading-indicator__animated-element>span{position:relative;align-self:center;transform-origin:left;rotate:y var(--sbb-loading-indicator-window-element-rotation);backface-visibility:hidden}.sbb-loading-indicator__animated-element>span>span{position:relative;display:flex;animation:loading-container var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span{background:var(--sbb-loading-indicator-color);backface-visibility:hidden;outline:var(--sbb-border-width-1x) solid transparent;width:var(--_sbb-loading-indicator-window-first-span-width);height:var(--sbb-loading-indicator-window-height);margin-inline-end:var(--_sbb-loading-indicator-window-unit)}.sbb-loading-indicator__animated-element>span>span>span:nth-child(1){animation:loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(2){animation:loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(3){animation:loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(4){animation:loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(5){animation:loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:last-child{margin-inline-end:0}@keyframes loading-container{0%{translate:var(--_sbb-loading-indicator-window-element-animation-speed)}to{translate:0}}@keyframes loading-rectangle1{0%{opacity:.5}to{opacity:0}}@keyframes loading-rectangle2{0%{opacity:1}to{opacity:.5}}@keyframes loading-rectangle3{0%{opacity:.5}to{opacity:1}}@keyframes loading-rectangle4{0%{opacity:.25}to{opacity:.5}}@keyframes loading-rectangle5{0%{opacity:0}to{opacity:.25}}`;
+const L = S`@charset "UTF-8";:host{--sbb-loading-indicator-color: var(--sbb-color-primary);--sbb-loading-indicator-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-loading-indicator-window-element-rotation: 55.24deg;--_sbb-loading-indicator-window-first-span-width: calc( var(--sbb-loading-indicator-window-height) * .58 );--_sbb-loading-indicator-window-unit: calc( var(--_sbb-loading-indicator-window-first-span-width) / 5.5 );--_sbb-loading-indicator-window-element-animation-speed: calc( var(--_sbb-loading-indicator-window-unit) * 6.5 );--sbb-loading-indicator-window-height: 1.125rem;--sbb-loading-indicator-window-element-width: 3.4375rem;display:inline-block;line-height:0}:host([color=smoke]){--sbb-loading-indicator-color: var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-color: var(--sbb-color-white)}:host([size=l]){--sbb-loading-indicator-window-height: 2rem;--sbb-loading-indicator-window-element-width: 6.25rem}:host([size=xl]){--sbb-loading-indicator-window-height: 3.1875rem;--sbb-loading-indicator-window-element-width: 8.75rem}:host([size=xxl]){--sbb-loading-indicator-window-height: 6.125rem;--sbb-loading-indicator-window-element-width: 15.625rem}:host([size=xxxl]){--sbb-loading-indicator-window-height: 9.1875rem;--sbb-loading-indicator-window-element-width: 22.5rem}span{display:inline-block}.sbb-loading-indicator{display:flex;height:var(--sbb-loading-indicator-window-height);align-items:center}.sbb-loading-indicator:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-loading-indicator__animated-element{position:relative;justify-content:center;display:flex;margin:0 auto;transform-origin:center;translate:25%;backface-visibility:hidden;width:var(--sbb-loading-indicator-window-element-width);perspective:var(--sbb-loading-indicator-window-height)}.sbb-loading-indicator__animated-element>span{position:relative;align-self:center;transform-origin:left;rotate:y var(--sbb-loading-indicator-window-element-rotation);backface-visibility:hidden}.sbb-loading-indicator__animated-element>span>span{position:relative;display:flex;animation:loading-container var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span{background:var(--sbb-loading-indicator-color);backface-visibility:hidden;outline:var(--sbb-border-width-1x) solid transparent;width:var(--_sbb-loading-indicator-window-first-span-width);height:var(--sbb-loading-indicator-window-height);margin-inline-end:var(--_sbb-loading-indicator-window-unit)}.sbb-loading-indicator__animated-element>span>span>span:nth-child(1){animation:loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(2){animation:loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(3){animation:loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(4){animation:loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:nth-child(5){animation:loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite}.sbb-loading-indicator__animated-element>span>span>span:last-child{margin-inline-end:0}@keyframes loading-container{0%{translate:var(--_sbb-loading-indicator-window-element-animation-speed)}to{translate:0}}@keyframes loading-rectangle1{0%{opacity:.5}to{opacity:0}}@keyframes loading-rectangle2{0%{opacity:1}to{opacity:.5}}@keyframes loading-rectangle3{0%{opacity:.5}to{opacity:1}}@keyframes loading-rectangle4{0%{opacity:.25}to{opacity:.5}}@keyframes loading-rectangle5{0%{opacity:0}to{opacity:.25}}`;
 let q = (() => {
   var r, l, o;
   let i = [j("sbb-loading-indicator")], a, n = [], e, h = D(I), w, _ = [], u = [], f, y = [], v = [];

package/loading-indicator-circle/loading-indicator-circle.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-declare const SbbLoadingIndicatorCircleElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.js').SbbElementInternalsConstructor;
+declare const SbbLoadingIndicatorCircleElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays a circle loading indicator.
  */

package/loading-indicator-circle.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './loading-indicator-circle/loading-indicator-circle.component.js';
+export * from './loading-indicator-circle/loading-indicator-circle.component.ts';
 //# sourceMappingURL=loading-indicator-circle.d.ts.map

package/loading-indicator.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './loading-indicator/loading-indicator.component.js';
+export * from './loading-indicator/loading-indicator.component.ts';
 //# sourceMappingURL=loading-indicator.d.ts.map

package/logo/logo.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-import { SbbProtectiveRoom } from '../core/interfaces.js';
-declare const SbbLogoElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+import { SbbProtectiveRoom } from '../core/interfaces.ts';
+declare const SbbLogoElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It displays the SBB logo.
  *

package/logo/logo.component.js

@@ -1,15 +1,15 @@
-var w = (o) => {
+var k = (o) => {
   throw TypeError(o);
 };
-var k = (o, t, e) => t.has(o) || w("Cannot " + e);
-var n = (o, t, e) => (k(o, t, "read from private field"), e ? e.call(o) : t.get(o)), g = (o, t, e) => t.has(o) ? w("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), m = (o, t, e, a) => (k(o, t, "write to private field"), a ? a.call(o, e) : t.set(o, e), e);
+var w = (o, t, e) => t.has(o) || k("Cannot " + e);
+var n = (o, t, e) => (w(o, t, "read from private field"), e ? e.call(o) : t.get(o)), g = (o, t, e) => t.has(o) ? k("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), m = (o, t, e, a) => (w(o, t, "write to private field"), a ? a.call(o, e) : t.set(o, e), e);
 import { __esDecorate as v, __runInitializers as b } from "tslib";
 import { css as x, LitElement as R, html as V } from "lit";
 import { customElement as S, property as L } from "lit/decorators.js";
 import { forceType as H } from "../core/decorators.js";
 import { SbbNegativeMixin as M } from "../core/mixins.js";
 import { boxSizingStyles as E } from "../core/styles.js";
-const I = x`:host{display:block;height:var(--sbb-logo-height);--sbb-logo-panel-color: var(--sbb-color-brand);--sbb-logo-signet-color: var(--sbb-color-white);--sbb-logo-word-mark-color: var(--sbb-color-black);--sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));--sbb-logo-aspect-ratio: 454 / 48;--sbb-logo-svg-container-width: 100%;--sbb-logo-svg-container-height: auto;--sbb-logo-background-color: none}@media(forced-colors:active){:host{--sbb-logo-panel-color: ButtonText !important;--sbb-logo-signet-color: Canvas !important;--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-logo-background-color);aspect-ratio:var(--sbb-logo-aspect-ratio);height:100%;width:100%}.sbb-logo .sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height)}.sbb-logo svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
+const I = x`:host{display:block;height:var(--sbb-logo-height);--sbb-logo-panel-color: var(--sbb-color-brand);--sbb-logo-signet-color: var(--sbb-color-white);--sbb-logo-word-mark-color: var(--sbb-color-black);--sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));--sbb-logo-aspect-ratio: 454 / 48;--sbb-logo-svg-container-height: auto;--sbb-logo-background-color: none}@media(forced-colors:active){:host{--sbb-logo-panel-color: ButtonText !important;--sbb-logo-signet-color: Canvas !important;--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-logo-background-color);aspect-ratio:var(--sbb-logo-aspect-ratio);height:100%;width:100%}.sbb-logo .sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height)}.sbb-logo svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
 let $ = (() => {
   var r, c, l;
   let o = [S("sbb-logo")], t, e = [], a, p = M(R), d, _ = [], u = [], y, f = [], z = [];

package/logo.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './logo/logo.component.js';
+export * from './logo/logo.component.ts';
 //# sourceMappingURL=logo.d.ts.map

package/map-container.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './map-container/map-container.component.js';
+export * from './map-container/map-container.component.ts';
 //# sourceMappingURL=map-container.d.ts.map

package/menu/common/menu-action-common.d.ts

@@ -1,6 +1,6 @@
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { AbstractConstructor } from '../../core/mixins.js';
-declare const SbbMenuActionCommonElementMixinType_base: AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+import { SbbActionBaseElement } from '../../core/base-elements.ts';
+import { AbstractConstructor } from '../../core/mixins.ts';
+declare const SbbMenuActionCommonElementMixinType_base: AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbActionBaseElement;
 export declare class SbbMenuActionCommonElementMixinType extends SbbMenuActionCommonElementMixinType_base {
 }
 export declare const SbbMenuActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbMenuActionCommonElementMixinType> & T;

package/menu/common/menu-action-common.js

@@ -3,7 +3,7 @@ import { html as a } from "lit/static-html.js";
 import { SbbDisabledMixin as s } from "../../core/mixins.js";
 import { boxSizingStyles as i } from "../../core/styles.js";
 import { SbbIconNameMixin as b } from "../../icon.js";
-const r = t`:host{outline:none!important;--sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);--sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);--sbb-menu-action-outer-vertical-padding: var(--sbb-spacing-fixed-1x);--sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);--sbb-menu-action-cursor: var(--sbb-cursor-pointer);--sbb-menu-action-color: var(--sbb-color-2-inverted);--sbb-menu-action-forced-color-border-color: CanvasText;--sbb-menu-action-content-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-menu-action-content-padding-block: var(--sbb-spacing-fixed-1x);display:block}@media(any-hover:hover){:host(:is(:hover:not([disabled],:disabled,[disabled-interactive]),[aria-expanded=true])){--sbb-menu-background-color: var(--sbb-color-iron);--sbb-menu-background-color: light-dark(var(--sbb-color-iron), var(--sbb-color-milk));--sbb-menu-action-forced-color-border-color: Highlight}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-menu-action-cursor: var(--sbb-cursor-default);--sbb-menu-action-color: var(--sbb-color-graphite);--sbb-menu-action-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-granite));--sbb-menu-action-forced-color-border-color: GrayText;pointer-events:none;cursor:var(--sbb-cursor-default)}@media(forced-colors:active){:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-menu-action-color: GrayText}}:host([data-sbb-menu-trigger]){--sbb-menu-action-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host([data-button]){--sbb-menu-action-color: ButtonText}}:host([sbb-badge]:not(:is(:state(has-icon-name),[state--has-icon-name]),:is(:state(slotted-icon),[state--slotted-icon]))):after{inset:50% calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - .5 * var(--sbb-size-icon-ui-small)) auto auto!important;translate:50% -50%}:host([sbb-badge]:is(:is(:state(has-icon-name),[state--has-icon-name]),:is(:state(slotted-icon),[state--slotted-icon]))):after{inset:calc(var(--sbb-menu-action-outer-vertical-padding) + var(--sbb-menu-action-content-padding-block) + var(--sbb-badge-position-offset)) calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - var(--sbb-size-icon-ui-small) + var(--sbb-badge-position-offset)) auto auto!important}:host([aria-controls*=sbb-menu]){--sbb-menu-action-submenu-icon-display: flex}:is(.sbb-menu-button,.sbb-menu-link){text-decoration:none;display:block;width:100%;color:var(--sbb-menu-action-color);padding:var(--sbb-menu-action-outer-vertical-padding) var(--sbb-menu-action-outer-horizontal-padding);cursor:var(--sbb-menu-action-cursor);outline:none}.sbb-menu-action__content{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;gap:var(--sbb-menu-action-gap);padding:var(--sbb-menu-action-content-padding-block) var(--sbb-menu-action-content-padding-inline);border-radius:var(--sbb-menu-action-border-radius);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:var(--sbb-menu-background-color)}:host(:focus-visible) .sbb-menu-action__content,:focus-visible .sbb-menu-action__content{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}@media(forced-colors:active){.sbb-menu-action__content{border:var(--sbb-border-width-2x) solid var(--sbb-menu-action-forced-color-border-color)}}.sbb-menu-action__icon,.sbb-menu-submenu__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small)}.sbb-menu-submenu__icon{display:var(--sbb-menu-action-submenu-icon-display, none);margin-inline-start:auto}.sbb-menu-action__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-menu-action__label{text-decoration:line-through}`, v = (e) => {
+const r = t`:host{outline:none!important;--sbb-menu-action-border-radius: var(--sbb-border-radius-infinity);--sbb-menu-action-outer-horizontal-padding: var(--sbb-spacing-fixed-3x);--sbb-menu-action-outer-vertical-padding: var(--sbb-spacing-fixed-1x);--sbb-menu-action-gap: var(--sbb-spacing-fixed-2x);--sbb-menu-action-cursor: var(--sbb-cursor-pointer);--sbb-menu-action-color: var(--sbb-color-2-inverted);--sbb-menu-action-forced-color-border-color: CanvasText;--sbb-menu-action-content-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-menu-action-content-padding-block: var(--sbb-spacing-fixed-1x);display:block}@media(any-hover:hover){:host(:is(:hover:not([disabled],:disabled,[disabled-interactive]),[aria-expanded=true])){--sbb-menu-background-color: var(--sbb-color-iron);--sbb-menu-background-color: light-dark(var(--sbb-color-iron), var(--sbb-color-milk));--sbb-menu-action-forced-color-border-color: Highlight}}:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-menu-action-cursor: var(--sbb-cursor-default);--sbb-menu-action-color: var(--sbb-color-graphite);--sbb-menu-action-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-granite));--sbb-menu-action-forced-color-border-color: GrayText;pointer-events:none;cursor:var(--sbb-cursor-default)}@media(forced-colors:active){:host(:is([disabled],:disabled,[disabled-interactive])){--sbb-menu-action-color: GrayText}}:host([data-sbb-menu-trigger]){--sbb-menu-action-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host([data-button]){--sbb-menu-action-color: ButtonText}}:host([sbb-badge]:not(:is(:state(has-icon-name),[state--has-icon-name]),:is(:state(slotted-icon),[state--slotted-icon]))):after{inset:50% calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - .5 * var(--sbb-size-icon-ui-small)) auto auto!important;translate:50% -50%}:host([sbb-badge]:is(:is(:state(has-icon-name),[state--has-icon-name]),:is(:state(slotted-icon),[state--slotted-icon]))):after{inset:calc(var(--sbb-menu-action-outer-vertical-padding) + var(--sbb-menu-action-content-padding-block) + var(--sbb-badge-position-offset)) calc(100% - var(--sbb-menu-action-outer-horizontal-padding) - var(--sbb-menu-action-content-padding-inline) - var(--sbb-size-icon-ui-small) + var(--sbb-badge-position-offset)) auto auto!important}:host([aria-controls*=sbb-menu]){--sbb-menu-action-submenu-icon-display: flex}:is(.sbb-menu-button,.sbb-menu-link){text-decoration:none;display:block;width:100%;color:var(--sbb-menu-action-color);padding:var(--sbb-menu-action-outer-vertical-padding) var(--sbb-menu-action-outer-horizontal-padding);cursor:var(--sbb-menu-action-cursor);outline:none}.sbb-menu-action__content{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;gap:var(--sbb-menu-action-gap);padding:var(--sbb-menu-action-content-padding-block) var(--sbb-menu-action-content-padding-inline);border-radius:var(--sbb-menu-action-border-radius);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:var(--sbb-menu-background-color)}:host(:focus-visible) .sbb-menu-action__content,:focus-visible .sbb-menu-action__content{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}@media(forced-colors:active){.sbb-menu-action__content{border:var(--sbb-border-width-2x) solid var(--sbb-menu-action-forced-color-border-color)}}.sbb-menu-action__icon,.sbb-menu-submenu__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small)}.sbb-menu-submenu__icon{display:var(--sbb-menu-action-submenu-icon-display, none);margin-inline-start:auto}.sbb-menu-action__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-menu-action__label{text-decoration:line-through}`, v = (e) => {
   const n = class n extends b(s(e)) {
     renderTemplate() {
       return a`

package/menu/common.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './common/menu-action-common.js';
+export * from './common/menu-action-common.ts';
 //# sourceMappingURL=common.d.ts.map

package/menu/menu/menu.component.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
-import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.ts';
 /**
  * It displays a contextual menu with one or more action element.
  *

package/menu/menu-button/menu-button.component.d.ts

@@ -1,5 +1,5 @@
-import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbMenuButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbMenuActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+import { SbbButtonBaseElement } from '../../core/base-elements.ts';
+declare const SbbMenuButtonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType & import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbMenuActionCommonElementMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button element that can be used in the `sbb-menu` component.
  *

package/menu/menu-button.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './menu-button/menu-button.component.js';
+export * from './menu-button/menu-button.component.ts';
 //# sourceMappingURL=menu-button.d.ts.map

package/menu/menu-link/menu-link.component.d.ts

@@ -1,5 +1,5 @@
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbMenuLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbMenuActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbMenuLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledInteractiveMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbMenuActionCommonElementMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a link element that can be used in the `sbb-menu` component.
  *

package/menu/menu-link.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './menu-link/menu-link.component.js';
+export * from './menu-link/menu-link.component.ts';
 //# sourceMappingURL=menu-link.d.ts.map

package/menu/menu.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './menu/menu.component.js';
+export * from './menu/menu.component.ts';
 //# sourceMappingURL=menu.d.ts.map

package/menu.d.ts

@@ -1,8 +1,8 @@
 /**
  * @entrypoint
  */
-export * from './menu/menu.js';
-export * from './menu/menu-button.js';
-export * from './menu/menu-link.js';
-export * from './menu/common.js';
+export * from './menu/menu.ts';
+export * from './menu/menu-button.ts';
+export * from './menu/menu-link.ts';
+export * from './menu/common.ts';
 //# sourceMappingURL=menu.d.ts.map