@porsche-design-system/components-vue 4.2.0-rc.5 → 4.2.0

package/esm/lib/components/ButtonPureWrapper.vue.d.ts

@@ -1,78 +1,78 @@
 import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType } from '../types';
 export type PButtonPureProps = {
     /**
-     * Displays the button in its active state.
+     * Visually marks the button as the currently active or selected item, useful for navigation and toggle patterns.
      * @default false
      */
     active?: boolean;
     /**
-     * Aligns the label.
+     * Sets the label position relative to the icon — `start` places it before, `end` places it after. Supports responsive breakpoint values.
      * @default 'end'
      */
     alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
     /**
-     * Sets ARIA attributes.
+     * Sets ARIA attributes on the button to improve accessibility for screen readers.
      */
     aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
     /**
-     * The color.
+     * Sets the foreground color of the button's icon and label text.
      * @default 'primary'
      */
     color?: ButtonPureColor;
     /**
-     * Disables the button. No events will be triggered while disabled state is active.
+     * Disables the button, preventing all interaction and blocking events.
      * @default false
      */
     disabled?: boolean;
     /**
-     * The id of a form element the button should be associated with.
+     * Associates the button with a form element by its ID, so it can submit or reset that form even when placed outside of it.
      */
     form?: string;
     /**
-     * Shows or hides the label. For better accessibility, it is recommended to show the label.
+     * Hides the visible label while keeping it accessible to screen readers. Supports responsive breakpoint values.
      * @default false
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
-     * The icon shown.
+     * Sets the icon displayed next to the label.
      * @default 'arrow-right'
      */
     icon?: ButtonPureIcon;
     /**
-     * A URL path to a custom icon.
+     * Sets a path to a custom SVG icon, used instead of the built-in icon set.
      */
     iconSource?: string;
     /**
-     * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
+     * Disables the button and replaces its icon with a loading spinner to indicate an ongoing operation.
      * @default false
      */
     loading?: boolean;
     /**
-     * The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
+     * Sets the name submitted with the form data when this button triggers form submission.
      */
     name?: string;
     /**
-     * Size of the button.
+     * Sets the font size of the button label. Supports responsive breakpoint values.
      * @default 'sm'
      */
     size?: BreakpointCustomizable<ButtonPureSize>;
     /**
-     * Stretches the area between icon and label to max available space.
+     * Expands the space between icon and label to fill the full container width. Supports responsive breakpoint values.
      * @default false
      */
     stretch?: BreakpointCustomizable<boolean>;
     /**
-     * Specifies the type of the button.
+     * Sets the button's HTML type — `submit` sends the form, `reset` clears it, `button` performs no default action.
      * @default 'submit'
      */
     type?: ButtonPureType;
     /**
-     * Shows an underline under the label.
+     * Adds a text underline to the label to reinforce the button's link-like appearance.
      * @default false
      */
     underline?: boolean;
     /**
-     * Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
+     * Sets the value submitted with the form data when this button triggers form submission, paired with `name`.
      */
     value?: string;
 };

package/esm/lib/components/ButtonPureWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { syncProperties as e, usePrefix as t } from "../../utils.mjs";
 import { createBlock as n, defineComponent as r, onMounted as i, onUpdated as a, openBlock as o, ref as s, renderSlot as c, resolveDynamicComponent as l, unref as u, withCtx as d } from "vue";
 //#region projects/vue-wrapper/src/lib/components/ButtonPureWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+var f = /*@__PURE__*/ r({
 	__name: "ButtonPureWrapper",
 	props: {
 		active: {

package/esm/lib/components/ButtonTileWrapper.vue.d.ts

@@ -1,68 +1,68 @@
 import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
 export type PButtonTileProps = {
     /**
-     * Alignment of button and description.
+     * Controls the vertical placement of the description and button — `top` or `bottom`.
      * @default 'bottom'
      */
     align?: ButtonTileAlign;
     /**
-     * Sets ARIA attributes.
+     * Sets ARIA attributes on the tile's action button to improve accessibility for screen readers.
      */
     aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
     /**
-     * Aspect ratio of the button-tile.
+     * Sets the width-to-height ratio of the tile media area. Supports responsive breakpoint values.
      * @default '4/3'
      */
     aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
     /**
-     * Displays the button-tile as compact version with description and button icon only.
+     * Renders only the icon button without the full label. Supports responsive breakpoint values.
      * @default false
      */
     compact?: BreakpointCustomizable<boolean>;
     /**
-     * Description text.
+     * Sets the description text displayed in the tile's content area.
      */
     description: string;
     /**
-     * Disables the button. No events will be triggered while disabled state is active.
+     * Disables the tile, preventing button interaction.
      * @default false
      */
     disabled?: boolean;
     /**
-     * Show gradient.
+     * Shows a gradient overlay over the media slot to improve text legibility on bright images or videos.
      * @default false
      */
     gradient?: boolean;
     /**
-     * The icon shown. By choosing 'none', no icon is displayed.
+     * Sets the icon displayed in the tile's action button. Use `none` to show no icon.
      * @default 'none'
      */
     icon?: ButtonTileIcon;
     /**
-     * A URL path to a custom icon.
+     * Sets a path to a custom SVG icon for the action button, used instead of the built-in icon set.
      */
     iconSource?: string;
     /**
-     * Label of the button.
+     * Sets the accessible label text of the action button rendered inside the tile.
      */
     label: string;
     /**
-     * Disables the button-tile and shows a loading indicator. No events will be triggered while loading state is active.
+     * Disables the tile and shows a loading spinner to indicate an ongoing operation.
      * @default false
      */
     loading?: boolean;
     /**
-     * Font size of the description.
+     * Sets the font size of the description text in the tile content area. Supports responsive breakpoint values.
      * @default 'medium'
      */
     size?: BreakpointCustomizable<ButtonTileSize>;
     /**
-     * Specifies the type of the button.
+     * Sets the button's HTML type — `submit` sends the form, `reset` clears it, `button` performs no default action.
      * @default 'submit'
      */
     type?: ButtonTileType;
     /**
-     * Font weight of the description.
+     * Sets the font weight of the description text in the tile content area. Supports responsive breakpoint values.
      * @default 'semi-bold'
      */
     weight?: BreakpointCustomizable<ButtonTileWeight>;

package/esm/lib/components/ButtonTileWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { syncProperties as e, usePrefix as t } from "../../utils.mjs";
 import { createBlock as n, defineComponent as r, onMounted as i, onUpdated as a, openBlock as o, ref as s, renderSlot as c, resolveDynamicComponent as l, unref as u, withCtx as d } from "vue";
 //#region projects/vue-wrapper/src/lib/components/ButtonTileWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+var f = /*@__PURE__*/ r({
 	__name: "ButtonTileWrapper",
 	props: {
 		align: { default: "bottom" },

package/esm/lib/components/ButtonWrapper.vue.d.ts

@@ -1,57 +1,57 @@
 import type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, ButtonType, ButtonVariant } from '../types';
 export type PButtonProps = {
     /**
-     * Sets ARIA attributes.
+     * Sets ARIA attributes on the button to improve accessibility for screen readers.
      */
     aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
     /**
-     * Displays the button in compact mode.
+     * Reduces the button's height and padding for denser layouts. Supports responsive breakpoint values.
      * @default false
      */
     compact?: BreakpointCustomizable<boolean>;
     /**
-     * Disables the button. No events will be triggered while disabled state is active.
+     * Disables the button, preventing all interaction and blocking events.
      * @default false
      */
     disabled?: boolean;
     /**
-     * The id of a form element the button should be associated with.
+     * Associates the button with a form element by its ID, so it can submit or reset that form even when placed outside of it.
      */
     form?: string;
     /**
-     * Shows or hides the label. For better accessibility, it is recommended to show the label.
+     * Hides the visible label while keeping it accessible to screen readers. Supports responsive breakpoint values.
      * @default false
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
-     * The icon shown. By choosing 'none', no icon is displayed.
+     * Sets the icon displayed inside the button. Use `none` to show no icon.
      * @default 'none'
      */
     icon?: ButtonIcon;
     /**
-     * A URL path to a custom icon.
+     * Sets a path to a custom SVG icon, used instead of the built-in icon set.
      */
     iconSource?: string;
     /**
-     * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
+     * Disables the button and replaces its content with a loading spinner to indicate an ongoing operation.
      * @default false
      */
     loading?: boolean;
     /**
-     * The name of the button, submitted as a pair with the button's value as part of the form data, when that button is used to submit the form.
+     * Sets the name submitted with the form data when this button triggers form submission.
      */
     name?: string;
     /**
-     * Specifies the type of the button.
+     * Sets the button's HTML type — `submit` sends the form, `reset` clears it, `button` performs no default action.
      * @default 'submit'
      */
     type?: ButtonType;
     /**
-     * Defines the value associated with the button's name when it's submitted with the form data. This value is passed to the server in params when the form is submitted using this button.
+     * Sets the value submitted with the form data when this button triggers form submission, paired with `name`.
      */
     value?: string;
     /**
-     * The style variant of the button.
+     * Sets the visual style variant of the button (e.g. `primary`, `secondary`, `tertiary`).
      * @default 'primary'
      */
     variant?: ButtonVariant;

package/esm/lib/components/ButtonWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { syncProperties as e, usePrefix as t } from "../../utils.mjs";
 import { createBlock as n, defineComponent as r, onMounted as i, onUpdated as a, openBlock as o, ref as s, renderSlot as c, resolveDynamicComponent as l, unref as u, withCtx as d } from "vue";
 //#region projects/vue-wrapper/src/lib/components/ButtonWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+var f = /*@__PURE__*/ r({
 	__name: "ButtonWrapper",
 	props: {
 		aria: {},

package/esm/lib/components/CanvasWrapper.vue.d.ts

@@ -1,17 +1,17 @@
 import type { CanvasBackground, CanvasSidebarStartUpdateEventDetail } from '../types';
 export type PCanvasProps = {
     /**
-     * Defines the background color of the main section and auto adjust it for the sidebar
+     * Sets the background color of the main content area and automatically applies a matching color to the sidebar.
      * @default 'canvas'
      */
     background?: CanvasBackground;
     /**
-     * Open the sidebar on the end side
+     * Controls whether the utility sidebar on the end side (right in LTR) is open or collapsed.
      * @default false
      */
     sidebarEndOpen?: boolean;
     /**
-     * Open the sidebar on the start side
+     * Controls whether the navigation sidebar on the start side (left in LTR) is open or collapsed.
      * @default false
      */
     sidebarStartOpen?: boolean;

package/esm/lib/components/CanvasWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { addEventListenerToElementRef as e, syncProperties as t, usePrefix as n } from "../../utils.mjs";
 import { createBlock as r, defineComponent as i, onMounted as a, onUpdated as o, openBlock as s, ref as c, renderSlot as l, resolveDynamicComponent as u, unref as d, withCtx as f } from "vue";
 //#region projects/vue-wrapper/src/lib/components/CanvasWrapper.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
+var p = /*@__PURE__*/ i({
 	__name: "CanvasWrapper",
 	props: {
 		background: { default: "canvas" },

package/esm/lib/components/CarouselWrapper.vue.d.ts

@@ -1,77 +1,77 @@
 import type { CarouselAlignControls, CarouselAlignHeader, SelectedAriaAttributes, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselUpdateEventDetail, BreakpointCustomizable, CarouselSlidesPerPage, CarouselWidth } from '../types';
 export type PCarouselProps = {
     /**
-     * Defines which slide is active (zero-based numbering).
+     * Sets the zero-based index of the currently visible slide. Update this to navigate programmatically.
      * @default 0
      */
     activeSlideIndex?: number;
     /**
-     * Aligns the slotted controls.
+     * Controls the alignment of custom slotted controls within the header area.
      * @default 'auto'
      */
     alignControls?: CarouselAlignControls;
     /**
-     * Aligns the heading and description.
+     * Controls the horizontal alignment of the heading and description.
      * @default 'start'
      */
     alignHeader?: CarouselAlignHeader;
     /**
-     * Sets ARIA attributes.
+     * Sets ARIA attributes on the carousel region element for improved accessibility.
      */
     aria?: SelectedAriaAttributes<CarouselAriaAttribute>;
     /**
-     * Defines the description used in the carousel.
+     * Sets the description text displayed below the heading for additional context.
      */
     description?: string;
     /**
-     * Indicates whether focus should be set on the center slide. If true, the carousel loops by individual slide; otherwise, it loops by page.
+     * When enabled, each slide is individually focusable and the carousel navigates one slide at a time instead of one page.
      * @default false
      */
     focusOnCenterSlide?: boolean;
     /**
-     * Fades the slides out.
+     * Shows a gradient fade at the start and end edges to visually indicate more slides beyond the viewport.
      * @default false
      */
     gradient?: boolean;
     /**
-     * Defines the heading used in the carousel.
+     * Sets the heading text displayed above the carousel. Also used as the accessible label when no `aria` prop is set.
      */
     heading?: string;
     /**
-     * Defines the heading size used in the carousel.
+     * Sets the font size of the carousel heading.
      * @default 'x-large'
      */
     headingSize?: CarouselHeadingSize;
     /**
-     * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
+     * Overrides the default label strings used for the previous, next, and page indicators — useful for localization.
      */
     intl?: CarouselInternationalization;
     /**
-     * If false, the carousel will not show pagination bullets at the bottom.
+     * Shows pagination dot indicators below the carousel. Supports responsive breakpoint values.
      * @default false
      */
     pagination?: BreakpointCustomizable<boolean>;
     /**
-     * Whether the slides should rewind from last to first slide and vice versa.
+     * Enables infinite looping — navigating past the last slide wraps back to the first, and vice versa.
      * @default false
      */
     rewind?: boolean;
     /**
-     * Defines the skip link target used to skip carousel entries.
+     * Sets the `href` of an in-page skip link that lets keyboard users jump past the carousel slides.
      */
     skipLinkTarget?: string;
     /**
-     * Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
+     * Sets how many slides are visible at once. Use `auto` to control each slide's width via CSS. Supports responsive breakpoint values.
      * @default 1
      */
     slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;
     /**
-     * Determines whether to trim spaces before/after the carousel if `focusOnCenterSlide` option is true.
+     * Removes whitespace before the first and after the last slide when `focusOnCenterSlide` is enabled.
      * @default false
      */
     trimSpace?: boolean;
     /**
-     * Defines the outer spacings between the carousel and the left and right screen sides.
+     * Sets the maximum width and outer spacing of the carousel, aligned to PDS grid widths.
      * @default 'basic'
      */
     width?: CarouselWidth;

package/esm/lib/components/CarouselWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { addEventListenerToElementRef as e, syncProperties as t, usePrefix as n } from "../../utils.mjs";
 import { createBlock as r, defineComponent as i, onMounted as a, onUpdated as o, openBlock as s, ref as c, renderSlot as l, resolveDynamicComponent as u, unref as d, withCtx as f } from "vue";
 //#region projects/vue-wrapper/src/lib/components/CarouselWrapper.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
+var p = /*@__PURE__*/ i({
 	__name: "CarouselWrapper",
 	props: {
 		activeSlideIndex: { default: 0 },

package/esm/lib/components/CheckboxWrapper.vue.d.ts

@@ -1,66 +1,66 @@
 import type { BreakpointCustomizable, CheckboxState } from '../types';
 export type PCheckboxProps = {
     /**
-     * Reflects the checkbox current checked state and allows setting the initial checked state.
+     * Reflects the checkbox's current checked state and allows setting the initial checked value on load.
      * @default false
      */
     checked?: boolean;
     /**
-     * Displays the checkbox in compact mode.
+     * Reduces the checkbox size and spacing for a more compact layout.
      * @default false
      */
     compact?: boolean;
     /**
-     * Marks the checkbox as disabled.
+     * Disables the checkbox, preventing all interaction. The value is not submitted with the form.
      * @default false
      */
     disabled?: boolean;
     /**
-     * The id of a form element the checkbox should be associated with.
+     * Associates the checkbox with a form element by its ID when not directly nested inside it.
      */
     form?: string;
     /**
-     * Shows or hides the label. For better accessibility, it is recommended to show the label.
+     * Hides the visible label while keeping it accessible to screen readers. Supports responsive breakpoint values.
      * @default false
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
-     * Marks the checkbox as indeterminate.
+     * Puts the checkbox into an indeterminate state, indicating that a group of child items is only partially selected.
      * @default false
      */
     indeterminate?: boolean;
     /**
-     * Text content for a user-facing label.
+     * Sets the visible label text displayed next to the checkbox.
      * @default ''
      */
     label?: string;
     /**
-     * @experimental Disables the checkbox and shows a loading indicator.
+     * @experimental Disables the checkbox and displays a loading spinner to indicate an ongoing operation.
      * @default false
      */
     loading?: boolean;
     /**
-     * The message styled depending on validation state.
+     * Sets the validation feedback message displayed below the checkbox when `state` is `success` or `error`.
      * @default ''
      */
     message?: string;
     /**
-     * The name of the checkbox.
+     * Sets the name submitted with the form data to identify this checkbox's value on the server.
      * @default ''
      */
     name?: string;
     /**
-     * Marks the checkbox as required.
+     * Marks the checkbox as required — form submission is blocked unless the checkbox is checked.
      * @default false
      */
     required?: boolean;
     /**
-     * The validation state.
+     * Sets the validation state, controlling the visual appearance and style of the feedback message (`none`, `success`, `error`).
      * @default 'none'
      */
     state?: CheckboxState;
     /**
-     * The checkbox value. When a form is submitted, only a checkbox which is currently checked is included in the submission.
+     * Sets the value submitted with the form data when the checkbox is checked. Unchecked checkboxes are excluded from form submissions.
      * @default 'on'
      */
     value?: string;

package/esm/lib/components/CheckboxWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { addEventListenerToElementRef as e, syncProperties as t, usePrefix as n } from "../../utils.mjs";
 import { createBlock as r, defineComponent as i, onMounted as a, onUpdated as o, openBlock as s, ref as c, renderSlot as l, resolveDynamicComponent as u, unref as d, withCtx as f } from "vue";
 //#region projects/vue-wrapper/src/lib/components/CheckboxWrapper.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
+var p = /*@__PURE__*/ i({
 	__name: "CheckboxWrapper",
 	props: {
 		checked: {

package/esm/lib/components/CrestWrapper.vue.d.ts

@@ -1,15 +1,15 @@
 import type { SelectedAriaAttributes, CrestAriaAttribute, CrestTarget } from '../types';
 export type PCrestProps = {
     /**
-     * Sets ARIA attributes.
+     * Sets ARIA attributes on the anchor element to improve accessibility when the crest is used as a link.
      */
     aria?: SelectedAriaAttributes<CrestAriaAttribute>;
     /**
-     * When `href` is provided, the component renders as an `<a>` element.
+     * When set, renders the crest as an anchor element navigating to this URL when clicked.
      */
     href?: string;
     /**
-     * Specifies where to open the linked document.
+     * Specifies where to open the linked URL (e.g. `_self`, `_blank`). Only applies when `href` is set.
      * @default '_self'
      */
     target?: CrestTarget;

package/esm/lib/components/CrestWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { syncProperties as e, usePrefix as t } from "../../utils.mjs";
 import { createBlock as n, defineComponent as r, onMounted as i, onUpdated as a, openBlock as o, ref as s, resolveDynamicComponent as c, unref as l } from "vue";
 //#region projects/vue-wrapper/src/lib/components/CrestWrapper.vue?vue&type=script&setup=true&lang.ts
-var u = /* @__PURE__ */ r({
+var u = /*@__PURE__*/ r({
 	__name: "CrestWrapper",
 	props: {
 		aria: {},

package/esm/lib/components/DisplayWrapper.vue.d.ts

@@ -1,27 +1,27 @@
 import type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag } from '../types';
 export type PDisplayProps = {
     /**
-     * Text alignment of the component.
+     * Sets the horizontal text alignment (`start`, `center`, `end`, or `inherit`).
      * @default 'start'
      */
     align?: DisplayAlign;
     /**
-     * Basic text color variations.
+     * Sets the text color using PDS color tokens.
      * @default 'primary'
      */
     color?: DisplayColor;
     /**
-     * Adds an ellipsis to a single line of text if it overflows.
+     * Truncates the text with an ellipsis when it overflows the container on a single line.
      * @default false
      */
     ellipsis?: boolean;
     /**
-     * Size of the component. Also defines the size for specific breakpoints, like {base: "medium", l: "large"}. You always need to provide a base value when doing this.
+     * Sets the visual text size. Supports responsive breakpoint values.
      * @default 'large'
      */
     size?: BreakpointCustomizable<DisplaySize>;
     /**
-     * Sets a heading tag, so it fits correctly within the outline of the page.
+     * Sets the HTML heading tag (h1–h6) for correct document outline placement. When omitted, the tag is inferred from `size`.
      */
     tag?: DisplayTag;
 };

package/esm/lib/components/DisplayWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { syncProperties as e, usePrefix as t } from "../../utils.mjs";
 import { createBlock as n, defineComponent as r, onMounted as i, onUpdated as a, openBlock as o, ref as s, renderSlot as c, resolveDynamicComponent as l, unref as u, withCtx as d } from "vue";
 //#region projects/vue-wrapper/src/lib/components/DisplayWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+var f = /*@__PURE__*/ r({
 	__name: "DisplayWrapper",
 	props: {
 		align: { default: "start" },

package/esm/lib/components/DividerWrapper.vue.d.ts

@@ -1,12 +1,12 @@
 import type { DividerColor, BreakpointCustomizable, DividerDirection } from '../types';
 export type PDividerProps = {
     /**
-     * Defines color.
+     * Sets the color of the divider line using PDS contrast tokens.
      * @default 'contrast-lower'
      */
     color?: DividerColor;
     /**
-     * Defines direction.
+     * Sets the orientation of the divider to `horizontal` or `vertical`. Supports responsive breakpoint values.
      * @default 'horizontal'
      */
     direction?: BreakpointCustomizable<DividerDirection>;

package/esm/lib/components/DividerWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { syncProperties as e, usePrefix as t } from "../../utils.mjs";
 import { createBlock as n, defineComponent as r, onMounted as i, onUpdated as a, openBlock as o, ref as s, resolveDynamicComponent as c, unref as l } from "vue";
 //#region projects/vue-wrapper/src/lib/components/DividerWrapper.vue?vue&type=script&setup=true&lang.ts
-var u = /* @__PURE__ */ r({
+var u = /*@__PURE__*/ r({
 	__name: "DividerWrapper",
 	props: {
 		color: { default: "contrast-lower" },

package/esm/lib/components/DrilldownItemWrapper.vue.d.ts

@@ -5,11 +5,11 @@ export type PDrilldownItemProps = {
      */
     cascade?: boolean;
     /**
-     * Unique identifier which controls if this item should be shown when the active-identifier on the drilldown is set to this value.
+     * Sets the unique identifier matched against the drilldown's `activeIdentifier` to determine if this item is shown.
      */
     identifier: string;
     /**
-     * Renders back button, header section on mobile view and cascade button to reach a deeper level of the navigation structure.
+     * Sets the text used for the back button, sticky header, and cascade button that navigates into this navigation level.
      */
     label?: string;
     /**