@porsche-design-system/components-react 3.2.0 → 3.3.0-rc.0

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/toast.js

@@ -5,6 +5,8 @@ import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
 import { getToastCss as getComponentCss$1 } from '../../../../../../components/dist/styles/esm/styles-entry.js';
 
 class DSRToast extends Component {
+    host;
+    toastItemElement;
     render() {
         const toast = false;
         const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$1().replace(/(:host {[\S\s]+?})[\S\s]+/, '$1')));

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/wordmark.js

@@ -6,6 +6,7 @@ import { getWordmarkCss as getComponentCss } from '../../../../../../components/
 import { parseAndGetAriaAttributes } from '../../../../../../components/dist/utils/esm/utils-entry.js';
 
 class DSRWordmark extends Component {
+    host;
     render() {
         // optimized with SVGO, see docs in assets folder
         const svg = (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 4500 300", children: [jsx("title", { children: "Porsche" }), jsx("path", { d: "M502 221c48.1 0 74-25.9 74-74V74c0-48.1-25.9-74-74-74H0v300h68v-79h434zm6-143v65c0 7.8-4.2 12-12 12H68V66h428c7.8 0 12 4.2 12 12zm228 222c-48.1 0-74-25.9-74-74V74c0-48.1 25.9-74 74-74h417c48.1 0 74 25.9 74 74v152c0 48.1-25.9 74-74 74H736zm411-66c7.8 0 12-4.2 12-12V78c0-7.8-4.2-12-12-12H742c-7.8 0-12 4.2-12 12v144c0 7.8 4.2 12 12 12h405zm675-36c39.844 16.757 67.853 56.1 68 102h-68c0-54-25-79-79-79h-361v79h-68V0h502c48.1 0 74 25.9 74 74v50.14c0 46.06-23.75 71.76-68 73.86zm-12-43c7.8 0 12-4.2 12-12V78c0-7.8-4.2-12-12-12h-428v89h428zm162-81c0-48.1 25.9-74 74-74h492v56h-486c-7.8 0-12 4.2-12 12v42c0 7.8 4.2 12 12 12h422c48.1 0 74 25.9 74 74v30c0 48.1-25.9 74-74 74h-492v-56h486c7.8 0 12-4.2 12-12v-42c0-7.8-4.2-12-12-12h-422c-48.1 0-74-25.9-74-74V74zm661 0c0-48.1 25.9-74 74-74h480v66h-474c-7.8 0-12 4.2-12 12v144c0 7.8 4.2 12 12 12h474v66h-480c-48.1 0-74-25.9-74-74V74zM3817 0v300h-68V183h-407v117h-68V0h68v117h407V0h68zm156 56v66h527v56h-527v66h527v56h-595V0h595v56h-527z" })] }));

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/splitChildren.js

@@ -18,8 +18,8 @@ const splitChildren = (children) => {
             : children;
     const childrenArray = (Array.isArray(children) ? children : children ? [children] : []).filter((x) => x !== undefined && x !== null // children are filtered due to cases where conditionally rendered children can be undefined.
     );
-    const otherChildren = childrenArray.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
-    const namedSlotChildren = childrenArray.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+    const otherChildren = childrenArray.filter((child) => !child.props?.slot);
+    const namedSlotChildren = childrenArray.filter((child) => child.props?.slot);
     return { children: childrenArray, namedSlotChildren, otherChildren };
 };
 

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/utils.js

@@ -1,5 +1,5 @@
-const splitToArray =  (str) => str.split(' ').filter((str) => str);
-const getMergedClassName =  (domClassName, oldClassName = '', newClassName = '') => {
+const splitToArray = (str) => str.split(' ').filter((str) => str);
+const getMergedClassName = (domClassName, oldClassName = '', newClassName = '') => {
     // classes previously set by component
     const prevComponentClassNames = splitToArray(oldClassName);
     // all classes not set by component -> to keep hydrated class and other classes set on host element
@@ -12,7 +12,7 @@ const getMergedClassName =  (domClassName, oldClassName = '', newClassName = '')
     const componentClasses = splitToArray(newClassName);
     return componentClasses.concat(domClasses).join(' ');
 };
-const syncRef =  (elementRef, ref) => (el) => {
+const syncRef = (elementRef, ref) => (el) => {
     elementRef.current = el;
     if (typeof ref === 'function') {
         ref(el);

package/ssr/hooks.d.ts

@@ -7,8 +7,8 @@ import type { ToastMessage } from './lib/types';
  */
 export declare const skipCheckForPorscheDesignSystemProviderDuringTests: () => void;
 export declare const usePrefix: (tagName: string) => string;
-export declare const useEventCallback: (ref: MutableRefObject<HTMLElement>, eventName: string, eventHandler: (e: Event) => void) => void;
-export declare const useMergedClass: (ref: MutableRefObject<HTMLElement>, className: string) => string;
+export declare const useEventCallback: (ref: MutableRefObject<HTMLElement | undefined>, eventName: string, eventHandler: (e: Event) => void) => void;
+export declare const useMergedClass: (ref: MutableRefObject<HTMLElement | undefined>, className?: string) => string;
 export declare const useBrowserLayoutEffect: typeof useEffect;
 export declare const useToastManager: () => {
     addMessage: (msg: ToastMessage) => void;

package/ssr/lib/components/accordion.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { AccordionUpdateEvent, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
 export type PAccordionProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/banner.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BannerState, Theme, BannerWidth } from '../types';
 export type PBannerProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/button-group.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, ButtonGroupDirection } from '../types';
 export type PButtonGroupProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/button-pure.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, Theme, ButtonPureType, ButtonPureWeight } from '../types';
 export type PButtonPureProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/button-tile.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
 export type PButtonTileProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/button.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';
 export type PButtonProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/carousel.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { CarouselAlignHeader, BreakpointCustomizable, CarouselInternationalization, CarouselUpdateEvent, Theme, CarouselWidth } from '../types';
 export type PCarouselProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/checkbox-wrapper.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, CheckboxWrapperState, Theme } from '../types';
 export type PCheckboxWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/content-wrapper.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { ContentWrapperBackgroundColor, Theme, ContentWrapperWidth } from '../types';
 export type PContentWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/crest.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, CrestAriaAttribute, CrestTarget } from '../types';
 export type PCrestProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/display.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag, Theme } from '../types';
 export type PDisplayProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/divider.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { DividerColor, BreakpointCustomizable, DividerDirection, DividerOrientation, Theme } from '../types';
 export type PDividerProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/fieldset-wrapper.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { FieldsetWrapperLabelSize, FieldsetWrapperState, Theme } from '../types';
 export type PFieldsetWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/fieldset.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { FieldsetLabelSize, FieldsetState, Theme } from '../types';
 export type PFieldsetProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/flex-item.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth } from '../types';
 export type PFlexItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/flex.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexJustifyContent, FlexWrap } from '../types';
 export type PFlexProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/flyout.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutPosition, Theme } from '../types';
 export type PFlyoutProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/grid-item.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, GridItemOffset, GridItemSize } from '../types';
 export type PGridItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/grid.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, GridDirection, GridGutter, GridWrap } from '../types';
 export type PGridProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/heading.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { HeadingAlign, HeadingColor, BreakpointCustomizable, HeadingSize, HeadingTag, Theme } from '../types';
 export type PHeadingProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/headline.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { HeadlineAlign, HeadlineColor, HeadlineTag, Theme, HeadlineVariant } from '../types';
 export type PHeadlineProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/icon.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, IconAriaAttribute, IconColor, IconName, IconSize, Theme } from '../types';
 export type PIconProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
@@ -10,7 +10,7 @@ export type PIconProps = Omit<HTMLAttributes<{}>, 'color'> & {
      */
     color?: IconColor;
     /**
-     * Has no effect anymore
+     * Has no effect anymore (the component is now using the native `loading="lazy"` attribute by default)
      * @deprecated since v3.0.0, will be removed with next major release
      */
     lazy?: boolean;
@@ -41,7 +41,7 @@ export declare const PIcon: import("react").ForwardRefExoticComponent<Omit<HTMLA
      */
     color?: IconColor;
     /**
-     * Has no effect anymore
+     * Has no effect anymore (the component is now using the native `loading="lazy"` attribute by default)
      * @deprecated since v3.0.0, will be removed with next major release
      */
     lazy?: boolean;

package/ssr/lib/components/inline-notification.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { InlineNotificationActionIcon, InlineNotificationState, Theme } from '../types';
 export type PInlineNotificationProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/link-pure.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, LinkPureAlignLabel, SelectedAriaAttributes, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, Theme, LinkPureWeight } from '../types';
 export type PLinkPureProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/link-social.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, LinkSocialIcon, LinkSocialTarget, Theme } from '../types';
 export type PLinkSocialProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/link-tile-model-signature.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight } from '../types';
 export type PLinkTileModelSignatureProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/link-tile.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
 export type PLinkTileProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/link.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, Theme, LinkVariant } from '../types';
 export type PLinkProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/marque.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant } from '../types';
 export type PMarqueProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/modal.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, ModalAriaAttribute, BreakpointCustomizable } from '../types';
 export type PModalProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/model-signature.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { ModelSignatureColor, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';
 export type PModelSignatureProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/pagination.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, Theme } from '../types';
 export type PPaginationProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/popover.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection, Theme } from '../types';
 export type PPopoverProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/radio-button-wrapper.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, RadioButtonWrapperState, Theme } from '../types';
 export type PRadioButtonWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/scroller.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { ScrollerAlignScrollIndicator, SelectedAriaAttributes, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, Theme } from '../types';
 export type PScrollerProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/segmented-control-item.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SegmentedControlItemIcon } from '../types';
 export type PSegmentedControlItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/segmented-control.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SegmentedControlBackgroundColor, SegmentedControlUpdateEvent, Theme } from '../types';
 export type PSegmentedControlProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/select-wrapper-dropdown.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectWrapperDropdownDirection, SelectWrapperState, Theme } from '../types';
 export type PSelectWrapperDropdownProps = Omit<HTMLAttributes<{}>, 'color'> & {
     description?: string;

package/ssr/lib/components/select-wrapper.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectWrapperDropdownDirection, BreakpointCustomizable, SelectWrapperState, Theme } from '../types';
 export type PSelectWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/spinner.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize, Theme } from '../types';
 export type PSpinnerProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/stepper-horizontal-item.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { StepperHorizontalItemState } from '../types';
 export type PStepperHorizontalItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/stepper-horizontal.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { StepperHorizontalUpdateEvent, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
 export type PStepperHorizontalProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/switch.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEvent, Theme } from '../types';
 export type PSwitchProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/table-body.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export type PTableBodyProps = Omit<HTMLAttributes<{}>, 'color'> & {};
 export declare const PTableBody: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     children?: import("react").ReactNode;

package/ssr/lib/components/table-cell.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export type PTableCellProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Displays slotted text multiline or forced into a single line.

package/ssr/lib/components/table-head-cell.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { TableHeadCellSort } from '../types';
 export type PTableHeadCellProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/table-head-row.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export type PTableHeadRowProps = Omit<HTMLAttributes<{}>, 'color'> & {};
 export declare const PTableHeadRow: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     children?: import("react").ReactNode;

package/ssr/lib/components/table-head.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export type PTableHeadProps = Omit<HTMLAttributes<{}>, 'color'> & {};
 export declare const PTableHead: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     children?: import("react").ReactNode;

package/ssr/lib/components/table-row.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export type PTableRowProps = Omit<HTMLAttributes<{}>, 'color'> & {};
 export declare const PTableRow: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     children?: import("react").ReactNode;

package/ssr/lib/components/table.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { TableUpdateEvent, Theme } from '../types';
 export type PTableProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/tabs-bar.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarUpdateEvent, BreakpointCustomizable, TabsBarSize, Theme, TabsBarWeight } from '../types';
 export type PTabsBarProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/tabs-item.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export type PTabsItemProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**
      * Defines the label used in tabs.

package/ssr/lib/components/tabs.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { TabsGradientColor, TabsGradientColorScheme, TabsUpdateEvent, BreakpointCustomizable, TabsSize, Theme, TabsWeight } from '../types';
 export type PTabsProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/tag-dismissible.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, TagDismissibleAriaAttribute, TagDismissibleColor, Theme } from '../types';
 export type PTagDismissibleProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/tag.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { TagColor, TagIcon, Theme } from '../types';
 export type PTagProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/text-field-wrapper.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { TextFieldWrapperActionIcon, BreakpointCustomizable, TextFieldWrapperState, Theme, TextFieldWrapperUnitPosition } from '../types';
 export type PTextFieldWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/text-list-item.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 export type PTextListItemProps = Omit<HTMLAttributes<{}>, 'color'> & {};
 export declare const PTextListItem: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<{}>, "color"> & {
     children?: import("react").ReactNode;

package/ssr/lib/components/text-list.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { TextListListType, TextListOrderType, Theme, TextListType } from '../types';
 export type PTextListProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/text.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { TextAlign, TextColor, BreakpointCustomizable, TextSize, TextTag, Theme, TextWeight } from '../types';
 export type PTextProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/textarea-wrapper.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { BreakpointCustomizable, TextareaWrapperState, Theme } from '../types';
 export type PTextareaWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/toast.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { Theme } from '../types';
 export type PToastProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/components/wordmark.wrapper.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget, Theme } from '../types';
 export type PWordmarkProps = Omit<HTMLAttributes<{}>, 'color'> & {
     /**

package/ssr/lib/dsr-components/accordion.d.ts

@@ -1,8 +1,5 @@
 import { Component } from 'react';
 export declare class DSRAccordion extends Component<any> {
     host: HTMLElement;
-    private collapsibleElement;
-    private content;
-    private contentHeight;
     render(): JSX.Element;
 }

package/ssr/lib/dsr-components/tabs-bar.d.ts

@@ -3,9 +3,8 @@ export declare class DSRTabsBar extends Component<any> {
     host: HTMLElement;
     private tabElements;
     private barElement;
-    private prevActiveTabIndex;
+    private scrollerElement;
     private direction;
     private hasPTabsParent;
-    private scrollerElement;
     render(): JSX.Element;
 }