@solid-design-system/components 6.22.1 → 6.23.0

package/dist/solid-components.js

@@ -2,201 +2,204 @@ import {
   setupAutocomplete
 } from "./chunks/chunk.EAJ3CM6N.js";
 import "./chunks/chunk.HAL7R4WT.js";
+import {
+  SdTeaser
+} from "./chunks/chunk.RQN4WSFL.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.G5R47M2B.js";
+} from "./chunks/chunk.EYTDOBZ4.js";
 import {
   SdTextarea
-} from "./chunks/chunk.X3SWQRRP.js";
+} from "./chunks/chunk.XRYVTNMS.js";
 import {
   SdThemeListener
-} from "./chunks/chunk.3MUWC7ZQ.js";
+} from "./chunks/chunk.RWGWOZ23.js";
 import {
   SdVideo
-} from "./chunks/chunk.FRLOS6P7.js";
+} from "./chunks/chunk.LKDQ3TXG.js";
+import {
+  SdSpinner
+} from "./chunks/chunk.AIG5N2FZ.js";
 import {
   SdStep
-} from "./chunks/chunk.3P3ZLPSI.js";
+} from "./chunks/chunk.R6M52RPI.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.J3RX4Y6S.js";
+} from "./chunks/chunk.SLLHUOTL.js";
 import {
   SdSwitch
-} from "./chunks/chunk.YT23TSJR.js";
+} from "./chunks/chunk.EIHPDMVS.js";
 import {
   SdTab
-} from "./chunks/chunk.MLDYTATL.js";
+} from "./chunks/chunk.FMLTJI4Z.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.TE6LK5OI.js";
+} from "./chunks/chunk.6DDIBH76.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.TQGIML36.js";
+} from "./chunks/chunk.NNMBBWIU.js";
 import {
-  SdTeaser
-} from "./chunks/chunk.RMSZCVAI.js";
+  SdRadioButton
+} from "./chunks/chunk.R3ZRRK4P.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.W6PBLDS5.js";
+} from "./chunks/chunk.5OP2MB2L.js";
 import {
   SdRange
-} from "./chunks/chunk.3NFW33UT.js";
+} from "./chunks/chunk.GUTW4VQD.js";
 import {
   SdTooltip
-} from "./chunks/chunk.RU5GF26P.js";
+} from "./chunks/chunk.SUQL6D3H.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.DYG4FWRG.js";
+} from "./chunks/chunk.NIKLDQ35.js";
 import {
   SdScrollable
-} from "./chunks/chunk.GFHNKXRG.js";
+} from "./chunks/chunk.KEUBCTKM.js";
 import {
   SdSelect
-} from "./chunks/chunk.EDHEUF6G.js";
+} from "./chunks/chunk.WASJNAOH.js";
 import {
   SdSkeleton
-} from "./chunks/chunk.SLUGXG7E.js";
-import {
-  SdSpinner
-} from "./chunks/chunk.AQ5RLVDO.js";
+} from "./chunks/chunk.TEHS57B5.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.7BSLFKU5.js";
+} from "./chunks/chunk.KTT6XPZB.js";
 import {
   SdNotification
-} from "./chunks/chunk.UF4HXV3V.js";
+} from "./chunks/chunk.FWMPHWGG.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.I4T5RT5D.js";
+} from "./chunks/chunk.6V7SKGRY.js";
 import {
   SdOption
-} from "./chunks/chunk.H3SVUQP3.js";
+} from "./chunks/chunk.DGV5QTN6.js";
+import {
+  SdProgressBar
+} from "./chunks/chunk.DDBIUIIK.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.7AGLFNJK.js";
+} from "./chunks/chunk.5XP6OIKT.js";
 import {
   SdRadio
-} from "./chunks/chunk.BR5PPGBX.js";
-import {
-  SdRadioButton
-} from "./chunks/chunk.NWI2U6GV.js";
+} from "./chunks/chunk.JB2XZ4FY.js";
 import {
   SdInput
-} from "./chunks/chunk.B4TM2WST.js";
+} from "./chunks/chunk.YNVPCLKL.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.HDGNHXRQ.js";
+} from "./chunks/chunk.BIYQLL42.js";
 import {
   SdMenu
-} from "./chunks/chunk.ZXAAMEZI.js";
+} from "./chunks/chunk.4QZT4Y6W.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.WXXHOSE3.js";
+} from "./chunks/chunk.AXZSMHWW.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdHeader
-} from "./chunks/chunk.UWOJEWNV.js";
+} from "./chunks/chunk.6MMNEOUE.js";
 import {
   SdInclude
-} from "./chunks/chunk.EXZ6VFXN.js";
+} from "./chunks/chunk.JYUKVPUJ.js";
 import {
   SdDatepicker
-} from "./chunks/chunk.LQBN4KWJ.js";
+} from "./chunks/chunk.GQ4ENMDG.js";
 import "./chunks/chunk.A4LR62QO.js";
 import "./chunks/chunk.TJ2FFWLY.js";
 import {
   SdDialog
-} from "./chunks/chunk.EEEIIJMB.js";
+} from "./chunks/chunk.YEO5QKA7.js";
 import {
   SdDivider
-} from "./chunks/chunk.ZOLOAEEA.js";
+} from "./chunks/chunk.BCZIRWVM.js";
 import {
   SdExpandable
-} from "./chunks/chunk.POKSS32D.js";
+} from "./chunks/chunk.EHIUARAT.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.AJ6IUEXD.js";
+} from "./chunks/chunk.XFU4IJSC.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.RS7M5R4R.js";
+} from "./chunks/chunk.XH6YS5HC.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.TJI3UYUJ.js";
+} from "./chunks/chunk.CTVKYPFB.js";
 import {
   SdCombobox
-} from "./chunks/chunk.CMHJNHR6.js";
+} from "./chunks/chunk.X4BIP2Y2.js";
 import {
   SdTag
-} from "./chunks/chunk.DG6HQUYC.js";
+} from "./chunks/chunk.OXCSSHRT.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.J5A33XU2.js";
+} from "./chunks/chunk.4F4N3QQ6.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.6XTGETVW.js";
+} from "./chunks/chunk.2N4PQ34O.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.D2XKPNOP.js";
+} from "./chunks/chunk.JHGRQU5N.js";
 import {
   SdDropdown
-} from "./chunks/chunk.M4O3MDU3.js";
+} from "./chunks/chunk.D3CLWL6Z.js";
 import {
   SdPopup
-} from "./chunks/chunk.VTBH4LAP.js";
+} from "./chunks/chunk.TRG462TJ.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.7BT4WAQS.js";
+} from "./chunks/chunk.QWPXBE3R.js";
 import {
   SdLink
-} from "./chunks/chunk.2XO44VKK.js";
-import "./chunks/chunk.BS2ZPKOG.js";
+} from "./chunks/chunk.2KU6UVWZ.js";
+import "./chunks/chunk.LMXGFI7F.js";
 import {
   SdCarousel
-} from "./chunks/chunk.KVKO4ZLN.js";
+} from "./chunks/chunk.M52SSKFL.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.6RE6UZ72.js";
 import "./chunks/chunk.UVI5HHLF.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.5NTF57TJ.js";
+} from "./chunks/chunk.YSZ7WBON.js";
 import "./chunks/chunk.F4VGSDIW.js";
+import {
+  SdAnimation
+} from "./chunks/chunk.P7RNSWL3.js";
+import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.JQBYEVD6.js";
+} from "./chunks/chunk.KGQHJROJ.js";
 import {
   SdAccordion
-} from "./chunks/chunk.UI7JLJDL.js";
-import {
-  SdAnimation
-} from "./chunks/chunk.SB4P52KM.js";
-import "./chunks/chunk.TJOP7HQP.js";
+} from "./chunks/chunk.TEHKQWUZ.js";
 import {
   SdAudio
-} from "./chunks/chunk.KWD3E7PP.js";
+} from "./chunks/chunk.ZF4JCUFV.js";
 import {
   SdDrawer
-} from "./chunks/chunk.4CYDINDB.js";
+} from "./chunks/chunk.ZCOV36IT.js";
 import "./chunks/chunk.SF6AUNJF.js";
 import "./chunks/chunk.EDMG7C5H.js";
 import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.2PFOTMKD.js";
+} from "./chunks/chunk.MUOLK3RU.js";
 import {
   SdLoader
-} from "./chunks/chunk.YSZ5CL7K.js";
+} from "./chunks/chunk.N7WMSLKA.js";
 import "./chunks/chunk.C3WIBDGG.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.AGSJ3MWY.js";
+} from "./chunks/chunk.TRF5JEMH.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -212,7 +215,7 @@ import {
 import "./chunks/chunk.X4IYFUX6.js";
 import "./chunks/chunk.BT6SAX2H.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.H53WQBDK.js";
+import "./chunks/chunk.BVWAKEFC.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -253,6 +256,7 @@ export {
   SdOptgroup,
   SdOption,
   SdPopup,
+  SdProgressBar,
   SdQuickfact,
   SdRadio,
   SdRadioButton,

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.EAJ3CM6N.js";
-import "../chunks/chunk.VTBH4LAP.js";
-import "../chunks/chunk.H53WQBDK.js";
+import "../chunks/chunk.TRG462TJ.js";
+import "../chunks/chunk.BVWAKEFC.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -2241,6 +2241,58 @@
         }
       ]
     },
+    {
+      "name": "sd-progress-bar",
+      "description": "Progress bars are used to visualize the completion state of a process.\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 - **label** - The input's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Properties:**\n - **--height** - Use this property to set the height of the progress-bar. _(default: undefined)_\n- **--sd-progress-bar__slide-bar--inverted-color-background** - The background color of the progress bar when the `inverted` attribute is set. _(default: undefined)_\n- **--sd-progress-bar__slide-bar-color-background** - The background color of the progress bar. _(default: undefined)_\n- **--sd-progress-bar--active--inverted-color-background** - The color of the progress indicator when the `inverted` attribute is set. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **value-right** - Value's on the right side of the indicator.\n- **value-bottom** - Value's on the bottom of the indicator.\n- **label** - The label element.\n- **bar** - The progress bar's container.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The current progress value.",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "The maximum progress value.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
+          "values": []
+        },
+        {
+          "name": "value-position",
+          "description": "Displays the progress value on the right side of the indicator.",
+          "values": [{ "name": "right" }, { "name": "bottom" }]
+        },
+        {
+          "name": "inverted",
+          "description": "Inverts the progress bar's colors.",
+          "values": []
+        },
+        {
+          "name": "show-label",
+          "description": "Shows the label visually.",
+          "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-progress-bar--docs"
+        }
+      ]
+    },
     {
       "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 Properties:**\n - **--sd-quickfact--expandable-color-text** - The text color for expandable quickfact. _(default: undefined)_\n- **--sd-accordion-border-width** - The accordion border width. _(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__indicator-color** - The accordion indicator color. _(default: undefined)_\n- **--sd-accordion-color-icon-fill** - The accordion icon color. _(default: undefined)_\n- **--sd-accordion--hover-color-background** - The accordion hover background color. _(default: undefined)_\n- **--sd-accordion--open-color-text** - The accordion color text when open. _(default: undefined)_\n- **--sd-accordion-color-border** - The accordion color border. _(default: undefined)_\n- **--sd-accordion__chevron-color-text** - This custom property is deprecated. Use `--sd-accordion-color-icon-fill`instead. _(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.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "6.22.1",
+  "version": "6.23.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -5013,6 +5013,114 @@
             ]
           }
         },
+        {
+          "name": "sd-progress-bar",
+          "description": "Progress bars are used to visualize the completion state of a process.\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 - **label** - The input's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Properties:**\n - **--height** - Use this property to set the height of the progress-bar. _(default: undefined)_\n- **--sd-progress-bar__slide-bar--inverted-color-background** - The background color of the progress bar when the `inverted` attribute is set. _(default: undefined)_\n- **--sd-progress-bar__slide-bar-color-background** - The background color of the progress bar. _(default: undefined)_\n- **--sd-progress-bar--active--inverted-color-background** - The color of the progress indicator when the `inverted` attribute is set. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **value-right** - Value's on the right side of the indicator.\n- **value-bottom** - Value's on the bottom of the indicator.\n- **label** - The label element.\n- **bar** - The progress bar's container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "The current progress value.",
+              "value": { "type": "number | null", "default": "null" }
+            },
+            {
+              "name": "max",
+              "description": "The maximum progress value.",
+              "value": { "type": "number", "default": "100" }
+            },
+            {
+              "name": "label",
+              "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "value-position",
+              "description": "Displays the progress value on the right side of the indicator.",
+              "value": {
+                "type": "'right' | 'bottom' | null",
+                "default": "null"
+              }
+            },
+            {
+              "name": "inverted",
+              "description": "Inverts the progress bar's colors.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "show-label",
+              "description": "Shows the label visually.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "dir",
+              "description": "The element's directionality.",
+              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
+            },
+            {
+              "name": "lang",
+              "description": "The element's language.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "label",
+              "description": "The input's label. Alternatively, you can use the `label` attribute."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "The current progress value.",
+                "type": "number | null"
+              },
+              {
+                "name": "max",
+                "description": "The maximum progress value.",
+                "type": "number"
+              },
+              {
+                "name": "label",
+                "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
+                "type": "string"
+              },
+              {
+                "name": "valuePosition",
+                "description": "Displays the progress value on the right side of the indicator.",
+                "type": "'right' | 'bottom' | null"
+              },
+              {
+                "name": "inverted",
+                "description": "Inverts the progress bar's colors.",
+                "type": "boolean"
+              },
+              {
+                "name": "showLabel",
+                "description": "Shows the label visually.",
+                "type": "boolean"
+              },
+              {
+                "name": "valueFormatter",
+                "description": "A function used to format the progress-bar's value.\nThe value of the progress-bar is passed as the only argument.\nThe function should return a string to display in the value-position part.",
+                "type": "(value: number) => string"
+              },
+              { "name": "localize" },
+              {
+                "name": "dir",
+                "description": "The element's directionality.",
+                "type": "'ltr' | 'rtl' | 'auto'"
+              },
+              {
+                "name": "lang",
+                "description": "The element's language.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "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 Properties:**\n - **--sd-quickfact--expandable-color-text** - The text color for expandable quickfact. _(default: undefined)_\n- **--sd-accordion-border-width** - The accordion border width. _(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__indicator-color** - The accordion indicator color. _(default: undefined)_\n- **--sd-accordion-color-icon-fill** - The accordion icon color. _(default: undefined)_\n- **--sd-accordion--hover-color-background** - The accordion hover background color. _(default: undefined)_\n- **--sd-accordion--open-color-text** - The accordion color text when open. _(default: undefined)_\n- **--sd-accordion-color-border** - The accordion color border. _(default: undefined)_\n- **--sd-accordion__chevron-color-text** - This custom property is deprecated. Use `--sd-accordion-color-icon-fill`instead. _(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.",

package/dist-versioned/chunks/{chunk.2XO44VKK.js → chunk.2KU6UVWZ.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.H53WQBDK.js";
+} from "./chunk.BVWAKEFC.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -84,7 +84,7 @@ var SdLink = class extends SolidElement {
 SdLink.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-::slotted(sd-6-22-1-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-6-22-1-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-6-22-1-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
+::slotted(sd-6-23-0-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-6-23-0-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-6-23-0-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
 ];
 __decorateClass([
   query("a")
@@ -111,7 +111,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdLink.prototype, "download", 2);
 SdLink = __decorateClass([
-  customElement("sd-6-22-1-link")
+  customElement("sd-6-23-0-link")
 ], SdLink);
 
 export {

package/dist-versioned/chunks/{chunk.6XTGETVW.js → chunk.2N4PQ34O.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.H53WQBDK.js";
+} from "./chunk.BVWAKEFC.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -66,13 +66,13 @@ var SdBrandshape = class extends SolidElement {
       "w-full block relative"
     )}"><div part="shape-middle" class="${cx(
       {
-        "neutral-100": "sd-6-22-1-brandshape--neutral-100-color-background",
-        primary: "sd-6-22-1-brandshape--primary-color-background",
-        white: "sd-6-22-1-brandshape--white-color-background",
+        "neutral-100": "sd-6-23-0-brandshape--neutral-100-color-background",
+        primary: "sd-6-23-0-brandshape--primary-color-background",
+        white: "sd-6-23-0-brandshape--white-color-background",
         "border-white": "bg-transparent",
         "border-primary": "bg-transparent",
-        "primary|80": "sd-6-22-1-brandshape--primary-80-color-background",
-        "white|80": "sd-6-22-1-brandshape--white-80-color-background",
+        "primary|80": "sd-6-23-0-brandshape--primary-80-color-background",
+        "white|80": "sd-6-23-0-brandshape--white-80-color-background",
         image: "bg-transparent"
       }[this.variant],
       "w-full block absolute h-full top-0 left-0 z-0"
@@ -87,13 +87,13 @@ var SdBrandshape = class extends SolidElement {
   renderWhitespaceFix(position) {
     return html`<div class="${cx(
       {
-        "neutral-100": "sd-6-22-1-brandshape--neutral-100-color-background",
-        primary: "sd-6-22-1-brandshape--primary-color-background",
-        white: "sd-6-22-1-brandshape--white-color-background",
+        "neutral-100": "sd-6-23-0-brandshape--neutral-100-color-background",
+        primary: "sd-6-23-0-brandshape--primary-color-background",
+        white: "sd-6-23-0-brandshape--white-color-background",
         "border-white": "bg-transparent",
         "border-primary": "bg-transparent",
-        "primary|80": "sd-6-22-1-brandshape--primary-80-color-background",
-        "white|80": "sd-6-22-1-brandshape--white-80-color-background",
+        "primary|80": "sd-6-23-0-brandshape--primary-80-color-background",
+        "white|80": "sd-6-23-0-brandshape--white-80-color-background",
         image: "bg-transparent"
       }[this.variant],
       { top: "bottom-0", bottom: "top-0" }[position],
@@ -135,7 +135,7 @@ __decorateClass([
   state()
 ], SdBrandshape.prototype, "componentBreakpoint", 2);
 SdBrandshape = __decorateClass([
-  customElement("sd-6-22-1-brandshape")
+  customElement("sd-6-23-0-brandshape")
 ], SdBrandshape);
 
 export {

package/dist-versioned/chunks/{chunk.J5A33XU2.js → chunk.4F4N3QQ6.js}

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

package/dist-versioned/chunks/{chunk.ZXAAMEZI.js → chunk.4QZT4Y6W.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.H53WQBDK.js";
+} from "./chunk.BVWAKEFC.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -113,7 +113,7 @@ var SdMenu = class extends SolidElement {
   }
   isMenuItem(item) {
     var _a;
-    return item.tagName.toLowerCase() === "sd-6-22-1-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
+    return item.tagName.toLowerCase() === "sd-6-23-0-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
   }
   /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
   getAllItems() {
@@ -148,13 +148,13 @@ var SdMenu = class extends SolidElement {
 SdMenu.styles = [
   ...SolidElement.styles,
   css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-22-1-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`
+:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-23-0-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`
 ];
 __decorateClass([
   query("slot")
 ], SdMenu.prototype, "defaultSlot", 2);
 SdMenu = __decorateClass([
-  customElement("sd-6-22-1-menu")
+  customElement("sd-6-23-0-menu")
 ], SdMenu);
 
 export {