@solid-design-system/components 6.27.2 → 7.0.0-next.1

package/dist/components/textarea/textarea.js

@@ -1,19 +1,19 @@
 import {
   SdTextarea
-} from "../../chunks/chunk.EWBPFI7O.js";
+} from "../../chunks/chunk.GVV65UCW.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.FTLHBRJ7.js";
-import "../../chunks/chunk.6HICCGIO.js";
+import "../../chunks/chunk.GWNXDEYS.js";
+import "../../chunks/chunk.54DGZ62W.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
-import "../../chunks/chunk.5FLDWYHF.js";
+import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PGR6OZIM.js";
+import "../../chunks/chunk.LB37DTSJ.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/theme-listener/theme-listener.js

@@ -1,7 +1,7 @@
 import {
   SdThemeListener
-} from "../../chunks/chunk.2QLV3FGQ.js";
-import "../../chunks/chunk.PGR6OZIM.js";
+} from "../../chunks/chunk.LB3F2QDN.js";
+import "../../chunks/chunk.LB37DTSJ.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/tooltip/tooltip.js

@@ -1,15 +1,15 @@
 import {
   SdTooltip
-} from "../../chunks/chunk.DPOFFN22.js";
-import "../../chunks/chunk.E32D3Z6I.js";
+} from "../../chunks/chunk.XQA7WCIY.js";
+import "../../chunks/chunk.YHQDUFIA.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.FTLHBRJ7.js";
-import "../../chunks/chunk.6HICCGIO.js";
+import "../../chunks/chunk.GWNXDEYS.js";
+import "../../chunks/chunk.54DGZ62W.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
-import "../../chunks/chunk.5FLDWYHF.js";
+import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
@@ -17,7 +17,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PGR6OZIM.js";
+import "../../chunks/chunk.LB37DTSJ.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/video/video.js

@@ -1,12 +1,12 @@
 import {
   SdVideo
-} from "../../chunks/chunk.6LUXWBVQ.js";
+} from "../../chunks/chunk.33BZJRJB.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.FTLHBRJ7.js";
-import "../../chunks/chunk.6HICCGIO.js";
+import "../../chunks/chunk.GWNXDEYS.js";
+import "../../chunks/chunk.54DGZ62W.js";
 import "../../chunks/chunk.ENZOJSYQ.js";
 import "../../chunks/chunk.6SPABX2F.js";
-import "../../chunks/chunk.5FLDWYHF.js";
+import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.BT6SAX2H.js";
 import "../../chunks/chunk.X4IYFUX6.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.PGR6OZIM.js";
+import "../../chunks/chunk.LB37DTSJ.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/custom-elements.json

@@ -23721,7 +23721,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.27.2",
+    "version": "7.0.0-next.1",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/solid-components.js

@@ -4,209 +4,209 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTeaser
-} from "./chunks/chunk.MIDB4P4Z.js";
+} from "./chunks/chunk.TXVRZXUB.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.HFD4GVQH.js";
+} from "./chunks/chunk.QFAJOIOI.js";
 import {
   SdTextarea
-} from "./chunks/chunk.EWBPFI7O.js";
+} from "./chunks/chunk.GVV65UCW.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.2QLV3FGQ.js";
+} from "./chunks/chunk.LB3F2QDN.js";
 import {
   SdVideo
-} from "./chunks/chunk.6LUXWBVQ.js";
+} from "./chunks/chunk.33BZJRJB.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.HFUPD442.js";
+} from "./chunks/chunk.I5B5QE4Q.js";
 import {
   SdSpinner
-} from "./chunks/chunk.FO2XDPBY.js";
+} from "./chunks/chunk.HNDYMCBH.js";
 import {
   SdStep
-} from "./chunks/chunk.LDEYZ5WH.js";
+} from "./chunks/chunk.EUECKG57.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.ISDCFN2T.js";
+} from "./chunks/chunk.5EDUJ62Z.js";
 import {
   SdSwitch
-} from "./chunks/chunk.KNNHUZRK.js";
+} from "./chunks/chunk.W2FPAWSD.js";
 import {
   SdTab
-} from "./chunks/chunk.5SP53TRC.js";
+} from "./chunks/chunk.LDRHLY66.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.3YRBYYHB.js";
+} from "./chunks/chunk.QELO6X62.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.7DSVL7JH.js";
+} from "./chunks/chunk.INUHEU2V.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.GURHKBOS.js";
+} from "./chunks/chunk.LFOMFT6A.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.HSMX4JWE.js";
+} from "./chunks/chunk.OMWYWBPW.js";
 import {
   SdRadio
-} from "./chunks/chunk.LVUKQ7ZS.js";
+} from "./chunks/chunk.YTITLVWX.js";
 import {
   SdRange
-} from "./chunks/chunk.WALY6H2S.js";
+} from "./chunks/chunk.UQAZ7Y4O.js";
 import {
   SdTooltip
-} from "./chunks/chunk.DPOFFN22.js";
+} from "./chunks/chunk.XQA7WCIY.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.DFSINDVF.js";
+} from "./chunks/chunk.LTNNVXKN.js";
 import {
   SdScrollable
-} from "./chunks/chunk.43WIFSAV.js";
+} from "./chunks/chunk.OGTWG7PX.js";
 import {
   SdSelect
-} from "./chunks/chunk.2GY5X74S.js";
+} from "./chunks/chunk.GESPTAQO.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.QH4PJIEK.js";
+} from "./chunks/chunk.3T4RF2D2.js";
 import {
   SdNotification
-} from "./chunks/chunk.ZCK2AJ6F.js";
+} from "./chunks/chunk.2PSP6N2B.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.ON7JW7DZ.js";
+} from "./chunks/chunk.RAT2NJIO.js";
 import {
   SdOption
-} from "./chunks/chunk.LIHFBMY3.js";
+} from "./chunks/chunk.WKBNTZYS.js";
 import {
   SdProgressBar
-} from "./chunks/chunk.PAGXROMQ.js";
+} from "./chunks/chunk.AN3L6KYA.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.GIYK2K7S.js";
+} from "./chunks/chunk.WEGQKE7P.js";
 import {
   SdInclude
-} from "./chunks/chunk.3AZV733X.js";
+} from "./chunks/chunk.LVPWOXKT.js";
 import {
   SdInput
-} from "./chunks/chunk.6VONS4GH.js";
+} from "./chunks/chunk.ENTIPHXZ.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.2JVBNRAE.js";
+} from "./chunks/chunk.L2IFANFY.js";
 import {
   SdMenu
-} from "./chunks/chunk.67RQILIX.js";
+} from "./chunks/chunk.AVB7EUPN.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.FZW355YU.js";
+} from "./chunks/chunk.5K6Y7HJU.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdHeader
-} from "./chunks/chunk.QWPTKRZY.js";
+} from "./chunks/chunk.YZ5DZPPN.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.32PMIHHH.js";
+} from "./chunks/chunk.4MGAXDM2.js";
 import "./chunks/chunk.A4LR62QO.js";
 import "./chunks/chunk.TJ2FFWLY.js";
 import {
   SdDialog
-} from "./chunks/chunk.4QQTPWQK.js";
+} from "./chunks/chunk.MU6BOIQP.js";
 import {
   SdDivider
-} from "./chunks/chunk.WC6QJGPY.js";
+} from "./chunks/chunk.NVTCRCR2.js";
 import {
   SdExpandable
-} from "./chunks/chunk.22QJOKRT.js";
+} from "./chunks/chunk.JCAECFX2.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.LMAZLSWN.js";
+} from "./chunks/chunk.KIY36UBP.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.ATPMJXDV.js";
+} from "./chunks/chunk.UAYS6YUK.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.3UAYIX4K.js";
+} from "./chunks/chunk.VMQ6E5XQ.js";
 import {
   SdCombobox
-} from "./chunks/chunk.Z4VNO3XB.js";
+} from "./chunks/chunk.SRSERHD5.js";
 import {
   SdTag
-} from "./chunks/chunk.P7WF3BP4.js";
+} from "./chunks/chunk.PH4JLH76.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.U4ES752F.js";
+} from "./chunks/chunk.2B76SHER.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.LFY6FLC7.js";
+} from "./chunks/chunk.B3GXJSVQ.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.H6AYJU2Z.js";
+} from "./chunks/chunk.DLDMILPJ.js";
 import {
   SdDropdown
-} from "./chunks/chunk.NF6TENBG.js";
+} from "./chunks/chunk.YFTT3BJS.js";
 import {
   SdPopup
-} from "./chunks/chunk.E32D3Z6I.js";
+} from "./chunks/chunk.YHQDUFIA.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.FDOJX6W4.js";
+} from "./chunks/chunk.KTAV32B3.js";
 import {
   SdLink
-} from "./chunks/chunk.YVNA2ZV6.js";
-import "./chunks/chunk.76H4PKGT.js";
+} from "./chunks/chunk.MKQMOE4O.js";
+import "./chunks/chunk.K6EQX5H6.js";
 import {
   SdCarousel
-} from "./chunks/chunk.RIMF3V3U.js";
+} from "./chunks/chunk.DZT4P3QO.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.6QITMMHT.js";
+} from "./chunks/chunk.SBBWYGUE.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.TVVA3SEO.js";
+} from "./chunks/chunk.UCQEVTLR.js";
 import {
   SdAccordion
-} from "./chunks/chunk.RJD5JWEE.js";
+} from "./chunks/chunk.7MA7NTM5.js";
 import {
   SdAnimation
-} from "./chunks/chunk.3JGLYKUT.js";
+} from "./chunks/chunk.AI65BHXH.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.EQKXEQYI.js";
+} from "./chunks/chunk.2QG5VVWH.js";
 import {
   SdDrawer
-} from "./chunks/chunk.VMOVHC54.js";
+} from "./chunks/chunk.MGLNCJH4.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.XAFXRA3O.js";
+} from "./chunks/chunk.4BAU2OM4.js";
 import {
   SdLoader
-} from "./chunks/chunk.4CYE55LF.js";
+} from "./chunks/chunk.J4MQWCIP.js";
 import "./chunks/chunk.C3WIBDGG.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.FTLHBRJ7.js";
+} from "./chunks/chunk.GWNXDEYS.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.6HICCGIO.js";
+} from "./chunks/chunk.54DGZ62W.js";
 import "./chunks/chunk.ENZOJSYQ.js";
 import "./chunks/chunk.6SPABX2F.js";
-import "./chunks/chunk.5FLDWYHF.js";
+import "./chunks/chunk.Q4LFZ4MN.js";
 import "./chunks/chunk.4TPOL3LB.js";
 import "./chunks/chunk.P52GZVKG.js";
 import "./chunks/chunk.RPB53XXV.js";
@@ -216,7 +216,7 @@ import {
 import "./chunks/chunk.BT6SAX2H.js";
 import "./chunks/chunk.X4IYFUX6.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.PGR6OZIM.js";
+import "./chunks/chunk.LB37DTSJ.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.EAJ3CM6N.js";
-import "../chunks/chunk.E32D3Z6I.js";
-import "../chunks/chunk.PGR6OZIM.js";
+import "../chunks/chunk.YHQDUFIA.js";
+import "../chunks/chunk.LB37DTSJ.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/icon-library.js

@@ -2,10 +2,10 @@ import "../chunks/chunk.HAL7R4WT.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.6HICCGIO.js";
+} from "../chunks/chunk.54DGZ62W.js";
 import "../chunks/chunk.ENZOJSYQ.js";
 import "../chunks/chunk.6SPABX2F.js";
-import "../chunks/chunk.5FLDWYHF.js";
+import "../chunks/chunk.Q4LFZ4MN.js";
 import "../chunks/chunk.4TPOL3LB.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "6.27.2",
+  "version": "7.0.0-next.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist-versioned/chunks/{chunk.U4ES752F.js → chunk.2B76SHER.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -22,9 +22,9 @@ var SdBadge = class extends SolidElement {
       "inline-flex items-center justify-center gap-x-[1px] text-center font-bold whitespace-nowrap border rounded-full select-none cursor-[inherit]",
       {
         /* variants */
-        blue: !this.inverted ? "text-white  sd-6-27-2-badge--blue-color-background border-white" : "sd-6-27-2-badge--blue--inverted-color-text sd-6-27-2-badge--blue--inverted-color-background sd-6-27-2-badge--inverted-color-border",
-        green: !this.inverted ? "text-white sd-6-27-2-badge--green-color-background border-white" : "sd-6-27-2-badge--green-color--inverted-text sd-6-27-2-badge--green-color--inverted-background sd-6-27-2-badge--inverted-color-border",
-        red: !this.inverted ? "text-white sd-6-27-2-badge--red-color-background border-white" : "sd-6-27-2-badge--red--inverted-text sd-6-27-2-badge--red--inverted-background sd-6-27-2-badge--inverted-color-border"
+        blue: !this.inverted ? "text-white  sd-7-0-0-next-1-badge--blue-color-background border-white" : "sd-7-0-0-next-1-badge--blue--inverted-color-text sd-7-0-0-next-1-badge--blue--inverted-color-background sd-7-0-0-next-1-badge--inverted-color-border",
+        green: !this.inverted ? "text-white sd-7-0-0-next-1-badge--green-color-background border-white" : "sd-7-0-0-next-1-badge--green-color--inverted-text sd-7-0-0-next-1-badge--green-color--inverted-background sd-7-0-0-next-1-badge--inverted-color-border",
+        red: !this.inverted ? "text-white sd-7-0-0-next-1-badge--red-color-background border-white" : "sd-7-0-0-next-1-badge--red--inverted-text sd-7-0-0-next-1-badge--red--inverted-background sd-7-0-0-next-1-badge--inverted-color-border"
       }[this.variant]
     )}"><span id="content" part="content" class="${cx(this.size === "sm" && "sr-only")}"><slot></slot></span></span>`;
   }
@@ -44,7 +44,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdBadge.prototype, "inverted", 2);
 SdBadge = __decorateClass([
-  customElement("sd-6-27-2-badge")
+  customElement("sd-7-0-0-next-1-badge")
 ], SdBadge);
 
 export {

package/dist-versioned/chunks/{chunk.ZCK2AJ6F.js → chunk.2PSP6N2B.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -211,22 +211,22 @@ var SdNotification = class extends SolidElement {
         warning: "bg-warning",
         error: "bg-error"
       }[this.variant]
-    )}"><sd-6-27-2-icon name="${{
+    )}"><sd-7-0-0-next-1-icon name="${{
       info: "info-circle",
       success: "confirm-circle",
       warning: "exclamation-circle",
       error: "warning"
-    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-6-27-2-icon></slot><div part="content" class="${cx(
+    }[this.variant] || ""}" library="_internal" class="h-6 w-6 text-white"></sd-7-0-0-next-1-icon></slot><div part="content" class="${cx(
       "h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white",
-      "border-solid border-[1px] border-l-0 sd-6-27-2-notification-color-border",
+      "border-solid border-[1px] border-l-0 sd-7-0-0-next-1-notification-color-border",
       {
-        info: "sd-6-27-2-notification--info-color-background",
-        success: "sd-6-27-2-notification--success-color-background",
-        warning: "sd-6-27-2-notification--warning-color-background",
-        error: "sd-6-27-2-notification--error-color-background"
+        info: "sd-7-0-0-next-1-notification--info-color-background",
+        success: "sd-7-0-0-next-1-notification--success-color-background",
+        warning: "sd-7-0-0-next-1-notification--warning-color-background",
+        error: "sd-7-0-0-next-1-notification--error-color-background"
       }[this.variant]
-    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-6-27-2-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-6-27-2-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-27-2-icon></sd-6-27-2-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(
-      `absolute w-0 h-[2px] bottom-0 sd-6-27-2-notification__duration-indicator-color-background z-10 animate-grow`
+    )}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable ? html`<sd-7-0-0-next-1-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-7-0-0-next-1-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-7-0-0-next-1-icon></sd-7-0-0-next-1-button>` : ""}</div>${this.durationIndicator ? html`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${cx(
+      `absolute w-0 h-[2px] bottom-0 sd-7-0-0-next-1-notification__duration-indicator-color-background z-10 animate-grow`
     )}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>` : ""}</div></div>`;
   }
 };
@@ -272,7 +272,7 @@ __decorateClass([
   watch("duration")
 ], SdNotification.prototype, "handleDurationChange", 1);
 SdNotification = __decorateClass([
-  customElement("sd-6-27-2-notification")
+  customElement("sd-7-0-0-next-1-notification")
 ], SdNotification);
 setDefaultAnimation("notification.show", {
   keyframes: [

package/dist-versioned/chunks/{chunk.EQKXEQYI.js → chunk.2QG5VVWH.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   Wave
 } from "./chunk.POFWU6ZT.js";
@@ -300,19 +300,19 @@ var SdAudio = class extends SolidElement {
     )}" part="audio-controls"><button class="${cx(
       "playback-speed justify-self-start text-base font-bold hover:cursor-pointer sd-interactive",
       this.inverted && "sd-interactive--inverted"
-    )}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-6-27-2-button ?inverted="${this.inverted ? true : false}" part="play-button" size="lg" @click="${!this.isPlaying ? this.playAudio : this.pauseAudio}" aria-label="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" title="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" class="mb-4">${this.isPlaying ? html`<slot name="pause-icon"><sd-6-27-2-icon class="text-xl" name="pause" library="_internal"></sd-6-27-2-icon></slot>` : html`<slot name="play-icon"><sd-6-27-2-icon class="text-xl" name="start" library="_internal"></sd-6-27-2-icon></slot>`}</sd-6-27-2-button><div class="flex items-center gap-6 justify-self-end">${this.hasSlotController.test("transcript") ? html`<button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" aria-label="${this.isTranscriptOpen ? this.localize.term("transcriptIsOpen") : this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-6-27-2-icon class="w-6 h-6" name="transcript" library="_internal"></sd-6-27-2-icon></button>` : null} <button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" part="volume" aria-label="${!this.isMuted ? this.localize.term("mute") : this.localize.term("unmute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-6-27-2-icon class="w-6 h-6" name="${this.isMuted ? "mute" : "volume"}" library="_internal"></sd-6-27-2-icon></button></div></div>`;
+    )}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-7-0-0-next-1-button ?inverted="${this.inverted ? true : false}" part="play-button" size="lg" @click="${!this.isPlaying ? this.playAudio : this.pauseAudio}" aria-label="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" title="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" class="mb-4">${this.isPlaying ? html`<slot name="pause-icon"><sd-7-0-0-next-1-icon class="text-xl" name="pause" library="_internal"></sd-7-0-0-next-1-icon></slot>` : html`<slot name="play-icon"><sd-7-0-0-next-1-icon class="text-xl" name="start" library="_internal"></sd-7-0-0-next-1-icon></slot>`}</sd-7-0-0-next-1-button><div class="flex items-center gap-6 justify-self-end">${this.hasSlotController.test("transcript") ? html`<button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" aria-label="${this.isTranscriptOpen ? this.localize.term("transcriptIsOpen") : this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-7-0-0-next-1-icon class="w-6 h-6" name="transcript" library="_internal"></sd-7-0-0-next-1-icon></button>` : null} <button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" part="volume" aria-label="${!this.isMuted ? this.localize.term("mute") : this.localize.term("unmute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-7-0-0-next-1-icon class="w-6 h-6" name="${this.isMuted ? "mute" : "volume"}" library="_internal"></sd-7-0-0-next-1-icon></button></div></div>`;
     const renderTimestamps = html`<div class="${cx(
       "w-full flex justify-between",
       this.reversedLayout ? "mb-0.5" : "mt-0.5",
       this.animated && this.reversedLayout && "absolute bottom-0 left-0 !mb-4"
-    )}" part="timestamps"><div class="${cx("current-time text-sm", this.inverted ? "text-primary-400" : "sd-6-27-2-audio__timestamp-color-text")}">${this.currentTime}</div><div class="${cx("current-time text-sm", this.inverted ? "text-primary-400" : "sd-6-27-2-audio__timestamp-color-text")}">${this.duration}</div></div>`;
-    return html`<div class="${cx("w-full flex relative", this.reversedLayout ? "flex-col-reverse" : "flex-col")}" aria-label="${this.localize.term("audioPlayer")}" part="audio-player"><slot @slotchange="${this.updateAudioDuration}"></slot>${!this.animated || this.animated && this.reversedLayout ? renderAudioControls : null}<div class="relative">${this.animated && !this.reversedLayout ? html`${renderAudioControls}` : null} ${this.animated ? html`<canvas class="w-full h-16 -mb-2"></canvas>` : null} ${!this.hideTimestamps && this.animated && this.reversedLayout ? renderTimestamps : null}<sd-6-27-2-range part="progress-slider" tooltip="hidden" min="0" max="100" step="0.001" label="${this.localize.term("seekBar")}" @mousedown="${this.handleThumbGrab}" @touchstart="${this.handleThumbGrab}" @mouseup="${this.handleThumbRelease}" @touchend="${this.handleThumbRelease}" @sd-6-27-2-input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}"></sd-6-27-2-range></div>${this.hasSlotController.test("transcript") ? html`<sd-6-27-2-drawer><slot name="transcript"></slot></sd-6-27-2-drawer>` : null} ${!this.hideTimestamps && (!this.animated || !this.reversedLayout) ? renderTimestamps : null}</div><sd-6-27-2-theme-listener></sd-6-27-2-theme-listener>`;
+    )}" part="timestamps"><div class="${cx("current-time text-sm", this.inverted ? "text-primary-400" : "sd-7-0-0-next-1-audio__timestamp-color-text")}">${this.currentTime}</div><div class="${cx("current-time text-sm", this.inverted ? "text-primary-400" : "sd-7-0-0-next-1-audio__timestamp-color-text")}">${this.duration}</div></div>`;
+    return html`<div class="${cx("w-full flex relative", this.reversedLayout ? "flex-col-reverse" : "flex-col")}" aria-label="${this.localize.term("audioPlayer")}" part="audio-player"><slot @slotchange="${this.updateAudioDuration}"></slot>${!this.animated || this.animated && this.reversedLayout ? renderAudioControls : null}<div class="relative">${this.animated && !this.reversedLayout ? html`${renderAudioControls}` : null} ${this.animated ? html`<canvas class="w-full h-16 -mb-2"></canvas>` : null} ${!this.hideTimestamps && this.animated && this.reversedLayout ? renderTimestamps : null}<sd-7-0-0-next-1-range part="progress-slider" tooltip="hidden" min="0" max="100" step="0.001" label="${this.localize.term("seekBar")}" @mousedown="${this.handleThumbGrab}" @touchstart="${this.handleThumbGrab}" @mouseup="${this.handleThumbRelease}" @touchend="${this.handleThumbRelease}" @sd-7-0-0-next-1-input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}"></sd-7-0-0-next-1-range></div>${this.hasSlotController.test("transcript") ? html`<sd-7-0-0-next-1-drawer><slot name="transcript"></slot></sd-7-0-0-next-1-drawer>` : null} ${!this.hideTimestamps && (!this.animated || !this.reversedLayout) ? renderTimestamps : null}</div><sd-7-0-0-next-1-theme-listener></sd-7-0-0-next-1-theme-listener>`;
   }
 };
 SdAudio.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-sd-6-27-2-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-spacing-12);align-items:center;justify-content:center;border-radius:var(--sd-radius-full)}sd-6-27-2-button::part(motion-wrapper){border-radius:var(--sd-radius-full)}sd-6-27-2-button::part(label){display:flex;flex-grow:0;align-items:center}sd-6-27-2-range::part(form-control-label){display:none}:host([inverted]) sd-6-27-2-range::part(thumb){outline-color:rgba(var(--sd-color-border-white,var(--sd-color-white)));background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}:host([animated]) sd-6-27-2-range::part(track){background-color:transparent}:host([inverted]:not([animated])) sd-6-27-2-range::part(track){background-color:rgba(var(--sd-audio__slide-bar--inverted-color-background,rgba(var(--sd-color-primary-400))))}:host([inverted]:not([animated])) sd-6-27-2-range::part(active-track){background-color:rgba(var(--sd-audio__track-bar--inverted-color-background,rgba(var(--sd-color-white))))}.sd-6-27-2-audio__timestamp-color-text{color:rgb(var(--sd-audio__timestamp-color-text,var(--sd-color-text-neutral-700)))}`
+sd-7-0-0-next-1-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-spacing-12);align-items:center;justify-content:center;border-radius:var(--sd-radius-full)}sd-7-0-0-next-1-button::part(motion-wrapper){border-radius:var(--sd-radius-full)}sd-7-0-0-next-1-button::part(label){display:flex;flex-grow:0;align-items:center}sd-7-0-0-next-1-range::part(form-control-label){display:none}:host([inverted]) sd-7-0-0-next-1-range::part(thumb){outline-color:rgba(var(--sd-color-border-white,var(--sd-color-white)));background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}:host([animated]) sd-7-0-0-next-1-range::part(track){background-color:transparent}:host([inverted]:not([animated])) sd-7-0-0-next-1-range::part(track){background-color:rgba(var(--sd-audio__slide-bar--inverted-color-background,rgba(var(--sd-color-primary-400))))}:host([inverted]:not([animated])) sd-7-0-0-next-1-range::part(active-track){background-color:rgba(var(--sd-audio__track-bar--inverted-color-background,rgba(var(--sd-color-white))))}.sd-7-0-0-next-1-audio__timestamp-color-text{color:rgb(var(--sd-audio__timestamp-color-text,var(--sd-color-text-neutral-700)))}`
 ];
 __decorateClass([
   property({ type: Boolean, reflect: true, attribute: "reversed-layout" })
@@ -354,13 +354,13 @@ __decorateClass([
   query('[part="audio-player"]')
 ], SdAudio.prototype, "audioPlayerContainer", 2);
 __decorateClass([
-  query("sd-6-27-2-drawer")
+  query("sd-7-0-0-next-1-drawer")
 ], SdAudio.prototype, "drawer", 2);
 __decorateClass([
   query("canvas")
 ], SdAudio.prototype, "canvas", 2);
 SdAudio = __decorateClass([
-  customElement("sd-6-27-2-audio")
+  customElement("sd-7-0-0-next-1-audio")
 ], SdAudio);
 
 export {

package/dist-versioned/chunks/{chunk.6LUXWBVQ.js → chunk.33BZJRJB.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.LB37DTSJ.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -98,7 +98,7 @@ var SdVideo = class extends SolidElement {
       this.playing ? "opacity-0" : "opacity-100",
       this.isBelowBreakpoint ? "w-[48px] h-[48px]" : "w-[96px] h-[96px]",
       "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white/75 rounded-full play-pause-transition group-focus-visible:outline-2 group-focus-visible:outline-offset-2"
-    )}"><slot name="play-icon" part="play-icon" class="${cx(this.isBelowBreakpoint ? "text-[2rem]" : "text-[4rem]")}"><sd-6-27-2-icon id="default-play-icon" library="_internal" name="start"></sd-6-27-2-icon></slot></div></button> ${this.hasSlotController.test("poster") ? html`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>` : null}<slot></slot></div>`;
+    )}"><slot name="play-icon" part="play-icon" class="${cx(this.isBelowBreakpoint ? "text-[2rem]" : "text-[4rem]")}"><sd-7-0-0-next-1-icon id="default-play-icon" library="_internal" name="start"></sd-7-0-0-next-1-icon></slot></div></button> ${this.hasSlotController.test("poster") ? html`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>` : null}<slot></slot></div>`;
   }
 };
 SdVideo.styles = [
@@ -116,7 +116,7 @@ __decorateClass([
   property({ type: Boolean })
 ], SdVideo.prototype, "isBelowBreakpoint", 2);
 SdVideo = __decorateClass([
-  customElement("sd-6-27-2-video")
+  customElement("sd-7-0-0-next-1-video")
 ], SdVideo);
 
 export {