@solid-design-system/components 6.0.0-next.1 → 6.0.0-next.2

package/cdn/solid-components.js

@@ -1 +1 @@
-import"./chunks/chunk.HAL7R4WT.js";import{a as $}from"./chunks/chunk.HENAIYMS.js";import{a as ee}from"./chunks/chunk.FKQKBGOX.js";import{a as de}from"./chunks/chunk.7JYERWSH.js";import{a as U}from"./chunks/chunk.HP7VSB3F.js";import{a as W}from"./chunks/chunk.ORGDOUKL.js";import{a as X}from"./chunks/chunk.PDUOJFNW.js";import{a as Y}from"./chunks/chunk.26HHFQWN.js";import{a as Z}from"./chunks/chunk.WSAVYRR4.js";import{a as _}from"./chunks/chunk.7W3VKGUN.js";import{a as oe}from"./chunks/chunk.KG2T3UA7.js";import{a as V}from"./chunks/chunk.D3B4IY6Q.js";import{a as j}from"./chunks/chunk.TFMNMOPY.js";import{a as q}from"./chunks/chunk.XVMFX57F.js";import{a as y}from"./chunks/chunk.DIHLJO6E.js";import{a as z}from"./chunks/chunk.5UQI3XST.js";import{a as J}from"./chunks/chunk.QYPTGASF.js";import{a as K}from"./chunks/chunk.WAC3RAQB.js";import{a as N}from"./chunks/chunk.HRDUPPPV.js";import{a as O}from"./chunks/chunk.MFRJ3Q5R.js";import{a as P}from"./chunks/chunk.RSDBGHJ5.js";import{a as F}from"./chunks/chunk.52TE5XAY.js";import{a as H}from"./chunks/chunk.UNPDSLAW.js";import{a as E}from"./chunks/chunk.67DVLBYJ.js";import{a as Q}from"./chunks/chunk.ASJAM6N6.js";import"./chunks/chunk.IVHEBGOY.js";import{a as R}from"./chunks/chunk.KIC3AQXN.js";import{a as A}from"./chunks/chunk.7Y7B3ZHS.js";import{a as D}from"./chunks/chunk.YBE5NEA5.js";import{a as w}from"./chunks/chunk.BBLEWHIH.js";import"./chunks/chunk.CDP46OS4.js";import{a as L}from"./chunks/chunk.7GI7JDHC.js";import{a as v}from"./chunks/chunk.LHS24BGL.js";import{a as G}from"./chunks/chunk.Y5YIYPZY.js";import{a as M}from"./chunks/chunk.NRCPFRMF.js";import"./chunks/chunk.CSLPZKLY.js";import{a as g}from"./chunks/chunk.E3TEJ4ZB.js";import{a as I}from"./chunks/chunk.V2C7MUP4.js";import{a as k}from"./chunks/chunk.SM5DG4D5.js";import{a as B}from"./chunks/chunk.BBOBWBNZ.js";import{a as h}from"./chunks/chunk.JGXVSXPF.js";import{a as C}from"./chunks/chunk.2P4WUDA5.js";import{a as i}from"./chunks/chunk.4YZ4KROO.js";import"./chunks/chunk.VYBQ3X2B.js";import"./chunks/chunk.SIY4LRPB.js";import{a as n}from"./chunks/chunk.S7E3HBEA.js";import{a as T}from"./chunks/chunk.MWATMP25.js";import"./chunks/chunk.US3OB3XU.js";import{a as b}from"./chunks/chunk.7AEASDWK.js";import{a as c}from"./chunks/chunk.FLR2H3FJ.js";import"./chunks/chunk.N3WG3NAL.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.YBBEF7BY.js";import{a as l}from"./chunks/chunk.M2N4WAPT.js";import{a as m}from"./chunks/chunk.L4OSXUKA.js";import{a as x}from"./chunks/chunk.34DDPQIX.js";import"./chunks/chunk.SXTBHH2H.js";import{a as S}from"./chunks/chunk.C2ZXPUMP.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as s}from"./chunks/chunk.C4DGFQBN.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.HUBTWWPV.js";import{a as o}from"./chunks/chunk.AXEWYRHM.js";import{a as r}from"./chunks/chunk.TV2UJIXM.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as p}from"./chunks/chunk.G63DCZGX.js";import{a as f}from"./chunks/chunk.DSTXKNIF.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.2AQOPKKH.js";import"./chunks/chunk.G7HKVXLR.js";import"./chunks/chunk.3L472FD4.js";import{a as d}from"./chunks/chunk.PZ5QBZPA.js";import{a as t}from"./chunks/chunk.GC4VHTKJ.js";import"./chunks/chunk.JS2HQ2N4.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.PV6UYBMY.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.PJ7JCMQF.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.AG4UH4IN.js";import"./chunks/chunk.MP6XEXRW.js";import"./chunks/chunk.D6LAH53B.js";import{d as ae,e as re}from"./chunks/chunk.HWKK3U5Y.js";import"./chunks/chunk.YMZZDCP3.js";import"./chunks/chunk.4M5X22ZY.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.YEDQWNIV.js";import{a as te}from"./chunks/chunk.4RPCNF2P.js";import"./chunks/chunk.QPJOKELG.js";import"./chunks/chunk.D4Q335D6.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.2WRD673L.js";import"./chunks/chunk.763RLJEK.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{te as LocalizeController,o as SdAccordion,a as SdAccordionGroup,r as SdAnimation,p as SdAudio,u as SdBadge,l as SdBrandshape,m as SdBreadcrumb,x as SdBreadcrumbItem,d as SdButton,S as SdCarousel,s as SdCarouselItem,i as SdCheckbox,n as SdCheckboxGroup,T as SdCombobox,g as SdDialog,I as SdDivider,f as SdDrawer,k as SdDropdown,B as SdExpandable,h as SdFlipcard,C as SdHeader,e as SdIcon,G as SdInclude,M as SdInput,R as SdLink,t as SdLoader,A as SdMapMarker,D as SdMenu,w as SdMenuItem,L as SdNavigationItem,v as SdNotification,N as SdOptgroup,O as SdOption,c as SdPopup,P as SdQuickfact,E as SdRadio,F as SdRadioButton,H as SdRadioGroup,Q as SdRange,V as SdRangeTick,j as SdScrollable,q as SdSelect,y as SdSpinner,z as SdStep,J as SdStepGroup,K as SdSwitch,U as SdTab,W as SdTabGroup,X as SdTabPanel,b as SdTag,Y as SdTeaser,Z as SdTeaserMedia,_ as SdTextarea,oe as SdThemeListener,$ as SdTooltip,ee as SdVideo,ae as registerIconLibrary,de as setupAutocomplete,re as unregisterIconLibrary};
+import"./chunks/chunk.HAL7R4WT.js";import{a as ae}from"./chunks/chunk.XIRAK67B.js";import{a as ee}from"./chunks/chunk.KL3CEU6E.js";import{a as oe}from"./chunks/chunk.S4EKTV5A.js";import{a as fe}from"./chunks/chunk.5TUC644H.js";import{a as U}from"./chunks/chunk.BL5NWLDW.js";import{a as W}from"./chunks/chunk.6GHBG4PY.js";import{a as X}from"./chunks/chunk.6XTQ6373.js";import{a as Y}from"./chunks/chunk.H7N4XIFF.js";import{a as Z}from"./chunks/chunk.P3QDLITO.js";import{a as _}from"./chunks/chunk.63IQ23S4.js";import{a as $}from"./chunks/chunk.6ZXO6XV7.js";import{a as V}from"./chunks/chunk.LVDWFX3X.js";import"./chunks/chunk.IVHEBGOY.js";import{a as j}from"./chunks/chunk.WUWSF33N.js";import{a as q}from"./chunks/chunk.XHDZVSCR.js";import{a as y}from"./chunks/chunk.Q36WGVZ7.js";import{a as z}from"./chunks/chunk.IQUVFHYA.js";import{a as J}from"./chunks/chunk.6Q6FRPBQ.js";import{a as K}from"./chunks/chunk.ALIY2YIR.js";import{a as N}from"./chunks/chunk.MWU6TZ4N.js";import{a as O}from"./chunks/chunk.MQ6HTONQ.js";import{a as P}from"./chunks/chunk.RJVGGY3Q.js";import{a as E}from"./chunks/chunk.CINQCAVV.js";import{a as H}from"./chunks/chunk.VHHOKYE5.js";import{a as Q}from"./chunks/chunk.5ZPLQS6G.js";import{a as F}from"./chunks/chunk.J4LE3LKP.js";import{a as M}from"./chunks/chunk.RXQYBUHG.js";import{a as R}from"./chunks/chunk.F3OBG73C.js";import{a as A}from"./chunks/chunk.3ZRUHOGI.js";import{a as w}from"./chunks/chunk.S5SNELX3.js";import{a as L}from"./chunks/chunk.ZATYZ65D.js";import"./chunks/chunk.CDP46OS4.js";import"./chunks/chunk.CSLPZKLY.js";import{a as v}from"./chunks/chunk.MPLKGS34.js";import{a as G}from"./chunks/chunk.3DB2ELEL.js";import{a as g}from"./chunks/chunk.VGYX7TTE.js";import"./chunks/chunk.635MGLIZ.js";import{a as k}from"./chunks/chunk.J3HOSC6V.js";import{a as I}from"./chunks/chunk.5PA35WD2.js";import{a as B}from"./chunks/chunk.YL7YHMIF.js";import{a as h}from"./chunks/chunk.JGU23CP4.js";import{a as C}from"./chunks/chunk.OXYZANQK.js";import{a as D}from"./chunks/chunk.U6FGIHUI.js";import{a as i}from"./chunks/chunk.EIG3V7LV.js";import"./chunks/chunk.VYBQ3X2B.js";import"./chunks/chunk.SIY4LRPB.js";import{a as n}from"./chunks/chunk.UVDP4CO5.js";import{a as T}from"./chunks/chunk.5G7ZOEWT.js";import"./chunks/chunk.US3OB3XU.js";import{a as b}from"./chunks/chunk.YUPZE4GS.js";import{a as c}from"./chunks/chunk.66LOVPZM.js";import"./chunks/chunk.N3WG3NAL.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.XG6CO665.js";import{a as l}from"./chunks/chunk.E7DVDO4P.js";import{a as m}from"./chunks/chunk.YXMHHML2.js";import{a as x}from"./chunks/chunk.VA5ZPE34.js";import"./chunks/chunk.HWXFA3JT.js";import{a as S}from"./chunks/chunk.AZC2MB6N.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as s}from"./chunks/chunk.5ZYFWIRD.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.FYS76H7M.js";import{a as o}from"./chunks/chunk.GZN62V5M.js";import{a as r}from"./chunks/chunk.HO5NN73W.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as p}from"./chunks/chunk.EGKVLCBO.js";import{a as f}from"./chunks/chunk.7JAXJRX2.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.2AQOPKKH.js";import"./chunks/chunk.G7HKVXLR.js";import"./chunks/chunk.3L472FD4.js";import{a as d}from"./chunks/chunk.NMHY6H5N.js";import{a as t}from"./chunks/chunk.BTMWUMPI.js";import"./chunks/chunk.JS2HQ2N4.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.PV6UYBMY.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.PJ7JCMQF.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.66OZDVLX.js";import"./chunks/chunk.MP6XEXRW.js";import"./chunks/chunk.D6LAH53B.js";import{d as re,e as te}from"./chunks/chunk.ESKMS5I6.js";import"./chunks/chunk.YMZZDCP3.js";import"./chunks/chunk.3KWSM3HE.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.YEDQWNIV.js";import{a as de}from"./chunks/chunk.7BPPDSHY.js";import"./chunks/chunk.CIAY7P3F.js";import"./chunks/chunk.2PZOUYOE.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.PES7MZKA.js";import"./chunks/chunk.763RLJEK.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{de as LocalizeController,o as SdAccordion,a as SdAccordionGroup,r as SdAnimation,p as SdAudio,u as SdBadge,l as SdBrandshape,m as SdBreadcrumb,x as SdBreadcrumbItem,d as SdButton,S as SdCarousel,s as SdCarouselItem,i as SdCheckbox,n as SdCheckboxGroup,T as SdCombobox,g as SdDatepicker,k as SdDialog,I as SdDivider,f as SdDrawer,B as SdDropdown,h as SdExpandable,C as SdFlipcard,D as SdHeader,e as SdIcon,G as SdInclude,M as SdInput,R as SdLink,t as SdLoader,A as SdMapMarker,w as SdMenu,L as SdMenuItem,v as SdNavigationItem,N as SdNotification,O as SdOptgroup,P as SdOption,c as SdPopup,E as SdQuickfact,F as SdRadio,H as SdRadioButton,Q as SdRadioGroup,V as SdRange,j as SdRangeTick,q as SdScrollable,y as SdSelect,z as SdSpinner,J as SdStep,K as SdStepGroup,U as SdSwitch,W as SdTab,X as SdTabGroup,Y as SdTabPanel,b as SdTag,Z as SdTeaser,_ as SdTeaserMedia,$ as SdTextarea,ae as SdThemeListener,ee as SdTooltip,oe as SdVideo,re as registerIconLibrary,fe as setupAutocomplete,te as unregisterIconLibrary};

package/cdn/translations/de.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.QPJOKELG.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.6EV4YU6C.js";export{a as default};
+import{a}from"../chunks/chunk.CIAY7P3F.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.6EV4YU6C.js";export{a as default};

package/cdn/translations/en.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.D4Q335D6.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.6EV4YU6C.js";export{a as default};
+import{a}from"../chunks/chunk.2PZOUYOE.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.6EV4YU6C.js";export{a as default};

package/cdn/utilities/autocomplete-config.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.7JYERWSH.js";import"../chunks/chunk.FLR2H3FJ.js";import"../chunks/chunk.YEDQWNIV.js";import"../chunks/chunk.2WRD673L.js";import"../chunks/chunk.763RLJEK.js";import"../chunks/chunk.W4QBFD6E.js";import"../chunks/chunk.6EV4YU6C.js";export{a as setupAutocomplete};
+import{a}from"../chunks/chunk.5TUC644H.js";import"../chunks/chunk.66LOVPZM.js";import"../chunks/chunk.YEDQWNIV.js";import"../chunks/chunk.PES7MZKA.js";import"../chunks/chunk.763RLJEK.js";import"../chunks/chunk.W4QBFD6E.js";import"../chunks/chunk.6EV4YU6C.js";export{a as setupAutocomplete};

package/cdn/utilities/date.d.ts

@@ -0,0 +1,9 @@
+export declare const DateUtils: {
+    startOfDayLocal: (d: Date) => Date;
+    isSameDay: (a: Date | null, b: Date | null) => boolean;
+    clampDateToMonth: (d: Date, monthRef: Date) => Date;
+    toLocalISODate: (d: Date) => string;
+    parseLocalISO: (iso: string | null) => Date | null;
+    compareDates: (a: Date, b: Date) => number;
+    isBetweenInclusive: (d: Date, a: Date, b: Date) => boolean;
+};

package/cdn/utilities/date.js

@@ -0,0 +1 @@
+import{a}from"../chunks/chunk.635MGLIZ.js";import"../chunks/chunk.6EV4YU6C.js";export{a as DateUtils};

package/cdn/utilities/icon-library.js

@@ -1 +1 @@
-import"../chunks/chunk.HAL7R4WT.js";import{d as a,e as b}from"../chunks/chunk.HWKK3U5Y.js";import"../chunks/chunk.YMZZDCP3.js";import"../chunks/chunk.4M5X22ZY.js";import"../chunks/chunk.PYHYYOBE.js";import"../chunks/chunk.6EV4YU6C.js";export{a as registerIconLibrary,b as unregisterIconLibrary};
+import"../chunks/chunk.HAL7R4WT.js";import{d as a,e as b}from"../chunks/chunk.ESKMS5I6.js";import"../chunks/chunk.YMZZDCP3.js";import"../chunks/chunk.3KWSM3HE.js";import"../chunks/chunk.PYHYYOBE.js";import"../chunks/chunk.6EV4YU6C.js";export{a as registerIconLibrary,b as unregisterIconLibrary};

package/cdn/utilities/localize.d.ts

@@ -28,6 +28,12 @@ export interface Translation extends DefaultTranslation {
     comboboxDefaultPlaceholder: string;
     copy: string;
     currentValue: string;
+    datePicker: string;
+    datePickerInfo: string;
+    datePickerRange: string;
+    datePlaceholder: string;
+    dateRangePlaceholder: string;
+    endDateSelected: string;
     expandNavigationItem: string;
     goToSlide: (slide: number, count: number) => string;
     hidePassword: string;
@@ -35,7 +41,9 @@ export interface Translation extends DefaultTranslation {
     maximum: string;
     minimum: string;
     mute: string;
+    nextMonth: string;
     nextSlide: string;
+    nextYear: string;
     noResults: string;
     notifications: string;
     numOptionsSelected: (num: number) => string;
@@ -46,7 +54,9 @@ export interface Translation extends DefaultTranslation {
     playAudio: string;
     playbackSpeed: string;
     playVideo: string;
+    previousMonth: string;
     previousSlide: string;
+    previousYear: string;
     progress: string;
     remove: string;
     removed: (name: string) => string;
@@ -55,14 +65,17 @@ export interface Translation extends DefaultTranslation {
     scrollToEnd: string;
     scrollToStart: string;
     search: string;
-    seekBar: string;
     seconds: (time: number) => string;
+    seekBar: string;
     selectAColorFromTheScreen: string;
     selectDefaultPlaceholder: string;
+    selected: string;
+    selectionCleared: string;
     showLess: string;
     showMore: string;
     showPassword: string;
     slideNum: (slide: number, count: number) => string;
+    startDateSelected: string;
     tagsSelected: string;
     toggleColorFormat: string;
     transcriptIsOpen: string;

package/cdn/utilities/localize.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.4RPCNF2P.js";import"../chunks/chunk.QPJOKELG.js";import"../chunks/chunk.D4Q335D6.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.6EV4YU6C.js";export{a as LocalizeController};
+import{a}from"../chunks/chunk.7BPPDSHY.js";import"../chunks/chunk.CIAY7P3F.js";import"../chunks/chunk.2PZOUYOE.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.6EV4YU6C.js";export{a as LocalizeController};

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

@@ -4,7 +4,7 @@
   "tags": [
     {
       "name": "sd-accordion",
-      "description": "Accordion shows a brief summary and expands to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the accordion opens.\n- **sd-after-show** - Emitted after the accordion opens and all animations are complete.\n- **sd-hide** - Emitted when the accordion closes.\n- **sd-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The accordion main content.\n- **summary** - The accordion summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sd-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sd-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **summary-border** - The container that wraps the currently active accordions border.\n- **content** - The container that wraps the accordion content slot.\n- **content__slot** - The accordion content slot.",
+      "description": "Accordion shows a brief summary and expands to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the accordion opens.\n- **sd-after-show** - Emitted after the accordion opens and all animations are complete.\n- **sd-hide** - Emitted when the accordion closes.\n- **sd-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The accordion main content.\n- **summary** - The accordion summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sd-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sd-icon>`.\n\n### **CSS Properties:**\n - **--sd-accordion-border-width** - The accordion border width. _(default: undefined)_\n- **--sd-accordion-color-background** - The accordion background color. _(default: undefined)_\n- **--sd-accordion-color-text** - The accordion color text. _(default: undefined)_\n- **--sd-accordion-padding-block** - The accordion vertical padding value. _(default: undefined)_\n- **--sd-accordion__chevron-color-text** - The accordion chevron color. _(default: undefined)_\n- **--sd-accordion__indicator-color** - The accordion indicator color. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **summary-border** - The container that wraps the currently active accordions border.\n- **content** - The container that wraps the accordion content slot.\n- **content__slot** - The accordion content slot.",
       "attributes": [
         {
           "name": "open",
@@ -317,11 +317,6 @@
           "description": "When set, the attribute `aria-current=\"page\"` will be applied.",
           "values": []
         },
-        {
-          "name": "isMobile",
-          "description": "When set, a chevron-left icon will be rendered.",
-          "values": []
-        },
         {
           "name": "dir",
           "description": "The element's directionality.",
@@ -342,7 +337,7 @@
     },
     {
       "name": "sd-button",
-      "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The button's label.\n- **icon-left** - A prefix icon or similar element.\n- **icon-right** - A suffix icon or similar element.\n\n### **CSS Properties:**\n - **--sd-button--primary--active-color-text** - The text color for primary buttons in active state. _(default: undefined)_\n- **--sd-button--primary--default-color-background** - The background color for primary buttons in default state. _(default: undefined)_\n- **--sd-button--primary--default-color-text** - The text color for primary buttons in default state. _(default: undefined)_\n- **--sd-button--primary--hover-color-background** - The background color for primary buttons in hover state. _(default: undefined)_\n- **--sd-button--primary--inverted--active-color-text** - The text color for inverted primary buttons in active state. _(default: undefined)_\n- **--sd-button--primary--inverted--default-color-background** - The background color for inverted primary buttons in default state. _(default: undefined)_\n- **--sd-button--primary--inverted--default-color-text** - The text color for inverted primary buttons in default state. _(default: undefined)_\n- **--sd-button--primary--inverted--hover-color-background** - The background color for inverted primary buttons in hover state. _(default: undefined)_\n- **--sd-button--primary--inverted--hover-color-text** - The text color for inverted primary buttons in hover state. _(default: undefined)_\n- **--sd-button--secondary--active-color-background** - The background color for secondary buttons in active state. _(default: undefined)_\n- **--sd-button--secondary--hover-color-background** - The background color for secondary buttons in hover state. _(default: undefined)_\n- **--sd-button--secondary--inverted--active-color-background** - The background color for inverted secondary buttons in active state. _(default: undefined)_\n- **--sd-button--secondary--inverted--hover-color-text** - The text color for inverted secondary buttons in hover state. _(default: undefined)_\n- **--sd-button--tertiary--active-color-background** - The background color for tertiary buttons in active state. _(default: undefined)_\n- **--sd-button--tertiary--hover-color-background** - The background color for tertiary buttons in hover state. _(default: undefined)_\n- **--sd-button--tertiary--inverted--active-color-background** - The background color for inverted tertiary buttons in active state. _(default: undefined)_\n- **--sd-button--tertiary--inverted--hover-color-text** - The text color for inverted tertiary buttons in hover state. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon-left** - The container that wraps the left icon area.\n- **label** - The button's label.\n- **icon-right** - The container that wraps the right icon area.\n- **motion-wrapper** - The container that wraps the motion animation.",
+      "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The button's label.\n- **icon-left** - A prefix icon or similar element.\n- **icon-right** - A suffix icon or similar element.\n\n### **CSS Properties:**\n - **--sd-button--primary--active-color-text** - The text color for primary buttons in active state. _(default: undefined)_\n- **--sd-button--primary--default-color-background** - The background color for primary buttons in default state. _(default: undefined)_\n- **--sd-button--primary--default-color-text** - The text color for primary buttons in default state. _(default: undefined)_\n- **--sd-button--primary--hover-color-background** - The background color for primary buttons in hover state. _(default: undefined)_\n- **--sd-button--primary--inverted--active-color-text** - The text color for inverted primary buttons in active state. _(default: undefined)_\n- **--sd-button--primary--inverted--default-color-background** - The background color for inverted primary buttons in default state. _(default: undefined)_\n- **--sd-button--primary--inverted--default-color-text** - The text color for inverted primary buttons in default state. _(default: undefined)_\n- **--sd-button--primary--inverted--hover-color-background** - The background color for inverted primary buttons in hover state. _(default: undefined)_\n- **--sd-button--primary--inverted--hover-color-text** - The text color for inverted primary buttons in hover state. _(default: undefined)_\n- **--sd-button--secondary--active-color-background** - The background color for secondary buttons in active state. _(default: undefined)_\n- **--sd-button--secondary--hover-color-background** - The background color for secondary buttons in hover state. _(default: undefined)_\n- **--sd-button--secondary--inverted--active-color-background** - The background color for inverted secondary buttons in active state. _(default: undefined)_\n- **--sd-button--secondary--inverted--hover-color-text** - The text color for inverted secondary buttons in hover state. _(default: undefined)_\n- **--sd-button--tertiary--active-color-background** - The background color for tertiary buttons in active state. _(default: undefined)_\n- **--sd-button--tertiary--hover-color-background** - The background color for tertiary buttons in hover state. _(default: undefined)_\n- **--sd-button--tertiary--inverted--active-color-background** - The background color for inverted tertiary buttons in active state. _(default: undefined)_\n- **--sd-button--tertiary--inverted--hover-color-text** - The text color for inverted tertiary buttons in hover state. _(default: undefined)_\n- **--sd-button--size-md-font-size** - The medium button text font size. _(default: undefined)_\n- **--sd-button--size-lg-font-size** - The large button text font size. _(default: undefined)_\n- **--sd-button--size-md-border-radius** - The medium button border radius. _(default: undefined)_\n- **--sd-button--size-lg-border-radius** - The large button border radius. _(default: undefined)_\n- **--sd-button--size-md-padding-block** - The medium button vertical padding value. _(default: undefined)_\n- **--sd-button--size-lg-padding-block** - The large button vertical padding value. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon-left** - The container that wraps the left icon area.\n- **label** - The button's label.\n- **icon-right** - The container that wraps the right icon area.\n- **motion-wrapper** - The container that wraps the motion animation.",
       "attributes": [
         {
           "name": "title",
@@ -843,6 +838,139 @@
         }
       ]
     },
+    {
+      "name": "sd-datepicker",
+      "description": "Used to enter or select a date or a range of dates using a calendar view.\n---\n\n\n### **Events:**\n - **sd-change** - Emitted when the date selection changes.\n- **sd-range-select** - Emitted when the date range selection changes.\n- **sd-select** - Emitted when the date selection changes.\n- **sd-datepicker-close** - Emitted when the datepicker is closed.\n- **sd-focus** - Emitted when the datepicker is focused.\n- **sd-blur** - Emitted when the datepicker is blurred.\n- **sd-month-change** - Emitted when the month is changed.\n- **sd-month-year** - Emitted when the year is changed.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The default slot.\n- **label** - The label for the date input.\n- **help-text** - The help text, displayed below the input.\n- **tooltip** - The tooltip icon and content.\n\n### **CSS Parts:**\n - **datepicker** - The component's base wrapper.\n- **header** - The header containing the month/year and navigation buttons.\n- **prev-year-button** - The button to go to the previous year.\n- **prev-month-button** - The button to go to the previous month.\n- **month-label** - The month and year label.\n- **next-month-button** - The button to go to the next month.\n- **next-year-button** - The button to go to the next year.\n- **grid** - The calendar grid container.\n- **weekday** - Each weekday label in the calendar header.\n- **day** - Each day button in the calendar grid.\n- **form-control** - The form control wrapper around the input.\n- **form-control-label** - The label for the input.\n- **form-control-input** - The input element.\n- **border** - The border around the input.\n- **invalid-icon** - The icon shown when the input is invalid.\n- **valid-icon** - The icon shown when the input is valid.\n- **form-control-help-text** - The help text, displayed below the input.",
+      "attributes": [
+        {
+          "name": "locale",
+          "description": "Used for formatting and announcements (e.g., 'en-US', 'de-DE').",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "Selected date in local ISO format (YYYY-MM-DD) when not in range mode.",
+          "values": []
+        },
+        {
+          "name": "range",
+          "description": "Enables date range selection when true.",
+          "values": []
+        },
+        {
+          "name": "rangeStart",
+          "description": "Range start date in local ISO format (YYYY-MM-DD).",
+          "values": []
+        },
+        {
+          "name": "rangeEnd",
+          "description": "Range end date in local ISO format (YYYY-MM-DD).",
+          "values": []
+        },
+        {
+          "name": "allowSameDayRange",
+          "description": "Allows selecting the same start and end date when true.",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "Minimum selectable date in local ISO format (YYYY-MM-DD).",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "max",
+          "description": "Maximum selectable date in local ISO format (YYYY-MM-DD).",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "firstDayOfWeek",
+          "description": "First day of the week (0=Sun .. 6=Sat). If null, defaults to 1 (Monday).",
+          "values": []
+        },
+        {
+          "name": "disabled-weekends",
+          "description": "When true, weekends (Saturday/Sunday) are disabled.",
+          "values": []
+        },
+        {
+          "name": "disabled-dates",
+          "description": "List of disabled dates as local ISO strings. Accepts array or CSV/JSON string.",
+          "values": [{ "name": "string[]" }]
+        },
+        {
+          "name": "size",
+          "description": "Size of the input and calendar visuals.",
+          "values": [{ "name": "lg" }, { "name": "md" }, { "name": "sm" }]
+        },
+        {
+          "name": "alignment",
+          "description": "Horizontal alignment of the flyout relative to the input.",
+          "values": [{ "name": "left" }, { "name": "right" }]
+        },
+        {
+          "name": "label",
+          "description": "Text label for the input. Can be overridden with slot=\"label\".",
+          "values": []
+        },
+        {
+          "name": "help-text",
+          "description": "Help text shown below the input. Can be overridden with slot=\"help-text\".",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the control entirely when true.",
+          "values": []
+        },
+        {
+          "name": "visually-disabled",
+          "description": "Makes the control non-interactive visually (like disabled) without disabling it functionally.",
+          "values": []
+        },
+        {
+          "name": "style-on-valid",
+          "description": "When true, applies success styling for valid selections.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Makes the input read-only (non-editable) when true.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "Preferred placement of the flyout relative to the input (top|bottom).",
+          "values": [{ "name": "top" }, { "name": "bottom" }]
+        },
+        { "name": "placeholder", "values": [] },
+        {
+          "name": "name",
+          "description": "The name of the datepicker, submitted as a name/value pair with form data.",
+          "values": []
+        },
+        {
+          "name": "form",
+          "description": "By default, form controls are associated with the nearest containing `<form>` element.\nThis attribute allows you to place the form control outside of a form and associate it\nwith the form that has this `id`.",
+          "values": []
+        },
+        {
+          "name": "dir",
+          "description": "The element's directionality.",
+          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
+        },
+        {
+          "name": "lang",
+          "description": "The element's language.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-datepicker--docs"
+        }
+      ]
+    },
     {
       "name": "sd-dialog",
       "description": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the dialog opens.\n- **sd-after-show** - Emitted after the dialog opens and all animations are complete.\n- **sd-hide** - Emitted when the dialog closes.\n- **sd-after-hide** - Emitted after the dialog closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n- **sd-request-close** - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the dialog.\n- **hide()** - Hides the dialog\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The dialog's main content.\n- **headline** - The dialog's headline. Alternatively, you can use the `headline` attribute.\n- **footer** - The dialog's footer, usually one or more buttons representing various options.\n- **close-button** - The dialog's close button. Works best with `<sd-button>` and `<sd-icon>`.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens. _(default: undefined)_\n- **--sd-panel-color-border** - The border color of the dialog panel. _(default: undefined)_\n- **--sd-overlay-color-background** - The background color of the dialog overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **overlay** - The overlay that covers the screen behind the dialog.\n- **panel** - The dialog's panel (where the dialog and its content are rendered).\n- **header** - The dialog's header. This element wraps the title and header actions.\n- **title** - The dialog's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The dialog's body.\n- **footer** - The dialog's footer.",
@@ -1655,7 +1783,7 @@
     },
     {
       "name": "sd-menu-item",
-      "description": "Menu items provide options for the user to pick from in a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel(): _string_** - Returns a text label based on the contents of the menu item's default slot.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **icon-indent** - Used to prepend an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The offset of the submenu from the parent menu item. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The icon shown when the menu item is checked.\n- **icon-indent** - The icon shown when the menu item has an indent.\n- **label** - The menu item's label.\n- **submenu-icon** - The icon shown when the menu item has a submenu.",
+      "description": "Menu items provide options for the user to pick from in a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel(): _string_** - Returns a text label based on the contents of the menu item's default slot.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **icon-indent** - Used to prepend an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The offset of the submenu from the parent menu item. _(default: undefined)_\n- **--sd-navigable-border-radius** - The menu-item border radius on hover. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The icon shown when the menu item is checked.\n- **icon-indent** - The icon shown when the menu item has an indent.\n- **label** - The menu item's label.\n- **submenu-icon** - The icon shown when the menu item has a submenu.",
       "attributes": [
         {
           "name": "type",
@@ -1698,7 +1826,7 @@
     },
     {
       "name": "sd-navigation-item",
-      "description": "Flexible button / link component that can be used to quickly build navigations. Takes one of 3 forms: link (overrides all other if 'href' is provided), button (default), or accordion (if 'children' slot defined).\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the navigation item has has children, no href, and is clicked while HTML details are hidden.\n- **sd-hide** - Emitted when the navigation item has has children, no href, and is clicked while HTML details are shown.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The navigation item's label.\n- **description** - *Vertical only: Slot used to provide a description for the navigation item.\n- **children** - Slot used to provide nested child navigation elements. If provided, details and summary elements will be used. A chevron will be shown on the right side regardless of the chevron property.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper including children.\n- **content-wrapper** - The component's content wrapper.\n- **content** - The component's content excluding children.\n- **chevron** - The container that wraps the chevron.\n- **description** - The component's description area below its main content.\n- **divider** - The component's optional top divider.",
+      "description": "Flexible button / link component that can be used to quickly build navigations. Takes one of 3 forms: link (overrides all other if 'href' is provided), button (default), or accordion (if 'children' slot defined).\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the navigation item has has children, no href, and is clicked while HTML details are hidden.\n- **sd-hide** - Emitted when the navigation item has has children, no href, and is clicked while HTML details are shown.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The navigation item's label.\n- **description** - *Vertical only: Slot used to provide a description for the navigation item.\n- **children** - Slot used to provide nested child navigation elements. If provided, details and summary elements will be used. A chevron will be shown on the right side regardless of the chevron property.\n\n### **CSS Properties:**\n - **--sd-navigation--current-color-text** - The navigation-item text color when current state. _(default: undefined)_\n- **--sd-navigation-color-text** - The navigation-item text color. _(default: undefined)_\n- **--sd-navigable-border-radius** - The navigation-item border radius on hover and active state. _(default: undefined)_\n- **--sd-navigable-font-size** - The navigation-item font size. _(default: undefined)_\n- **--sd-navigable__current-indicator-border-radius** - The navigation-item current indicator border radius value. _(default: undefined)_\n- **--sd-navigable__current-indicator-height** - The horizontal navigation-item current indicator height. _(default: undefined)_\n- **--sd-navigable__current-indicator-width** - The vertical navigation-item current indicator width. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper including children.\n- **content-wrapper** - The component's content wrapper.\n- **content** - The component's content excluding children.\n- **chevron** - The container that wraps the chevron.\n- **description** - The component's description area below its main content.\n- **divider** - The component's optional top divider.",
       "attributes": [
         {
           "name": "vertical",
@@ -2072,7 +2200,7 @@
     },
     {
       "name": "sd-quickfact",
-      "description": "Accordion shows a brief summary and expands to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the accordion opens.\n- **sd-after-show** - Emitted after the accordion opens and all animations are complete.\n- **sd-hide** - Emitted when the accordion closes.\n- **sd-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **icon** - Optional icon to show in the header. Works best with `<sd-icon>`.\n- _default_ - The accordion main content.\n- **summary** - The accordion summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sd-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sd-icon>`.\n\n### **CSS Parts:**\n - **icon** - The container that wraps the icon.\n- **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **summary-border** - The container that wraps the currently active accordions border.\n- **content** - The container that wraps the accordion content slot.\n- **content__slot** - The accordion content slot.",
+      "description": "Accordion shows a brief summary and expands to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the accordion opens.\n- **sd-after-show** - Emitted after the accordion opens and all animations are complete.\n- **sd-hide** - Emitted when the accordion closes.\n- **sd-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **icon** - Optional icon to show in the header. Works best with `<sd-icon>`.\n- _default_ - The accordion main content.\n- **summary** - The accordion summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sd-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sd-icon>`.\n\n### **CSS Properties:**\n - **--sd-accordion-border-width** - The accordion border width. _(default: undefined)_\n- **--sd-accordion-color-background** - The accordion background color. _(default: undefined)_\n- **--sd-accordion-color-text** - The accordion color text. _(default: undefined)_\n- **--sd-accordion-padding-block** - The accordion vertical padding value. _(default: undefined)_\n- **--sd-accordion__chevron-color-text** - The accordion chevron color. _(default: undefined)_\n- **--sd-accordion__indicator-color** - The accordion indicator color. _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The container that wraps the icon.\n- **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **summary-border** - The container that wraps the currently active accordions border.\n- **content** - The container that wraps the accordion content slot.\n- **content__slot** - The accordion content slot.",
       "attributes": [
         {
           "name": "expandable",
@@ -2763,7 +2891,7 @@
     },
     {
       "name": "sd-tab",
-      "description": "Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).\n---\n\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus to the tab.\n- **blur()** - Removes focus from the tab.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The tab's label.\n- **left** - Optional element (eg. icon) positioned to the left of the label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **active-tab-indicator** - The active tab indicator.\n- **hover-bottom-border** - The bottom border that appears when the tab is hovered.",
+      "description": "Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).\n---\n\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus to the tab.\n- **blur()** - Removes focus from the tab.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The tab's label.\n- **left** - Optional element (eg. icon) positioned to the left of the label.\n\n### **CSS Properties:**\n - **--sd-navigable-border-radius:** - The tab border radius on hover. _(default: undefined)_\n- **--sd-navigable__current-indicator-height:** - The tab current indicator height. _(default: undefined)_\n- **--sd-navigable__current-indicator-border-radius:** - The tab current indicator border radius value. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **active-tab-indicator** - The active tab indicator.\n- **hover-bottom-border** - The bottom border that appears when the tab is hovered.",
       "attributes": [
         {
           "name": "variant",
@@ -2810,7 +2938,7 @@
     },
     {
       "name": "sd-tab-group",
-      "description": "Tab groups organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **sd-tab-show** - Emitted when a tab is shown.\n- **sd-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tab group. Must be `<sd-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tab group. Must be `<sd-tab>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tab group's navigation container where tabs are slotted in.\n- **scroll-container** - The container that wraps the tabs and active-tab-indicator.\n- **tabs** - The container that wraps the tabs.\n- **separation** - The line that separates tabs from panels.\n- **body** - The tab group's body where tab panels are slotted in.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.\n- **scroll-button__base** - The scroll button's exported `base` part.",
+      "description": "Tab groups organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **sd-tab-show** - Emitted when a tab is shown.\n- **sd-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tab group. Must be `<sd-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tab group. Must be `<sd-tab>` elements.\n\n### **CSS Properties:**\n - **--sd-navigable__current-indicator-height:** - The tab current indicator height. _(default: undefined)_\n- **--sd-navigable__current-indicator-border-radius:** - The tab current indicator border radius value. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **nav** - The tab group's navigation container where tabs are slotted in.\n- **scroll-container** - The container that wraps the tabs and active-tab-indicator.\n- **tabs** - The container that wraps the tabs.\n- **separation** - The line that separates tabs from panels.\n- **body** - The tab group's body where tab panels are slotted in.\n- **scroll-button--start** - The starting scroll button.\n- **scroll-button--end** - The ending scroll button.\n- **scroll-button__base** - The scroll button's exported `base` part.",
       "attributes": [
         {
           "name": "activation",