@porsche-design-system/components-vue 3.0.0-rc.1 → 3.0.0-rc.3

package/lib/types.d.ts

@@ -195,14 +195,14 @@ declare const FORM_STATES: readonly [
     "error",
     "success"
 ];
-export declare type FormState = typeof FORM_STATES[number];
+export type FormState = typeof FORM_STATES[number];
 declare const BUTTON_ARIA_ATTRIBUTES: readonly [
     "aria-label",
     "aria-expanded",
     "aria-pressed",
     "aria-haspopup"
 ];
-export declare type ButtonAriaAttribute = typeof BUTTON_ARIA_ATTRIBUTES[number];
+export type ButtonAriaAttribute = typeof BUTTON_ARIA_ATTRIBUTES[number];
 declare const breakpoints: readonly [
     "base",
     "xs",
@@ -213,12 +213,12 @@ declare const breakpoints: readonly [
     "xxl"
 ];
 export type Breakpoint = (typeof breakpoints)[number];
-export declare type BreakpointValues<T> = {
+export type BreakpointValues<T> = {
     [key in Breakpoint]?: T;
 } & {
     base: T;
 };
-export declare type BreakpointCustomizable<T> = T | BreakpointValues<T>;
+export type BreakpointCustomizable<T> = T | BreakpointValues<T> | string;
 declare const TILE_ASPECT_RATIOS: readonly [
     "1:1",
     "4:3",
@@ -226,34 +226,38 @@ declare const TILE_ASPECT_RATIOS: readonly [
     "16:9",
     "9:16"
 ];
-export declare type TileAspectRatio = (typeof TILE_ASPECT_RATIOS)[number];
+export type TileAspectRatio = (typeof TILE_ASPECT_RATIOS)[number];
 declare const TILE_SIZES: readonly [
     "default",
     "inherit"
 ];
-export declare type TileSize = (typeof TILE_SIZES)[number];
+export type TileSize = (typeof TILE_SIZES)[number];
 declare const TILE_WEIGHTS: readonly [
     "regular",
     "semi-bold"
 ];
-export declare type TileWeight = (typeof TILE_WEIGHTS)[number];
+export type TileWeight = (typeof TILE_WEIGHTS)[number];
 declare const TILE_ALIGNS: readonly [
     "top",
     "bottom"
 ];
-export declare type TileAlign = (typeof TILE_ALIGNS)[number];
+export type TileAlign = (typeof TILE_ALIGNS)[number];
+declare const SCROLLER_ARIA_ATTRIBUTES: readonly [
+    "role"
+];
+export type ScrollerAriaAttribute = (typeof SCROLLER_ARIA_ATTRIBUTES)[number];
 declare const GRADIENT_COLOR_SCHEMES: readonly [
     "default",
     "surface"
 ];
 /** @deprecated */
-export declare type ScrollerGradientColorScheme = typeof GRADIENT_COLOR_SCHEMES[number];
+export type ScrollerGradientColorScheme = (typeof GRADIENT_COLOR_SCHEMES)[number];
 declare const GRADIENT_COLORS: readonly [
     "background-base",
     "background-surface"
 ];
-export declare type ScrollerGradientColor = typeof GRADIENT_COLORS[number];
-export declare type ScrollerScrollToPosition = {
+export type ScrollerGradientColor = (typeof GRADIENT_COLORS)[number];
+export type ScrollerScrollToPosition = {
     scrollPosition: number;
     isSmooth?: boolean;
 } | string;
@@ -262,24 +266,24 @@ declare const SCROLL_INDICATOR_POSITIONS: readonly [
     "center"
 ];
 /** @deprecated */
-export declare type ScrollerScrollIndicatorPosition = typeof SCROLL_INDICATOR_POSITIONS[number];
-export declare type ScrollerAlignScrollIndicator = ScrollerScrollIndicatorPosition;
+export type ScrollerScrollIndicatorPosition = (typeof SCROLL_INDICATOR_POSITIONS)[number];
+export type ScrollerAlignScrollIndicator = ScrollerScrollIndicatorPosition;
 declare const THEMES: readonly [
     "light",
     "dark"
 ];
-export declare type Theme = typeof THEMES[number];
+export type Theme = typeof THEMES[number];
 declare const ALIGN_LABELS: readonly [
     "left",
     "right"
 ];
-export declare type AlignLabel = typeof ALIGN_LABELS[number];
+export type AlignLabel = typeof ALIGN_LABELS[number];
 declare const BUTTON_TYPES: readonly [
     "button",
     "submit",
     "reset"
 ];
-export declare type ButtonType = typeof BUTTON_TYPES[number];
+export type ButtonType = typeof BUTTON_TYPES[number];
 declare const HEADING_TAGS: readonly [
     "h1",
     "h2",
@@ -288,19 +292,19 @@ declare const HEADING_TAGS: readonly [
     "h5",
     "h6"
 ];
-export declare type HeadingTag = typeof HEADING_TAGS[number];
+export type HeadingTag = typeof HEADING_TAGS[number];
 declare const LINK_BUTTON_VARIANTS: readonly [
     "primary",
     "secondary",
     "tertiary"
 ];
-export declare type LinkButtonVariant = typeof LINK_BUTTON_VARIANTS[number];
+export type LinkButtonVariant = typeof LINK_BUTTON_VARIANTS[number];
 declare const TEXT_ALIGNS: readonly [
     "left",
     "center",
     "right"
 ];
-export declare type TextAlign = typeof TEXT_ALIGNS[number];
+export type TextAlign = typeof TEXT_ALIGNS[number];
 declare const TEXT_COLORS: readonly [
     "primary",
     "contrast-low",
@@ -318,7 +322,7 @@ declare const TEXT_COLORS: readonly [
     "neutral-contrast-high",
     "notification-neutral"
 ];
-export declare type TextColor = typeof TEXT_COLORS[number];
+export type TextColor = typeof TEXT_COLORS[number];
 declare const TEXT_SIZES: readonly [
     "xx-small",
     "x-small",
@@ -328,7 +332,7 @@ declare const TEXT_SIZES: readonly [
     "x-large",
     "inherit"
 ];
-export declare type TextSize = typeof TEXT_SIZES[number];
+export type TextSize = typeof TEXT_SIZES[number];
 declare const TEXT_WEIGHTS: readonly [
     "regular",
     "semi-bold",
@@ -336,16 +340,16 @@ declare const TEXT_WEIGHTS: readonly [
     "thin",
     "semibold"
 ];
-export declare type TextWeight = typeof TEXT_WEIGHTS[number];
+export type TextWeight = typeof TEXT_WEIGHTS[number];
 declare const LINK_TARGETS: readonly [
     "_self",
     "_blank",
     "_parent",
     "_top"
 ];
-export declare type LinkTarget = typeof LINK_TARGETS[number] | string;
-export declare type Booleanish = boolean | "true" | "false";
-export declare type AriaAttributes = {
+export type LinkTarget = typeof LINK_TARGETS[number] | string;
+export type Booleanish = boolean | "true" | "false";
+export type AriaAttributes = {
     /** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
     "aria-activedescendant"?: string | undefined;
     /** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */
@@ -530,7 +534,10 @@ export declare type AriaAttributes = {
     "aria-valuenow"?: number | undefined;
     /** Defines the human readable text alternative of aria-valuenow for a range widget. */
     "aria-valuetext"?: string | undefined;
+    /** All the WAI-ARIA 1.1 role attribute values from https://www.w3.org/TR/wai-aria-1.1/#role_definitions */
+    role?: AriaRole;
 };
+export type AriaRole = "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "gridcell" | "group" | "heading" | "img" | "link" | "list" | "listbox" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem";
 export type LinkButtonIconName = IconName | "none";
 export type ButtonVariant = LinkButtonVariant;
 export type LinkVariant = LinkButtonVariant;
@@ -539,66 +546,66 @@ declare const ACCORDION_SIZES: readonly [
     "small",
     "medium"
 ];
-export declare type AccordionSize = (typeof ACCORDION_SIZES)[number];
-export declare type AccordionUpdateEvent = {
+export type AccordionSize = (typeof ACCORDION_SIZES)[number];
+export type AccordionUpdateEvent = {
     open: boolean;
 };
-export declare type AccordionTag = HeadingTag;
+export type AccordionTag = HeadingTag;
 declare const BANNER_STATES: readonly [
     "info",
     "warning",
     "error",
     "neutral"
 ];
-export declare type BannerState = typeof BANNER_STATES[number];
+export type BannerState = typeof BANNER_STATES[number];
 declare const BANNER_WIDTHS: readonly [
     "extended",
     "basic",
     "fluid"
 ];
 /** @deprecated */
-export declare type BannerWidth = typeof BANNER_WIDTHS[number];
-export declare type ButtonIcon = LinkButtonIconName;
+export type BannerWidth = typeof BANNER_WIDTHS[number];
+export type ButtonIcon = LinkButtonIconName;
 declare const GROUP_DIRECTIONS: readonly [
     "row",
     "column"
 ];
-export declare type GroupDirection = (typeof GROUP_DIRECTIONS)[number];
-export declare type ButtonGroupDirection = GroupDirection;
-export declare type ButtonPureType = ButtonType;
-export declare type ButtonPureIcon = LinkButtonIconName;
-export declare type ButtonPureAriaAttribute = ButtonAriaAttribute;
-export declare type ButtonPureAlignLabel = AlignLabel;
-export declare type ButtonPureWeight = TextWeight;
-export declare type ButtonPureSize = TextSize;
-export declare type ButtonTileAriaAttribute = ButtonAriaAttribute;
-export declare type ButtonTileIcon = LinkButtonIconName;
-export declare type ButtonTileType = ButtonType;
-export declare type ButtonTileAspectRatio = TileAspectRatio;
-export declare type ButtonTileSize = TileSize;
-export declare type ButtonTileWeight = TileWeight;
-export declare type ButtonTileAlign = TileAlign;
+export type GroupDirection = (typeof GROUP_DIRECTIONS)[number];
+export type ButtonGroupDirection = GroupDirection;
+export type ButtonPureType = ButtonType;
+export type ButtonPureIcon = LinkButtonIconName;
+export type ButtonPureAriaAttribute = ButtonAriaAttribute;
+export type ButtonPureAlignLabel = AlignLabel;
+export type ButtonPureWeight = TextWeight;
+export type ButtonPureSize = TextSize;
+export type ButtonTileAriaAttribute = ButtonAriaAttribute;
+export type ButtonTileIcon = LinkButtonIconName;
+export type ButtonTileType = ButtonType;
+export type ButtonTileAspectRatio = TileAspectRatio;
+export type ButtonTileSize = TileSize;
+export type ButtonTileWeight = TileWeight;
+export type ButtonTileAlign = TileAlign;
 declare const CAROUSEL_WIDTHS: readonly [
     "basic",
     "extended"
 ];
-export declare type CarouselWidth = (typeof CAROUSEL_WIDTHS)[number];
+export type CarouselWidth = (typeof CAROUSEL_WIDTHS)[number];
 declare const CAROUSEL_ALIGN_HEADERS: readonly [
     "left",
     "center"
 ];
-export declare type CarouselAlignHeader = (typeof CAROUSEL_ALIGN_HEADERS)[number];
-export declare type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
-export declare type CarouselUpdateEvent = {
+export type CarouselAlignHeader = (typeof CAROUSEL_ALIGN_HEADERS)[number];
+export type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>> | string;
+export type CarouselUpdateEvent = {
     activeIndex: number;
     previousIndex: number;
 };
-export declare type CheckboxWrapperState = FormState;
+export type CheckboxWrapperState = FormState;
 declare const CONTENT_WRAPPER_BACKGROUND_COLORS: readonly [
     "transparent",
     "default"
 ];
-export declare type ContentWrapperBackgroundColor = typeof CONTENT_WRAPPER_BACKGROUND_COLORS[number];
+export type ContentWrapperBackgroundColor = typeof CONTENT_WRAPPER_BACKGROUND_COLORS[number];
 declare const CONTENT_WRAPPER_WIDTHS: readonly [
     "narrow",
     "basic",
@@ -606,12 +613,12 @@ declare const CONTENT_WRAPPER_WIDTHS: readonly [
     "fluid",
     "full"
 ];
-export declare type ContentWrapperWidth = typeof CONTENT_WRAPPER_WIDTHS[number];
-export declare type CrestTarget = LinkTarget;
+export type ContentWrapperWidth = typeof CONTENT_WRAPPER_WIDTHS[number];
+export type CrestTarget = LinkTarget;
 declare const CREST_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type CrestAriaAttribute = (typeof CREST_ARIA_ATTRIBUTES)[number];
+export type CrestAriaAttribute = (typeof CREST_ARIA_ATTRIBUTES)[number];
 declare const DISPLAY_TAGS: readonly [
     "h1",
     "h2",
@@ -620,20 +627,20 @@ declare const DISPLAY_TAGS: readonly [
     "h5",
     "h6"
 ];
-export declare type DisplayTag = typeof DISPLAY_TAGS[number];
+export type DisplayTag = typeof DISPLAY_TAGS[number];
 declare const DISPLAY_SIZES: readonly [
     "small",
     "medium",
     "large",
     "inherit"
 ];
-export declare type DisplaySize = typeof DISPLAY_SIZES[number];
+export type DisplaySize = typeof DISPLAY_SIZES[number];
 declare const DISPLAY_COLORS: readonly [
     "primary",
     "inherit"
 ];
-export declare type DisplayColor = typeof DISPLAY_COLORS[number];
-export declare type DisplayAlign = TextAlign;
+export type DisplayColor = typeof DISPLAY_COLORS[number];
+export type DisplayAlign = TextAlign;
 declare const DIVIDER_COLORS: readonly [
     "contrast-low",
     "contrast-medium",
@@ -642,35 +649,35 @@ declare const DIVIDER_COLORS: readonly [
     "neutral-contrast-medium",
     "neutral-contrast-low"
 ];
-export declare type DividerColor = typeof DIVIDER_COLORS[number];
+export type DividerColor = typeof DIVIDER_COLORS[number];
 declare const DIVIDER_DIRECTIONS: readonly [
     "vertical",
     "horizontal"
 ];
-export declare type DividerDirection = typeof DIVIDER_DIRECTIONS[number];
-export declare type DividerOrientation = DividerDirection;
+export type DividerDirection = typeof DIVIDER_DIRECTIONS[number];
+export type DividerOrientation = DividerDirection;
 declare const FIELDSET_LABEL_SIZES: readonly [
     "small",
     "medium"
 ];
-export declare type FieldsetLabelSize = typeof FIELDSET_LABEL_SIZES[number];
-export declare type FieldsetState = FormState;
-export declare type FieldsetWrapperLabelSize = FieldsetLabelSize;
-export declare type FieldsetWrapperState = FieldsetState;
-export declare type FlexInline = boolean;
+export type FieldsetLabelSize = typeof FIELDSET_LABEL_SIZES[number];
+export type FieldsetState = FormState;
+export type FieldsetWrapperLabelSize = FieldsetLabelSize;
+export type FieldsetWrapperState = FieldsetState;
+export type FlexInline = boolean;
 declare const FLEX_WRAPS: readonly [
     "nowrap",
     "wrap",
     "wrap-reverse"
 ];
-export declare type FlexWrap = typeof FLEX_WRAPS[number];
+export type FlexWrap = typeof FLEX_WRAPS[number];
 declare const FLEX_DIRECTIONS: readonly [
     "row",
     "row-reverse",
     "column",
     "column-reverse"
 ];
-export declare type FlexDirection = typeof FLEX_DIRECTIONS[number];
+export type FlexDirection = typeof FLEX_DIRECTIONS[number];
 declare const FLEX_JUSTIFY_CONTENTS: readonly [
     "flex-start",
     "flex-end",
@@ -679,7 +686,7 @@ declare const FLEX_JUSTIFY_CONTENTS: readonly [
     "space-around",
     "space-evenly"
 ];
-export declare type FlexJustifyContent = typeof FLEX_JUSTIFY_CONTENTS[number];
+export type FlexJustifyContent = typeof FLEX_JUSTIFY_CONTENTS[number];
 declare const FLEX_ALIGN_ITEMS: readonly [
     "stretch",
     "flex-start",
@@ -687,7 +694,7 @@ declare const FLEX_ALIGN_ITEMS: readonly [
     "center",
     "baseline"
 ];
-export declare type FlexAlignItems = typeof FLEX_ALIGN_ITEMS[number];
+export type FlexAlignItems = typeof FLEX_ALIGN_ITEMS[number];
 declare const FLEX_ALIGN_CONTENTS: readonly [
     "stretch",
     "flex-start",
@@ -697,7 +704,7 @@ declare const FLEX_ALIGN_CONTENTS: readonly [
     "space-around",
     "space-evenly"
 ];
-export declare type FlexAlignContent = typeof FLEX_ALIGN_CONTENTS[number];
+export type FlexAlignContent = typeof FLEX_ALIGN_CONTENTS[number];
 declare const FLEX_ITEM_WIDTHS: readonly [
     "auto",
     "one-quarter",
@@ -707,7 +714,7 @@ declare const FLEX_ITEM_WIDTHS: readonly [
     "three-quarters",
     "full"
 ];
-export declare type FlexItemWidth = typeof FLEX_ITEM_WIDTHS[number];
+export type FlexItemWidth = typeof FLEX_ITEM_WIDTHS[number];
 declare const FLEX_ITEM_OFFSETS: readonly [
     "none",
     "one-quarter",
@@ -716,7 +723,7 @@ declare const FLEX_ITEM_OFFSETS: readonly [
     "two-thirds",
     "three-quarters"
 ];
-export declare type FlexItemOffset = typeof FLEX_ITEM_OFFSETS[number];
+export type FlexItemOffset = typeof FLEX_ITEM_OFFSETS[number];
 declare const FLEX_ITEM_ALIGN_SELFS: readonly [
     "auto",
     "flex-start",
@@ -725,42 +732,42 @@ declare const FLEX_ITEM_ALIGN_SELFS: readonly [
     "baseline",
     "stretch"
 ];
-export declare type FlexItemAlignSelf = typeof FLEX_ITEM_ALIGN_SELFS[number];
+export type FlexItemAlignSelf = typeof FLEX_ITEM_ALIGN_SELFS[number];
 declare const FLEX_ITEM_GROWS: readonly [
     0,
     1
 ];
-export declare type FlexItemGrow = typeof FLEX_ITEM_GROWS[number];
+export type FlexItemGrow = typeof FLEX_ITEM_GROWS[number];
 declare const FLEX_ITEM_SHRINKS: readonly [
     0,
     1
 ];
-export declare type FlexItemShrink = typeof FLEX_ITEM_SHRINKS[number];
+export type FlexItemShrink = typeof FLEX_ITEM_SHRINKS[number];
 declare const FLEX_ITEM_FLEXS: readonly [
     "initial",
     "auto",
     "none",
     "equal"
 ];
-export declare type FlexItemFlex = typeof FLEX_ITEM_FLEXS[number];
+export type FlexItemFlex = typeof FLEX_ITEM_FLEXS[number];
 declare const GRID_DIRECTIONS: readonly [
     "row",
     "row-reverse",
     "column",
     "column-reverse"
 ];
-export declare type GridDirection = typeof GRID_DIRECTIONS[number];
+export type GridDirection = typeof GRID_DIRECTIONS[number];
 declare const GRID_WRAPS: readonly [
     "nowrap",
     "wrap"
 ];
-export declare type GridWrap = typeof GRID_WRAPS[number];
+export type GridWrap = typeof GRID_WRAPS[number];
 declare const GRID_GUTTERS: readonly [
     16,
     24,
     36
 ];
-export declare type GridGutter = typeof GRID_GUTTERS[number];
+export type GridGutter = typeof GRID_GUTTERS[number];
 declare const GRID_ITEM_SIZES: readonly [
     1,
     2,
@@ -775,7 +782,7 @@ declare const GRID_ITEM_SIZES: readonly [
     11,
     12
 ];
-export declare type GridItemSize = typeof GRID_ITEM_SIZES[number];
+export type GridItemSize = typeof GRID_ITEM_SIZES[number];
 declare const GRID_ITEM_OFFSETS: readonly [
     0,
     1,
@@ -790,7 +797,7 @@ declare const GRID_ITEM_OFFSETS: readonly [
     10,
     11
 ];
-export declare type GridItemOffset = typeof GRID_ITEM_OFFSETS[number];
+export type GridItemOffset = typeof GRID_ITEM_OFFSETS[number];
 declare const HEADING_SIZES: readonly [
     "small",
     "medium",
@@ -799,13 +806,13 @@ declare const HEADING_SIZES: readonly [
     "xx-large",
     "inherit"
 ];
-export declare type HeadingSize = typeof HEADING_SIZES[number];
+export type HeadingSize = typeof HEADING_SIZES[number];
 declare const HEADING_COLORS: readonly [
     "primary",
     "inherit"
 ];
-export declare type HeadingColor = typeof HEADING_COLORS[number];
-export declare type HeadingAlign = TextAlign;
+export type HeadingColor = typeof HEADING_COLORS[number];
+export type HeadingAlign = TextAlign;
 declare const HEADLINE_VARIANTS: readonly [
     "large-title",
     "headline-1",
@@ -814,9 +821,9 @@ declare const HEADLINE_VARIANTS: readonly [
     "headline-4",
     "headline-5"
 ];
-export declare type HeadlineVariantType = typeof HEADLINE_VARIANTS[number];
-export declare type HeadlineVariantCustom = Exclude<BreakpointCustomizable<TextSize>, TextSize>;
-export declare type HeadlineVariant = HeadlineVariantType | HeadlineVariantCustom | Extract<TextSize, "inherit">;
+export type HeadlineVariantType = typeof HEADLINE_VARIANTS[number];
+export type HeadlineVariantCustom = Exclude<BreakpointCustomizable<TextSize>, TextSize>;
+export type HeadlineVariant = HeadlineVariantType | HeadlineVariantCustom | Extract<TextSize, "inherit">;
 declare const HEADLINE_TAGS: readonly [
     "h1",
     "h2",
@@ -825,19 +832,19 @@ declare const HEADLINE_TAGS: readonly [
     "h5",
     "h6"
 ];
-export declare type HeadlineTag = typeof HEADLINE_TAGS[number];
+export type HeadlineTag = typeof HEADLINE_TAGS[number];
 declare const HEADLINE_COLORS: readonly [
     "primary",
     "default",
     "inherit"
 ];
-export declare type HeadlineColor = typeof HEADLINE_COLORS[number];
-export declare type HeadlineAlign = TextAlign;
+export type HeadlineColor = typeof HEADLINE_COLORS[number];
+export type HeadlineAlign = TextAlign;
 declare const ICON_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type IconAriaAttribute = typeof ICON_ARIA_ATTRIBUTES[number];
-export declare type IconSize = TextSize;
+export type IconAriaAttribute = typeof ICON_ARIA_ATTRIBUTES[number];
+export type IconSize = TextSize;
 declare const ICON_COLORS: readonly [
     "primary",
     "contrast-low",
@@ -856,7 +863,7 @@ declare const ICON_COLORS: readonly [
     "notification-neutral",
     "state-disabled"
 ];
-export declare type IconColor = typeof ICON_COLORS[number];
+export type IconColor = typeof ICON_COLORS[number];
 declare const INLINE_NOTIFICATION_STATES: readonly [
     "success",
     "info",
@@ -864,32 +871,71 @@ declare const INLINE_NOTIFICATION_STATES: readonly [
     "error",
     "neutral"
 ];
-export declare type InlineNotificationState = typeof INLINE_NOTIFICATION_STATES[number];
-export declare type InlineNotificationActionIcon = IconName;
+export type InlineNotificationState = typeof INLINE_NOTIFICATION_STATES[number];
+export type InlineNotificationActionIcon = IconName;
 declare const LINK_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type LinkAriaAttribute = typeof LINK_ARIA_ATTRIBUTES[number];
-export declare type LinkIcon = LinkButtonIconName;
-export declare type LinkPureIcon = LinkButtonIconName;
-export declare type LinkPureAriaAttribute = LinkAriaAttribute;
-export declare type LinkPureAlignLabel = AlignLabel;
-export declare type LinkPureWeight = TextWeight;
-export declare type LinkPureSize = TextSize;
-export declare type LinkPureTarget = LinkTarget;
-export declare type LinkSocialIcon = Extract<IconName, "logo-facebook" | "logo-google" | "logo-instagram" | "logo-linkedin" | "logo-pinterest" | "logo-twitter" | "logo-wechat" | "logo-whatsapp" | "logo-xing" | "logo-youtube" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-foursquare" | "logo-gmail" | "logo-hatena" | "logo-kaixin" | "logo-kakaotalk" | "logo-naver" | "logo-qq-share" | "logo-qq" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-viber" | "logo-vk" | "logo-weibo" | "logo-yahoo" | "logo-youku">;
-export declare type LinkSocialTarget = LinkTarget;
-export declare type LinkTileTarget = LinkTarget;
-export declare type LinkTileAriaAttribute = LinkAriaAttribute;
-export declare type LinkTileAspectRatio = TileAspectRatio;
-export declare type LinkTileSize = TileSize;
-export declare type LinkTileAlign = TileAlign;
+export type LinkAriaAttribute = typeof LINK_ARIA_ATTRIBUTES[number];
+export type LinkIcon = LinkButtonIconName;
+export type LinkPureIcon = LinkButtonIconName;
+export type LinkPureAriaAttribute = LinkAriaAttribute;
+export type LinkPureAlignLabel = AlignLabel;
+export type LinkPureWeight = TextWeight;
+export type LinkPureSize = TextSize;
+export type LinkPureTarget = LinkTarget;
+export type LinkSocialIcon = Extract<IconName, "logo-facebook" | "logo-google" | "logo-instagram" | "logo-linkedin" | "logo-pinterest" | "logo-twitter" | "logo-wechat" | "logo-whatsapp" | "logo-xing" | "logo-youtube" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-foursquare" | "logo-gmail" | "logo-hatena" | "logo-kaixin" | "logo-kakaotalk" | "logo-naver" | "logo-qq-share" | "logo-qq" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-viber" | "logo-vk" | "logo-weibo" | "logo-yahoo" | "logo-youku">;
+export type LinkSocialTarget = LinkTarget;
+export type LinkTileTarget = LinkTarget;
+export type LinkTileAriaAttribute = LinkAriaAttribute;
+export type LinkTileAspectRatio = TileAspectRatio;
+export type LinkTileSize = TileSize;
+export type LinkTileAlign = TileAlign;
 declare const LINK_TILE_WEIGHTS: readonly [
     "regular",
     "semi-bold",
     "semibold"
 ];
-export declare type LinkTileWeight = (typeof LINK_TILE_WEIGHTS)[number];
+export type LinkTileWeight = (typeof LINK_TILE_WEIGHTS)[number];
+declare const LINK_TILE_MODEL_SIGNATURE_MODELS: readonly [
+    "718",
+    "911",
+    "boxster",
+    "cayenne",
+    "cayman",
+    "macan",
+    "panamera",
+    "taycan",
+    "turbo-s",
+    "turbo"
+];
+export type LinkTileModelSignatureModel = (typeof LINK_TILE_MODEL_SIGNATURE_MODELS)[number];
+declare const LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS: readonly [
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6"
+];
+export type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS)[number];
+export type LinkTileModelSignatureWeight = TileWeight;
+export type LinkTileModelSignatureAspectRatio = TileAspectRatio;
+export type LinkTileModelSignatureLinkDirection = GroupDirection;
+declare const MARQUE_SIZES: readonly [
+    "responsive",
+    "small",
+    "medium"
+];
+export type MarqueSize = typeof MARQUE_SIZES[number];
+export type MarqueTarget = LinkTarget;
+declare const MARQUE_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export type MarqueAriaAttribute = typeof MARQUE_ARIA_ATTRIBUTES[number];
+declare const MODAL_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
 declare const MODEL_SIGNATURES_MANIFEST: {
     "718": string;
     "911": string;
@@ -906,8 +952,8 @@ declare const MODEL_SIGNATURE_SIZES: readonly [
     "small",
     "inherit"
 ];
-export declare type ModelSignatureSize = (typeof MODEL_SIGNATURE_SIZES)[number];
-export declare type ModelSignatureModel = keyof typeof MODEL_SIGNATURES_MANIFEST;
+export type ModelSignatureSize = (typeof MODEL_SIGNATURE_SIZES)[number];
+export type ModelSignatureModel = keyof typeof MODEL_SIGNATURES_MANIFEST;
 declare const MODEL_SIGNATURE_COLORS: readonly [
     "primary",
     "contrast-low",
@@ -915,89 +961,62 @@ declare const MODEL_SIGNATURE_COLORS: readonly [
     "contrast-high",
     "inherit"
 ];
-export declare type ModelSignatureColor = (typeof MODEL_SIGNATURE_COLORS)[number];
-export declare type LinkTileModelSignatureModel = ModelSignatureModel;
-declare const LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS: readonly [
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6"
-];
-export declare type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS)[number];
-export declare type LinkTileModelSignatureWeight = TileWeight;
-export declare type LinkTileModelSignatureAspectRatio = TileAspectRatio;
-export declare type LinkTileModelSignatureLinkDirection = GroupDirection;
-declare const MARQUE_SIZES: readonly [
-    "responsive",
-    "small",
-    "medium"
-];
-export declare type MarqueSize = typeof MARQUE_SIZES[number];
-export declare type MarqueTarget = LinkTarget;
-declare const MARQUE_ARIA_ATTRIBUTES: readonly [
-    "aria-label"
-];
-export declare type MarqueAriaAttribute = typeof MARQUE_ARIA_ATTRIBUTES[number];
-declare const MODAL_ARIA_ATTRIBUTES: readonly [
-    "aria-label"
-];
-export declare type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
+export type ModelSignatureColor = (typeof MODEL_SIGNATURE_COLORS)[number];
 declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
     5,
     7
 ];
-export declare type PaginationMaxNumberOfPageLinks = (typeof PAGINATION_NUMBER_OF_PAGE_LINKS)[number];
-export declare type PaginationUpdateEvent = {
+export type PaginationMaxNumberOfPageLinks = (typeof PAGINATION_NUMBER_OF_PAGE_LINKS)[number];
+export type PaginationUpdateEvent = {
     page: number;
     previousPage: number;
 };
-export declare type PaginationInternationalization = Partial<Record<"root" | "prev" | "next" | "page", string>>;
+export type PaginationInternationalization = Partial<Record<"root" | "prev" | "next" | "page", string>> | string;
 declare const POPOVER_DIRECTIONS: readonly [
     "top",
     "right",
     "bottom",
     "left"
 ];
-export declare type PopoverDirection = typeof POPOVER_DIRECTIONS[number];
+export type PopoverDirection = typeof POPOVER_DIRECTIONS[number];
 declare const POPOVER_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type PopoverAriaAttribute = typeof POPOVER_ARIA_ATTRIBUTES[number];
-export declare type RadioButtonWrapperState = FormState;
+export type PopoverAriaAttribute = typeof POPOVER_ARIA_ATTRIBUTES[number];
+export type RadioButtonWrapperState = FormState;
 declare const SEGMENTED_CONTROL_BACKGROUND_COLORS: readonly [
     "background-surface",
     "background-default"
 ];
-export declare type SegmentedControlBackgroundColor = (typeof SEGMENTED_CONTROL_BACKGROUND_COLORS)[number];
-export declare type SegmentedControlUpdateEvent = {
+export type SegmentedControlBackgroundColor = (typeof SEGMENTED_CONTROL_BACKGROUND_COLORS)[number];
+export type SegmentedControlUpdateEvent = {
     value: string | number;
 };
-export declare type SegmentedControlItemIcon = LinkButtonIconName;
+export type SegmentedControlItemIcon = LinkButtonIconName;
 declare const DROPDOWN_DIRECTIONS: readonly [
     "down",
     "up",
     "auto"
 ];
-export declare type SelectWrapperDropdownDirection = typeof DROPDOWN_DIRECTIONS[number];
-export declare type SelectWrapperState = FormState;
+export type SelectWrapperDropdownDirection = typeof DROPDOWN_DIRECTIONS[number];
+export type SelectWrapperState = FormState;
 declare const SPINNER_SIZES: readonly [
     "small",
     "medium",
     "large",
     "inherit"
 ];
-export declare type SpinnerSize = typeof SPINNER_SIZES[number];
+export type SpinnerSize = typeof SPINNER_SIZES[number];
 declare const SPINNER_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type SpinnerAriaAttribute = typeof SPINNER_ARIA_ATTRIBUTES[number];
+export type SpinnerAriaAttribute = typeof SPINNER_ARIA_ATTRIBUTES[number];
 declare const STEPPER_HORIZONTAL_SIZES: readonly [
     "small",
     "medium"
 ];
-export declare type StepperHorizontalSize = (typeof STEPPER_HORIZONTAL_SIZES)[number];
-export declare type StepperHorizontalUpdateEvent = {
+export type StepperHorizontalSize = (typeof STEPPER_HORIZONTAL_SIZES)[number];
+export type StepperHorizontalUpdateEvent = {
     activeStepIndex: number;
 };
 declare const STEPPER_ITEM_STATES: readonly [
@@ -1005,52 +1024,52 @@ declare const STEPPER_ITEM_STATES: readonly [
     "complete",
     "warning"
 ];
-export declare type StepperHorizontalItemState = typeof STEPPER_ITEM_STATES[number];
-export declare type SwitchAlignLabel = AlignLabel;
-export declare type SwitchUpdateEvent = {
+export type StepperHorizontalItemState = typeof STEPPER_ITEM_STATES[number];
+export type SwitchAlignLabel = AlignLabel;
+export type SwitchUpdateEvent = {
     checked: boolean;
 };
-export declare type Direction = "asc" | "desc";
-export declare type TableHeadCellSort = {
+export type Direction = "asc" | "desc";
+export type TableHeadCellSort = {
     id: string;
     active?: boolean;
     direction?: Direction;
 };
-export declare type TableUpdateEvent = TableHeadCellSort;
+export type TableUpdateEvent = TableHeadCellSort;
 declare const TABS_BAR_SIZES: readonly [
     "small",
     "medium"
 ];
-export declare type TabsBarSize = (typeof TABS_BAR_SIZES)[number];
+export type TabsBarSize = (typeof TABS_BAR_SIZES)[number];
 declare const TABS_BAR_WEIGHTS: readonly [
     "regular",
     "semi-bold",
     "semibold"
 ];
-export declare type TabsBarWeight = (typeof TABS_BAR_WEIGHTS)[number];
-export declare type TabsBarUpdateEvent = {
+export type TabsBarWeight = (typeof TABS_BAR_WEIGHTS)[number];
+export type TabsBarUpdateEvent = {
     activeTabIndex: number;
 };
 /** @deprecated */
-export declare type TabsBarGradientColorScheme = ScrollerGradientColorScheme;
-export declare type TabsBarGradientColor = ScrollerGradientColor;
-export declare type TabsSize = TabsBarSize;
-export declare type TabsWeight = TabsBarWeight;
+export type TabsBarGradientColorScheme = ScrollerGradientColorScheme;
+export type TabsBarGradientColor = ScrollerGradientColor;
+export type TabsSize = TabsBarSize;
+export type TabsWeight = TabsBarWeight;
 /** @deprecated */
-export declare type TabsGradientColorScheme = TabsBarGradientColorScheme;
-export declare type TabsGradientColor = TabsBarGradientColor;
-export declare type TabsUpdateEvent = TabsBarUpdateEvent;
+export type TabsGradientColorScheme = TabsBarGradientColorScheme;
+export type TabsGradientColor = TabsBarGradientColor;
+export type TabsUpdateEvent = TabsBarUpdateEvent;
 declare const TAG_DISMISSIBLE_COLORS: readonly [
     "background-base",
     "background-surface",
     "background-default"
 ];
-export declare type TagDismissibleColor = typeof TAG_DISMISSIBLE_COLORS[number];
+export type TagDismissibleColor = typeof TAG_DISMISSIBLE_COLORS[number];
 declare const TAG_DISMISSIBLE_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type TagDismissibleAriaAttribute = typeof TAG_DISMISSIBLE_ARIA_ATTRIBUTES[number];
-export declare type TagIcon = IconName;
+export type TagDismissibleAriaAttribute = typeof TAG_DISMISSIBLE_ARIA_ATTRIBUTES[number];
+export type TagIcon = IconName;
 declare const TAG_COLORS: readonly [
     "background-base",
     "background-surface",
@@ -1066,7 +1085,7 @@ declare const TAG_COLORS: readonly [
     "notification-success",
     "notification-error"
 ];
-export declare type TagColor = typeof TAG_COLORS[number];
+export type TagColor = typeof TAG_COLORS[number];
 declare const TEXT_TAGS: readonly [
     "p",
     "span",
@@ -1078,40 +1097,40 @@ declare const TEXT_TAGS: readonly [
     "time",
     "legend"
 ];
-export declare type TextTag = typeof TEXT_TAGS[number];
+export type TextTag = typeof TEXT_TAGS[number];
 declare const UNIT_POSITIONS: readonly [
     "prefix",
     "suffix"
 ];
-export declare type TextFieldWrapperUnitPosition = typeof UNIT_POSITIONS[number];
-export declare type TextFieldWrapperActionIcon = Extract<IconName, "locate">;
-export declare type TextFieldWrapperState = FormState;
+export type TextFieldWrapperUnitPosition = typeof UNIT_POSITIONS[number];
+export type TextFieldWrapperActionIcon = Extract<IconName, "locate">;
+export type TextFieldWrapperState = FormState;
 declare const LIST_TYPES: readonly [
     "unordered",
     "ordered"
 ];
 /** @deprecated */
-export declare type TextListListType = typeof LIST_TYPES[number];
+export type TextListListType = typeof LIST_TYPES[number];
 declare const ORDER_TYPES: readonly [
     "numbered",
     "alphabetically"
 ];
 /** @deprecated */
-export declare type TextListOrderType = typeof ORDER_TYPES[number];
+export type TextListOrderType = typeof ORDER_TYPES[number];
 declare const TEXT_LIST_TYPES: readonly [
     "unordered",
     "numbered",
     "alphabetically"
 ];
-export declare type TextListType = typeof TEXT_LIST_TYPES[number];
-export declare type TextareaWrapperState = FormState;
+export type TextListType = typeof TEXT_LIST_TYPES[number];
+export type TextareaWrapperState = FormState;
 declare const TOAST_STATES: readonly [
     "info",
     "success",
     "neutral"
 ];
-export declare type ToastState = typeof TOAST_STATES[number];
-export declare type ToastMessage = {
+export type ToastState = typeof TOAST_STATES[number];
+export type ToastMessage = {
     text: string;
     state?: ToastState;
 };
@@ -1119,10 +1138,10 @@ declare const WORDMARK_SIZES: readonly [
     "small",
     "inherit"
 ];
-export declare type WordmarkSize = (typeof WORDMARK_SIZES)[number];
-export declare type WordmarkTarget = LinkTarget;
+export type WordmarkSize = (typeof WORDMARK_SIZES)[number];
+export type WordmarkTarget = LinkTarget;
 declare const WORDMARK_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type WordmarkAriaAttribute = (typeof WORDMARK_ARIA_ATTRIBUTES)[number];
+export type WordmarkAriaAttribute = (typeof WORDMARK_ARIA_ATTRIBUTES)[number];
 export {};