@porsche-design-system/components-vue 4.3.0 → 4.4.0-rc.0

package/CHANGELOG.md

@@ -14,6 +14,27 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [4.4.0-rc.0] - 2026-07-06
+
+### Added
+
+- `Popover` ([#4562](https://github.com/porsche-design-system/porsche-design-system/pull/4562)):
+  - Support for controlled and uncontrolled usage: when the `open` prop is omitted the component manages its own
+    visibility (uncontrolled), when it is set the consumer owns the open state via a custom trigger projected through
+    the named `button` slot (controlled)
+  - `open` prop to control the popover's visibility in controlled mode
+  - `compact` prop to reduce padding and spacing for a more compact layout, useful in space-constrained interfaces
+  - `dismiss` event emitted in controlled mode when the user requests to close the popover via the `Escape` key, an
+    outside click, or when keyboard focus leaves the popover (`Tab` / `Shift+Tab`)
+  - CSS variables to customize the popover panel: `--p-popover-w`, `--p-popover-h`, `--p-popover-min-w`,
+    `--p-popover-min-h`, `--p-popover-max-w`, `--p-popover-max-h`, `--p-popover-px`, `--p-popover-py` and
+    `--p-popover-radius`
+
+### Changed
+
+- `Popover`: Improved visual appearance
+  ([#4562](https://github.com/porsche-design-system/porsche-design-system/pull/4562))
+
 ## [4.3.0] - 2026-06-24
 
 ## [4.3.0-rc.0] - 2026-06-24

package/cjs/lib/components/PopoverWrapper.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const e=require("../../utils.cjs");let t=require("vue");var n=(0,t.defineComponent)({__name:`PopoverWrapper`,props:{aria:{},description:{},direction:{default:`bottom`}},setup(n){let r=e.usePrefix(`p-popover`),i=n,a=(0,t.ref)(),o=()=>e.syncProperties(a,i);return(0,t.onMounted)(o),(0,t.onUpdated)(o),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(r)),{ref_key:`pdsComponentRef`,ref:a},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3},512))}});exports.default=n;
+const e=require("../../utils.cjs");let t=require("vue");var n=(0,t.defineComponent)({__name:`PopoverWrapper`,props:{aria:{},compact:{type:Boolean},description:{},direction:{default:`bottom`},open:{type:Boolean}},emits:[`dismiss`],setup(n,{emit:r}){let i=e.usePrefix(`p-popover`),a=n,o=(0,t.ref)(),s=r,c=()=>e.syncProperties(o,a);return(0,t.onMounted)(()=>{c(),e.addEventListenerToElementRef(o,`dismiss`,s)}),(0,t.onUpdated)(c),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(i)),{ref_key:`pdsComponentRef`,ref:o},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3},512))}});exports.default=n;

package/cjs/lib/components/index.cjs

@@ -1 +1 @@
-require("./AccordionWrapper.cjs"),require("./AiTagWrapper.cjs"),require("./BannerWrapper.cjs"),require("./ButtonWrapper.cjs"),require("./ButtonPureWrapper.cjs"),require("./ButtonTileWrapper.cjs"),require("./CanvasWrapper.cjs"),require("./CarouselWrapper.cjs"),require("./CheckboxWrapper.cjs"),require("./CrestWrapper.cjs"),require("./DisplayWrapper.cjs"),require("./DividerWrapper.cjs"),require("./DrilldownWrapper.cjs"),require("./DrilldownItemWrapper.cjs"),require("./DrilldownLinkWrapper.cjs"),require("./FieldsetWrapper.cjs"),require("./FlagWrapper.cjs"),require("./FlyoutWrapper.cjs"),require("./HeadingWrapper.cjs"),require("./IconWrapper.cjs"),require("./InlineNotificationWrapper.cjs"),require("./InputDateWrapper.cjs"),require("./InputEmailWrapper.cjs"),require("./InputMonthWrapper.cjs"),require("./InputNumberWrapper.cjs"),require("./InputPasswordWrapper.cjs"),require("./InputSearchWrapper.cjs"),require("./InputTelWrapper.cjs"),require("./InputTextWrapper.cjs"),require("./InputTimeWrapper.cjs"),require("./InputUrlWrapper.cjs"),require("./InputWeekWrapper.cjs"),require("./LinkWrapper.cjs"),require("./LinkPureWrapper.cjs"),require("./LinkTileWrapper.cjs"),require("./LinkTileProductWrapper.cjs"),require("./ModalWrapper.cjs"),require("./ModelSignatureWrapper.cjs"),require("./MultiSelectWrapper.cjs"),require("./MultiSelectOptionWrapper.cjs"),require("./OptgroupWrapper.cjs"),require("./PaginationWrapper.cjs"),require("./PinCodeWrapper.cjs"),require("./PopoverWrapper.cjs"),require("./RadioGroupWrapper.cjs"),require("./RadioGroupOptionWrapper.cjs"),require("./ScrollerWrapper.cjs"),require("./SegmentedControlWrapper.cjs"),require("./SegmentedControlItemWrapper.cjs"),require("./SelectWrapper.cjs"),require("./SelectOptionWrapper.cjs"),require("./SheetWrapper.cjs"),require("./SpinnerWrapper.cjs"),require("./StepperHorizontalWrapper.cjs"),require("./StepperHorizontalItemWrapper.cjs"),require("./SwitchWrapper.cjs"),require("./TableWrapper.cjs"),require("./TableBodyWrapper.cjs"),require("./TableCellWrapper.cjs"),require("./TableHeadWrapper.cjs"),require("./TableHeadCellWrapper.cjs"),require("./TableHeadRowWrapper.cjs"),require("./TableRowWrapper.cjs"),require("./TabsWrapper.cjs"),require("./TabsBarWrapper.cjs"),require("./TabsItemWrapper.cjs"),require("./TagWrapper.cjs"),require("./TagDismissibleWrapper.cjs"),require("./TextWrapper.cjs"),require("./TextListWrapper.cjs"),require("./TextListItemWrapper.cjs"),require("./TextareaWrapper.cjs"),require("./ToastWrapper.cjs"),require("./WordmarkWrapper.cjs");
+const e=require("./AccordionWrapper.cjs"),t=require("./AiTagWrapper.cjs"),n=require("./BannerWrapper.cjs"),r=require("./ButtonWrapper.cjs"),i=require("./ButtonPureWrapper.cjs"),a=require("./ButtonTileWrapper.cjs"),o=require("./CanvasWrapper.cjs"),s=require("./CarouselWrapper.cjs"),c=require("./CheckboxWrapper.cjs"),l=require("./CrestWrapper.cjs"),u=require("./DisplayWrapper.cjs"),d=require("./DividerWrapper.cjs"),f=require("./DrilldownWrapper.cjs"),p=require("./DrilldownItemWrapper.cjs"),m=require("./DrilldownLinkWrapper.cjs"),h=require("./FieldsetWrapper.cjs"),g=require("./FlagWrapper.cjs"),_=require("./FlyoutWrapper.cjs"),v=require("./HeadingWrapper.cjs"),y=require("./IconWrapper.cjs"),b=require("./InlineNotificationWrapper.cjs"),x=require("./InputDateWrapper.cjs"),S=require("./InputEmailWrapper.cjs"),C=require("./InputMonthWrapper.cjs"),w=require("./InputNumberWrapper.cjs"),T=require("./InputPasswordWrapper.cjs"),E=require("./InputSearchWrapper.cjs"),D=require("./InputTelWrapper.cjs"),O=require("./InputTextWrapper.cjs"),k=require("./InputTimeWrapper.cjs"),A=require("./InputUrlWrapper.cjs"),j=require("./InputWeekWrapper.cjs"),M=require("./LinkWrapper.cjs"),N=require("./LinkPureWrapper.cjs"),P=require("./LinkTileWrapper.cjs"),F=require("./LinkTileProductWrapper.cjs"),I=require("./ModalWrapper.cjs"),L=require("./ModelSignatureWrapper.cjs"),R=require("./MultiSelectWrapper.cjs"),z=require("./MultiSelectOptionWrapper.cjs"),B=require("./OptgroupWrapper.cjs"),V=require("./PaginationWrapper.cjs"),H=require("./PinCodeWrapper.cjs"),U=require("./PopoverWrapper.cjs"),W=require("./RadioGroupWrapper.cjs"),G=require("./RadioGroupOptionWrapper.cjs"),K=require("./ScrollerWrapper.cjs"),q=require("./SegmentedControlWrapper.cjs"),J=require("./SegmentedControlItemWrapper.cjs"),Y=require("./SelectWrapper.cjs"),X=require("./SelectOptionWrapper.cjs"),Z=require("./SheetWrapper.cjs"),Q=require("./SpinnerWrapper.cjs"),$=require("./StepperHorizontalWrapper.cjs"),ee=require("./StepperHorizontalItemWrapper.cjs"),te=require("./SwitchWrapper.cjs"),ne=require("./TableWrapper.cjs"),re=require("./TableBodyWrapper.cjs"),ie=require("./TableCellWrapper.cjs"),ae=require("./TableHeadWrapper.cjs"),oe=require("./TableHeadCellWrapper.cjs"),se=require("./TableHeadRowWrapper.cjs"),ce=require("./TableRowWrapper.cjs"),le=require("./TabsWrapper.cjs"),ue=require("./TabsBarWrapper.cjs"),de=require("./TabsItemWrapper.cjs"),fe=require("./TagWrapper.cjs"),pe=require("./TagDismissibleWrapper.cjs"),me=require("./TextWrapper.cjs"),he=require("./TextListWrapper.cjs"),ge=require("./TextListItemWrapper.cjs"),_e=require("./TextareaWrapper.cjs"),ve=require("./ToastWrapper.cjs"),ye=require("./WordmarkWrapper.cjs");exports.PAccordion=e.default,exports.PAiTag=t.default,exports.PBanner=n.default,exports.PButton=r.default,exports.PButtonPure=i.default,exports.PButtonTile=a.default,exports.PCanvas=o.default,exports.PCarousel=s.default,exports.PCheckbox=c.default,exports.PCrest=l.default,exports.PDisplay=u.default,exports.PDivider=d.default,exports.PDrilldown=f.default,exports.PDrilldownItem=p.default,exports.PDrilldownLink=m.default,exports.PFieldset=h.default,exports.PFlag=g.default,exports.PFlyout=_.default,exports.PHeading=v.default,exports.PIcon=y.default,exports.PInlineNotification=b.default,exports.PInputDate=x.default,exports.PInputEmail=S.default,exports.PInputMonth=C.default,exports.PInputNumber=w.default,exports.PInputPassword=T.default,exports.PInputSearch=E.default,exports.PInputTel=D.default,exports.PInputText=O.default,exports.PInputTime=k.default,exports.PInputUrl=A.default,exports.PInputWeek=j.default,exports.PLink=M.default,exports.PLinkPure=N.default,exports.PLinkTile=P.default,exports.PLinkTileProduct=F.default,exports.PModal=I.default,exports.PModelSignature=L.default,exports.PMultiSelect=R.default,exports.PMultiSelectOption=z.default,exports.POptgroup=B.default,exports.PPagination=V.default,exports.PPinCode=H.default,exports.PPopover=U.default,exports.PRadioGroup=W.default,exports.PRadioGroupOption=G.default,exports.PScroller=K.default,exports.PSegmentedControl=q.default,exports.PSegmentedControlItem=J.default,exports.PSelect=Y.default,exports.PSelectOption=X.default,exports.PSheet=Z.default,exports.PSpinner=Q.default,exports.PStepperHorizontal=$.default,exports.PStepperHorizontalItem=ee.default,exports.PSwitch=te.default,exports.PTable=ne.default,exports.PTableBody=re.default,exports.PTableCell=ie.default,exports.PTableHead=ae.default,exports.PTableHeadCell=oe.default,exports.PTableHeadRow=se.default,exports.PTableRow=ce.default,exports.PTabs=le.default,exports.PTabsBar=ue.default,exports.PTabsItem=de.default,exports.PTag=fe.default,exports.PTagDismissible=pe.default,exports.PText=me.default,exports.PTextList=he.default,exports.PTextListItem=ge.default,exports.PTextarea=_e.default,exports.PToast=ve.default,exports.PWordmark=ye.default;

package/cjs/plugin.cjs

@@ -1 +1 @@
-const e=require("./utils.cjs");let t=require("@porsche-design-system/components-js"),n=require("vue");var r=Symbol();function i(){let e=(0,n.inject)(r);if(!e)throw Error("[Porsche Design System Vue] No plugin was provided. Make sure to create one via `createPorscheDesignSystem()`.");return e}function a(i={prefix:``}){let a=(0,n.ref)(!1),o={options:i,isPorscheDesignSystemLoaded:a,componentsReady:t.componentsReady,async install(n){a.value||=((0,t.load)({prefix:i.prefix}),await(0,t.componentsReady)(),!0),n.provide(e.prefixInjectionKey,i.prefix),n.provide(r,o)}};return o}exports.createPorscheDesignSystem=a,exports.usePorscheDesignSystemPlugin=i;
+const e=require("./utils.cjs");let t=require("@porsche-design-system/components-js"),n=require("vue");var r=Symbol();function i(){let e=(0,n.inject)(r);if(!e)throw Error("[Porsche Design System Vue] No plugin was provided. Make sure to create one via `createPorscheDesignSystem()`.");return e}function a(i={prefix:``}){let a=(0,n.ref)(!1),o={options:i,isPorscheDesignSystemLoaded:a,componentsReady:t.componentsReady,async install(n){a.value||=((0,t.load)({prefix:i.prefix}),await(0,t.componentsReady)(),!0),n.provide(e.prefixInjectionKey,i.prefix),n.provide(r,o)}};return o}exports.createPorscheDesignSystem=a,exports.porscheDesignSystemSymbol=r,exports.usePorscheDesignSystemPlugin=i;

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

@@ -5,7 +5,11 @@ export type PPopoverProps = {
      */
     aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
     /**
-     * Sets the text content displayed inside the popover panel when it is open, providing contextual help or information.
+     * Reduces padding and spacing for a more compact layout, useful in space-constrained interfaces.
+     */
+    compact?: boolean;
+    /**
+     * Sets the text content displayed inside the popover panel when it is open, providing contextual help or information. Takes precedence over the default slot when both are provided.
      */
     description?: string;
     /**
@@ -13,10 +17,18 @@ export type PPopoverProps = {
      * @default 'bottom'
      */
     direction?: PopoverDirection;
+    /**
+     * Controls whether the popover is visible. When set (controlled mode), visibility follows this prop and the consumer owns the open state via a slotted `button`. When omitted (uncontrolled mode), the component manages visibility itself.
+     */
+    open?: boolean;
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PPopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PPopoverProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PPopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    dismiss: (value: CustomEvent<void>) => any;
+}, string, import("vue").PublicProps, Readonly<PPopoverProps> & Readonly<{
+    onDismiss?: ((value: CustomEvent<void>) => any) | undefined;
+}>, {
     direction: PopoverDirection;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;

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

@@ -1,23 +1,28 @@
-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";
+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/PopoverWrapper.vue?vue&type=script&setup=true&lang.ts
-var f = /*@__PURE__*/ r({
+var p = /*@__PURE__*/ i({
 	__name: "PopoverWrapper",
 	props: {
 		aria: {},
+		compact: { type: Boolean },
 		description: {},
-		direction: { default: "bottom" }
+		direction: { default: "bottom" },
+		open: { type: Boolean }
 	},
-	setup(r) {
-		let f = t("p-popover"), p = r, m = s(), h = () => e(m, p);
-		return i(h), a(h), (e, t) => (o(), n(l(u(f)), {
+	emits: ["dismiss"],
+	setup(i, { emit: p }) {
+		let m = n("p-popover"), h = i, g = c(), _ = p, v = () => t(g, h);
+		return a(() => {
+			v(), e(g, "dismiss", _);
+		}), o(v), (e, t) => (s(), r(u(d(m)), {
 			ref_key: "pdsComponentRef",
-			ref: m
+			ref: g
 		}, {
-			default: d(() => [c(e.$slots, "default")]),
+			default: f(() => [l(e.$slots, "default")]),
 			_: 3
 		}, 512));
 	}
 });
 //#endregion
-export { f as default };
+export { p as default };

package/esm/lib/components/index.mjs

@@ -1,74 +1,75 @@
-import "./AccordionWrapper.mjs";
-import "./AiTagWrapper.mjs";
-import "./BannerWrapper.mjs";
-import "./ButtonWrapper.mjs";
-import "./ButtonPureWrapper.mjs";
-import "./ButtonTileWrapper.mjs";
-import "./CanvasWrapper.mjs";
-import "./CarouselWrapper.mjs";
-import "./CheckboxWrapper.mjs";
-import "./CrestWrapper.mjs";
-import "./DisplayWrapper.mjs";
-import "./DividerWrapper.mjs";
-import "./DrilldownWrapper.mjs";
-import "./DrilldownItemWrapper.mjs";
-import "./DrilldownLinkWrapper.mjs";
-import "./FieldsetWrapper.mjs";
-import "./FlagWrapper.mjs";
-import "./FlyoutWrapper.mjs";
-import "./HeadingWrapper.mjs";
-import "./IconWrapper.mjs";
-import "./InlineNotificationWrapper.mjs";
-import "./InputDateWrapper.mjs";
-import "./InputEmailWrapper.mjs";
-import "./InputMonthWrapper.mjs";
-import "./InputNumberWrapper.mjs";
-import "./InputPasswordWrapper.mjs";
-import "./InputSearchWrapper.mjs";
-import "./InputTelWrapper.mjs";
-import "./InputTextWrapper.mjs";
-import "./InputTimeWrapper.mjs";
-import "./InputUrlWrapper.mjs";
-import "./InputWeekWrapper.mjs";
-import "./LinkWrapper.mjs";
-import "./LinkPureWrapper.mjs";
-import "./LinkTileWrapper.mjs";
-import "./LinkTileProductWrapper.mjs";
-import "./ModalWrapper.mjs";
-import "./ModelSignatureWrapper.mjs";
-import "./MultiSelectWrapper.mjs";
-import "./MultiSelectOptionWrapper.mjs";
-import "./OptgroupWrapper.mjs";
-import "./PaginationWrapper.mjs";
-import "./PinCodeWrapper.mjs";
-import "./PopoverWrapper.mjs";
-import "./RadioGroupWrapper.mjs";
-import "./RadioGroupOptionWrapper.mjs";
-import "./ScrollerWrapper.mjs";
-import "./SegmentedControlWrapper.mjs";
-import "./SegmentedControlItemWrapper.mjs";
-import "./SelectWrapper.mjs";
-import "./SelectOptionWrapper.mjs";
-import "./SheetWrapper.mjs";
-import "./SpinnerWrapper.mjs";
-import "./StepperHorizontalWrapper.mjs";
-import "./StepperHorizontalItemWrapper.mjs";
-import "./SwitchWrapper.mjs";
-import "./TableWrapper.mjs";
-import "./TableBodyWrapper.mjs";
-import "./TableCellWrapper.mjs";
-import "./TableHeadWrapper.mjs";
-import "./TableHeadCellWrapper.mjs";
-import "./TableHeadRowWrapper.mjs";
-import "./TableRowWrapper.mjs";
-import "./TabsWrapper.mjs";
-import "./TabsBarWrapper.mjs";
-import "./TabsItemWrapper.mjs";
-import "./TagWrapper.mjs";
-import "./TagDismissibleWrapper.mjs";
-import "./TextWrapper.mjs";
-import "./TextListWrapper.mjs";
-import "./TextListItemWrapper.mjs";
-import "./TextareaWrapper.mjs";
-import "./ToastWrapper.mjs";
-import "./WordmarkWrapper.mjs";
+import e from "./AccordionWrapper.mjs";
+import t from "./AiTagWrapper.mjs";
+import n from "./BannerWrapper.mjs";
+import r from "./ButtonWrapper.mjs";
+import i from "./ButtonPureWrapper.mjs";
+import a from "./ButtonTileWrapper.mjs";
+import o from "./CanvasWrapper.mjs";
+import s from "./CarouselWrapper.mjs";
+import c from "./CheckboxWrapper.mjs";
+import l from "./CrestWrapper.mjs";
+import u from "./DisplayWrapper.mjs";
+import d from "./DividerWrapper.mjs";
+import f from "./DrilldownWrapper.mjs";
+import p from "./DrilldownItemWrapper.mjs";
+import m from "./DrilldownLinkWrapper.mjs";
+import h from "./FieldsetWrapper.mjs";
+import g from "./FlagWrapper.mjs";
+import _ from "./FlyoutWrapper.mjs";
+import v from "./HeadingWrapper.mjs";
+import y from "./IconWrapper.mjs";
+import b from "./InlineNotificationWrapper.mjs";
+import x from "./InputDateWrapper.mjs";
+import S from "./InputEmailWrapper.mjs";
+import C from "./InputMonthWrapper.mjs";
+import w from "./InputNumberWrapper.mjs";
+import T from "./InputPasswordWrapper.mjs";
+import E from "./InputSearchWrapper.mjs";
+import D from "./InputTelWrapper.mjs";
+import O from "./InputTextWrapper.mjs";
+import k from "./InputTimeWrapper.mjs";
+import A from "./InputUrlWrapper.mjs";
+import j from "./InputWeekWrapper.mjs";
+import M from "./LinkWrapper.mjs";
+import N from "./LinkPureWrapper.mjs";
+import P from "./LinkTileWrapper.mjs";
+import F from "./LinkTileProductWrapper.mjs";
+import I from "./ModalWrapper.mjs";
+import L from "./ModelSignatureWrapper.mjs";
+import R from "./MultiSelectWrapper.mjs";
+import z from "./MultiSelectOptionWrapper.mjs";
+import B from "./OptgroupWrapper.mjs";
+import V from "./PaginationWrapper.mjs";
+import H from "./PinCodeWrapper.mjs";
+import U from "./PopoverWrapper.mjs";
+import W from "./RadioGroupWrapper.mjs";
+import G from "./RadioGroupOptionWrapper.mjs";
+import K from "./ScrollerWrapper.mjs";
+import q from "./SegmentedControlWrapper.mjs";
+import J from "./SegmentedControlItemWrapper.mjs";
+import Y from "./SelectWrapper.mjs";
+import X from "./SelectOptionWrapper.mjs";
+import Z from "./SheetWrapper.mjs";
+import Q from "./SpinnerWrapper.mjs";
+import $ from "./StepperHorizontalWrapper.mjs";
+import ee from "./StepperHorizontalItemWrapper.mjs";
+import te from "./SwitchWrapper.mjs";
+import ne from "./TableWrapper.mjs";
+import re from "./TableBodyWrapper.mjs";
+import ie from "./TableCellWrapper.mjs";
+import ae from "./TableHeadWrapper.mjs";
+import oe from "./TableHeadCellWrapper.mjs";
+import se from "./TableHeadRowWrapper.mjs";
+import ce from "./TableRowWrapper.mjs";
+import le from "./TabsWrapper.mjs";
+import ue from "./TabsBarWrapper.mjs";
+import de from "./TabsItemWrapper.mjs";
+import fe from "./TagWrapper.mjs";
+import pe from "./TagDismissibleWrapper.mjs";
+import me from "./TextWrapper.mjs";
+import he from "./TextListWrapper.mjs";
+import ge from "./TextListItemWrapper.mjs";
+import _e from "./TextareaWrapper.mjs";
+import ve from "./ToastWrapper.mjs";
+import ye from "./WordmarkWrapper.mjs";
+export { e as PAccordion, t as PAiTag, n as PBanner, r as PButton, i as PButtonPure, a as PButtonTile, o as PCanvas, s as PCarousel, c as PCheckbox, l as PCrest, u as PDisplay, d as PDivider, f as PDrilldown, p as PDrilldownItem, m as PDrilldownLink, h as PFieldset, g as PFlag, _ as PFlyout, v as PHeading, y as PIcon, b as PInlineNotification, x as PInputDate, S as PInputEmail, C as PInputMonth, w as PInputNumber, T as PInputPassword, E as PInputSearch, D as PInputTel, O as PInputText, k as PInputTime, A as PInputUrl, j as PInputWeek, M as PLink, N as PLinkPure, P as PLinkTile, F as PLinkTileProduct, I as PModal, L as PModelSignature, R as PMultiSelect, z as PMultiSelectOption, B as POptgroup, V as PPagination, H as PPinCode, U as PPopover, W as PRadioGroup, G as PRadioGroupOption, K as PScroller, q as PSegmentedControl, J as PSegmentedControlItem, Y as PSelect, X as PSelectOption, Z as PSheet, Q as PSpinner, $ as PStepperHorizontal, ee as PStepperHorizontalItem, te as PSwitch, ne as PTable, re as PTableBody, ie as PTableCell, ae as PTableHead, oe as PTableHeadCell, se as PTableHeadRow, ce as PTableRow, le as PTabs, ue as PTabsBar, de as PTabsItem, fe as PTag, pe as PTagDismissible, me as PText, he as PTextList, ge as PTextListItem, _e as PTextarea, ve as PToast, ye as PWordmark };

package/esm/plugin.mjs

@@ -20,4 +20,4 @@ function s(r = { prefix: "" }) {
 	return s;
 }
 //#endregion
-export { s as createPorscheDesignSystem, o as usePorscheDesignSystemPlugin };
+export { s as createPorscheDesignSystem, a as porscheDesignSystemSymbol, o as usePorscheDesignSystemPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "4.3.0",
+  "version": "4.4.0-rc.0",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -21,7 +21,7 @@
     "url": "https://github.com/porsche-design-system/porsche-design-system"
   },
   "dependencies": {
-    "@porsche-design-system/components-js": "4.3.0"
+    "@porsche-design-system/components-js": "4.4.0-rc.0"
   },
   "peerDependencies": {
     "ag-grid-enterprise": ">= 35.0.0 <36.0.0",