@solid-design-system/components 5.16.0-next.0 → 5.16.0

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 ee}from"./chunks/chunk.PWANZ6S6.js";import{a as oe}from"./chunks/chunk.EIAAKAOJ.js";import{a as de}from"./chunks/chunk.CEVVDV52.js";import{a as U}from"./chunks/chunk.APG63PPE.js";import{a as W}from"./chunks/chunk.4XYCXFIF.js";import{a as X}from"./chunks/chunk.4RDRTX5J.js";import{a as Y}from"./chunks/chunk.PAJL6SPD.js";import{a as Z}from"./chunks/chunk.GRUVWXWT.js";import{a as _}from"./chunks/chunk.ICG75KLF.js";import{a as $}from"./chunks/chunk.IKTF6FZI.js";import{a as V}from"./chunks/chunk.5CX7ARQI.js";import"./chunks/chunk.IVHEBGOY.js";import{a as j}from"./chunks/chunk.ZBGSUJVI.js";import{a as q}from"./chunks/chunk.QS3D3RGF.js";import{a as y}from"./chunks/chunk.XGWFWKYC.js";import{a as z}from"./chunks/chunk.Y65AGI4J.js";import{a as J}from"./chunks/chunk.K4D7L775.js";import{a as K}from"./chunks/chunk.TLLR2QA5.js";import{a as N}from"./chunks/chunk.PFNXSCTA.js";import{a as O}from"./chunks/chunk.7MZ6EH36.js";import{a as P}from"./chunks/chunk.B6WGHPWV.js";import{a as E}from"./chunks/chunk.Z6XZU4JK.js";import{a as H}from"./chunks/chunk.SMMTYBDL.js";import{a as Q}from"./chunks/chunk.FBN2Z2EX.js";import{a as F}from"./chunks/chunk.TTONV6RN.js";import{a as R}from"./chunks/chunk.5FDFV46A.js";import{a as h}from"./chunks/chunk.3W7E4S74.js";import{a as A}from"./chunks/chunk.5L2V6LAR.js";import{a as w}from"./chunks/chunk.T4KDM5ZJ.js";import{a as v}from"./chunks/chunk.6ZGYHAEF.js";import"./chunks/chunk.HJ4O4XQA.js";import"./chunks/chunk.Y3GIPFVP.js";import{a as L}from"./chunks/chunk.CT564FJN.js";import{a as M}from"./chunks/chunk.RPJK4MP2.js";import{a as g}from"./chunks/chunk.AIX2OQWK.js";import"./chunks/chunk.635MGLIZ.js";import{a as k}from"./chunks/chunk.LFJ3DAYO.js";import{a as I}from"./chunks/chunk.VHPLNFVZ.js";import{a as B}from"./chunks/chunk.ESUSD633.js";import{a as C}from"./chunks/chunk.SMZOM26P.js";import{a as D}from"./chunks/chunk.O3YP2BFR.js";import{a as G}from"./chunks/chunk.QTMDJYVH.js";import{a as i}from"./chunks/chunk.VGJLXC4F.js";import"./chunks/chunk.LIO6LMTQ.js";import"./chunks/chunk.4SX3FTTZ.js";import{a as n}from"./chunks/chunk.PWTHZTXJ.js";import{a as T}from"./chunks/chunk.TGKADWFV.js";import"./chunks/chunk.US3OB3XU.js";import{a as b}from"./chunks/chunk.4VSX7CKT.js";import{a as c}from"./chunks/chunk.Q2DPVABQ.js";import"./chunks/chunk.EJI65G6N.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.LLAJVJKR.js";import{a as l}from"./chunks/chunk.4XAR32BD.js";import{a as m}from"./chunks/chunk.BGUTJQ53.js";import{a as x}from"./chunks/chunk.CRNFW6EC.js";import"./chunks/chunk.VJ2MHYFS.js";import{a as s}from"./chunks/chunk.MWGT5EZP.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.C577EOP7.js";import"./chunks/chunk.MHWW3RZB.js";import{a as S}from"./chunks/chunk.5DMZICSE.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.EVJSO3XI.js";import{a as o}from"./chunks/chunk.MQOTSNTG.js";import{a as r}from"./chunks/chunk.3ESZ3WNH.js";import"./chunks/chunk.XR2KNB36.js";import{a as p}from"./chunks/chunk.MRS22XQ4.js";import{a as f}from"./chunks/chunk.L3H6KE6C.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.GHTBLDQN.js";import{a as t}from"./chunks/chunk.6RNF7GSD.js";import"./chunks/chunk.NRBNWX7R.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.CHU57RUD.js";import"./chunks/chunk.SKUMYG4O.js";import"./chunks/chunk.PVM2WKMA.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.CIHK765X.js";import"./chunks/chunk.BOIDC3L5.js";import"./chunks/chunk.D6LAH53B.js";import{d as ae,e as re}from"./chunks/chunk.LXHLWQH7.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.MHPHKNZ5.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.L6MCOH7T.js";import"./chunks/chunk.CIAY7P3F.js";import"./chunks/chunk.2PZOUYOE.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.H2WXPNXQ.js";import"./chunks/chunk.RZUTJ36B.js";import"./chunks/chunk.6OTM3PE5.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.TJOCV4DC.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 SdDatepicker,k as SdDialog,I as SdDivider,f as SdDrawer,B as SdDropdown,C as SdExpandable,D as SdFlipcard,G as SdHeader,e as SdIcon,M as SdInclude,R as SdInput,h as SdLink,t as SdLoader,A as SdMapMarker,w as SdMenu,v as SdMenuItem,L 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,ee as SdTooltip,oe as SdVideo,ae as registerIconLibrary,de as setupAutocomplete,re 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.TJOCV4DC.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.TJOCV4DC.js";export{a as default};

package/cdn/utilities/animation-registry.js

@@ -1 +1 @@
-import{a,b,c}from"../chunks/chunk.B2NUKX6G.js";import"../chunks/chunk.6EV4YU6C.js";export{c as getAnimation,b as setAnimation,a as setDefaultAnimation};
+import{a,b,c}from"../chunks/chunk.SKUMYG4O.js";import"../chunks/chunk.TJOCV4DC.js";export{c as getAnimation,b as setAnimation,a as setDefaultAnimation};

package/cdn/utilities/animation.js

@@ -1 +1 @@
-import{b as e,c as a}from"../chunks/chunk.D4E5ZIRW.js";import"../chunks/chunk.6EV4YU6C.js";export{e as getAnimationNames,a as getEasingNames};
+import{b as e,c as a}from"../chunks/chunk.XR2KNB36.js";import"../chunks/chunk.TJOCV4DC.js";export{e as getAnimationNames,a as getEasingNames};

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.CEVVDV52.js";import"../chunks/chunk.Q2DPVABQ.js";import"../chunks/chunk.YEDQWNIV.js";import"../chunks/chunk.H2WXPNXQ.js";import"../chunks/chunk.RZUTJ36B.js";import"../chunks/chunk.6OTM3PE5.js";import"../chunks/chunk.TJOCV4DC.js";export{a as setupAutocomplete};

package/cdn/utilities/base-path.js

@@ -1 +1 @@
-import"../chunks/chunk.6EV4YU6C.js";var i="";function c(t){i=t}function r(){if(!i){let t=[...document.getElementsByTagName("script")],s=t.find(e=>e.hasAttribute("data-solid"));if(s)c(s.getAttribute("data-solid"));else{let e=t.find(n=>/solid(\.min)?\.js($|\?)/.test(n.src)),a="";e&&(a=e.getAttribute("src")),c(a.split("/").slice(0,-1).join("/"))}}return i.replace(/\/$/,"")}export{r as getBasePath,c as setBasePath};
+import"../chunks/chunk.TJOCV4DC.js";var i="";function c(t){i=t}function r(){if(!i){let t=[...document.getElementsByTagName("script")],s=t.find(e=>e.hasAttribute("data-solid"));if(s)c(s.getAttribute("data-solid"));else{let e=t.find(n=>/solid(\.min)?\.js($|\?)/.test(n.src)),a="";e&&(a=e.getAttribute("src")),c(a.split("/").slice(0,-1).join("/"))}}return i.replace(/\/$/,"")}export{r as getBasePath,c as setBasePath};

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.TJOCV4DC.js";export{a as DateUtils};

package/cdn/utilities/form.js

@@ -1 +1 @@
-import{a as i}from"../chunks/chunk.JS2HQ2N4.js";import"../chunks/chunk.763RLJEK.js";import"../chunks/chunk.6EV4YU6C.js";function m(e){let s=new FormData(e),o={};return s.forEach((r,t)=>{if(Reflect.has(o,t)){let n=o[t];Array.isArray(n)?n.push(r):o[t]=[o[t],r]}else o[t]=r}),o}function d(e){let o=[...e.getRootNode().querySelectorAll("*")],r=[...e.elements],t=i.get(e),n=t?Array.from(t):[];return[...r,...n].sort((l,c)=>o.indexOf(l)<o.indexOf(c)?-1:o.indexOf(l)>o.indexOf(c)?1:0)}export{d as getFormControls,m as serialize};
+import{a as i}from"../chunks/chunk.NRBNWX7R.js";import"../chunks/chunk.RZUTJ36B.js";import"../chunks/chunk.TJOCV4DC.js";function m(e){let s=new FormData(e),o={};return s.forEach((r,t)=>{if(Reflect.has(o,t)){let n=o[t];Array.isArray(n)?n.push(r):o[t]=[o[t],r]}else o[t]=r}),o}function d(e){let o=[...e.getRootNode().querySelectorAll("*")],r=[...e.elements],t=i.get(e),n=t?Array.from(t):[];return[...r,...n].sort((l,c)=>o.indexOf(l)<o.indexOf(c)?-1:o.indexOf(l)>o.indexOf(c)?1:0)}export{d as getFormControls,m as serialize};

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.LXHLWQH7.js";import"../chunks/chunk.K7HF3VBZ.js";import"../chunks/chunk.MHPHKNZ5.js";import"../chunks/chunk.PYHYYOBE.js";import"../chunks/chunk.TJOCV4DC.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.L6MCOH7T.js";import"../chunks/chunk.CIAY7P3F.js";import"../chunks/chunk.2PZOUYOE.js";import"../chunks/chunk.HJGLYEWV.js";import"../chunks/chunk.TJOCV4DC.js";export{a as LocalizeController};

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

@@ -268,7 +268,7 @@
     },
     {
       "name": "sd-breadcrumb",
-      "description": "A responsive breadcrumb navigation component used to visualize a page's location\nwithin the site's hierarchy and provide easy navigation to previous sections.\n---\n\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_ - `sd-breadcrumb-item` elements to display in the breadcrumb.\n\n### **CSS Properties:**\n - **--sd-breadcrumb__separator-color** - The color of the breadcrumb separators. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **list** - The list containing the slotted elements.\n- **truncated** - The truncated wrapper.\n- **truncated-dropdown** - The truncated dropdown containing the truncated breadcrumbs.",
+      "description": "A responsive breadcrumb navigation component used to visualize a page's location\nwithin the site's hierarchy and provide easy navigation to previous sections.\n---\n\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_ - `sd-breadcrumb-item` elements to display in the breadcrumb.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **list** - The list containing the slotted elements.\n- **truncated** - The truncated wrapper.\n- **truncated-dropdown** - The truncated dropdown containing the truncated breadcrumbs.",
       "attributes": [
         {
           "name": "label",
@@ -314,12 +314,7 @@
         },
         {
           "name": "current",
-          "description": "When set, the attribute `aria-current=\"page\"` will be applied.",
-          "values": []
-        },
-        {
-          "name": "isMobile",
-          "description": "When set, a chevron-left icon will be rendered.",
+          "description": "When set, the attribute `aria-current=\"page\"` will be applied",
           "values": []
         },
         {
@@ -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 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,9 +838,142 @@
         }
       ]
     },
+    {
+      "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.",
+      "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\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.",
       "attributes": [
         {
           "name": "open",
@@ -914,7 +1042,7 @@
     },
     {
       "name": "sd-drawer",
-      "description": "Drawers slide in from a container to expose additional options and information.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the drawer opens.\n- **sd-after-show** - Emitted after the drawer opens and all animations are complete.\n- **sd-hide** - Emitted when the drawer closes.\n- **sd-after-hide** - Emitted after the drawer closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the drawer 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 drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the drawer.\n- **hide()** - Hides the drawer\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 drawer's main content.\n- **header** - The drawer's header, usually a title.\n- **footer** - The drawer's footer, usually one or more buttons representing various options.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the drawer. depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens. _(default: undefined)_\n- **--sd-panel-color-border** - The border color of the drawer panel. _(default: undefined)_\n- **--sd-overlay-color-background** - The background color of the drawer overlay. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **overlay** - The overlay that covers the screen behind the drawer.\n- **panel** - The drawer's panel (where the drawer and its content are rendered).\n- **header** - The drawer's header. This element wraps the title and the close-button.\n- **title** - The drawer's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The drawer's body.\n- **footer** - The drawer's footer.",
+      "description": "Drawers slide in from a container to expose additional options and information.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the drawer opens.\n- **sd-after-show** - Emitted after the drawer opens and all animations are complete.\n- **sd-hide** - Emitted when the drawer closes.\n- **sd-after-hide** - Emitted after the drawer closes and all animations are complete.\n- **sd-initial-focus** - Emitted when the drawer 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 drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss.\n\n### **Methods:**\n - **show()** - Shows the drawer.\n- **hide()** - Hides the drawer\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 drawer's main content.\n- **header** - The drawer's header, usually a title.\n- **footer** - The drawer's footer, usually one or more buttons representing various options.\n\n### **CSS Properties:**\n - **--width** - The preferred width of the drawer. depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **overlay** - The overlay that covers the screen behind the drawer.\n- **panel** - The drawer's panel (where the drawer and its content are rendered).\n- **header** - The drawer's header. This element wraps the title and the close-button.\n- **title** - The drawer's title.\n- **close-button** - The close button, an `<sd-button>`.\n- **body** - The drawer's body.\n- **footer** - The drawer's footer.",
       "attributes": [
         {
           "name": "open",
@@ -961,7 +1089,7 @@
     },
     {
       "name": "sd-dropdown",
-      "description": "Dropdowns expose additional content that \"drops down\" in a panel.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the dropdown opens.\n- **sd-after-show** - Emitted after the dropdown opens and all animations are complete.\n- **sd-hide** - Emitted when the dropdown closes.\n- **sd-after-hide** - Emitted after the dropdown closes and all animations are complete.\n\n### **Methods:**\n - **getAccessibleTrigger(): _HTMLElement | null_** - Slotted triggers can be arbitrary content. The accessible trigger is the tabbable element\nwithin the slotted trigger. This could be the slotted element itself, a child of the slotted element,\nor an element within the slotted elements shadow root.\n\ne.g. the accessible trigger of an <sd-button> is a <button> located inside its shadow root.\n\nTo determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\"\n- **show()** - Shows the dropdown panel.\n- **hide()** - Hides the dropdown panel\n- **reposition()** - Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated.\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 dropdown's main content.\n- **trigger** - The dropdown's trigger, usually a `<sd-button>` element.\n\n### **CSS Properties:**\n - **--sd-panel-color-border** - The border color of the dropdown panel. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **base__popup** - The popup's exported `popup` part. Use this to target the dropdowns' popup container.\n- **trigger** - The container that wraps the trigger.\n- **panel** - The panel that gets shown when the dropdown is open.",
+      "description": "Dropdowns expose additional content that \"drops down\" in a panel.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the dropdown opens.\n- **sd-after-show** - Emitted after the dropdown opens and all animations are complete.\n- **sd-hide** - Emitted when the dropdown closes.\n- **sd-after-hide** - Emitted after the dropdown closes and all animations are complete.\n\n### **Methods:**\n - **getAccessibleTrigger(): _HTMLElement | null_** - Slotted triggers can be arbitrary content. The accessible trigger is the tabbable element\nwithin the slotted trigger. This could be the slotted element itself, a child of the slotted element,\nor an element within the slotted elements shadow root.\n\ne.g. the accessible trigger of an <sd-button> is a <button> located inside its shadow root.\n\nTo determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\"\n- **show()** - Shows the dropdown panel.\n- **hide()** - Hides the dropdown panel\n- **reposition()** - Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated.\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 dropdown's main content.\n- **trigger** - The dropdown's trigger, usually a `<sd-button>` element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **base__popup** - The popup's exported `popup` part. Use this to target the dropdowns' popup container.\n- **trigger** - The container that wraps the trigger.\n- **panel** - The panel that gets shown when the dropdown is open.",
       "attributes": [
         {
           "name": "open",
@@ -1136,7 +1264,7 @@
     },
     {
       "name": "sd-header",
-      "description": "Header\n---\n\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 header's default content.\n\n### **CSS Properties:**\n - **--sd-header-inner-width** - width of the header content _(default: undefined)_\n- **--sd-header-inner-max-width** - max-width of the header content _(default: undefined)_\n- **--sd-header-padding** - padding-left and padding-right of the header content _(default: undefined)_\n- **--sd-header-color-background** - The background color of the header. _(default: undefined)_\n\n### **CSS Parts:**\n - **main** - The container that wraps the header's content.",
+      "description": "Header\n---\n\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 header's default content.\n\n### **CSS Properties:**\n - **--sd-header-inner-width** - width of the header content _(default: undefined)_\n- **--sd-header-inner-max-width** - max-width of the header content _(default: undefined)_\n- **--sd-header-padding** - padding-left and padding-right of the header content _(default: undefined)_\n\n### **CSS Parts:**\n - **main** - The container that wraps the header's content.",
       "attributes": [
         {
           "name": "fixed",
@@ -1470,7 +1598,7 @@
     },
     {
       "name": "sd-link",
-      "description": "A link component.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the link loses focus.\n- **sd-focus** - Emitted when the link gains focus.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\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- **icon-left** - The icon to display on the left side of the link.\n- **icon-right** - The icon to display on the right side of the link.\n\n### **CSS Properties:**\n - **--sd-interactive--active-color-text** - The link's text color when active. _(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 link's label.\n- **icon-right** - The container that wraps the right icon area.",
+      "description": "A link component.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the link loses focus.\n- **sd-focus** - Emitted when the link gains focus.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\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- **icon-left** - The icon to display on the left side of the link.\n- **icon-right** - The icon to display on the right side of the link.\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 link's label.\n- **icon-right** - The container that wraps the right icon area.",
       "attributes": [
         {
           "name": "standalone",
@@ -1786,7 +1914,7 @@
     },
     {
       "name": "sd-notification",
-      "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the notification opens.\n- **sd-after-show** - Emitted after the notification opens and all animations are complete.\n- **sd-hide** - Emitted when the notification closes.\n- **sd-after-hide** - Emitted after the notification closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the notification.\n- **hide()** - Hides the notification\n- **toast()** - Displays the notification as a toast notification. This will move the notification out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the notification, you can reuse it by\ncalling this method again. The returned promise will resolve after the notification is hidden.\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 sd-notification's main content.\n- **icon** - An icon to show in the sd-notification. Works best with `<sd-icon>`.\n\n### **CSS Properties:**\n - **--sd-panel-color-border** - The border color of panels for toast notifications. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **wrapper** - The container that wraps all the notification elements.\n- **icon** - The container that wraps the optional icon.\n- **content** - The container that wraps the notifications's main content and the close button.\n- **message** - The container that wraps the notifications's main content.\n- **duration-indicator__elapsed** - The current duration indicator.\n- **duration-indicator__total** - The total duration indicator.\n- **close-button** - The close button, an `<sd-icon-button>`.",
+      "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the notification opens.\n- **sd-after-show** - Emitted after the notification opens and all animations are complete.\n- **sd-hide** - Emitted when the notification closes.\n- **sd-after-hide** - Emitted after the notification closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the notification.\n- **hide()** - Hides the notification\n- **toast()** - Displays the notification as a toast notification. This will move the notification out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the notification, you can reuse it by\ncalling this method again. The returned promise will resolve after the notification is hidden.\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 sd-notification's main content.\n- **icon** - An icon to show in the sd-notification. Works best with `<sd-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **wrapper** - The container that wraps all the notification elements.\n- **icon** - The container that wraps the optional icon.\n- **content** - The container that wraps the notifications's main content and the close button.\n- **message** - The container that wraps the notifications's main content.\n- **duration-indicator__elapsed** - The current duration indicator.\n- **duration-indicator__total** - The total duration indicator.\n- **close-button** - The close button, an `<sd-icon-button>`.",
       "attributes": [
         {
           "name": "variant",
@@ -2156,7 +2284,7 @@
     },
     {
       "name": "sd-radio-button",
-      "description": "Radio buttons allow the user to select a single option from a group using a button-like control.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the radio button.\n- **blur()** - Removes focus from the radio button.\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 radio button's label.\n- **icon** - A presentational icon.\n\n### **CSS Properties:**\n - **--sd-button--primary--default-color-background** - The background color of radio-button when checked. _(default: undefined)_\n- **--sd-button--primary--default-color-text** - The text color of radio-button when checked. _(default: undefined)_\n- **--sd-button--primary--hover-color-background** - The background color of radio-button on hover when checked. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **button** - The internal `<button>` element.\n- **button--checked** - The internal button element when the radio button is checked.\n- **icon** - The container that wraps the icon.\n- **label** - The container that wraps the radio button's label.",
+      "description": "Radio buttons allow the user to select a single option from a group using a button-like control.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the radio button.\n- **blur()** - Removes focus from the radio button.\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 radio button's label.\n- **icon** - A presentational icon.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **button** - The internal `<button>` element.\n- **button--checked** - The internal button element when the radio button is checked.\n- **icon** - The container that wraps the icon.\n- **label** - The container that wraps the radio button's label.",
       "attributes": [
         {
           "name": "size",
@@ -2869,7 +2997,7 @@
     },
     {
       "name": "sd-tag",
-      "description": "Tags are used as labels to organize things or to indicate a selection.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the tag loses focus.\n- **sd-focus** - Emitted when the tag gains focus.\n- **sd-remove** - Emitted when the remove button is activated.\n- **sd-hide** - Emitted when the hide method is triggered.\n- **sd-after-hide** - Emitted after the tag is hidden and all animations are complete.\n\n### **Methods:**\n - **click()** - Simulates a click on the tag.\n- **focus(options: _FocusOptions_)** - Sets focus on the tag.\n- **blur()** - Removes focus from the tag.\n- **hide()** - Visually hides the tag\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 tag's content.\n- **removable-indicator** - The tag's removability indicator.\n\n### **CSS Properties:**\n - **--sd-tag--selected--default-color-background** - The default background color for selected tags. _(default: undefined)_\n- **--sd-tag--selected--default-color-text** - The default text color for selected tags. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The tag's content.\n- **removable-indicator** - The tag's removability indicator.",
+      "description": "Tags are used as labels to organize things or to indicate a selection.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the tag loses focus.\n- **sd-focus** - Emitted when the tag gains focus.\n- **sd-remove** - Emitted when the remove button is activated.\n- **sd-hide** - Emitted when the hide method is triggered.\n- **sd-after-hide** - Emitted after the tag is hidden and all animations are complete.\n\n### **Methods:**\n - **click()** - Simulates a click on the tag.\n- **focus(options: _FocusOptions_)** - Sets focus on the tag.\n- **blur()** - Removes focus from the tag.\n- **hide()** - Visually hides the tag\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 tag's content.\n- **removable-indicator** - The tag's removability indicator.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The tag's content.\n- **removable-indicator** - The tag's removability indicator.",
       "attributes": [
         {
           "name": "size",
@@ -3172,28 +3300,6 @@
         }
       ]
     },
-    {
-      "name": "sd-theme-listener",
-      "description": "Theme listener is a utility that listens to theme changes and triggers an event.\n---\n\n\n### **Events:**\n - **sd-theme-change** - Emitted when the sd-theme changes.\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.",
-      "attributes": [
-        {
-          "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-theme-listener--docs"
-        }
-      ]
-    },
     {
       "name": "sd-tooltip",
       "description": "Tooltips display additional information based on a specific action.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the tooltip begins to show.\n- **sd-after-show** - Emitted after the tooltip has shown and all animations are complete.\n- **sd-hide** - Emitted when the tooltip begins to hide.\n- **sd-after-hide** - Emitted after the tooltip has hidden and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the tooltip.\n- **hide()** - Hides the tooltip\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 tooltip's target element. Avoid slotting in more than one element, as subsequent ones will be ignored.\n- **anchor** - Slot to change the default trigger icon. The default icon is an info circle.\n- **content** - The content to render in the tooltip. Alternatively, you can use the `content` attribute.\n\n### **CSS Properties:**\n - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_\n- **--hide-delay** - The amount of time to wait before hiding the tooltip when hovering. _(default: undefined)_\n- **--show-delay** - The amount of time to wait before showing the tooltip when hovering. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<sd-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **base__arrow** - The popup's exported `arrow` part. Use this to target the tooltip's arrow.\n- **body** - The tooltip's body where its content is rendered.",