@solid-design-system/mcp 6.28.1 → 6.29.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 6.29.0
+
+## 6.28.2
+
+### Patch Changes
+
+- Updated dependencies. See details in the Pull Request _[`#3163`](https://github.com/solid-design-system/solid/pull/3163) [`91ff1c8`](https://github.com/solid-design-system/solid/commit/91ff1c81831fb3522c534306a61b8a5be3562f64) [@rahulsuvarna18](https://github.com/rahulsuvarna18)_
+
 ## 6.28.1
 
 ## 6.28.0

package/metadata/packages/components/sd-accordion/info.md

@@ -41,7 +41,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - part.summary-icon: The container that wraps the expand/collapse icons.
 - part.summary-border: The container that wraps the currently active accordions border.
 - part.content: The container that wraps the accordion content slot.
-- part.content\_\_slot: The accordion content slot.
+- part.content__slot: The accordion content slot.
 
 ## Guidelines
 

package/metadata/packages/components/sd-badge/stories/variant.md

@@ -24,7 +24,7 @@
   return generateTemplate({ args });
   }
   };
-  /\*\*
+  /**
   Use the `variant` attribute to set the badge’s variant:
 - `blue`
 - `green`

package/metadata/packages/components/sd-brandshape/info.md

@@ -15,7 +15,7 @@ Use the components tool by passing the args `component` and `example` for any of
 
 ### Key Properties
 
-- prop.variant: |'neutral-100'|'primary'|'white'|'border-primary'|'border-white'|'primary|80'|'white|80'|'image', default='primary' — The brandshape's theme variant.
+- prop.variant: 'neutral-100'|'primary'|'white'|'border-primary'|'border-white'|'primary|80'|'white|80'|'image', default='primary' — The brandshape's theme variant.
 - prop.shapes: ('top'|'middle'|'bottom')[], default=['top', 'middle', 'bottom'] — Defines which shapes of the brandshape should be displayed.
 - prop.dir: 'ltr'|'rtl'|'auto' — The element's directionality.
 - prop.lang: string — The element's language.

package/metadata/packages/components/sd-brandshape/stories/variant.md

@@ -33,7 +33,6 @@ options: shapes
 },
 decorators: [
 (story: () => typeof html) => html`
-
 <style>
 body:not(:has(.sd-theme-ui-light, .sd-theme-ui-dark)) .slot {
 display: none;

package/metadata/packages/components/sd-breadcrumb-item/info.md

@@ -7,7 +7,7 @@
 ### Key Properties
 
 - prop.href: string, default='' — When not set, the breadcrumb will render as disabled.
-- prop.target: '\_blank'|'\_parent'|'\_self'|'\_top' — Tells the browser where to open the link. Only used when `href` is present.
+- prop.target: '_blank'|'_parent'|'_self'|'_top' — Tells the browser where to open the link. Only used when `href` is present.
 - prop.current: boolean, default=false — When set, the attribute `aria-current="page"` will be applied.
 - prop.dir: 'ltr'|'rtl'|'auto' — The element's directionality.
 - prop.lang: string — The element's language.

package/metadata/packages/components/sd-button/info.md

@@ -33,7 +33,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.value: string, default='' — The value of the button, submitted as a pair with the button's name as part of the form data, but only when this
   button is the submitter. This attribute is ignored when `href` is present.
 - prop.href: string, default='' — When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
-- prop.target: '\_blank'|'\_parent'|'\_self'|'\_top' — Tells the browser where to open the link. Only used when `href` is present.
+- prop.target: '_blank'|'_parent'|'_self'|'_top' — Tells the browser where to open the link. Only used when `href` is present.
 - prop.download: string|undefined — Tells the browser to download the linked file as this filename. Only used when `href` is present.
 - prop.form: string — The "form owner" to associate the button with. If omitted, the closest containing form will be used instead. The
   value of this attribute must be an id of a form in the same document or shadow root as the button.
@@ -41,7 +41,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.formEnctype [attr: formenctype]: 'application/x-www-form-urlencoded'|'multipart/form-data'|'text/plain' — Used to override the form owner's `enctype` attribute.
 - prop.formMethod [attr: formmethod]: 'post'|'get' — Used to override the form owner's `method` attribute.
 - prop.formNoValidate [attr: formnovalidate]: boolean — Used to override the form owner's `novalidate` attribute.
-- prop.formTarget [attr: formtarget]: '\_self'|'\_blank'|'\_parent'|'\_top' — Used to override the form owner's `target` attribute.
+- prop.formTarget [attr: formtarget]: '_self'|'_blank'|'_parent'|'_top' — Used to override the form owner's `target` attribute.
 - prop.validity: — Gets the validity state object
 - prop.validationMessage: — Gets the validation message
 - prop.dir: 'ltr'|'rtl'|'auto' — The element's directionality.

package/metadata/packages/components/sd-button/stories/visually-disabled.md

@@ -4,19 +4,19 @@ Use the `visually-disabled` attribute to style the component as if it was disabl
 
 ```html
 <div class="flex gap-12 h-[100px] mt-12">
-  <sd-tooltip content="Visually Disabled" trigger="hover focus" size="sm" placement="top">
+  <sd-tooltip content="Visually disabled" trigger="hover focus" size="sm" placement="top">
     <sd-button variant="primary" visually-disabled>Visually disabled</sd-button>
   </sd-tooltip>
 
-  <sd-tooltip content="Visually Disabled" trigger="hover focus" size="sm" placement="top">
+  <sd-tooltip content="Visually disabled" trigger="hover focus" size="sm" placement="top">
     <sd-button variant="secondary" visually-disabled>Visually disabled</sd-button>
   </sd-tooltip>
 
-  <sd-tooltip content="Visually Disabled" trigger="hover focus" size="sm" placement="top">
+  <sd-tooltip content="Visually disabled" trigger="hover focus" size="sm" placement="top">
     <sd-button variant="tertiary" visually-disabled>Visually disabled</sd-button>
   </sd-tooltip>
 
-  <sd-tooltip content="Visually Disabled" trigger="hover focus" size="sm" placement="top">
+  <sd-tooltip content="Visually disabled" trigger="hover focus" size="sm" placement="top">
     <sd-button variant="cta" visually-disabled>Visually disabled</sd-button>
   </sd-tooltip>
 </div>

package/metadata/packages/components/sd-carousel/info.md

@@ -27,7 +27,8 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.fade: boolean, default=false — When set, slides will fade between each other instead of scrolling.
 - prop.slidesPerPage [attr: slides-per-page]: number, default=1 — Specifies how many slides should be shown at a given time.
 - prop.slidesPerMove [attr: slides-per-move]: number, default=1 — Use `slides-per-move` to set how many slides the carousel advances when scrolling. This is useful when specifying a `slides-per-page` greater than one. By setting `slides-per-move` to the same value as `slides-per-page`, the carousel will advance by one page at a time.<br>
-<b>Note:</b><br>
+  <b>Note:</b><br>
+
 <li> The number of slides should be divisible by the number of `slides-per-page` to maintain consistent scroll behavior.</li>
 <li>Variations between `slides-per-move` and `slides-per-page` can lead to unexpected scrolling behavior. Keep your intended UX in mind when adjusting these values.</li>
 - prop.dir: 'ltr'|'rtl'|'auto' — The element's directionality.

package/metadata/packages/components/sd-datepicker/stories/visually-disabled.md

@@ -5,7 +5,7 @@ Use the `visually-disabled` attribute to style the component as if it was disa
 ```html
 <div class="max-w-[370px] h-[500px]">
   <sd-tooltip content="Visually Disabled" trigger="hover focus" size="sm" placement="top">
-    <sd-datepicker label="Label" placeholder="Visually Disabled" visually-disabled></sd-datepicker>
+    <sd-datepicker label="Label" placeholder="Visually disabled" visually-disabled></sd-datepicker>
   </sd-tooltip>
 </div>
 ```

package/metadata/packages/components/sd-dialog/stories/headline.md

@@ -2,7 +2,7 @@ Use the `headline` attribute to set the headline of the dialog. If you need to u
 
 ```html
 <div class="h-[40vh]">
-  <sd-button id="headline-drawer-trigger">Open Dialog</sd-button>
+  <sd-button id="headline-drawer-trigger">Open dialog</sd-button>
   <sd-dialog id="headline-dialog" open headline="Headline">
     <p class="sd-paragraph">
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et

package/metadata/packages/components/sd-dialog/stories/no-close-button.md

@@ -3,7 +3,7 @@ Use the `no-close-button` attribute to hide the close button in the dialog.
 
 ```html
 <div class="h-[40vh]">
-  <sd-button id="no-close-drawer-trigger">Open Dialog</sd-button>
+  <sd-button id="no-close-drawer-trigger">Open dialog</sd-button>
   <sd-dialog id="no-close-dialog" headline="Headline" open no-close-button>
     <p class="sd-paragraph">
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et

package/metadata/packages/components/sd-dialog/stories/open.md

@@ -1,48 +1,49 @@
 **Known browser issues:**
 
 - When the headline is set by slot instead of attribute, the dialog name is not being announced by VoiceOver in Chrome and Firefox.
-/
-export default {
-title: 'Components/sd-dialog',
-component: 'sd-dialog',
-tags: ['!dev', 'autodocs'],
-args: overrideArgs([
-{
-type: 'attribute',
-name: 'open',
-value: true
-},
-{
-type: 'slot',
-name: 'default',
-value: `<div class="slot slot--border slot--text h-16 w-full">Default slot</div>`
-},
-{
-type: 'slot',
-name: 'headline',
-value: `<div slot="headline" class="slot slot--border slot--text h-16">Headline slot</div>`
-},
-{
-type: 'slot',
-name: 'footer',
-value: `<div slot="footer" class="slot slot--border slot--text h-16 w-full">Footer slot</div>`
-}
-]),
-argTypes,
-parameters: {
-...parameters,
-design: {
-type: 'figma',
-url: 'https://www.figma.com/design/YDktJcseQIIQbsuCpoKS4V/Component-Docs?node-id=2216-42723&node-type=section&t=5PpAC3TA3kYF7ufX-0'
-}
-}
-};
-export const Default = {
-render: (args: any) => {
-return html` <div style="height: 40vh;">
-${generateTemplate({
-args
-})}
+  /
+  export default {
+  title: 'Components/sd-dialog',
+  component: 'sd-dialog',
+  tags: ['!dev', 'autodocs'],
+  args: overrideArgs([
+  {
+  type: 'attribute',
+  name: 'open',
+  value: true
+  },
+  {
+  type: 'slot',
+  name: 'default',
+  value: `<div class="slot slot--border slot--text h-16 w-full">Default slot</div>`
+  },
+  {
+  type: 'slot',
+  name: 'headline',
+  value: `<div slot="headline" class="slot slot--border slot--text h-16">Headline slot</div>`
+  },
+  {
+  type: 'slot',
+  name: 'footer',
+  value: `<div slot="footer" class="slot slot--border slot--text h-16 w-full">Footer slot</div>`
+  }
+  ]),
+  argTypes,
+  parameters: {
+  ...parameters,
+  design: {
+  type: 'figma',
+  url: 'https://www.figma.com/design/YDktJcseQIIQbsuCpoKS4V/Component-Docs?node-id=2216-42723&node-type=section&t=5PpAC3TA3kYF7ufX-0'
+  }
+  }
+  };
+  export const Default = {
+  render: (args: any) => {
+  return html` <div style="height: 40vh;">
+  ${generateTemplate({
+  args
+  })}
+
 </div>`;
 }
 };
@@ -51,7 +52,7 @@ Use the `open` attribute to show the dialog.
 
 ```html
 <div class="h-[40vh]">
-  <sd-button id="drawer-trigger">Open Dialog</sd-button>
+  <sd-button id="drawer-trigger">Open dialog</sd-button>
   <sd-dialog id="dialog" open>
     <span slot="headline" class="sd-headline sd-headline--size-3xl">Lorem ipsum</span>
     <p class="sd-paragraph">

package/metadata/packages/components/sd-drawer/stories/no-header.md

@@ -1,7 +1,7 @@
 Use the `no-header` attribute to remove the header from the drawer.
 
 ```html
-<sd-button id="noHeaderButton">Open Drawer</sd-button>
+<sd-button id="noHeaderButton">Open drawer</sd-button>
 <div style="width: auto; height: 40vh; position: relative;">
   <sd-drawer open no-header placement="start" id="noHeaderDrawer" label="No header drawer">
     <div class="slot slot--border slot--text h-full">Default slot</div>

package/metadata/packages/components/sd-drawer/stories/open.md

@@ -1,7 +1,7 @@
 Use the `open` attribute to set the state of the drawer to open.
 
 ```html
-<sd-button id="openButton">Open Drawer</sd-button>
+<sd-button id="openButton">Open drawer</sd-button>
 <div style="width: auto; height: 40vh; position: relative;">
   <sd-drawer open label="example" placement="start" id="openDrawer">
     <sd-button slot="header" variant="tertiary">
@@ -10,8 +10,8 @@ Use the `open` attribute to set the state of the drawer to open.
     </sd-button>
     <div class="slot slot--border slot--text h-full">Default slot</div>
     <div slot="footer" class="flex flex-col w-full gap-4">
-      <sd-button variant="primary">Primary Action</sd-button>
-      <sd-button variant="secondary">Secondary Action</sd-button>
+      <sd-button variant="primary">Primary action</sd-button>
+      <sd-button variant="secondary">Secondary action</sd-button>
     </div>
   </sd-drawer>
 </div>

package/metadata/packages/components/sd-drawer/stories/placement.md

@@ -4,14 +4,14 @@ Use the `placement` attribute to change the position of the drawer:
 - `end`: The drawer will be positioned on the right side of the screen.
 
 ```html
-<sd-button id="placementButton">Open Drawer</sd-button>
+<sd-button id="placementButton">Open drawer</sd-button>
 <div style="width: auto; height: 40vh; position: relative;">
   <sd-drawer open placement="start" id="placementDrawer" label="Placement drawer">
     <sd-input slot="header" type="search" size="lg" placeholder="Start typing" label="Search"></sd-input>
     <div class="slot slot--border slot--text h-full">Default slot</div>
     <div slot="footer" class="flex flex-col w-full gap-4">
-      <sd-button variant="primary">Primary Action</sd-button>
-      <sd-button variant="secondary">Secondary Action</sd-button>
+      <sd-button variant="primary">Primary action</sd-button>
+      <sd-button variant="secondary">Secondary action</sd-button>
     </div>
   </sd-drawer>
 </div>

package/metadata/packages/components/sd-dropdown/info.md

@@ -52,7 +52,7 @@ Use the components tool by passing the args `component` and `example` for any of
 ### CSS Parts
 
 - part.base: The component's base wrapper.
-- part.base\_\_popup: The popup's exported `popup` part. Use this to target the dropdowns' popup container.
+- part.base__popup: The popup's exported `popup` part. Use this to target the dropdowns' popup container.
 - part.trigger: The container that wraps the trigger.
 - part.panel: The panel that gets shown when the dropdown is open.
 

package/metadata/packages/components/sd-icon/stories/name.md

@@ -17,7 +17,7 @@ Icons can be used to indicate an action or to represent content.
   return generateTemplate({ args });
   }
   };
-  /\*\*
+  /**
   Use the `name` attribute to change the icon. Checkout these lists of Union Investment's icons for available names:
 - [Content Icons](?path=/story/components-sd-icon-default--library-default-content)
 - [System Icons](?path=/story/components-sd-icon-default--library-default-system)

package/metadata/packages/components/sd-input/info.md

@@ -33,10 +33,10 @@ Use the components tool by passing the args `component` and `example` for any of
 
 ### Key Properties
 
-- prop.type: |'date'|'datetime-local'|'email'|'number'|'password'|'search'|'tel'|'text'|'time'|'url', default='text' — The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults
+- prop.type: 'date'|'datetime-local'|'email'|'number'|'password'|'search'|'tel'|'text'|'time'|'url', default='text' — The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults
   to `text`.
 - prop.size: 'lg'|'md'|'sm', default='lg' — The input's size.
-- prop.inputmode: |'none'|'text'|'decimal'|'numeric'|'tel'|'search'|'email'|'url' — Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
+- prop.inputmode: 'none'|'text'|'decimal'|'numeric'|'tel'|'search'|'email'|'url' — Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
   keyboard on supportive devices.
 - prop.value: string, default='' — The current value of the input, submitted as a name/value pair with form data.
 - prop.defaultValue: string, default='' — The default value of the form control. Primarily used for resetting the form control.
@@ -64,11 +64,11 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.pattern: string — A regular expression pattern to validate input against.
 - prop.step: number|'any' — Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is
   implied, allowing any numeric value. Only applies to date and number input types.
-- prop.autocapitalize: |'off'|'none'|'on'|'sentences'|'words'|'characters' — Controls whether and how text input is automatically capitalized as it is entered by the user.
+- prop.autocapitalize: 'off'|'none'|'on'|'sentences'|'words'|'characters' — Controls whether and how text input is automatically capitalized as it is entered by the user.
 - prop.autocomplete: string — Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
   [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
 - prop.autofocus: boolean — Indicates that the input should receive focus on page load.
-- prop.enterkeyhint: |'enter'|'done'|'go'|'next'|'previous'|'search'|'send' — Used to customize the label or icon of the Enter key on virtual keyboards.
+- prop.enterkeyhint: 'enter'|'done'|'go'|'next'|'previous'|'search'|'send' — Used to customize the label or icon of the Enter key on virtual keyboards.
 - prop.styleOnValid [attr: style-on-valid]: boolean, default=false — Shows success styles if the validity of the input is valid.
 - prop.spellcheck: boolean, default=true — Enables spell checking on the input.
 - prop.valueAsDate: — Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.

package/metadata/packages/components/sd-link/info.md

@@ -23,7 +23,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.inverted: boolean, default=false — Inverts the link.
 - prop.href: string, default='' — When not set, the link will render as disabled.
 - prop.visuallyDisabled [attr: visually-disabled]: boolean, default=false — Styles the link as if it was disabled and enables aria-disabled
-- prop.target: '\_blank'|'\_parent'|'\_self'|'\_top' — Tells the browser where to open the link. Only used when `href` is present.
+- prop.target: '_blank'|'_parent'|'_self'|'_top' — Tells the browser where to open the link. Only used when `href` is present.
 - prop.download: string|undefined — Tells the browser to download the linked file as this filename. Only used when `href` is present.
 - prop.dir: 'ltr'|'rtl'|'auto' — The element's directionality.
 - prop.lang: string — The element's language.

package/metadata/packages/components/sd-link/stories/as-link.md

@@ -6,7 +6,7 @@
 <div class="flex gap-12">
   <sd-link href="https://solid-design-system.fe.union-investment.de/docs/?path=/docs/docs-general-introduction--docs"
     >Link</sd-link
-  ><sd-link href="https://union-investment.com" target="_blank">New Window</sd-link
+  ><sd-link href="https://union-investment.com" target="_blank">New window</sd-link
   ><sd-link href="./placeholders/src/images/collaboration.jpg" download>Download</sd-link>
 </div>
 ```

package/metadata/packages/components/sd-link/stories/icon.md

@@ -4,10 +4,10 @@ Use the `icon-left` and `icon-right` slots to add system icons to each side of t
 <div class="flex gap-12">
   <sd-link href="https://solid-design-system.fe.union-investment.de/docs/" standalone>
     <sd-icon name="system/image" slot="icon-left"></sd-icon>
-    Icon Left
+    Icon left
   </sd-link>
   <sd-link href="https://solid-design-system.fe.union-investment.de/docs/" standalone>
-    Icon Right
+    Icon right
     <sd-icon name="system/image" slot="icon-right"></sd-icon>
   </sd-link>
 </div>

package/metadata/packages/components/sd-link/stories/visually-disabled.md

@@ -4,13 +4,13 @@ Use the `visually-disabled` attribute to style the component as if it was disabl
 
 ```html
 <div class="flex gap-12 h-[100px] pt-12">
-  <sd-tooltip content="Visually Disabled" trigger="hover focus" size="sm">
+  <sd-tooltip content="Visually disabled" trigger="hover focus" size="sm">
     <sd-link
       size="lg"
       href="https://solid-design-system.fe.union-investment.de/docs/"
       visually-disabled
       class="visually-disabled-link"
-      >Visually Disabled</sd-link
+      >Visually disabled</sd-link
     >
   </sd-tooltip>
 </div>

package/metadata/packages/components/sd-map-marker/info.md

@@ -22,7 +22,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.animated: boolean, default=false — The map-marker's is animated when displayed.
 - prop.notInteractive [attr: not-interactive]: boolean, default=false — Determines if the map-marker is interactive.
 - prop.href: string, default='' — When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
-- prop.target: '\_blank'|'\_parent'|'\_self'|'\_top' — Tells the browser where to open the link. Only used when `href` is present.
+- prop.target: '_blank'|'_parent'|'_self'|'_top' — Tells the browser where to open the link. Only used when `href` is present.
 - prop.label: string, default='' — Only relevant when map-marker is interactive.
   When set, it will be used to announce the name of the map-marker to screenreaders,
   otherwise, screenreaders will announce the content inside the default slot.

package/metadata/packages/components/sd-menu/stories/icon.md

@@ -50,7 +50,6 @@ ${generateTemplate({
 args
 })}
 </sd-dropdown>
-
 </div>`;
 }
 };

package/metadata/packages/components/sd-navigation-item/info.md

@@ -27,7 +27,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.vertical: boolean, default=false — The navigation item's orientation. If false, properties below this point are not used.
 - prop.size: 'md'|'lg'|'sm', default='md' — The navigation item's font size.
 - prop.href: string — The navigation item's href target. If provided, the navigation item will use an anchor tag otherwise it will use a button tag. The 'children' slot and accordion behavior will be ignored if an 'href' is provided.
-- prop.target: '\_blank'|'\_parent'|'\_self'|'\_top' — Tells the browser where to open the link. Only used when `href` is defined.
+- prop.target: '_blank'|'_parent'|'_self'|'_top' — Tells the browser where to open the link. Only used when `href` is defined.
 - prop.download: string|undefined — Tells the browser to download the linked file as this filename. Only used when `href` is defined.
 - prop.current: boolean, default=false — Indicates that the navigation item is currently selected. The aria-current attribute is set to "page" on the host if true.
 - prop.disabled: boolean, default=false — Disables the navigation item.
@@ -48,7 +48,7 @@ Use the components tool by passing the args `component` and `example` for any of
 ### Slots
 
 - slot.default: The navigation item's label.
-- slot.description: \*Vertical only: Slot used to provide a description for the navigation item.
+- slot.description: *Vertical only: Slot used to provide a description for the navigation item.
 - slot.children: Slot used to provide nested child navigation elements. If provided, details and summary elements will be used. A chevron will be shown on the right side regardless of the chevron property.
 
 ### CSS Parts

package/metadata/packages/components/sd-navigation-item/stories/accordion.md

@@ -7,9 +7,9 @@ Add `children` slot to the navigation item to create an accordion.
 
 ```html
 <sd-navigation-item vertical>
-  <div>Vertical Navigation with Accordion</div>
-  <sd-navigation-item vertical indented slot="children"> Sub Navigation 1 </sd-navigation-item>
-  <sd-navigation-item vertical indented slot="children"> Sub Navigation 2 </sd-navigation-item>
-  <sd-navigation-item vertical indented slot="children"> Sub Navigation 3 </sd-navigation-item>
+  <div>Vertical navigation with accordion</div>
+  <sd-navigation-item vertical indented slot="children"> Sub navigation 1 </sd-navigation-item>
+  <sd-navigation-item vertical indented slot="children"> Sub navigation 2 </sd-navigation-item>
+  <sd-navigation-item vertical indented slot="children"> Sub navigation 3 </sd-navigation-item>
 </sd-navigation-item>
 ```

package/metadata/packages/components/sd-navigation-item/stories/chevron.md

@@ -6,5 +6,5 @@ Use the `chevron` attribute to add a chevron to the navigation item.
 - `Accordion` variant always show up / down chevron to reflect open state.
 
 ```html
-<sd-navigation-item vertical chevron>Vertical Navigation with Chevron</sd-navigation-item>
+<sd-navigation-item vertical chevron>Vertical navigation with chevron</sd-navigation-item>
 ```

package/metadata/packages/components/sd-navigation-item/stories/current.md

@@ -2,7 +2,7 @@ Use the `current` attribute to change the navigation item to a current state and
 
 ```html
 <div class="flex flex-col gap-6">
-  <sd-navigation-item class="w-[174px]" current>Current Horizontal</sd-navigation-item>
-  <sd-navigation-item vertical current>Current Vertical</sd-navigation-item>
+  <sd-navigation-item class="w-[174px]" current>Current horizontal</sd-navigation-item>
+  <sd-navigation-item vertical current>Current vertical</sd-navigation-item>
 </div>
 ```

package/metadata/packages/components/sd-navigation-item/stories/description.md

@@ -3,7 +3,7 @@ Use the `description` slot to provide a description for the navigation item.
 
 ```html
 <sd-navigation-item vertical>
-  Vertical Navigation with Description
+  Vertical navigation with description
   <p slot="description" class="sd-paragraph">
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nibh justo ullam.
   </p>

package/metadata/packages/components/sd-navigation-item/stories/disabled.md

@@ -1,5 +1,5 @@
 Use the `disabled` attribute to disable the navigation item.
 
 ```html
-<sd-navigation-item disabled>Disabled Navigation</sd-navigation-item>
+<sd-navigation-item disabled>Disabled navigation</sd-navigation-item>
 ```

package/metadata/packages/components/sd-navigation-item/stories/divider.md

@@ -2,5 +2,5 @@ Use the `divider` attribute to add a divider above the navigation item.
 **Hint:** Only works with `vertical` attribute.
 
 ```html
-<sd-navigation-item vertical divider>Vertical Navigation with Divider</sd-navigation-item>
+<sd-navigation-item vertical divider>Vertical navigation with divider</sd-navigation-item>
 ```

package/metadata/packages/components/sd-navigation-item/stories/indented.md

@@ -3,6 +3,6 @@ Use `indented` attribute to add padding to the left side.
 
 ```html
 <div>
-  <sd-navigation-item vertical indented>Indented Navigation</sd-navigation-item>
+  <sd-navigation-item vertical indented>Indented navigation</sd-navigation-item>
 </div>
 ```

package/metadata/packages/components/sd-navigation-item/stories/orientation.md

@@ -1,6 +1,6 @@
 Use the `vertical` attribute to set the axis of the navigation-item.
 
 ```html
-<sd-navigation-item>Horizontal Navigation</sd-navigation-item>
-<sd-navigation-item vertical>Vertical Navigation</sd-navigation-item>
+<sd-navigation-item>Horizontal navigation</sd-navigation-item>
+<sd-navigation-item vertical>Vertical navigation</sd-navigation-item>
 ```

package/metadata/packages/components/sd-navigation-item/stories/relaxed.md

@@ -3,6 +3,6 @@ Use `relaxed` attribute to add padding to both sides.
 
 ```html
 <div class="w-[400px]">
-  <sd-navigation-item vertical relaxed>Relaxed Navigation</sd-navigation-item>
+  <sd-navigation-item vertical relaxed>Relaxed navigation</sd-navigation-item>
 </div>
 ```

package/metadata/packages/components/sd-navigation-item/stories/separated.md

@@ -6,9 +6,9 @@ Use the `separated` attribute, to have more that only one action. It is possible
 
 ```html
 <sd-navigation-item href="https://www.union-investment.de/" target="_blank" vertical separated>
-  <div>Vertical Navigation Separated</div>
-  <sd-navigation-item vertical indented slot="children"> Sub Navigation 1 </sd-navigation-item>
-  <sd-navigation-item vertical indented slot="children"> Sub Navigation 2 </sd-navigation-item>
-  <sd-navigation-item vertical indented slot="children"> Sub Navigation 3 </sd-navigation-item>
+  <div>Vertical navigation separated</div>
+  <sd-navigation-item vertical indented slot="children"> Sub navigation 1 </sd-navigation-item>
+  <sd-navigation-item vertical indented slot="children"> Sub navigation 2 </sd-navigation-item>
+  <sd-navigation-item vertical indented slot="children"> Sub navigation 3 </sd-navigation-item>
 </sd-navigation-item>
 ```

package/metadata/packages/components/sd-notification/info.md

@@ -50,8 +50,8 @@ Use the components tool by passing the args `component` and `example` for any of
 - part.icon: The container that wraps the optional icon.
 - part.content: The container that wraps the notifications's main content and the close button.
 - part.message: The container that wraps the notifications's main content.
-- part.duration-indicator\_\_elapsed: The current duration indicator.
-- part.duration-indicator\_\_total: The total duration indicator.
+- part.duration-indicator__elapsed: The current duration indicator.
+- part.duration-indicator__total: The total duration indicator.
 - part.close-button: The close button, an `<sd-icon-button>`.
 
 ## Guidelines

package/metadata/packages/components/sd-notification/stories/toast-notification.md

@@ -24,6 +24,7 @@ Use the `toastStack` attribute to change the position of the toast notifications
 
 - It requires the use of the `toast` method to work. Click on the `Show code` button to see the JavaScript code responsible for generating the toast notification.
 - Click on one of the buttons below to see the corresponding toast notification.
+
 <h4 class="sd-headline sd-headline--size-lg">Toast placement top right</h4>
 Use the `data-notification-position` attribute with the value `top-right` to align the toast to the top right.
 

package/metadata/packages/components/sd-popup/info.md

@@ -19,7 +19,7 @@
 - prop.arrow: boolean, default=false — Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
   `--arrow-color` custom properties. For additional customizations, you can also target the arrow using
   `::part(arrow)` in your stylesheet.
-- prop.arrowPlacement [attr: arrow-placement]: |'start'|'end'|'center'|'anchor', default='anchor' — The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
+- prop.arrowPlacement [attr: arrow-placement]: 'start'|'end'|'center'|'anchor', default='anchor' — The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
   anchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will
   align the arrow to the start, end, or center of the popover instead.
 - prop.arrowPadding [attr: arrow-padding]: number, default=10 — The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,

package/metadata/packages/components/sd-quickfact/info.md

@@ -45,7 +45,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - part.summary-icon: The container that wraps the expand/collapse icons.
 - part.summary-border: The container that wraps the currently active accordions border.
 - part.content: The container that wraps the accordion content slot.
-- part.content\_\_slot: The accordion content slot.
+- part.content__slot: The accordion content slot.
 
 ## Guidelines
 

package/metadata/packages/components/sd-quickfact/stories/expandable.md

@@ -10,7 +10,6 @@ args: overrideArgs([
 type: 'slot',
 name: 'summary',
 value: `<div slot="summary" class="flex flex-col sm:gap-4"> <p class="text-base font-normal leading-normal sm:text-4xl sm:leading-tight">Lorem Ipsum</p>
-
 <div class="text-base font-normal leading-normal sm:text-xl">Con sectetur adipiscing elit</div></div>`
 },
 {

package/metadata/packages/components/sd-radio-group/info.md

@@ -56,7 +56,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - part.form-control-label: The label's wrapper.
 - part.form-control-input: The input's wrapper.
 - part.button-group: The button group that wraps radio buttons.
-- part.button-group\_\_base: The button group's `base` part.
+- part.button-group__base: The button group's `base` part.
 
 ## Guidelines
 

package/metadata/packages/components/sd-radio-group/stories/required.md

@@ -1,5 +1,5 @@
 Use the `required` attribute to mark the element as required. This can be used for form validation purposes.
-**Accessibility Hint:** To ensure screen-reader compatibility, consider including a statement such as "Fields marked with an asterisk (\*) are required" at the start of the form.
+**Accessibility Hint:** To ensure screen-reader compatibility, consider including a statement such as "Fields marked with an asterisk (*) are required" at the start of the form.
 
 ```html
 <form id="required-form" class="flex flex-col gap-8">

package/metadata/packages/components/sd-range/info.md

@@ -24,7 +24,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.disabled: boolean, default=false — Disables the range.
 - prop.visuallyDisabled [attr: visually-disabled]: boolean, default=false — Disables the range visually.
 - prop.noTrackBar [attr: no-track-bar]: boolean, default=false — Disables the active track bar.
-- prop.tooltip: |'on-interaction'|'hidden'|'always-visible', default='on-interaction' — Defines the thumbs tooltip behaviour.
+- prop.tooltip: 'on-interaction'|'hidden'|'always-visible', default='on-interaction' — Defines the thumbs tooltip behaviour.
 - prop.defaultValue: string, default='' — The default value of the form control. Primarily used for resetting the form control.
 - prop.value: — The current values of the input (in ascending order) as a string of space separated values
 - prop.valueAsArray: — Gets or sets the current values of the range as an array of numbers

package/metadata/packages/components/sd-select/info.md

@@ -93,9 +93,9 @@ Use the components tool by passing the args `component` and `example` for any of
 - part.listbox: The listbox container where options are slotted.
 - part.tags: The container that houses option tags when `multiselect` is used.
 - part.tag: The individual tags that represent each multiselect option.
-- part.tag\_\_base: The tag's base part.
-- part.tag\_\_content: The tag's content part.
-- part.tag\_\_removable-indicator: The tag's remove button.
+- part.tag__base: The tag's base part.
+- part.tag__content: The tag's content part.
+- part.tag__removable-indicator: The tag's remove button.
 - part.clear-button: The clear button.
 - part.expand-icon: The container that wraps the expand icon.
 

package/metadata/packages/components/sd-spinner/stories/variants.md

@@ -22,7 +22,7 @@
   return generateTemplate({ args });
   }
   };
-  /\*\*
+  /**
   Use the `color` attribute to set the spinner's color:
 - `currentColor` (default): used to inherit the `text-color` from the parent element
 - `primary`: used on light backgrounds

package/metadata/packages/components/sd-step/stories/size.md

@@ -13,7 +13,7 @@ Use the `size` attribute to set the size of a step:
     <span slot="label">Small</span>
   </sd-step>
   <sd-step size="xs" orientation="vertical" class="pl-16">
-    <span slot="label">Extra Small</span>
+    <span slot="label">Extra small</span>
   </sd-step>
 </div>
 ```

package/metadata/packages/components/sd-tab-group/info.md

@@ -38,7 +38,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - part.body: The tab group's body where tab panels are slotted in.
 - part.scroll-button--start: The starting scroll button.
 - part.scroll-button--end: The ending scroll button.
-- part.scroll-button\_\_base: The scroll button's exported `base` part.
+- part.scroll-button__base: The scroll button's exported `base` part.
 
 ## Guidelines
 

package/metadata/packages/components/sd-tag/info.md

@@ -23,7 +23,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.removable: boolean, default=false — Displays the tag with a removability indicator.
 - prop.disabled: boolean, default=false — Displays the tag in a disabled state.
 - prop.href: string, default='' — When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
-- prop.target: '\_blank'|'\_parent'|'\_self'|'\_top' — Tells the browser where to open the link. Only used when `href` is present.
+- prop.target: '_blank'|'_parent'|'_self'|'_top' — Tells the browser where to open the link. Only used when `href` is present.
 - prop.download: string|undefined — Tells the browser to download the linked file as this filename. Only used when `href` is present.
 - prop.dir: 'ltr'|'rtl'|'auto' — The element's directionality.
 - prop.lang: string — The element's language.

package/metadata/packages/components/sd-teaser/info.md

@@ -19,7 +19,7 @@ Use the components tool by passing the args `component` and `example` for any of
 
 ### Key Properties
 
-- prop.variant: |'white'|'white border-neutral-400'|'neutral-100'|'primary'|'primary-100', default='white' — Variant of the teaser
+- prop.variant: 'white'|'white border-neutral-400'|'neutral-100'|'primary'|'primary-100', default='white' — Variant of the teaser
 - prop.breakpoint: number, default=448 — Breakpoint where the teaser switches from `vertical` to `horizontal`. `0` is always `horizontal`, `9999` is always `vertical`.
 - prop.inset: boolean, default=false — The teaser's inner padding. This is always set in `white border-neutral-400`.
 - prop.reversedLayout [attr: reversed-layout]: boolean, default=false — Reverses the layout in horizontal variant

package/metadata/packages/components/sd-teaser-media/info.md

@@ -15,7 +15,7 @@ Use the components tool by passing the args `component` and `example` for any of
 
 ### Key Properties
 
-- prop.variant: |'white'|'neutral-100'|'primary'|'primary-100'|'gradient-light'|'gradient-dark', default='white' — Variant of the teaser
+- prop.variant: 'white'|'neutral-100'|'primary'|'primary-100'|'gradient-light'|'gradient-dark', default='white' — Variant of the teaser
 - prop.open: boolean, default=false — Controls whether the expandable content is visible
 - prop.dir: 'ltr'|'rtl'|'auto' — The element's directionality.
 - prop.lang: string — The element's language.

package/metadata/packages/components/sd-teaser-media/stories/default-media-and-headline-slot.md

@@ -1,6 +1,6 @@
 - Use the `default` slot to display main information and/or action elements below the headline.
 - Use the `media` slot to add an image to the teaser.
-- Use the `headline` slot to display titles. It should always contain a <h\*> element.
+- Use the `headline` slot to display titles. It should always contain a <h*> element.
   **Accessibility Hint:**
 - Please make sure to use semantically correct headline tags for the headline slot to provide accessible content.
 - The heading in a teaser should be the first item in the DOM. A heading introduces a new thematic region and separates the following content from the previous region.

package/metadata/packages/components/sd-textarea/info.md

@@ -43,12 +43,12 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.floatingLabel [attr: floating-label]: boolean, default=false — Enables the floating label behavior for the input.
 - prop.minlength: number — The minimum length of input that will be considered valid.
 - prop.maxlength: number — The maximum length of input that will be considered valid.
-- prop.autocapitalize: |'off'|'none'|'on'|'sentences'|'words'|'characters' — Controls whether and how text input is automatically capitalized as it is entered by the user.
+- prop.autocapitalize: 'off'|'none'|'on'|'sentences'|'words'|'characters' — Controls whether and how text input is automatically capitalized as it is entered by the user.
 - prop.autocorrect: 'off'|'on' — Indicates whether the browser's autocorrect feature is on or off.
 - prop.autocomplete: string — Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
   [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
 - prop.autofocus: boolean — Indicates that the input should receive focus on page load.
-- prop.enterkeyhint: |'enter'|'done'|'go'|'next'|'previous'|'search'|'send' — Used to customize the label or icon of the Enter key on virtual keyboards.
+- prop.enterkeyhint: 'enter'|'done'|'go'|'next'|'previous'|'search'|'send' — Used to customize the label or icon of the Enter key on virtual keyboards.
 - prop.styleOnValid [attr: style-on-valid]: boolean, default=false — Shows success styles if the validity of the input is valid.
 - prop.spellcheck: boolean, default=true — Enables spell checking on the textarea.
 - prop.inputmode: 'none'|'text' — Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual

package/metadata/packages/components/sd-tooltip/info.md

@@ -20,7 +20,7 @@ Use the components tool by passing the args `component` and `example` for any of
 
 - prop.size: 'lg'|'sm', default='lg' — Sets the size of the default trigger icon.
 - prop.content: string, default='' — The tooltip's content. If you need to display HTML, use the `content` slot instead.
-- prop.placement: |'top'|'top-start'|'top-end'|'bottom'|'bottom-start'|'bottom-end', default='top' — The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
+- prop.placement: 'top'|'top-start'|'top-end'|'bottom'|'bottom-start'|'bottom-end', default='top' — The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
   inside of the viewport.
 - prop.disabled: boolean, default=false — Disables the tooltip so it won't show when triggered.
 - prop.open: boolean, default=false — Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.
@@ -52,8 +52,8 @@ Use the components tool by passing the args `component` and `example` for any of
 ### CSS Parts
 
 - part.base: The component's base wrapper, an `<sd-popup>` element.
-- part.base\_\_popup: The popup's exported `popup` part. Use this to target the tooltip's popup container.
-- part.base\_\_arrow: The popup's exported `arrow` part. Use this to target the tooltip's arrow.
+- part.base__popup: The popup's exported `popup` part. Use this to target the tooltip's popup container.
+- part.base__arrow: The popup's exported `arrow` part. Use this to target the tooltip's arrow.
 - part.body: The tooltip's body where its content is rendered.
 
 ## Guidelines

package/metadata/packages/components/sd-tooltip/stories/custom-trigger.md

@@ -4,7 +4,7 @@ In this example we provide a solution to this problem by using a live region to
 
 ```html
 <sd-tooltip size="lg" content="This tooltip is accessible" placement="bottom" trigger="click" class="custom-tooltip">
-  <sd-button class="custom-button">Custom Trigger</sd-button>
+  <sd-button class="custom-button">Custom trigger</sd-button>
 </sd-tooltip>
 <div aria-live="assertive" class="sr-only live-region"></div>
 <script>

package/metadata/packages/components/sd-tooltip/stories/placement.md

@@ -10,17 +10,17 @@ Use the `placement` attribute to set the placement:
 ```html
 <div class="grid grid-cols-1 justify-items-center md:grid-cols-3 md:justify-items-start gap-24 p-12">
   <div>
-    <sd-tooltip content="Top Start Positioning" placement="top-start" open size="lg" trigger="click focus"></sd-tooltip>
+    <sd-tooltip content="Top Start positioning" placement="top-start" open size="lg" trigger="click focus"></sd-tooltip>
   </div>
   <div>
-    <sd-tooltip content="Top Positioning" placement="top" open size="lg" trigger="click focus"></sd-tooltip>
+    <sd-tooltip content="Top positioning" placement="top" open size="lg" trigger="click focus"></sd-tooltip>
   </div>
   <div>
-    <sd-tooltip content="Top End Positioning" placement="top-end" open size="lg" trigger="click focus"></sd-tooltip>
+    <sd-tooltip content="Top End positioning" placement="top-end" open size="lg" trigger="click focus"></sd-tooltip>
   </div>
   <div>
     <sd-tooltip
-      content="Bottom Start Positioning"
+      content="Bottom Start positioning"
       placement="bottom-start"
       open
       size="lg"
@@ -28,11 +28,11 @@ Use the `placement` attribute to set the placement:
     ></sd-tooltip>
   </div>
   <div>
-    <sd-tooltip content="Bottom Positioning" placement="bottom" open size="lg" trigger="click focus"></sd-tooltip>
+    <sd-tooltip content="Bottom positioning" placement="bottom" open size="lg" trigger="click focus"></sd-tooltip>
   </div>
   <div>
     <sd-tooltip
-      content="Bottom End Positioning"
+      content="Bottom End positioning"
       placement="bottom-end"
       open
       size="lg"

package/metadata/packages/styles/sd-chip/stories/variants.md

@@ -22,8 +22,8 @@ args
 });
 }
 };
-/\*_
-Use the `sd-chip--_` classes for alternative appearances:
+/**
+Use the `sd-chip--*` classes for alternative appearances:
 
 - primary-200 is the default appearance
 - `sd-chip--primary-300`

package/metadata/packages/styles/sd-flag/stories/variants.md

@@ -22,8 +22,8 @@ args
 });
 }
 };
-/\*_
-Use the `sd-flag--_` classes for alternative appearances:
+/**
+Use the `sd-flag--*` classes for alternative appearances:
 
 - neutral-200 is the default appearance
 - `sd-flag--neutral-300`

package/metadata/packages/templates/brandshape.md

@@ -39,14 +39,13 @@ version: 1.0.0
 </style>
 <div class="brandshape-wrapper">
   <sd-brandshape variant="primary|80">
-    <h4 class="sd-headline sd-headline--3xl mb-4 text-white">
-      Exclusion criteria: Ensure minimum standards, avoid controversies
+    <h4 class="sd-headline sd-headline--3xl mb-4 !text-white">
+      Diversification benefits from shifting from USD to euro credits
     </h4>
     <p class="sd-paragraph text-white">
-      In this approach, single or multiple criteria are defined that exclude investment in certain companies, industries
-      or countries. The individual criteria can be determined individually within the SIRIS platform, such as the
-      exclusion of companies that generate more than 5 per cent of their turnover from gambling. The exclusion criteria
-      are additionally reviewed in a two-stage research process.
+      Euro-denominated corporate bonds with good to very good credit ratings offer an attractive risk-return ratio,
+      especially in turbulent times. Christian Kopf, Head of Fixed Income and FX at Union Investment, explains what else
+      speaks in favour of this fixed-income segment – especially from an international perspective.
     </p>
     <sd-button variant="cta" class="mt-4">Find out more</sd-button>
   </sd-brandshape>

package/metadata/packages/templates/dialog.md

@@ -189,7 +189,7 @@ version: 1.0.0
 <div style="height: 40vh;">
   <div class="flex gap-2">
     <sd-button id="open-dialog">Open Dialog</sd-button>
-    <sd-button id="open-timed-dialog">Open Timed Dialog</sd-button>
+    <sd-button id="open-timed-dialog">Open timed Dialog</sd-button>
   </div>
 
   <sd-dialog id="default-dialog">

package/metadata/packages/templates/table.md

@@ -835,18 +835,20 @@ version: 1.0.0
                 sortData[columnIndex] === 'none' || !header.sortable ? undefined : 'ascending'
               )}
             >
-              ${header.sortable
-                ? html` <button
-                    class="sd-interactive flex items-center gap-1"
-                    @click="${() => sortTable(columnIndex)}"
-                  >
-                    ${header.label}<sd-icon
-                      id="sortIcon-${columnIndex}"
-                      name=${sortData[columnIndex] === 'none' ? 'system/sort-down' : 'system/sort-down-filled'}
-                      class="text-[12px]"
-                    ></sd-icon>
-                  </button>`
-                : header.label}
+              ${
+                header.sortable
+                  ? html` <button
+                      class="sd-interactive flex items-center gap-1"
+                      @click="${() => sortTable(columnIndex)}"
+                    >
+                      ${header.label}<sd-icon
+                        id="sortIcon-${columnIndex}"
+                        name=${sortData[columnIndex] === 'none' ? 'system/sort-down' : 'system/sort-down-filled'}
+                        class="text-[12px]"
+                      ></sd-icon>
+                    </button>`
+                  : header.label
+              }
             </th>`;
           })}
         </tr>`;

package/metadata/packages/tokens/docs/usage.md

@@ -331,7 +331,7 @@ Coordinate with the Theme Host team on versioning:
 - If you upgrade your components or styles, notify the host so they can upgrade their theme accordingly.
 - This will become a hard requirement in a future release — aligning now avoids breakage later.
 
-{/\* \*/}
+{/* */}
 
   </sd-tab-panel>
 

package/package.json

@@ -6,23 +6,23 @@
     "solid-mcp": "./dist/bin/start.js"
   },
   "dependencies": {
-    "@modelcontextprotocol/sdk": "^1.26.0",
-    "globby": "^16.1.1",
-    "zod": "^4.3.6"
+    "@modelcontextprotocol/sdk": "^1.29.0",
+    "globby": "^16.2.1",
+    "zod": "^4.4.3"
   },
   "description": "MCP Server for the Solid Design System",
   "devDependencies": {
-    "@types/node": "^24.10.13",
+    "@types/node": "^26.1.1",
     "change-case": "^5.4.4",
     "custom-elements-manifest": "^2.1.0",
-    "eslint": "^9.39.2",
-    "ora": "^9.3.0",
-    "prettier": "^3.8.1",
-    "tsx": "^4.0.0",
+    "eslint": "^10.7.0",
+    "ora": "^9.4.1",
+    "prettier": "^3.9.5",
+    "tsx": "^4.23.1",
     "typescript": "^5.9.3",
-    "@solid-design-system/components": "6.28.1",
-    "@solid-design-system/styles": "6.28.1",
-    "@solid-design-system/tokens": "6.28.1"
+    "@solid-design-system/components": "6.29.0",
+    "@solid-design-system/styles": "6.29.0",
+    "@solid-design-system/tokens": "6.29.0"
   },
   "exports": {
     ".": {
@@ -59,7 +59,7 @@
     "directory": "packages/mcp"
   },
   "type": "module",
-  "version": "6.28.1",
+  "version": "6.29.0",
   "scripts": {
     "build": "pnpm run build:components && pnpm run build:tokens && pnpm run build:ts && pnpm run build:metadata && cd ../.. && pnpm exec prettier --write --log-level warn packages/mcp/metadata",
     "build:components": "cd ../components && pnpm exec node scripts/make-metadata.js --outdir dist",