@porsche-design-system/components-angular 4.6.0-rc.0 → 4.6.0-rc.2

package/types/porsche-design-system-components-angular.d.ts

@@ -344,10 +344,12 @@ declare const ICON_NAMES: readonly [
     "compare",
     "compass",
     "configurate",
+    "connect-services",
     "copy",
     "country-road",
     "coupe",
     "cubic-capacity",
+    "customer-support",
     "cut",
     "delete",
     "disable",
@@ -507,6 +509,7 @@ declare const ICON_NAMES: readonly [
     "shopping-bag-filled",
     "shopping-cart",
     "shopping-cart-filled",
+    "shopping-cart-off",
     "sidebar",
     "sidelights",
     "skip-backward",
@@ -802,225 +805,193 @@ type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttribute
 type SelectedAriaRole<T> = {
     role: Extract<AriaRole, T>;
 };
+declare const MARKET_LOCALES: readonly [
+    "ar-BH",
+    "ar-KW",
+    "ar-QA",
+    "ar-SA",
+    "az-AZ",
+    "bg-BG",
+    "bs-BA",
+    "cs-CZ",
+    "cs-SK",
+    "da-DK",
+    "de-AT",
+    "de-CH",
+    "de-DE",
+    "de-LI",
+    "de-LU",
+    "el-GR",
+    "en",
+    "en-AE",
+    "en-AE-x-abu-dhabi",
+    "en-AE-x-abudhabi",
+    "en-AE-x-dubai",
+    "en-AL",
+    "en-AU",
+    "en-BA",
+    "en-BG",
+    "en-BH",
+    "en-BN",
+    "en-CA",
+    "en-CH",
+    "en-CN",
+    "en-CW",
+    "en-CY",
+    "en-CZ",
+    "en-DK",
+    "en-EE",
+    "en-EG",
+    "en-FI",
+    "en-GB",
+    "en-GE",
+    "en-GH",
+    "en-GI",
+    "en-GR",
+    "en-HK",
+    "en-HR",
+    "en-HT",
+    "en-ID",
+    "en-IE",
+    "en-IL",
+    "en-IN",
+    "en-IS",
+    "en-JM",
+    "en-JO",
+    "en-KH",
+    "en-KR",
+    "en-KW",
+    "en-KZ",
+    "en-LB",
+    "en-LK",
+    "en-LT",
+    "en-LV",
+    "en-ME",
+    "en-MK",
+    "en-MN",
+    "en-MT",
+    "en-MU",
+    "en-MY",
+    "en-NC",
+    "en-NL",
+    "en-NO",
+    "en-NZ",
+    "en-OM",
+    "en-PF",
+    "en-PH",
+    "en-PL",
+    "en-PR",
+    "en-QA",
+    "en-RO",
+    "en-RS",
+    "en-SA",
+    "en-SE",
+    "en-SG",
+    "en-SI",
+    "en-SK",
+    "en-TH",
+    "en-TR",
+    "en-TT",
+    "en-TW",
+    "en-UA",
+    "en-US",
+    "en-VE",
+    "en-VN",
+    "en-XA",
+    "en-YE",
+    "en-ZA",
+    "es-AD",
+    "es-AR",
+    "es-BO",
+    "es-CL",
+    "es-CO",
+    "es-CR",
+    "es-DO",
+    "es-EC",
+    "es-ES",
+    "es-GT",
+    "es-HN",
+    "es-MX",
+    "es-PA",
+    "es-PE",
+    "es-PR",
+    "es-PY",
+    "es-SV",
+    "es-TT",
+    "es-UY",
+    "es-VE",
+    "et-EE",
+    "fi-FI",
+    "fr-BE",
+    "fr-CA",
+    "fr-CH",
+    "fr-DZ",
+    "fr-FR",
+    "fr-GP",
+    "fr-LI",
+    "fr-LU",
+    "fr-MA",
+    "fr-MC",
+    "fr-MQ",
+    "fr-MU",
+    "fr-NC",
+    "fr-PF",
+    "fr-RE",
+    "fr-TN",
+    "he-IL",
+    "hr-HR",
+    "hu-HU",
+    "hy-AM",
+    "is-IS",
+    "it-CH",
+    "it-IT",
+    "ja-JP",
+    "ka-GE",
+    "ko-KR",
+    "lt-LT",
+    "lv-LV",
+    "me-ME",
+    "mk-MK",
+    "mt-MT",
+    "nb-NO",
+    "nl-BE",
+    "nl-NL",
+    "no-NO",
+    "pl-PL",
+    "pt-BR",
+    "pt-PT",
+    "ro-MD",
+    "ro-RO",
+    "ru-AZ",
+    "ru-BY",
+    "ru-CY",
+    "ru-EE",
+    "ru-KZ",
+    "ru-LT",
+    "ru-LV",
+    "ru-RU",
+    "ru-UK",
+    "ru-UZ",
+    "sk-SK",
+    "sl-SI",
+    "sr-ME",
+    "sr-RS",
+    "sv-SE",
+    "tr-TR",
+    "uk-UA",
+    "zh-CN",
+    "zh-HK",
+    "zh-TW"
+];
+type MarketLocale = (typeof MARKET_LOCALES)[number];
+type ToPosixLocale<T extends string> = T extends `${infer Head}-${infer Tail}` ? `${Head}_${ToPosixLocale<Tail>}` : T;
+type AiTagLocale = MarketLocale | ToPosixLocale<MarketLocale>;
 declare const AI_TAG_VARIANTS: readonly [
     "abbreviation",
     "generated",
     "modified"
 ];
 type AiTagVariant = (typeof AI_TAG_VARIANTS)[number];
-declare const AI_TAG_TRANSLATIONS: {
-    bg_BG: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    bs_BA: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    cs_CZ: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    da_DK: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    de_DE: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    el_GR: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    en_CY: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    en_GB: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    en_US: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    es_ES: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    et_EE: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    fi_FI: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    fr_FR: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    he_IL: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    hr_HR: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    hu_HU: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    is_IS: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    it_IT: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    lt_LT: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    lv_LV: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    me_ME: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    mk_MK: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    mt_MT: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    nb_NO: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    nl_NL: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    pl_PL: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    pt_PT: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    ro_RO: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    ru_RU: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    sk_SK: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    sl_SI: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    sr_RS: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    sv_SE: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    tr_TR: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-    uk_UA: {
-        short: string;
-        long: string;
-        generated: string;
-        modified: string;
-    };
-};
-type AiTagLocale = keyof typeof AI_TAG_TRANSLATIONS;
 declare const BANNER_POSITIONS: readonly [
     "top",
     "bottom"
@@ -2421,7 +2392,7 @@ type PInputNumberProps = {
      */
     step?: number;
     /**
-     * Sets the current numeric value of the field.
+     * Sets the current numeric value. Strings and numbers are accepted for programmatic assignment, but user input updates the value as a string to mirror native input behavior.
      * @default ''
      */
     value?: string | number | null;
@@ -2934,7 +2905,7 @@ type PInputTextProps = {
      */
     state?: InputTextState;
     /**
-     * Sets the current text value of the input field.
+     * Sets the current text value. Numbers are accepted for programmatic assignment, but user input updates the value as a string.
      * @default ''
      */
     value?: string | number | null;
@@ -3493,10 +3464,10 @@ type PPinCodeProps = {
      */
     type?: PinCodeType;
     /**
-     * Sets the current concatenated value of all pin code fields and allows setting the initial value.
+     * Sets the current concatenated value. Numbers are accepted for programmatic assignment, but user input updates the value as a string.
      * @default ''
      */
-    value?: string;
+    value?: string | number | null;
 };
 declare class PPinCode extends BaseComponent implements ControlValueAccessor {
     private _renderer;
@@ -3515,7 +3486,7 @@ declare class PPinCode extends BaseComponent implements ControlValueAccessor {
     required?: boolean;
     state?: PinCodeState;
     type?: PinCodeType;
-    value?: string;
+    value?: string | number | null;
     blur: EventEmitter<CustomEvent<void>>;
     change: EventEmitter<CustomEvent<PinCodeChangeEventDetail>>;
     constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
@@ -3589,10 +3560,9 @@ type PRadioGroupProps = {
      */
     state?: RadioGroupState;
     /**
-     * Sets the currently selected value that pre-selects the matching radio option and reflects user changes.
-     * @default ''
+     * Sets the currently selected value that pre-selects the matching radio option and reflects user changes. Matches an option strictly by type and value, meaning string or number only match an option whose value has the same type and equal value. Use undefined or null for no preselection; these values never match an option because every option requires a string or number value.  Please note that FormData always serializes values as strings, so when participating in a native (uncontrolled) form a number value is restored as string via formStateRestoreCallback and will no longer strictly match a number-typed option. This limitation only applies to native form state restoration; in controlled forms (where the consumer manages value directly via the change event), the number type is preserved end-to-end.
      */
-    value?: string;
+    value?: string | number | null;
 };
 declare class PRadioGroup extends BaseComponent implements ControlValueAccessor {
     private _renderer;
@@ -3610,7 +3580,7 @@ declare class PRadioGroup extends BaseComponent implements ControlValueAccessor
     name: string;
     required?: boolean;
     state?: RadioGroupState;
-    value?: string;
+    value?: string | number | null;
     blur: EventEmitter<CustomEvent<void>>;
     change: EventEmitter<CustomEvent<Event>>;
     constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
@@ -3684,9 +3654,9 @@ type PSegmentedControlProps = {
      */
     state?: SegmentedControlState;
     /**
-     * Sets the currently selected item's value and pre-selects the matching option when the component renders.
+     * Sets the currently selected item's value and pre-selects the matching option when the component renders. Matches an item strictly by type and value, meaning string or number only match an item whose value has the same type and equal value. Use undefined or null for no preselection.  Please note that FormData always serializes values as strings, so when participating in a native (uncontrolled) form a number value is restored as string via formStateRestoreCallback and will no longer strictly match a number-typed item. This limitation only applies to native form state restoration; in controlled forms (where the consumer manages value directly via the change event), the number type is preserved end-to-end.
      */
-    value?: string | number;
+    value?: string | number | null;
 };
 declare class PSegmentedControl extends BaseComponent implements ControlValueAccessor {
     private _renderer;
@@ -3704,7 +3674,7 @@ declare class PSegmentedControl extends BaseComponent implements ControlValueAcc
     noWrap?: boolean;
     required?: boolean;
     state?: SegmentedControlState;
-    value?: string | number;
+    value?: string | number | null;
     blur: EventEmitter<CustomEvent<void>>;
     change: EventEmitter<CustomEvent<SegmentedControlChangeEventDetail>>;
     constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
@@ -4022,8 +3992,8 @@ declare class PAccordion extends BaseComponent {
 
 type PAiTagProps = {
     /**
-     * Locale for the AI text (ISO format, e.g. "de_DE").
-     * @default 'en_US'
+     * Market locale for the AI text (BCP47, e.g. `en-US`). Language-only `en` is supported for international markets. POSIX forms (e.g. `en_US`) are deprecated but still accepted. Copy is resolved by language; unknown languages fall back to English.
+     * @default 'en-US'
      */
     locale?: AiTagLocale;
     /**
@@ -5304,7 +5274,7 @@ type PMultiSelectOptionProps = {
      */
     disabled?: boolean;
     /**
-     * Sets the value submitted with the form data when this option is selected in the parent multi-select.
+     * Sets the required option value submitted with the form data when selected. Must be a string or number.
      */
     value: string | number;
 };
@@ -5421,15 +5391,15 @@ type PRadioGroupOptionProps = {
      */
     loading?: boolean;
     /**
-     * Sets the value submitted with the form data when this radio option is selected within its parent group.
+     * Sets the required option value. Must be a string or number and is selected when it strictly matches the parent `p-radio-group` value by type and value.
      */
-    value?: string;
+    value: string | number;
 };
 declare class PRadioGroupOption extends BaseComponent {
     disabled?: boolean;
     label?: string;
     loading?: boolean;
-    value?: string;
+    value: string | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<PRadioGroupOption, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PRadioGroupOption, "p-radio-group-option,[p-radio-group-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
@@ -5993,7 +5963,7 @@ type PWordmarkProps = {
      */
     href?: string;
     /**
-     * Sets the display size of the Porsche wordmark SVG using predefined PDS size tokens (`small`, `medium`, `large`, `inherit`).
+     * Sets the display size of the Porsche wordmark SVG using predefined PDS size tokens.
      * @default 'small'
      */
     size?: WordmarkSize;
@@ -6036,4 +6006,4 @@ declare class ToastManager {
 }
 
 export { DECLARATIONS, PAccordion, PAiTag, PBanner, PButton, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFlag, PFlyout, PHeading, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkTile, PLinkTileProduct, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextList, PTextListItem, PTextarea, PToast, PWordmark, PorscheDesignSystemModule, ToastManager };
-export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AiTagLocale, AiTagVariant, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchAriaAttribute, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PAccordionProps, PAiTagProps, PBannerProps, PButtonProps, PButtonPureProps, PButtonTileProps, PCanvasProps, PCarouselProps, PCheckboxProps, PCrestProps, PDisplayProps, PDividerProps, PDrilldownItemProps, PDrilldownLinkProps, PDrilldownProps, PFieldsetProps, PFlagProps, PFlyoutProps, PHeadingProps, PIconProps, PInlineNotificationProps, PInputDateProps, PInputEmailProps, PInputMonthProps, PInputNumberProps, PInputPasswordProps, PInputSearchProps, PInputTelProps, PInputTextProps, PInputTimeProps, PInputUrlProps, PInputWeekProps, PLinkProps, PLinkPureProps, PLinkTileProductProps, PLinkTileProps, PModalProps, PModelSignatureProps, PMultiSelectOptionProps, PMultiSelectProps, POptgroupProps, PPaginationProps, PPinCodeProps, PPopoverProps, PRadioGroupOptionProps, PRadioGroupProps, PScrollerProps, PSegmentedControlItemProps, PSegmentedControlProps, PSelectOptionProps, PSelectProps, PSheetProps, PSpinnerProps, PStepperHorizontalItemProps, PStepperHorizontalProps, PSwitchProps, PTableBodyProps, PTableCellProps, PTableHeadCellProps, PTableHeadProps, PTableHeadRowProps, PTableProps, PTableRowProps, PTabsBarProps, PTabsItemProps, PTabsProps, PTagDismissibleProps, PTagProps, PTextListItemProps, PTextListProps, PTextProps, PTextareaProps, PToastProps, PWordmarkProps, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsAriaAttribute, TabsBackground, TabsBarAriaAttribute, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
+export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AiTagLocale, AiTagVariant, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchAriaAttribute, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, MarketLocale, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PAccordionProps, PAiTagProps, PBannerProps, PButtonProps, PButtonPureProps, PButtonTileProps, PCanvasProps, PCarouselProps, PCheckboxProps, PCrestProps, PDisplayProps, PDividerProps, PDrilldownItemProps, PDrilldownLinkProps, PDrilldownProps, PFieldsetProps, PFlagProps, PFlyoutProps, PHeadingProps, PIconProps, PInlineNotificationProps, PInputDateProps, PInputEmailProps, PInputMonthProps, PInputNumberProps, PInputPasswordProps, PInputSearchProps, PInputTelProps, PInputTextProps, PInputTimeProps, PInputUrlProps, PInputWeekProps, PLinkProps, PLinkPureProps, PLinkTileProductProps, PLinkTileProps, PModalProps, PModelSignatureProps, PMultiSelectOptionProps, PMultiSelectProps, POptgroupProps, PPaginationProps, PPinCodeProps, PPopoverProps, PRadioGroupOptionProps, PRadioGroupProps, PScrollerProps, PSegmentedControlItemProps, PSegmentedControlProps, PSelectOptionProps, PSelectProps, PSheetProps, PSpinnerProps, PStepperHorizontalItemProps, PStepperHorizontalProps, PSwitchProps, PTableBodyProps, PTableCellProps, PTableHeadCellProps, PTableHeadProps, PTableHeadRowProps, PTableProps, PTableRowProps, PTabsBarProps, PTabsItemProps, PTabsProps, PTagDismissibleProps, PTagProps, PTextListItemProps, PTextListProps, PTextProps, PTextareaProps, PToastProps, PWordmarkProps, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsAriaAttribute, TabsBackground, TabsBarAriaAttribute, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToPosixLocale, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };

package/vanilla-extract/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "cjs/index.cjs",
+  "module": "esm/index.mjs",
+  "types": "esm/index.d.ts",
+  "sideEffects": false
+}

package/skill/references/components/p-ai-tag/p-ai-tag.md

@@ -1,47 +0,0 @@
-# p-ai-tag
-
-`p-ai-tag` is used to indicate AI-generated or AI-modified content. It displays a localized and legally compliant AI label text (abbreviated or as long-form) combined with an icon.
-
-## Usage
-
-Use the AI tag to indicate that content has been generated or assisted by artificial intelligence.
-
-The following segment provides instructions for designers and developers regarding the appropriate utilization of this component in various situations.
-
-### Do:
-
-- Use to indicate AI-generated or AI-assisted content.
-- Use the appropriate `locale` to match the user's language.
-- Use the `abbreviation` variant for compact contexts where space is limited.
-- Use the `generated` or `modified` variant when a full label improves clarity.
-
-### Don't:
-
-- Don't use as a general-purpose tag — use `p-tag` instead.
-- Don't use for non-AI-related labeling or categorization.
-
-## Accessibility support
-
-For the `abbreviation` variant, the component uses an `<abbr>` element so the full “artificial intelligence” term is available as the expansion.
-
-## API
-
-### Properties
-
-| Property | Type | Default | Description |
-| --- | --- | --- | --- |
-| `locale` | `'bg_BG'` `'bs_BA'` `'cs_CZ'` `'da_DK'` `'de_DE'` `'el_GR'` `'en_CY'` `'en_GB'` `'en_US'` `'es_ES'` `'et_EE'` `'fi_FI'` `'fr_FR'` `'he_IL'` `'hr_HR'` `'hu_HU'` `'is_IS'` `'it_IT'` `'lt_LT'` `'lv_LV'` `'me_ME'` `'mk_MK'` `'mt_MT'` `'nb_NO'` `'nl_NL'` `'pl_PL'` `'pt_PT'` `'ro_RO'` `'ru_RU'` `'sk_SK'` `'sl_SI'` `'sr_RS'` `'sv_SE'` `'tr_TR'` `'uk_UA'` | `'en_US'` | Locale for the AI text (ISO format, e.g. "de_DE"). |
-| `variant` | `'abbreviation'` `'generated'` `'modified'` | `'generated'` | Variant to display: 'abbreviation' (e.g. "AI"), 'generated' (e.g. "AI-generated"), or 'modified' (e.g. "AI-modified"). |
-
-## Examples
-
-| Example | When to use | File |
-| --- | --- | --- |
-| Default | Minimal default configuration. | [./examples/Default.ts](./examples/Default.ts) |
-| Within Checkbox | The `p-ai-tag` can be used inline with other form components. | [./examples/WithinCheckbox.ts](./examples/WithinCheckbox.ts) |
-| Within Radio Group | The `p-ai-tag` can also be placed within the slotted label of a `p-radio-button-wrapper` to indicate AI-related content for individual radio options. | [./examples/WithinRadioGroup.ts](./examples/WithinRadioGroup.ts) |
-| Within Form Label | The `p-ai-tag` can be placed within a `label` of a `p-select` (or any other form component) to indicate AI-related content for selected options. | [./examples/WithinFormLabel.ts](./examples/WithinFormLabel.ts) |
-| Within Input Search | The `p-ai-tag` can be placed in the `end` slot of a `p-input-search` to indicate that the search results are AI-powered. | [./examples/WithinInputSearch.ts](./examples/WithinInputSearch.ts) |
-| Within Text | The `p-ai-tag` can be placed inline within a `p-text` to indicate that the surrounding text content is AI-related. | [./examples/WithinText.ts](./examples/WithinText.ts) |
-| Within Image | The `p-ai-tag` can be positioned as an overlay on images to indicate that the image content has been generated or modified by AI. | [./examples/WithinImage.ts](./examples/WithinImage.ts) |
-| Within Table | The `p-ai-tag` can sit inline in a `p-table-head-cell` next to the column title — for example on a **Status** column when that data is AI-assisted. | [./examples/WithinTable.ts](./examples/WithinTable.ts) |

package/skill/references/components/p-canvas/examples/Default.ts

@@ -1,13 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { PorscheDesignSystemModule } from '@porsche-design-system/components-angular';
-
-@Component({
-  selector: 'porsche-design-system-app',
-  template: `
-      <p-canvas></p-canvas>
-  `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [PorscheDesignSystemModule], // <-- PDS module is imported here
-})
-export class ExampleComponent {}

package/skill/references/icons.md

@@ -1,5 +0,0 @@
-# Icon names
-
-Valid values for the icon-typed props across PDS components (e.g. `p-icon` `name`, `p-button` `icon`, `p-link` `icon`, `p-inline-notification` `actionIcon`). Pass one as a string, e.g. `icon="arrow-right"`. Each component reference links here instead of repeating the full list. (`p-flag` `name` uses a separate set of flag names, not listed here.)
-
-`360` `4-wheel-drive` `accessibility` `active-cabin-ventilation` `add` `adjust` `aggregation` `ai-3d-object` `ai-code` `ai-edit` `ai-image` `ai-scale` `ai-sound` `ai-spark` `ai-spark-filled` `ai-text` `ai-video` `arrow-compact-down` `arrow-compact-left` `arrow-compact-right` `arrow-compact-up` `arrow-double-down` `arrow-double-left` `arrow-double-right` `arrow-double-up` `arrow-down` `arrow-down-left` `arrow-down-right` `arrow-first` `arrow-head-down` `arrow-head-left` `arrow-head-right` `arrow-head-up` `arrow-last` `arrow-left` `arrow-right` `arrow-up` `arrow-up-left` `arrow-up-right` `arrows` `attachment` `augmented-reality` `battery-empty` `battery-empty-co2` `battery-empty-fuel` `battery-full` `battery-half` `battery-one-quarter` `battery-three-quarters` `bell` `bookmark` `bookmark-filled` `brain` `broadcast` `cabriolet` `calculator` `calendar` `camera` `car` `car-battery` `card` `charging-active` `charging-network` `charging-state` `charging-station` `chart` `chat` `check` `city` `climate` `climate-control` `clock` `close` `closed-caption` `cloud` `co2-class` `co2-emission` `color-picker` `compare` `compass` `configurate` `copy` `country-road` `coupe` `cubic-capacity` `cut` `delete` `disable` `dislike` `dislike-filled` `document` `door` `download` `drag` `duration` `ear` `edit` `email` `error` `error-filled` `exclamation` `exclamation-filled` `external` `fast-backward` `fast-forward` `file-csv` `file-excel` `filter` `fingerprint` `flag` `flash` `fuel-station` `garage` `genuine-parts` `geo-localization` `gift` `globe` `grid` `grip` `group` `hand` `heart` `heart-filled` `highway` `highway-filled` `history` `home` `horn` `image` `increase` `information` `information-filled` `key` `laptop` `leaf` `leather` `light` `like` `like-filled` `limousine` `linked` `list` `locate` `lock` `lock-open` `logo-apple-carplay` `logo-apple-music` `logo-apple-podcast` `logo-baidu` `logo-delicious` `logo-digg` `logo-facebook` `logo-foursquare` `logo-gmail` `logo-google` `logo-hatena` `logo-instagram` `logo-kaixin` `logo-kakaotalk` `logo-kununu` `logo-linkedin` `logo-naver` `logo-pinterest` `logo-qq` `logo-qq-share` `logo-reddit` `logo-skyrock` `logo-snapchat` `logo-sohu` `logo-spotify` `logo-tecent` `logo-telegram` `logo-tiktok` `logo-tumblr` `logo-twitter` `logo-viber` `logo-vk` `logo-wechat` `logo-weibo` `logo-whatsapp` `logo-x` `logo-xing` `logo-yahoo` `logo-youku` `logo-youtube` `logout` `map` `menu-dots-horizontal` `menu-dots-vertical` `menu-lines` `microphone` `minus` `mobile` `moon` `new-chat` `news` `north-arrow` `oil-can` `online-search` `parking-brake` `parking-light` `paste` `pause` `phone` `pin` `pin-filled` `pivot` `play` `play-filled` `plug` `plus` `preheating` `price-tag` `printer` `purchase` `push-pin` `push-pin-off` `qr` `qr-off` `question` `question-filled` `racing-flag` `radar` `radio` `refresh` `replay` `reset` `return` `road` `roof-closed` `roof-open` `route` `rss` `save` `screen` `search` `seat` `send` `service-technician` `share` `shopping-bag` `shopping-bag-filled` `shopping-cart` `shopping-cart-filled` `sidebar` `sidelights` `skip-backward` `skip-forward` `snowflake` `sort` `stack` `star` `star-filled` `steering-wheel` `stop` `stopwatch` `subtract` `success` `success-filled` `sun` `suv` `switch` `tablet` `tachometer` `theme` `tire` `trigger-finger` `truck` `turismo` `unlinked` `upload` `user` `user-filled` `user-group` `user-manual` `video` `view` `view-off` `volume-off` `volume-up` `warning` `warning-filled` `weather` `weight` `wifi` `work` `wrench` `wrenches` `zoom-in` `zoom-out`