@solid-design-system/components 5.16.1 → 5.16.2-next.0

package/dist-versioned/internal/form.js

@@ -9,7 +9,7 @@ export class FormControlController {
             const disabled = this.options.disabled(this.host);
             const name = this.options.name(this.host);
             const value = this.options.value(this.host);
-            const isButton = this.host.tagName.toLowerCase() === 'sd-5-16-1-button';
+            const isButton = this.host.tagName.toLowerCase() === 'sd-5-16-2-next-0-button';
             if (!disabled && !isButton && typeof name === 'string' && name.length > 0 && typeof value !== 'undefined') {
                 if (Array.isArray(value)) {
                     value.forEach(val => {
@@ -33,7 +33,7 @@ export class FormControlController {
                 event.preventDefault();
                 event.stopImmediatePropagation();
                 const invalidElements = this.form?.querySelectorAll('[data-invalid]');
-                const sdRadioGroups = Array.from(invalidElements).filter(element => element.tagName.toLowerCase() === 'sd-5-16-1-radio-group');
+                const sdRadioGroups = Array.from(invalidElements).filter(element => element.tagName.toLowerCase() === 'sd-5-16-2-next-0-radio-group');
                 sdRadioGroups.forEach(radioGroup => {
                     radioGroup.shadowRoot?.querySelector('input')?.dispatchEvent(new Event('invalid'));
                 });
@@ -76,7 +76,7 @@ export class FormControlController {
             disabled: input => input.disabled ?? false,
             reportValidity: input => (typeof input.reportValidity === 'function' ? input.reportValidity() : true),
             setValue: (input, value) => (input.value = value),
-            assumeInteractionOn: ['sd-5-16-1-input'],
+            assumeInteractionOn: ['sd-5-16-2-next-0-input'],
             ...options
         };
     }

package/dist-versioned/internal/longpress.d.ts

@@ -19,5 +19,5 @@ declare class LongPressDirective extends AsyncDirective {
     private handlePointerUp;
     private stopSpinningAndCleanUp;
 }
-export declare const longPress: (_callback: Callbacks) => import("lit/async-directive").DirectiveResult<typeof LongPressDirective>;
+export declare const longPress: (_callback: Callbacks) => import("lit/async-directive.js").DirectiveResult<typeof LongPressDirective>;
 export type { LongPressDirective };

package/dist-versioned/internal/solid-element.d.ts

@@ -2,6 +2,11 @@ import { LitElement } from 'lit';
 export default class SolidElement extends LitElement {
     dir: 'ltr' | 'rtl' | 'auto';
     lang: string;
+    protected onThemeChange?(e: CustomEvent<{
+        theme: string;
+    }>): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     static styles: import("lit").CSSResult[];
     emit(name: string, options?: CustomEventInit): CustomEvent<any>;
     token<T>(name: string, fallback: T): T;

package/dist-versioned/internal/solid-element.js

@@ -12,22 +12,72 @@ const tokenProcessors = {
     'sd-duration': (value) => parseDuration(value)
 };
 export default class SolidElement extends LitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.onThemeChange)
+            return;
+        this.renderRoot.addEventListener('sd-theme-change', this.onThemeChange.bind(this));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (!this.onThemeChange)
+            return;
+        this.renderRoot.removeEventListener('sd-theme-change', this.onThemeChange.bind(this));
+    }
     static { this.styles = [
         css `
-      /* Import CSS styles once to make them available in every component */
-      @import url('../styles/src/modules/interactive.css');
-      @import url('../styles/src/modules/paragraph.css');
-      @import url('../styles/src/modules/headline.css');
-
-      /* TailwindCSS directives have to come after imports */
-      @tailwind base;
-      @tailwind components;
-      @tailwind utilities;
+      @import '../styles/src/modules/interactive.css';
+      @import '../styles/src/modules/paragraph.css';
+      @import '../styles/src/modules/headline.css';
 
       :host {
-        --tw-content: '';
+        /* Add default tailwind variables that get lost during compilation */
+        --tw-blur: initial;
+        --tw-border-style: solid;
+        --tw-brightness: initial;
+        --tw-contrast: initial;
+        --tw-divide-y-reverse: 0;
+        --tw-drop-shadow: initial;
+        --tw-duration: initial;
+        --tw-ease: initial;
+        --tw-font-weight: initial;
         --tw-gradient-from-position: 0%;
+        --tw-gradient-from: #0000;
+        --tw-gradient-position: initial;
+        --tw-gradient-stops: initial;
         --tw-gradient-to-position: 100%;
+        --tw-gradient-to: #0000;
+        --tw-gradient-via-position: 50%;
+        --tw-gradient-via-stops: initial;
+        --tw-gradient-via: #0000;
+        --tw-grayscale: initial;
+        --tw-hue-rotate: initial;
+        --tw-inset-ring-color: initial;
+        --tw-inset-ring-shadow: 0 0 #0000;
+        --tw-inset-shadow-color: initial;
+        --tw-inset-shadow: 0 0 #0000;
+        --tw-invert: initial;
+        --tw-opacity: initial;
+        --tw-ring-color: initial;
+        --tw-ring-inset: initial;
+        --tw-ring-offset-color: #fff;
+        --tw-ring-offset-shadow: 0 0 #0000;
+        --tw-ring-offset-width: 0px;
+        --tw-ring-shadow: 0 0 #0000;
+        --tw-rotate-x: rotateX(0);
+        --tw-rotate-y: rotateY(0);
+        --tw-rotate-z: rotateZ(0);
+        --tw-saturate: initial;
+        --tw-sepia: initial;
+        --tw-shadow-color: initial;
+        --tw-shadow: 0 0 #0000;
+        --tw-skew-x: skewX(0);
+        --tw-skew-y: skewY(0);
+        --tw-space-x-reverse: 0;
+        --tw-tracking: initial;
+        --tw-translate-x: 0;
+        --tw-translate-y: 0;
+        --tw-translate-z: 0;
 
         box-sizing: border-box;
       }
@@ -55,7 +105,7 @@ export default class SolidElement extends LitElement {
         return event;
     }
     token(name, fallback) {
-        const value = cssVar(`var(--${name})`, this);
+        const value = cssVar(`var(${name})`, this);
         if (value === null) {
             return fallback;
         }

package/dist-versioned/internal/theme-observer.d.ts

@@ -0,0 +1,9 @@
+import type { LitElement } from 'lit';
+export declare class ThemeObserver {
+    private host;
+    private observer;
+    private callback;
+    constructor(host: LitElement, callback: (theme: string) => void);
+    connect(): void;
+    disconnect(): void;
+}

package/dist-versioned/internal/theme-observer.js

@@ -0,0 +1,19 @@
+import StyleObserver from 'style-observer';
+export class ThemeObserver {
+    constructor(host, callback) {
+        this.host = host;
+        this.callback = callback;
+    }
+    connect() {
+        this.observer = new StyleObserver(records => {
+            const theme = records?.[0]?.value?.replaceAll(`'`, '');
+            if (!theme)
+                return;
+            this.callback(theme);
+        });
+        this.observer.observe(this.host, '--sd-theme');
+    }
+    disconnect() {
+        this.observer?.unobserve(this.host);
+    }
+}

package/dist-versioned/solid-components.css

@@ -1,21 +1,10 @@
-/*
- * This file contains utility classes that can't be contained in a component and must be applied to the light DOM. None
- * of the rules in this stylesheet should target component tags or HTML tags, and all classes *must* start with ".sd-"
- * to reduce the possibility of collisions.
- */
-
-:root {
-  --sd-duration-fast: 150ms;
-  --sd-duration-medium: 300ms;
-  --sd-duration-slow: 500ms;
-  --sd-duration-x-slow: 750ms;
-}
-
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
 .sd-scroll-lock {
   padding-right: var(--sd-scroll-lock-size) !important;
   overflow: hidden !important;
 }
-
 .sd-toast-stack {
   position: fixed;
   z-index: var(--sd-z-index-alert-group, 950);
@@ -23,27 +12,124 @@
   max-height: 100%;
   max-width: 400px;
 }
-
 .sd-toast-stack--top-right {
-  top: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
-  right: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
-  margin-right: var(--sd-spacing-4, 1rem) /* 16px */;
-}
-
+    top: calc(var(--sd-spacing-1) * 0);
+    right: calc(var(--sd-spacing-1) * 0);
+    margin-right: var(--sd-spacing-4);
+  }
 .sd-toast-stack--bottom-center {
-  bottom: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    bottom: calc(var(--sd-spacing-1) * 0);
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
     inset-inline-start: 50%;
+  }
+.sd-toast-stack sd-5-16-2-next-0-notification::part(wrapper) {
+    --tw-shadow: var(--sd-shadow);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+.sd-toast-stack sd-5-16-2-next-0-notification::part(content) {
+    border-color: var(--sd-panel-color-border, rgba(255, 255, 255, 0));
+  }
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
 }
-
-.sd-toast-stack sd-5-16-1-notification::part(wrapper) {
-  --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgb(81 81 81 / 75%));
-  --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
 }
-
-.sd-toast-stack sd-5-16-1-notification::part(content) {
-  --tw-border-opacity: 1;
-  border-color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-border-opacity, 1)) /* Used for buttons, inverted focus state */;
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+    }
+  }
 }

package/dist-versioned/solid-components.d.ts

@@ -54,6 +54,7 @@ export { default as SdTeaserMedia } from './components/teaser-media/teaser-media
 export { default as SdTextarea } from './components/textarea/textarea.js';
 export { default as SdTooltip } from './components/tooltip/tooltip.js';
 export { default as SdVideo } from './components/video/video.js';
+export { default as SdThemeListener } from './components/theme-listener/theme-listener.js';
 export * from './utilities/icon-library';
 export * from './utilities/localize';
 export * from './utilities/autocomplete-config';

package/dist-versioned/solid-components.js

@@ -1,201 +1,204 @@
 import "./chunks/chunk.HAL7R4WT.js";
+import {
+  SdThemeListener
+} from "./chunks/chunk.LTRLNXRR.js";
 import {
   SdTooltip
-} from "./chunks/chunk.TWLOCD6V.js";
+} from "./chunks/chunk.J24ES3ER.js";
 import {
   SdVideo
-} from "./chunks/chunk.YN47LYT7.js";
+} from "./chunks/chunk.LRYVZCZB.js";
 import {
   setupAutocomplete
-} from "./chunks/chunk.6DKXZWRN.js";
+} from "./chunks/chunk.AAY5JRCW.js";
 import {
   SdSwitch
-} from "./chunks/chunk.7JUNYBWC.js";
+} from "./chunks/chunk.K6IPCLUI.js";
 import {
   SdTab
-} from "./chunks/chunk.XF7G3LFU.js";
+} from "./chunks/chunk.ML26ETGW.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.QFW772DW.js";
+} from "./chunks/chunk.KCQCBXXE.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.WV4BVBH5.js";
+} from "./chunks/chunk.Y4AVD2WJ.js";
 import {
   SdTeaser
-} from "./chunks/chunk.V257WRGF.js";
+} from "./chunks/chunk.S2LPDX6A.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.U3IJ4WDG.js";
+} from "./chunks/chunk.B267MNT3.js";
 import {
   SdTextarea
-} from "./chunks/chunk.UFU7P2YD.js";
+} from "./chunks/chunk.3QRVTHVA.js";
 import {
   SdRange
-} from "./chunks/chunk.CKLEIUJP.js";
+} from "./chunks/chunk.2LWMWEI6.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.7QAWQQC2.js";
+} from "./chunks/chunk.QFCVUWPB.js";
 import {
   SdScrollable
-} from "./chunks/chunk.5USUIHQC.js";
+} from "./chunks/chunk.CJDJQNJE.js";
 import {
   SdSelect
-} from "./chunks/chunk.LLUTMJ6Y.js";
+} from "./chunks/chunk.7OG77Q72.js";
 import {
   SdSpinner
-} from "./chunks/chunk.EOLLVTEE.js";
+} from "./chunks/chunk.RDTKXRB7.js";
 import {
   SdStep
-} from "./chunks/chunk.BWFYNOYR.js";
+} from "./chunks/chunk.FO5HZGHW.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.TED3AFLN.js";
+} from "./chunks/chunk.P6IWIVAX.js";
 import {
   SdNotification
-} from "./chunks/chunk.ABLPLQOM.js";
+} from "./chunks/chunk.ARM7CJQL.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.ERJOEJ54.js";
+} from "./chunks/chunk.NXR5NJ4D.js";
 import {
   SdOption
-} from "./chunks/chunk.XR6GLQWM.js";
+} from "./chunks/chunk.OWPID45T.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.ZEBYA7QQ.js";
+} from "./chunks/chunk.B4X6CPEB.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.43SFOPTI.js";
+} from "./chunks/chunk.LNHMJS3O.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.JGH3YXMX.js";
+} from "./chunks/chunk.AKPL6DO2.js";
 import {
   SdRadio
-} from "./chunks/chunk.VCV7HS44.js";
+} from "./chunks/chunk.ZDLONKYZ.js";
 import {
   SdInput
-} from "./chunks/chunk.O7O2LFXK.js";
+} from "./chunks/chunk.X5F5FYN6.js";
 import {
   SdLink
-} from "./chunks/chunk.W5ZR6XJP.js";
+} from "./chunks/chunk.66ESUTRL.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.2SR73L2N.js";
+} from "./chunks/chunk.XE2RRGVH.js";
 import {
   SdMenu
-} from "./chunks/chunk.7IR6CJSO.js";
+} from "./chunks/chunk.5ERDGBQ2.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.RCBOBERD.js";
+} from "./chunks/chunk.QYH72BBU.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.YJF7I33G.js";
+} from "./chunks/chunk.OEQMLH45.js";
 import {
   SdInclude
-} from "./chunks/chunk.BLKVBNBL.js";
+} from "./chunks/chunk.PAHCSY5I.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.GTISTGG6.js";
+} from "./chunks/chunk.35CDD4AI.js";
 import "./chunks/chunk.CDM2I6O2.js";
 import {
   SdDialog
-} from "./chunks/chunk.RRDLKLEV.js";
+} from "./chunks/chunk.X5DOMMVJ.js";
 import {
   SdDivider
-} from "./chunks/chunk.G3JK5J7P.js";
+} from "./chunks/chunk.MZYFWNJ2.js";
 import {
   SdDropdown
-} from "./chunks/chunk.FK2BNPQB.js";
+} from "./chunks/chunk.MQNVPN2V.js";
 import {
   SdExpandable
-} from "./chunks/chunk.3YQ55DEG.js";
+} from "./chunks/chunk.2G4FUBDQ.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.PJPWXQY7.js";
+} from "./chunks/chunk.P23KPMOU.js";
 import {
   SdHeader
-} from "./chunks/chunk.ANLMAOKA.js";
+} from "./chunks/chunk.2EMJYE7P.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.QL6JHFGU.js";
+} from "./chunks/chunk.DPUEJBCS.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.UKB75H6A.js";
+} from "./chunks/chunk.N6SDJ5F4.js";
 import {
   SdCombobox
-} from "./chunks/chunk.ZSD3BEVL.js";
+} from "./chunks/chunk.5TXUJJY7.js";
 import {
   SdTag
-} from "./chunks/chunk.VZBVZB3D.js";
+} from "./chunks/chunk.MFEFWNU4.js";
 import {
   SdPopup
-} from "./chunks/chunk.2CAP3Q56.js";
+} from "./chunks/chunk.JFYEW3KW.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.7YENJBA2.js";
+} from "./chunks/chunk.GY73LR3S.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.72VNUTTV.js";
+} from "./chunks/chunk.LQJSNWYP.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.XU2JEV5G.js";
+} from "./chunks/chunk.GXJOE2HU.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.4DHEQEYR.js";
-import "./chunks/chunk.DKBTK7VW.js";
+} from "./chunks/chunk.ZHMLJZFU.js";
+import "./chunks/chunk.UG7ABG7Q.js";
 import {
   SdCarousel
-} from "./chunks/chunk.7MXI26GR.js";
+} from "./chunks/chunk.JY6FHQV4.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.GUZQ4ADZ.js";
+} from "./chunks/chunk.TBWF2AZD.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.44BJS2SJ.js";
+} from "./chunks/chunk.TCIKEWTO.js";
 import {
   SdAccordion
-} from "./chunks/chunk.AQI2R5GT.js";
+} from "./chunks/chunk.4VWYFR7Q.js";
 import {
   SdAnimation
-} from "./chunks/chunk.PB672B5H.js";
+} from "./chunks/chunk.CSGRFVC4.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.QV5WLO4L.js";
+} from "./chunks/chunk.CNC35623.js";
 import {
   SdDrawer
-} from "./chunks/chunk.G4FXGRRH.js";
+} from "./chunks/chunk.B2OI7BBP.js";
 import "./chunks/chunk.SF6AUNJF.js";
 import "./chunks/chunk.EDMG7C5H.js";
 import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.AXFVYO5L.js";
+} from "./chunks/chunk.4VCWVPDC.js";
 import {
   SdLoader
-} from "./chunks/chunk.4VTG7PRD.js";
+} from "./chunks/chunk.QXA4KBMD.js";
 import "./chunks/chunk.XCQC3F3H.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.QVBR2RUV.js";
+} from "./chunks/chunk.B2V3A3FX.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.UVOGBJGP.js";
-import "./chunks/chunk.7VPFFNHR.js";
-import "./chunks/chunk.QSQRQKYT.js";
+} from "./chunks/chunk.GYXMDYGY.js";
+import "./chunks/chunk.KPAQRMCC.js";
+import "./chunks/chunk.O6MXNSO7.js";
 import "./chunks/chunk.4TPOL3LB.js";
 import "./chunks/chunk.P52GZVKG.js";
 import "./chunks/chunk.RPB53XXV.js";
@@ -205,7 +208,7 @@ import {
 import "./chunks/chunk.ID6DABAJ.js";
 import "./chunks/chunk.3S7EW72P.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.PJJCHCFO.js";
+import "./chunks/chunk.KPOYD3HP.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -265,6 +268,7 @@ export {
   SdTeaser,
   SdTeaserMedia,
   SdTextarea,
+  SdThemeListener,
   SdTooltip,
   SdVideo,
   registerIconLibrary,

package/dist-versioned/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
-} from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.2CAP3Q56.js";
-import "../chunks/chunk.PJJCHCFO.js";
+} from "../chunks/chunk.AAY5JRCW.js";
+import "../chunks/chunk.JFYEW3KW.js";
+import "../chunks/chunk.KPOYD3HP.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/utilities/icon-library.js

@@ -2,9 +2,9 @@ import "../chunks/chunk.HAL7R4WT.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.UVOGBJGP.js";
-import "../chunks/chunk.7VPFFNHR.js";
-import "../chunks/chunk.QSQRQKYT.js";
+} from "../chunks/chunk.GYXMDYGY.js";
+import "../chunks/chunk.KPAQRMCC.js";
+import "../chunks/chunk.O6MXNSO7.js";
 import "../chunks/chunk.4TPOL3LB.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {