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

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

@@ -1,65 +1,65 @@
 import type { BreakpointCustomizable, RadioGroupDirection, RadioGroupState } from '../types';
 export type PRadioGroupProps = {
     /**
-     * Displays the radio group in compact mode.
+     * Reduces the spacing between radio options for use in dense layouts where vertical space is limited.
      * @default false
      */
     compact?: boolean;
     /**
-     * Supplementary text providing more context or explanation for the radio group.
+     * Sets a supplementary description displayed below the label to give users additional guidance about the radio group.
      * @default ''
      */
     description?: string;
     /**
-     * Defines the direction of the main and cross-axis. The default is `column`, which stacks the options vertically. You always need to provide a base value when using breakpoints.
+     * Sets the layout direction of the radio options. Use `column` to stack them vertically or `row` to arrange them horizontally. Supports responsive breakpoint values.
      * @default 'column'
      */
     direction?: BreakpointCustomizable<RadioGroupDirection>;
     /**
-     * Disables the radio group. The value will not be submitted with the form.
+     * Disables all radio options in the group, preventing selection and excluding the value from form submissions.
      * @default false
      */
     disabled?: boolean;
     /**
-     * Specifies the id of the <form> element that the radio group belongs to (useful if the radio group is not a direct descendant of the form).
+     * Associates the radio group with a form element by its ID when the group is not a direct descendant of that form.
      */
     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>;
     /**
-     * Text content for a user-facing label.
+     * Sets the visible label text displayed above the radio group to identify the group's purpose.
      * @default ''
      */
     label?: string;
     /**
-     * @experimental Shows a loading indicator.
+     * @experimental Disables all radio options and shows a spinner to indicate a background loading operation.
      * @default false
      */
     loading?: boolean;
     /**
-     * Dynamic feedback text for validation or status.
+     * Sets the validation feedback message displayed below the radio group when `state` is `success` or `error`.
      * @default ''
      */
     message?: string;
     /**
-     * The name of the group of radio buttons, used when submitting the form data.
+     * Sets the shared name attribute for all radio buttons in the group, grouping them for mutually exclusive selection.
      */
     name: string;
     /**
-     * A boolean value that specifies a selection must be made from the group before the form can be submitted.
+     * Marks the radio group as required so the form cannot be submitted until one option is selected.
      * @default false
      */
     required?: boolean;
     /**
-     * Indicates the validation or overall status of the radio group component.
+     * Sets the validation state of the radio group, controlling its visual appearance and feedback message style (`none`, `success`, `error`).
      * @default 'none'
      */
     state?: RadioGroupState;
     /**
-     * The default value for the radio-group.
+     * Sets the currently selected value that pre-selects the matching radio option and reflects user changes.
      * @default ''
      */
     value?: string;

package/esm/lib/components/RadioGroupWrapper.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/RadioGroupWrapper.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
+var p = /*@__PURE__*/ i({
 	__name: "RadioGroupWrapper",
 	props: {
 		compact: {

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

@@ -6,11 +6,11 @@ export type PScrollerProps = {
      */
     alignScrollIndicator?: ScrollerAlignScrollIndicator;
     /**
-     * Add ARIA role.
+     * Sets the ARIA `role` attribute on the scroller's scroll container, useful for list-based navigation patterns.
      */
     aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
     /**
-     * Displays with reduced spacing and smaller padding for a more condensed layout.
+     * Reduces the scroller's padding and the gap between slotted items for use in dense layouts.
      */
     compact?: boolean;
     /**
@@ -18,7 +18,7 @@ export type PScrollerProps = {
      */
     scrollToPosition?: ScrollerScrollToPosition;
     /**
-     * Specifies if scrollbar should be shown.
+     * Shows the browser's native scrollbar inside the scroller, in addition to the scroll indicator arrows.
      * @default false
      */
     scrollbar?: boolean;

package/esm/lib/components/ScrollerWrapper.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/ScrollerWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+var f = /*@__PURE__*/ r({
 	__name: "ScrollerWrapper",
 	props: {
 		alignScrollIndicator: { default: "center" },

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

@@ -1,28 +1,28 @@
 import type { SelectedAriaAttributes, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon } from '../types';
 export type PSegmentedControlItemProps = {
     /**
-     * Sets ARIA attributes.
+     * Sets ARIA attributes on the item's button element to improve accessibility for screen readers.
      */
     aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
     /**
-     * Disables the button. No events will be triggered while disabled state is active.
+     * Prevents this item from being selected and visually dims it; the parent's value will not change to this item's value.
      * @default false
      */
     disabled?: boolean;
     /**
-     * The icon shown.
+     * Sets an icon rendered inside the item button using an icon name from the PDS icon library.
      */
     icon?: SegmentedControlItemIcon;
     /**
-     * A URL path to a custom icon.
+     * Sets a URL to a custom SVG icon for the item button, overriding the built-in icon set.
      */
     iconSource?: string;
     /**
-     * Text content for a user-facing label.
+     * Sets a visible text label rendered inside the item button, used when no slotted content is provided.
      */
     label?: string;
     /**
-     * The value of this item which is emitted by the parent element if it becomes selected. This property is **required**.
+     * Sets the value emitted by the parent `p-segmented-control` when this item is selected. This property is **required**.
      */
     value: string | number;
 };

package/esm/lib/components/SegmentedControlItemWrapper.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/SegmentedControlItemWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+var f = /*@__PURE__*/ r({
 	__name: "SegmentedControlItemWrapper",
 	props: {
 		aria: {},

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

@@ -1,65 +1,65 @@
 import type { BreakpointCustomizable, SegmentedControlColumns, SegmentedControlChangeEventDetail, SegmentedControlState } from '../types';
 export type PSegmentedControlProps = {
     /**
-     * Sets the amount of columns.
+     * Sets the number of equal-width columns for the item layout. Use `auto` to distribute items based on their content width. Supports responsive breakpoint values.
      * @default 'auto'
      */
     columns?: BreakpointCustomizable<SegmentedControlColumns>;
     /**
-     * Displays the segmented control in compact mode.
+     * Reduces the item height and spacing for use in dense layouts where vertical space is limited.
      * @default false
      */
     compact?: boolean;
     /**
-     * Supplementary text providing more context or explanation for the segmented-control.
+     * Sets a supplementary description displayed below the label to give users additional context about the segmented control.
      * @default ''
      */
     description?: string;
     /**
-     * Disables the segmented-control.
+     * Prevents user interaction with all items in the segmented control and excludes the value from form submissions.
      * @default false
      */
     disabled?: boolean;
     /**
-     * The id of a form element the segmented-control should be associated with.
+     * Associates the segmented control with a form element by its ID when it is not a direct descendant of that form.
      */
     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>;
     /**
-     * Text content for a user-facing label.
+     * Sets the visible label text displayed above the segmented control to describe the group of options.
      * @default ''
      */
     label?: string;
     /**
-     * Dynamic feedback text for validation or status.
+     * Sets the validation feedback message displayed below the segmented control when `state` is `success` or `error`.
      * @default ''
      */
     message?: string;
     /**
-     * The name of the segmented-control.
+     * Sets the name of the control submitted with the form data to identify the selected value on the server.
      */
     name?: string;
     /**
-     * If true, prevents items from wrapping to new rows and renders them in a single scrollable row instead.
+     * Prevents items from wrapping to new rows and renders them in a single horizontally scrollable row instead.
      * @default false
      */
     noWrap?: boolean;
     /**
-     * A boolean value that specifies a selection must be made from the group before the form can be submitted.
+     * Marks the segmented control as required so the form cannot be submitted until one option is selected.
      * @default false
      */
     required?: boolean;
     /**
-     * Indicates the validation or overall status of the component.
+     * Sets the validation state of the segmented control, controlling its visual appearance and feedback message style (`none`, `success`, `error`).
      * @default 'none'
      */
     state?: SegmentedControlState;
     /**
-     * Sets the initial value of the segmented-control.
+     * Sets the currently selected item's value and pre-selects the matching option when the component renders.
      */
     value?: string | number;
 };

package/esm/lib/components/SegmentedControlWrapper.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/SegmentedControlWrapper.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
+var p = /*@__PURE__*/ i({
 	__name: "SegmentedControlWrapper",
 	props: {
 		columns: { default: "auto" },

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

@@ -1,11 +1,11 @@
 export type PSelectOptionProps = {
     /**
-     * Disables the option.
+     * Prevents the option from being selected and visually dims it to indicate it is unavailable.
      * @default false
      */
     disabled?: boolean;
     /**
-     * The option value. Selected when it strictly matches the p-select value (same type and value).
+     * Sets the value submitted with the form data when this option is selected in the parent select control.
      */
     value?: string | number | null;
 };

package/esm/lib/components/SelectOptionWrapper.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/SelectOptionWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+var f = /*@__PURE__*/ r({
 	__name: "SelectOptionWrapper",
 	props: {
 		disabled: {

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

@@ -1,60 +1,60 @@
 import type { SelectDropdownDirection, BreakpointCustomizable, SelectChangeEventDetail, SelectToggleEventDetail, SelectState } from '../types';
 export type PSelectProps = {
     /**
-     * Displays the select in compact mode.
+     * Reduces the control height and padding for use in dense layouts where vertical space is limited.
      * @default false
      */
     compact?: boolean;
     /**
-     * Supplementary text providing more context or explanation for the select.
+     * Sets a supplementary description displayed below the label to give users additional guidance about the select.
      * @default ''
      */
     description?: string;
     /**
-     * Disables the select.
+     * Prevents user interaction with the select and excludes its value from form submissions.
      * @default false
      */
     disabled?: boolean;
     /**
-     * Changes the direction to which the dropdown list appears.
+     * Controls whether the dropdown list opens upward (`up`) or downward (`down`), or determines the direction automatically (`auto`).
      * @default 'auto'
      */
     dropdownDirection?: SelectDropdownDirection;
     /**
-     * Shows an input in the dropdown allowing options to be filtered. Will be ignored if the `filter` slot is used.
+     * Shows a text input inside the dropdown that filters the visible options as the user types. Ignored when the `filter` slot is used.
      * @default false
      */
     filter?: boolean;
     /**
-     * The id of a form element the select should be associated with.
+     * Associates the select with a form element by its ID when it is not a direct descendant of that form.
      */
     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>;
     /**
-     * Text content for a user-facing label.
+     * Sets the visible label text displayed above the select control to identify its purpose.
      * @default ''
      */
     label?: string;
     /**
-     * The message styled depending on validation state.
+     * Sets the validation feedback message displayed below the select when `state` is `success` or `error`.
      * @default ''
      */
     message?: string;
     /**
-     * The name of the control.
+     * Sets the name of the control submitted with the form data, identifying the selected value on the server.
      */
     name: string;
     /**
-     * Requires an option with a non-empty string value to be selected.
+     * Marks the select as required so the form cannot be submitted unless a non-empty option is selected.
      * @default false
      */
     required?: boolean;
     /**
-     * The validation state.
+     * Sets the validation state of the select, which controls its visual appearance and feedback message style (`none`, `success`, `error`).
      * @default 'none'
      */
     state?: SelectState;

package/esm/lib/components/SelectWrapper.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/SelectWrapper.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
+var p = /*@__PURE__*/ i({
 	__name: "SelectWrapper",
 	props: {
 		compact: {

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

@@ -1,26 +1,26 @@
 import type { SelectedAriaAttributes, SheetAriaAttribute, SheetBackground } from '../types';
 export type PSheetProps = {
     /**
-     * Sets ARIA attributes.
+     * Sets ARIA attributes on the sheet dialog element for improved accessibility when the default `aria-label` is insufficient.
      */
     aria?: SelectedAriaAttributes<SheetAriaAttribute>;
     /**
-     * Defines the background color
+     * Sets the background color of the sheet panel (`canvas` or `surface`).
      * @default 'canvas'
      */
     background?: SheetBackground;
     /**
-     * If true, the sheet will not be closable via backdrop click.
+     * When enabled, clicking the backdrop will not close the sheet.
      * @default false
      */
     disableBackdropClick?: boolean;
     /**
-     * If false, the sheet will not have a dismiss button.
+     * Shows a dismiss button in the sheet header so users can manually close it.
      * @default true
      */
     dismissButton?: boolean;
     /**
-     * If true, the sheet is open.
+     * Controls whether the sheet panel slides in from the bottom and is visible to the user.
      * @default false
      */
     open: boolean;

package/esm/lib/components/SheetWrapper.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/SheetWrapper.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
+var p = /*@__PURE__*/ i({
 	__name: "SheetWrapper",
 	props: {
 		aria: {},

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

@@ -1,16 +1,16 @@
 import type { SelectedAriaAttributes, SpinnerAriaAttribute, SpinnerColor, BreakpointCustomizable, SpinnerSize } from '../types';
 export type PSpinnerProps = {
     /**
-     * Sets ARIA attributes.
+     * Sets ARIA attributes on the spinner's live region element; use `aria-label` to provide a descriptive loading message for screen readers.
      */
     aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
     /**
-     * Basic color variations.
+     * Sets the color of the spinning indicator using PDS semantic color tokens (e.g. `primary`, `contrast-high`, `inherit`).
      * @default 'primary'
      */
     color?: SpinnerColor;
     /**
-     * Defines the size of the spinner, aligned with the typographic scale used by components such as p-icon, p-flag, p-text, and p-heading. When set to `inherit`, the size is derived from a custom font-size defined on a parent element, calculated against the global line-height (based on `ex`-unit) to remain visually consistent with other typographic-scale-based components.
+     * Sets the size of the spinner using the PDS typographic scale. Use `inherit` to derive the size from the parent element's font-size. Supports responsive breakpoint values.
      * @default 'sm'
      */
     size?: BreakpointCustomizable<SpinnerSize>;

package/esm/lib/components/SpinnerWrapper.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/SpinnerWrapper.vue?vue&type=script&setup=true&lang.ts
-var u = /* @__PURE__ */ r({
+var u = /*@__PURE__*/ r({
 	__name: "SpinnerWrapper",
 	props: {
 		aria: {},

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

@@ -6,7 +6,7 @@ export type PStepperHorizontalItemProps = {
      */
     disabled?: boolean;
     /**
-     * The validation state.
+     * The current progression state of the step. Use `current` for the active step, `complete` for finished steps, `warning` for steps with issues. Leave unset for future steps.
      */
     state?: StepperHorizontalItemState;
 };

package/esm/lib/components/StepperHorizontalItemWrapper.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/StepperHorizontalItemWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+var f = /*@__PURE__*/ r({
 	__name: "StepperHorizontalItemWrapper",
 	props: {
 		disabled: {

package/esm/lib/components/StepperHorizontalWrapper.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/StepperHorizontalWrapper.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
+var p = /*@__PURE__*/ i({
 	__name: "StepperHorizontalWrapper",
 	props: { size: { default: "small" } },
 	emits: ["update"],

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

@@ -1,37 +1,37 @@
 import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEventDetail } from '../types';
 export type PSwitchProps = {
     /**
-     * Aligns the label.
+     * Sets the position of the slotted label relative to the switch toggle, either before (`start`) or after (`end`) it. Supports responsive breakpoint values.
      * @default 'end'
      */
     alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
     /**
-     * Visualize the switch with on/off status.
+     * Reflects the switch's current on/off state and allows setting the initial checked value when the component first renders.
      * @default false
      */
     checked?: boolean;
     /**
-     * Displays the switch in compact mode.
+     * Reduces the switch size and spacing for use in dense layouts where vertical space is limited.
      * @default false
      */
     compact?: boolean;
     /**
-     * Disables the switch. No events will be triggered while disabled state is active.
+     * Prevents user interaction with the switch and blocks all click and keyboard events while it is disabled.
      * @default false
      */
     disabled?: boolean;
     /**
-     * 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>;
     /**
-     * Disables the switch and shows a loading indicator. No events will be triggered while loading state is active.
+     * Disables the switch and shows a loading spinner to indicate an ongoing asynchronous toggle operation.
      * @default false
      */
     loading?: boolean;
     /**
-     * Stretches the contents to max available space.
+     * Expands the space between the switch toggle and its label to fill the full available width of the container. Supports responsive breakpoint values.
      * @default false
      */
     stretch?: BreakpointCustomizable<boolean>;

package/esm/lib/components/SwitchWrapper.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/SwitchWrapper.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
+var p = /*@__PURE__*/ i({
 	__name: "SwitchWrapper",
 	props: {
 		alignLabel: { default: "end" },

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

@@ -1,7 +1,7 @@
 import { usePrefix as e } from "../../utils.mjs";
 import { createBlock as t, defineComponent as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, unref as o, withCtx as s } from "vue";
 //#region projects/vue-wrapper/src/lib/components/TableBodyWrapper.vue?vue&type=script&setup=true&lang.ts
-var c = /* @__PURE__ */ n({
+var c = /*@__PURE__*/ n({
 	__name: "TableBodyWrapper",
 	setup(n) {
 		let c = e("p-table-body");

package/esm/lib/components/TableCellWrapper.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/TableCellWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+var f = /*@__PURE__*/ r({
 	__name: "TableCellWrapper",
 	props: { multiline: {
 		type: Boolean,

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

@@ -1,17 +1,17 @@
 import type { TableHeadCellSort } from '../types';
 export type PTableHeadCellProps = {
     /**
-     * Hides the label but keeps it accessible for screen readers. This property only takes effect when the `sort` prop is not set.
+     * Hides the visible column label while keeping it accessible to screen readers. Only applies when `sort` is not set.
      * @default false
      */
     hideLabel?: boolean;
     /**
-     * Allows slotted text to wrap onto multiple lines instead of being forced onto a single line.
+     * Allows the column header text to wrap onto multiple lines instead of being truncated to a single line.
      * @default false
      */
     multiline?: boolean;
     /**
-     * Defines sortability properties.
+     * Configures sorting behavior for this column by providing an `id`, `active` state, and current `direction` (`asc` or `desc`).
      */
     sort?: TableHeadCellSort;
 };

package/esm/lib/components/TableHeadCellWrapper.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/TableHeadCellWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ r({
+var f = /*@__PURE__*/ r({
 	__name: "TableHeadCellWrapper",
 	props: {
 		hideLabel: {

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

@@ -1,7 +1,7 @@
 import { usePrefix as e } from "../../utils.mjs";
 import { createBlock as t, defineComponent as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, unref as o, withCtx as s } from "vue";
 //#region projects/vue-wrapper/src/lib/components/TableHeadRowWrapper.vue?vue&type=script&setup=true&lang.ts
-var c = /* @__PURE__ */ n({
+var c = /*@__PURE__*/ n({
 	__name: "TableHeadRowWrapper",
 	setup(n) {
 		let c = e("p-table-head-row");

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

@@ -1,7 +1,7 @@
 import { usePrefix as e } from "../../utils.mjs";
 import { createBlock as t, defineComponent as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, unref as o, withCtx as s } from "vue";
 //#region projects/vue-wrapper/src/lib/components/TableHeadWrapper.vue?vue&type=script&setup=true&lang.ts
-var c = /* @__PURE__ */ n({
+var c = /*@__PURE__*/ n({
 	__name: "TableHeadWrapper",
 	setup(n) {
 		let c = e("p-table-head");

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

@@ -1,7 +1,7 @@
 import { usePrefix as e } from "../../utils.mjs";
 import { createBlock as t, defineComponent as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, unref as o, withCtx as s } from "vue";
 //#region projects/vue-wrapper/src/lib/components/TableRowWrapper.vue?vue&type=script&setup=true&lang.ts
-var c = /* @__PURE__ */ n({
+var c = /*@__PURE__*/ n({
 	__name: "TableRowWrapper",
 	setup(n) {
 		let c = e("p-table-row");