@solid-design-system/components 6.10.0 → 6.11.0

package/dist/solid-components.js

@@ -4,198 +4,198 @@ import {
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdTextarea
-} from "./chunks/chunk.OGTB6P4O.js";
+} from "./chunks/chunk.Y3THGL6Z.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.Q3NYSE4V.js";
+} from "./chunks/chunk.Z5DZQTVN.js";
 import {
   SdVideo
-} from "./chunks/chunk.ZR5VFTTA.js";
+} from "./chunks/chunk.CGHNKRSG.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.RUNLTRYQ.js";
+} from "./chunks/chunk.VLMJTCCB.js";
 import {
   SdSwitch
-} from "./chunks/chunk.Z7C6DHQC.js";
+} from "./chunks/chunk.ZXKZDONO.js";
 import {
   SdTab
-} from "./chunks/chunk.BNNE7OYM.js";
+} from "./chunks/chunk.URTSQLC4.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.5L6ITCDK.js";
+} from "./chunks/chunk.NDY2F6JA.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.CCAOZTZT.js";
+} from "./chunks/chunk.HSLR5EL7.js";
 import {
   SdTeaser
-} from "./chunks/chunk.7JJXTME6.js";
+} from "./chunks/chunk.MJU6BUDN.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.OS5UP6YI.js";
+} from "./chunks/chunk.ZRHUI65H.js";
 import {
   SdRange
-} from "./chunks/chunk.W7QA5BDD.js";
+} from "./chunks/chunk.LRKBZ2PI.js";
 import {
   SdTooltip
-} from "./chunks/chunk.6C4JDHQE.js";
+} from "./chunks/chunk.VFLTCSUA.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.BXKAF4FA.js";
+} from "./chunks/chunk.GUPU7Y4R.js";
 import {
   SdScrollable
-} from "./chunks/chunk.K3XAZCMW.js";
+} from "./chunks/chunk.35EQJ5SV.js";
 import {
   SdSelect
-} from "./chunks/chunk.N5IXQ55P.js";
+} from "./chunks/chunk.OYSZH2PZ.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.EMTQ3SYF.js";
+} from "./chunks/chunk.K33P42FK.js";
 import {
   SdSpinner
-} from "./chunks/chunk.DQQZ3P2Q.js";
+} from "./chunks/chunk.JZ4LAYZZ.js";
 import {
   SdStep
-} from "./chunks/chunk.PMRFHLOS.js";
+} from "./chunks/chunk.4C33XKR5.js";
 import {
   SdNotification
-} from "./chunks/chunk.S6R3YTS2.js";
+} from "./chunks/chunk.MAECKDRE.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.FBFFDE7W.js";
+} from "./chunks/chunk.TAR64H3A.js";
 import {
   SdOption
-} from "./chunks/chunk.E5PND36Z.js";
+} from "./chunks/chunk.4TOOTTT7.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.36CGUI4G.js";
+} from "./chunks/chunk.PU6VCTT2.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.AODPVXHS.js";
+} from "./chunks/chunk.2CU6QOL7.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.W5R3Q2AL.js";
+} from "./chunks/chunk.5IGIZXCC.js";
 import {
   SdRadio
-} from "./chunks/chunk.X3ZIYVJC.js";
+} from "./chunks/chunk.QMQD2SCQ.js";
 import {
   SdInput
-} from "./chunks/chunk.FWFNUTMW.js";
+} from "./chunks/chunk.DXOZDLN3.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.LEHN7AAI.js";
+} from "./chunks/chunk.HDB5VQ6T.js";
 import {
   SdMenu
-} from "./chunks/chunk.3LJCVKT5.js";
+} from "./chunks/chunk.DVHTNKCQ.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.KU6IGPYI.js";
+} from "./chunks/chunk.4GXGCVAT.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.JSOT2AUN.js";
+} from "./chunks/chunk.P4H32F7J.js";
 import {
   SdInclude
-} from "./chunks/chunk.J6URFAAT.js";
+} from "./chunks/chunk.WIXKV24T.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.EV6PNOJR.js";
+} from "./chunks/chunk.XVLJVMWL.js";
 import "./chunks/chunk.SMPFJ52B.js";
 import {
   SdDialog
-} from "./chunks/chunk.C7TYKE3H.js";
+} from "./chunks/chunk.V5VJQQ73.js";
 import {
   SdDivider
-} from "./chunks/chunk.TNJNDHY7.js";
+} from "./chunks/chunk.KNFZPKTF.js";
 import {
   SdExpandable
-} from "./chunks/chunk.V4YLR2QP.js";
+} from "./chunks/chunk.HWSQMDBV.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.WXPUTX2S.js";
+} from "./chunks/chunk.JSHWJIQJ.js";
 import {
   SdHeader
-} from "./chunks/chunk.UPU7QMDY.js";
+} from "./chunks/chunk.IYIDHG44.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.XWVML7WY.js";
+} from "./chunks/chunk.6ZTH3QOK.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.TBWMHZMA.js";
+} from "./chunks/chunk.CQPHP72G.js";
 import {
   SdCombobox
-} from "./chunks/chunk.B2RTBZFX.js";
+} from "./chunks/chunk.OWQ3YI2X.js";
 import {
   SdTag
-} from "./chunks/chunk.JGH47TIO.js";
+} from "./chunks/chunk.EORDFUN5.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.WPIZ42LA.js";
+} from "./chunks/chunk.VJNVCYUG.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.O5FDQ7G3.js";
+} from "./chunks/chunk.TEHZN5K4.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.L4VSO6PJ.js";
+} from "./chunks/chunk.Q2YJAMQO.js";
 import {
   SdDropdown
-} from "./chunks/chunk.2YKSAZET.js";
+} from "./chunks/chunk.K5MFIQWD.js";
 import {
   SdPopup
-} from "./chunks/chunk.KXWU6HY5.js";
+} from "./chunks/chunk.HMYRJJSA.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.VTOWPUO4.js";
+} from "./chunks/chunk.KMMZFIBW.js";
 import {
   SdLink
-} from "./chunks/chunk.AGALXK7Q.js";
-import "./chunks/chunk.6VZHBOMA.js";
+} from "./chunks/chunk.5V4ZLM46.js";
+import "./chunks/chunk.REYEB3D7.js";
 import {
   SdCarousel
-} from "./chunks/chunk.BVDPZZWU.js";
+} from "./chunks/chunk.7NPVZGYG.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.KXDIIYXU.js";
+} from "./chunks/chunk.77QMG2JK.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.2NECRQLL.js";
+} from "./chunks/chunk.PZZI7LIX.js";
 import {
   SdAccordion
-} from "./chunks/chunk.Q7RGLPOU.js";
+} from "./chunks/chunk.JVFY4KAV.js";
 import {
   SdAnimation
-} from "./chunks/chunk.Z36ZVOCO.js";
+} from "./chunks/chunk.CPEBS32D.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.XIMHYPRX.js";
+} from "./chunks/chunk.FN3QPQKW.js";
 import {
   SdDrawer
-} from "./chunks/chunk.2VYY4TEV.js";
+} from "./chunks/chunk.UZPDIPPZ.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.ALSMMO52.js";
+} from "./chunks/chunk.OA6QSAEX.js";
 import {
   SdLoader
-} from "./chunks/chunk.ENPYKZSE.js";
+} from "./chunks/chunk.J7P25XPS.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.EHRCG4D4.js";
+} from "./chunks/chunk.F733OTL5.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -211,7 +211,7 @@ import {
 import "./chunks/chunk.GWKDETUD.js";
 import "./chunks/chunk.M6QWSNU3.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.YR42X3WU.js";
+import "./chunks/chunk.KH2LWYO6.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.JBLVT4GJ.js";
-import "../chunks/chunk.KXWU6HY5.js";
-import "../chunks/chunk.YR42X3WU.js";
+import "../chunks/chunk.HMYRJJSA.js";
+import "../chunks/chunk.KH2LWYO6.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/vscode.html-custom-data.json

@@ -854,7 +854,7 @@
         },
         {
           "name": "value",
-          "description": "Selected date in local ISO format (YYYY-MM-DD) when not in range mode.",
+          "description": "Selected date when not in range mode.\nEg: `value=\"2025.11.10\"` or `value=\"2025-11-10\"` (both accepted)",
           "values": []
         },
         {
@@ -864,12 +864,12 @@
         },
         {
           "name": "range-start",
-          "description": "Range start date in local ISO format (YYYY-MM-DD).",
+          "description": "Range start date when in range mode.\nEg: `range-start=\"2025.11.10\"` or `range-start=\"2025-11-10\"` (both accepted)",
           "values": []
         },
         {
           "name": "range-end",
-          "description": "Range end date in local ISO format (YYYY-MM-DD).",
+          "description": "Range end date when in range mode.\nEg: `range-end=\"2025.11.10\"` or `range-end=\"2025-11-10\"` (both accepted)",
           "values": []
         },
         {
@@ -879,12 +879,17 @@
         },
         {
           "name": "min",
-          "description": "Minimum selectable date in local ISO format (YYYY-MM-DD).",
+          "description": "Minimum selectable date\nEg: `min=\"2025.11.10\"` or `min=\"2025-11-10\"` (both accepted)",
           "values": [{ "name": "Date" }]
         },
         {
           "name": "max",
-          "description": "Maximum selectable date in local ISO format (YYYY-MM-DD).",
+          "description": "Maximum selectable date\nEg: `max=\"2025.11.10\"` or `max=\"2025-11-10\"` (both accepted)",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "view-month",
+          "description": "The month initially displayed by the calendar grid.\nEg: `view-month=\"2026-07\"` or `view-month=\"2026.07\"`",
           "values": [{ "name": "Date" }]
         },
         {
@@ -899,7 +904,7 @@
         },
         {
           "name": "disabled-dates",
-          "description": "List of disabled dates as local ISO strings. Accepts array or CSV/JSON string.",
+          "description": "List of disabled dates.\nEg: `disabled-dates=\"2025-10-31,2025-11-11\"` or `disabled-dates=\"2025.10.31,2025.11.11\"` (both accepted)",
           "values": [{ "name": "string[]" }]
         },
         {

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.10.0",
+  "version": "6.11.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1955,7 +1955,7 @@
             },
             {
               "name": "value",
-              "description": "Selected date in local ISO format (YYYY-MM-DD) when not in range mode.",
+              "description": "Selected date when not in range mode.\nEg: `value=\"2025.11.10\"` or `value=\"2025-11-10\"` (both accepted)",
               "value": { "type": "string | null", "default": "null" }
             },
             {
@@ -1965,12 +1965,12 @@
             },
             {
               "name": "range-start",
-              "description": "Range start date in local ISO format (YYYY-MM-DD).",
+              "description": "Range start date when in range mode.\nEg: `range-start=\"2025.11.10\"` or `range-start=\"2025-11-10\"` (both accepted)",
               "value": { "type": "string | null", "default": "null" }
             },
             {
               "name": "range-end",
-              "description": "Range end date in local ISO format (YYYY-MM-DD).",
+              "description": "Range end date when in range mode.\nEg: `range-end=\"2025.11.10\"` or `range-end=\"2025-11-10\"` (both accepted)",
               "value": { "type": "string | null", "default": "null" }
             },
             {
@@ -1980,7 +1980,7 @@
             },
             {
               "name": "min",
-              "description": "Minimum selectable date in local ISO format (YYYY-MM-DD).",
+              "description": "Minimum selectable date\nEg: `min=\"2025.11.10\"` or `min=\"2025-11-10\"` (both accepted)",
               "value": {
                 "type": "string | number | Date | undefined",
                 "default": "undefined"
@@ -1988,12 +1988,17 @@
             },
             {
               "name": "max",
-              "description": "Maximum selectable date in local ISO format (YYYY-MM-DD).",
+              "description": "Maximum selectable date\nEg: `max=\"2025.11.10\"` or `max=\"2025-11-10\"` (both accepted)",
               "value": {
                 "type": "string | number | Date | undefined",
                 "default": "undefined"
               }
             },
+            {
+              "name": "view-month",
+              "description": "The month initially displayed by the calendar grid.\nEg: `view-month=\"2026-07\"` or `view-month=\"2026.07\"`",
+              "value": { "type": "Date | null", "default": "null" }
+            },
             {
               "name": "firstDayOfWeek",
               "description": "First day of the week (0=Sun .. 6=Sat). If null, defaults to 1 (Monday).",
@@ -2006,7 +2011,7 @@
             },
             {
               "name": "disabled-dates",
-              "description": "List of disabled dates as local ISO strings. Accepts array or CSV/JSON string.",
+              "description": "List of disabled dates.\nEg: `disabled-dates=\"2025-10-31,2025-11-11\"` or `disabled-dates=\"2025.10.31,2025.11.11\"` (both accepted)",
               "value": { "type": "string[] | string", "default": "[]" }
             },
             {
@@ -2104,7 +2109,7 @@
               },
               {
                 "name": "value",
-                "description": "Selected date in local ISO format (YYYY-MM-DD) when not in range mode.",
+                "description": "Selected date when not in range mode.\nEg: `value=\"2025.11.10\"` or `value=\"2025-11-10\"` (both accepted)",
                 "type": "string | null"
               },
               {
@@ -2114,12 +2119,12 @@
               },
               {
                 "name": "rangeStart",
-                "description": "Range start date in local ISO format (YYYY-MM-DD).",
+                "description": "Range start date when in range mode.\nEg: `range-start=\"2025.11.10\"` or `range-start=\"2025-11-10\"` (both accepted)",
                 "type": "string | null"
               },
               {
                 "name": "rangeEnd",
-                "description": "Range end date in local ISO format (YYYY-MM-DD).",
+                "description": "Range end date when in range mode.\nEg: `range-end=\"2025.11.10\"` or `range-end=\"2025-11-10\"` (both accepted)",
                 "type": "string | null"
               },
               {
@@ -2129,14 +2134,19 @@
               },
               {
                 "name": "min",
-                "description": "Minimum selectable date in local ISO format (YYYY-MM-DD).",
+                "description": "Minimum selectable date\nEg: `min=\"2025.11.10\"` or `min=\"2025-11-10\"` (both accepted)",
                 "type": "string | number | Date | undefined"
               },
               {
                 "name": "max",
-                "description": "Maximum selectable date in local ISO format (YYYY-MM-DD).",
+                "description": "Maximum selectable date\nEg: `max=\"2025.11.10\"` or `max=\"2025-11-10\"` (both accepted)",
                 "type": "string | number | Date | undefined"
               },
+              {
+                "name": "viewMonth",
+                "description": "The month initially displayed by the calendar grid.\nEg: `view-month=\"2026-07\"` or `view-month=\"2026.07\"`",
+                "type": "Date | null"
+              },
               {
                 "name": "firstDayOfWeek",
                 "description": "First day of the week (0=Sun .. 6=Sat). If null, defaults to 1 (Monday).",
@@ -2149,7 +2159,7 @@
               },
               {
                 "name": "disabledDates",
-                "description": "List of disabled dates as local ISO strings. Accepts array or CSV/JSON string.",
+                "description": "List of disabled dates.\nEg: `disabled-dates=\"2025-10-31,2025-11-11\"` or `disabled-dates=\"2025.10.31,2025.11.11\"` (both accepted)",
                 "type": "string[] | string"
               },
               {

package/dist-versioned/chunks/{chunk.AODPVXHS.js → chunk.2CU6QOL7.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.YR42X3WU.js";
+} from "./chunk.KH2LWYO6.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -64,9 +64,9 @@ var SdRadioButton = class extends SolidElement {
     const hasIconSlot = this.hasSlotController.test("icon");
     const buttonSizeClass = `${this.size}-${hasDefaultSlot ? "label" : "no-label"}`;
     return html`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked ? " button--checked" : ""}`}" role="radio" aria-checked="${this.checked}" class="${cx(
-      "relative text-center sd-6-10-0-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",
+      "relative text-center sd-6-11-0-radio-button-border-radius transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",
       this.size === "sm" ? "text-sm" : "text-base",
-      this.checked && !this.disabled && !this.visuallyDisabled ? "sd-6-10-0-button--primary--default-color-background sd-6-10-0-button--primary--default-color-text hover:sd-6-10-0-button--primary--hover-color-background" : !this.checked && (this.disabled || this.visuallyDisabled) ? "text-neutral-500 hover:cursor-not-allowed" : this.checked && (this.disabled || this.visuallyDisabled) ? "bg-neutral-400 text-white hover:cursor-not-allowed " : "bg-transparent sd-6-10-0-radio-button-color-text border-primary hover:text-primary-500 cursor-pointer",
+      this.checked && !this.disabled && !this.visuallyDisabled ? "sd-6-11-0-button--primary--default-color-background sd-6-11-0-button--primary--default-color-text hover:sd-6-11-0-button--primary--hover-color-background" : !this.checked && (this.disabled || this.visuallyDisabled) ? "text-neutral-500 hover:cursor-not-allowed" : this.checked && (this.disabled || this.visuallyDisabled) ? "bg-neutral-400 text-white hover:cursor-not-allowed " : "bg-transparent sd-6-11-0-radio-button-color-text border-primary hover:text-primary-500 cursor-pointer",
       hasDefaultSlot && {
         sm: "px-3",
         md: "px-4",
@@ -89,7 +89,7 @@ var SdRadioButton = class extends SolidElement {
 SdRadioButton.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--sd-color-border-error,var(--sd-color-error));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:var(--sd-spacing-12)}.lg-no-label{height:var(--sd-spacing-12);padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:var(--sd-spacing-10)}.md-no-label{height:var(--sd-spacing-10);padding-inline:var(--sd-spacing-4)}.sm-label{height:var(--sd-spacing-8)}.sm-no-label{height:var(--sd-spacing-8);padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-6-10-0-button-group__button:not(.sd-6-10-0-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-6-10-0-button-group__button:not(.sd-6-10-0-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-6-10-0-button-group__button:not(.sd-6-10-0-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-6-10-0-button-group__button--hover){z-index:20}:host(.sd-6-10-0-button-group__button--focus),:host(.sd-6-10-0-button-group__button[checked]){z-index:10}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`
+:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;position:absolute;inset:calc(var(--sd-spacing-1) * 0);z-index:calc(10 * -1);opacity:var(--sd-opacity-0);outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--sd-color-border-error,var(--sd-color-error));--tw-outline-style:dotted;outline-style:dotted}.lg-label{height:var(--sd-spacing-12)}.lg-no-label{height:var(--sd-spacing-12);padding-inline:calc(var(--sd-spacing-1) * 5)}.md-label{height:var(--sd-spacing-10)}.md-no-label{height:var(--sd-spacing-10);padding-inline:var(--sd-spacing-4)}.sm-label{height:var(--sd-spacing-8)}.sm-no-label{height:var(--sd-spacing-8);padding-inline:var(--sd-spacing-3)}:host([size=lg].sd-6-11-0-button-group__button:not(.sd-6-11-0-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3) * -1)}:host([size=md].sd-6-11-0-button-group__button:not(.sd-6-11-0-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2) * -1)}:host([size=sm].sd-6-11-0-button-group__button:not(.sd-6-11-0-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1) * -1)}:host(.sd-6-11-0-button-group__button--hover){z-index:20}:host(.sd-6-11-0-button-group__button--focus),:host(.sd-6-11-0-button-group__button[checked]){z-index:10}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`
 ];
 __decorateClass([
   query(".button")
@@ -119,7 +119,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"], { waitUntilFirstUpdate: true })
 ], SdRadioButton.prototype, "handleDisabledChange", 1);
 SdRadioButton = __decorateClass([
-  customElement("sd-6-10-0-radio-button")
+  customElement("sd-6-11-0-radio-button")
 ], SdRadioButton);
 
 export {

package/dist-versioned/chunks/{chunk.K3XAZCMW.js → chunk.35EQJ5SV.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.YR42X3WU.js";
+} from "./chunk.KH2LWYO6.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -129,7 +129,7 @@ var SdScrollable = class extends SolidElement {
       down: this.upButton
     }[direction];
     const label = reachedStart ? `${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}` : `${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;
-    (_c = oppositeButton == null ? void 0 : oppositeButton.querySelector("sd-6-10-0-icon")) == null ? void 0 : _c.setAttribute("label", label);
+    (_c = oppositeButton == null ? void 0 : oppositeButton.querySelector("sd-6-11-0-icon")) == null ? void 0 : _c.setAttribute("label", label);
     if (isKeyboardTriggered) {
       oppositeButton == null ? void 0 : oppositeButton.focus();
     } else {
@@ -141,7 +141,7 @@ var SdScrollable = class extends SolidElement {
     const scrollTo = ["left", "up"].includes(direction) ? "start" : "end";
     const label = scrollTo === "start" ? this.localize.term("scrollToStart") : this.localize.term("scrollToEnd");
     const button = e.target;
-    (_a = button.querySelector("sd-6-10-0-icon")) == null ? void 0 : _a.setAttribute("label", label);
+    (_a = button.querySelector("sd-6-11-0-icon")) == null ? void 0 : _a.setAttribute("label", label);
   }
   render() {
     const scrollButtonClasses = "relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg";
@@ -158,16 +158,16 @@ var SdScrollable = class extends SolidElement {
     )}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons ? html`${this.isScrollHorizontalEnabled ? html`<div part="button-left" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.left && "opacity-0 pointer-events-none"
-    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.left || void 0)}" tabindex="${ifDefined(!this.canScroll.left ? -1 : void 0)}" @click="${(e) => this.handleScroll("left", e)}" @blur="${(e) => this.handleButtonBlur("left", e)}"><slot name="icon-start"><sd-6-10-0-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-6-10-0-icon></slot></button></div><div part="button-right" class="${cx(
+    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.left || void 0)}" tabindex="${ifDefined(!this.canScroll.left ? -1 : void 0)}" @click="${(e) => this.handleScroll("left", e)}" @blur="${(e) => this.handleButtonBlur("left", e)}"><slot name="icon-start"><sd-6-11-0-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-6-11-0-icon></slot></button></div><div part="button-right" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.right && "opacity-0 pointer-events-none"
-    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.right || void 0)}" tabindex="${ifDefined(!this.canScroll.right ? -1 : void 0)}" @click="${(e) => this.handleScroll("right", e)}" @blur="${(e) => this.handleButtonBlur("right", e)}"><slot name="icon-end"><sd-6-10-0-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-6-10-0-icon></slot></button></div>` : null} ${this.isScrollVerticalEnabled ? html`<div part="button-top" class="${cx(
+    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.right || void 0)}" tabindex="${ifDefined(!this.canScroll.right ? -1 : void 0)}" @click="${(e) => this.handleScroll("right", e)}" @blur="${(e) => this.handleButtonBlur("right", e)}"><slot name="icon-end"><sd-6-11-0-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-6-11-0-icon></slot></button></div>` : null} ${this.isScrollVerticalEnabled ? html`<div part="button-top" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.up && "opacity-0 pointer-events-none"
-    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.up || void 0)}" tabindex="${ifDefined(!this.canScroll.up ? -1 : void 0)}" @click="${(e) => this.handleScroll("up", e)}" @blur="${(e) => this.handleButtonBlur("up", e)}"><slot name="icon-start"><sd-6-10-0-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-6-10-0-icon></slot></button></div><div part="button-bottom" class="${cx(
+    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.up || void 0)}" tabindex="${ifDefined(!this.canScroll.up ? -1 : void 0)}" @click="${(e) => this.handleScroll("up", e)}" @blur="${(e) => this.handleButtonBlur("up", e)}"><slot name="icon-start"><sd-6-11-0-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-6-11-0-icon></slot></button></div><div part="button-bottom" class="${cx(
       "absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.down && "opacity-0 pointer-events-none"
-    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.down || void 0)}" tabindex="${ifDefined(!this.canScroll.down ? -1 : void 0)}" @click="${(e) => this.handleScroll("down", e)}" @blur="${(e) => this.handleButtonBlur("down", e)}"><slot name="icon-end"><sd-6-10-0-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-6-10-0-icon></slot></button></div>` : null}` : null} ${this.shadows ? html`${this.isScrollHorizontalEnabled ? html`<div part="shadow-left" class="${cx(
+    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.down || void 0)}" tabindex="${ifDefined(!this.canScroll.down ? -1 : void 0)}" @click="${(e) => this.handleScroll("down", e)}" @blur="${(e) => this.handleButtonBlur("down", e)}"><slot name="icon-end"><sd-6-11-0-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-6-11-0-icon></slot></button></div>` : null}` : null} ${this.shadows ? html`${this.isScrollHorizontalEnabled ? html`<div part="shadow-left" class="${cx(
       "left top-0 left-0 w-[6px] h-full",
       scrollShadowClasses,
       this.canScroll.left ? "opacity-100" : "opacity-0"
@@ -189,7 +189,7 @@ var SdScrollable = class extends SolidElement {
 SdScrollable.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-6-10-0-icon--top{align-self:flex-start}.sd-6-10-0-icon--down{align-self:flex-end}`
+:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-6-11-0-icon--top{align-self:flex-start}.sd-6-11-0-icon--down{align-self:flex-end}`
 ];
 __decorateClass([
   query('[part="button-right"] button')
@@ -237,7 +237,7 @@ __decorateClass([
   state()
 ], SdScrollable.prototype, "isScrollVerticalEnabled", 2);
 SdScrollable = __decorateClass([
-  customElement("sd-6-10-0-scrollable")
+  customElement("sd-6-11-0-scrollable")
 ], SdScrollable);
 
 export {

package/dist-versioned/chunks/{chunk.PMRFHLOS.js → chunk.4C33XKR5.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.YR42X3WU.js";
+} from "./chunk.KH2LWYO6.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -88,7 +88,7 @@ var SdStep = class extends SolidElement {
       this.orientation === "horizontal" && !this.horizontalInline ? this.size === "lg" ? "translateLg" : "translateSm" : this.size === "lg" ? "mt-1" : "mt-3"
     );
     const circleButtonClasses = cx(
-      "border sd-6-10-0-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",
+      "border sd-6-11-0-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",
       this.disabled ? "focus-visible:outline-none cursor-not-allowed" : !this.notInteractive && !this.waiting ? "focus-visible:focus-outline hover:cursor-pointer" : "",
       this.notInteractive ? this.size === "lg" ? "not-interactive-lg" : "w-12" : this.size === "lg" ? "w-12" : "w-8",
       this.disabled && "border-neutral-500 text-neutral-500",
@@ -105,7 +105,7 @@ var SdStep = class extends SolidElement {
       "text-lg",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting && "text-primary hover:text-primary-500 hover:fill-primary-500",
       this.notInteractive && "text-primary"
-    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-6-10-0-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-10-0-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
+    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-6-11-0-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-11-0-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
       "flex w-full",
       hasLabel && "gap-2",
       this.size === "sm" && !hasDescription ? "mt-1" : "mt-3"
@@ -145,7 +145,7 @@ var SdStep = class extends SolidElement {
 SdStep.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-10-0-icon,slot[name=circle-content]::slotted(sd-6-10-0-icon){color:rgba(var(--sd-color-icon-fill-primary))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`
+:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-11-0-icon,slot[name=circle-content]::slotted(sd-6-11-0-icon){color:rgba(var(--sd-color-icon-fill-primary))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
@@ -196,7 +196,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStep.prototype, "handleInteractivityChange", 1);
 SdStep = __decorateClass([
-  customElement("sd-6-10-0-step")
+  customElement("sd-6-11-0-step")
 ], SdStep);
 
 export {