@orangesk/orange-design-system 2.0.0 → 2.1.0

package/build/components/types/index.d.ts

@@ -1,5 +1,5 @@
-import React$1, { ReactNode, ReactElement, HTMLAttributes, AnchorHTMLAttributes, FC } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { ReactNode, ReactElement, HTMLAttributes, AnchorHTMLAttributes, FC } from 'react';
 
 interface AccordionProps$1 {
     /** Heading level from 1 to 6 */
@@ -17,7 +17,7 @@ interface AccordionProps$1 {
     /** Additional HTML attributes */
     [key: string]: any;
 }
-declare const Accordion: React$1.FC<AccordionProps$1>;
+declare const Accordion: React__default.FC<AccordionProps$1>;
 
 interface AccordionHeaderProps {
     /** Header id */
@@ -26,7 +26,7 @@ interface AccordionHeaderProps {
     isActive?: boolean;
     /** Header title */
     title: string;
-    renderTitle?: (title: string) => React$1.ReactNode;
+    renderTitle?: (title: string) => React__default.ReactNode;
     /** Additional CSS classes */
     className?: string;
     /** Custom toggle attribute for specialized accordions (defaults to 'data-accordion-toggle') */
@@ -51,14 +51,14 @@ interface AccordionItemProps extends Pick<AccordionHeaderProps, "renderTitle"> {
     /** Additional HTML attributes */
     [key: string]: any;
 }
-declare const AccordionItem: React$1.FC<AccordionItemProps>;
+declare const AccordionItem: React__default.FC<AccordionItemProps>;
 
 type AlertType = "warning" | "info" | "danger" | "success";
-interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface AlertProps extends React__default.HTMLAttributes<HTMLDivElement> {
     /** Additional action buttons to add interactivity */
-    actionButtons?: React$1.ReactNode;
+    actionButtons?: React__default.ReactNode;
     /** Description of the alert */
-    description?: React$1.ReactNode;
+    description?: React__default.ReactNode;
     /** Level of the heading in heading hierarchy */
     headingLevel?: number;
     /** Sets Alert to full width */
@@ -66,14 +66,14 @@ interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Callback function when close button is clicked */
     onClose?: () => void;
     /** Custom title renderer. Passes props as function parameter. */
-    renderTitle?: (props: AlertProps) => React$1.ReactNode;
+    renderTitle?: (props: AlertProps) => React__default.ReactNode;
     /** Main text message */
     title?: string;
     /** Type of alert, sets icon and color */
     type?: AlertType;
     className?: string;
 }
-declare const Alert: React$1.FC<AlertProps>;
+declare const Alert: React__default.FC<AlertProps>;
 
 interface AnchorNavigationItem {
     label: string;
@@ -83,16 +83,16 @@ interface AnchorNavigationItem {
 interface AnchorNavigationProps {
     items: AnchorNavigationItem[];
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
 declare const AnchorNavigation: {
-    ({ items, className, children, ...other }: AnchorNavigationProps): react_jsx_runtime.JSX.Element;
+    ({ items, className, children, ...other }: AnchorNavigationProps): React__default.JSX.Element;
     displayName: string;
 };
 
 type BarAlign = "start" | "end" | "center";
 type BarSpace = "small" | "large";
-interface BarProps extends React$1.HTMLAttributes<HTMLElement> {
+interface BarProps extends React__default.HTMLAttributes<HTMLElement> {
     /** Flex vertical alignment */
     align?: BarAlign;
     /** Allow horizontally stacked items to wrap into new lines */
@@ -102,23 +102,23 @@ interface BarProps extends React$1.HTMLAttributes<HTMLElement> {
     /** Item spacing */
     space?: BarSpace;
     /** Html tag to render */
-    tag?: React$1.ElementType;
+    tag?: React__default.ElementType;
     /** Additional class names */
     className?: string;
     /** Child content */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const Bar: React$1.ForwardRefExoticComponent<BarProps & React$1.RefAttributes<HTMLElement>>;
+declare const Bar: React__default.ForwardRefExoticComponent<BarProps & React__default.RefAttributes<HTMLElement>>;
 
-interface BarBreakProps extends React$1.HTMLAttributes<HTMLElement> {
+interface BarBreakProps extends React__default.HTMLAttributes<HTMLElement> {
     /** HTML tag to render the compontent with */
-    tag?: React$1.ElementType;
+    tag?: React__default.ElementType;
     /** Additional class names */
     className?: string;
     /** Child content */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const BarBreak: React$1.ForwardRefExoticComponent<BarBreakProps & React$1.RefAttributes<HTMLElement>>;
+declare const BarBreak: React__default.ForwardRefExoticComponent<BarBreakProps & React__default.RefAttributes<HTMLElement>>;
 
 interface CommonProps$3 {
     /** Bar item could shrink and wrap content if there is not enough empty space */
@@ -126,13 +126,13 @@ interface CommonProps$3 {
     /** Bar item should fill empty space */
     isFilling?: boolean;
     /** Tag of the item */
-    tag?: React$1.ElementType;
+    tag?: React__default.ElementType;
     /** Additional class name */
     className?: string;
     /** Child content */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const BarItem: React$1.ForwardRefExoticComponent<CommonProps$3 & React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
+declare const BarItem: React__default.ForwardRefExoticComponent<CommonProps$3 & React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>>;
 
 interface BlockActionProps {
     /** 1 and only one single element */
@@ -142,7 +142,7 @@ interface BlockActionProps {
     hasBorderOnHover?: boolean;
     [key: string]: any;
 }
-declare const BlockAction: React$1.FC<BlockActionProps>;
+declare const BlockAction: React__default.FC<BlockActionProps>;
 
 interface BlockActionControlProps {
     /** 1 and only one single element */
@@ -150,7 +150,7 @@ interface BlockActionControlProps {
     className?: string;
     [key: string]: any;
 }
-declare const BlockActionControl: React$1.FC<BlockActionControlProps>;
+declare const BlockActionControl: React__default.FC<BlockActionControlProps>;
 
 interface BlockActionIndicatorProps {
     /** 1 and only one single element */
@@ -158,7 +158,7 @@ interface BlockActionIndicatorProps {
     className?: string;
     [key: string]: any;
 }
-declare const BlockActionIndicator: React$1.FC<BlockActionIndicatorProps>;
+declare const BlockActionIndicator: React__default.FC<BlockActionIndicatorProps>;
 
 interface BlockActionOverrideProps {
     /** 1 and only one single element */
@@ -167,7 +167,7 @@ interface BlockActionOverrideProps {
     [key: string]: any;
 }
 
-declare const BlockActionOverride: React$1.FC<BlockActionOverrideProps>;
+declare const BlockActionOverride: React__default.FC<BlockActionOverrideProps>;
 
 declare const bodyBannerColors: readonly ["background-primary", "background-accent", "surface-subtle"];
 type BodyBannerColor = (typeof bodyBannerColors)[number];
@@ -178,15 +178,15 @@ interface BodyBannerProps {
     /** Additional CSS classes */
     className?: string;
     /** Image element */
-    image?: React$1.ReactNode;
+    image?: React__default.ReactNode;
     /** Content area - typically heading and description */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** Button text */
     buttonText?: string;
     /** Additional CSS classes for button */
     buttonClassName?: string;
 }
-declare const BodyBanner: ({ className, size, color, image, children, buttonText, buttonClassName, ...other }: BodyBannerProps) => react_jsx_runtime.JSX.Element;
+declare const BodyBanner: ({ className, size, color, image, children, buttonText, buttonClassName, ...other }: BodyBannerProps) => React__default.JSX.Element;
 
 interface BreadcrumbItemData {
     /** Item text */
@@ -209,7 +209,7 @@ declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
 type ButtonSize = "small" | "large";
 type ButtonType = "primary" | "fill" | "ghost";
 interface CommonProps$2 {
-    elemRef?: React$1.Ref<any>;
+    elemRef?: React__default.Ref<any>;
     htmlType?: "button" | "submit" | "reset";
     isActive?: boolean;
     isDefault?: boolean;
@@ -218,20 +218,20 @@ interface CommonProps$2 {
     size?: ButtonSize;
     type?: ButtonType;
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     preserveWidth?: boolean;
 }
-type AnchorProps$1 = CommonProps$2 & Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps$2 | "type" | "ref"> & {
+type AnchorProps$1 = CommonProps$2 & Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps$2 | "type" | "ref"> & {
     href: string;
 };
-type NativeButtonProps = CommonProps$2 & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps$2 | "href" | "ref"> & {
+type NativeButtonProps = CommonProps$2 & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps$2 | "href" | "ref"> & {
     href?: undefined;
 };
 type ButtonProps$2 = AnchorProps$1 | NativeButtonProps;
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps$2 & React$1.RefAttributes<any>>;
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps$2 & React__default.RefAttributes<any>>;
 
 type IconPosition = "left" | "right";
-interface IconButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "ref"> {
+interface IconButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "ref"> {
     /** Name of the icon */
     iconName: string;
     /** Position of the icon */
@@ -242,20 +242,20 @@ interface IconButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonEl
     size?: ButtonSize;
     /** Use square button. Children are rendered as visually hidden */
     isSquare?: boolean;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 declare const ButtonPrimary: {
-    (props: ButtonProps$2): react_jsx_runtime.JSX.Element;
+    (props: ButtonProps$2): React$1.JSX.Element;
     displayName: string;
 };
 declare const ButtonFill: {
-    (props: ButtonProps$2): react_jsx_runtime.JSX.Element;
+    (props: ButtonProps$2): React$1.JSX.Element;
     displayName: string;
 };
 declare const ButtonGhost: {
-    (props: ButtonProps$2): react_jsx_runtime.JSX.Element;
+    (props: ButtonProps$2): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -269,30 +269,30 @@ declare const Buttons: React.FC<ButtonsProps>;
 
 declare const cardColors: readonly ["background-primary", "background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "fill-subtle", "fill-accent1", "fill-accent2", "fill-accent3", "fill-accent4", "fill-accent5"];
 type CardColor = (typeof cardColors)[number];
-interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */
     color?: CardColor;
     noBorder?: boolean;
 }
-declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface CardProductHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    image?: React$1.ReactNode;
+interface CardProductHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    image?: React__default.ReactNode;
     /** Use small spacing */
     space?: "small";
 }
-declare const CardProductHeader: React$1.ForwardRefExoticComponent<CardProductHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardProductHeader: React__default.ForwardRefExoticComponent<CardProductHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type CardSectionColor = (typeof cardColors)[number];
-interface CardSectionProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface CardSectionProps extends React__default.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */
     color?: CardSectionColor;
     /** Fill available space using flexbox */
     isFilling?: boolean;
-    /** Use small spacing */
-    space?: "small";
+    /** Use spacing variant */
+    space?: "small" | "large";
 }
-declare const CardSection: React$1.ForwardRefExoticComponent<CardSectionProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardSection: React__default.ForwardRefExoticComponent<CardSectionProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
     /** Swiper.js (https://swiperjs.com/) options object */
@@ -305,14 +305,14 @@ interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
     bleedRight?: boolean;
     className?: string;
 }
-declare const Carousel: React$1.FC<CarouselProps>;
+declare const Carousel: React__default.FC<CarouselProps>;
 
 interface CarouselHeroItemProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     children?: ReactNode;
     image: string;
 }
-declare const CarouselHeroItem: React$1.FC<CarouselHeroItemProps>;
+declare const CarouselHeroItem: React__default.FC<CarouselHeroItemProps>;
 
 interface TabItem {
     label: string;
@@ -328,7 +328,7 @@ interface CarouselHeroProps {
     enableAutoplay?: boolean;
     [key: string]: any;
 }
-declare const CarouselHero: React$1.FC<CarouselHeroProps>;
+declare const CarouselHero: React__default.FC<CarouselHeroProps>;
 
 interface CarouselPromotionsProps {
     className?: string;
@@ -336,7 +336,7 @@ interface CarouselPromotionsProps {
     children?: ReactNode;
     [key: string]: any;
 }
-declare const CarouselPromotions: React$1.FC<CarouselPromotionsProps>;
+declare const CarouselPromotions: React__default.FC<CarouselPromotionsProps>;
 
 interface Price {
     monthly?: number;
@@ -384,19 +384,19 @@ interface CartTableProps {
     labels?: Labels;
     size?: "large";
 }
-declare const CartTable: React$1.FC<CartTableProps>;
+declare const CartTable: React__default.FC<CartTableProps>;
 
-declare const Container: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Container: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
 
-interface IControlsProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
-    elemRef?: React$1.Ref<any>;
+interface IControlsProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    elemRef?: React__default.Ref<any>;
     icon: string;
     className?: string;
     isDisabled?: boolean;
 }
-declare const Controls: React$1.ForwardRefExoticComponent<IControlsProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "ref" | "href" | keyof IControlsProps> & {
+declare const Controls: React__default.ForwardRefExoticComponent<IControlsProps & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "ref" | "href" | keyof IControlsProps> & {
     href?: undefined;
-} & React$1.RefAttributes<any>>;
+} & React__default.RefAttributes<any>>;
 
 interface CoverProps {
     /** Background image source. URL string or an object of breakpoint: url pairs
@@ -433,11 +433,11 @@ interface CoverProps {
     /** Additional className for the cover container */
     className?: string;
     /** Children content */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** Additional props passed to Image component */
     [key: string]: any;
 }
-declare const Cover: React$1.FC<CoverProps>;
+declare const Cover: React__default.FC<CoverProps>;
 
 interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, "content"> {
     /** Custom content inside divider */
@@ -445,7 +445,7 @@ interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, "content"> {
     /** Icon which will be rendered inside divider */
     icon?: string;
 }
-declare const Divider: React$1.FC<DividerProps>;
+declare const Divider: React__default.FC<DividerProps>;
 
 type DropdownButtonProps = {
     className?: string;
@@ -464,9 +464,9 @@ type DropdownProps = {
     className?: string;
     [key: string]: any;
 };
-declare const Dropdown: React$1.FC<DropdownProps>;
+declare const Dropdown: React__default.FC<DropdownProps>;
 
-declare const DropdownDivider: React$1.FC<React$1.HTMLAttributes<HTMLDivElement>>;
+declare const DropdownDivider: React__default.FC<React__default.HTMLAttributes<HTMLDivElement>>;
 
 interface DropdownItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     className?: string;
@@ -474,19 +474,19 @@ interface DropdownItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     disabled?: boolean;
     href?: string;
 }
-declare const DropdownItem: React$1.FC<DropdownItemProps>;
+declare const DropdownItem: React__default.FC<DropdownItemProps>;
 
-interface DropdownToggleButtonProps extends React$1.HTMLAttributes<HTMLButtonElement> {
+interface DropdownToggleButtonProps extends React__default.HTMLAttributes<HTMLButtonElement> {
     id: string;
     className?: string;
 }
-declare const DropdownToggleButton: React$1.FC<DropdownToggleButtonProps>;
+declare const DropdownToggleButton: React__default.FC<DropdownToggleButtonProps>;
 
 interface ExpanderProps {
     /** Custom summary text renderer. Passes props as function parameter. */
-    renderSummary?: (props: ExpanderProps) => React$1.ReactNode;
+    renderSummary?: (props: ExpanderProps) => React__default.ReactNode;
     /** Custom summary text renderer when details are opened. Passes props as function parameter. */
-    renderSummaryOpened?: (props: ExpanderProps) => React$1.ReactNode;
+    renderSummaryOpened?: (props: ExpanderProps) => React__default.ReactNode;
     /** Trigger text */
     summary?: string;
     /** Trigger text when details are opened */
@@ -494,7 +494,7 @@ interface ExpanderProps {
     /** Additional CSS classes */
     className?: string;
     /** Child elements */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** Expander takes full width of its container */
     isFullWidth?: boolean;
     /** Position of trigger relative to content when opened */
@@ -504,15 +504,15 @@ interface ExpanderProps {
     /** Initial open state */
     open?: boolean;
 }
-declare const Expander: React$1.FC<ExpanderProps>;
+declare const Expander: React__default.FC<ExpanderProps>;
 
 interface AccordionProps {
     /** Additional CSS classes */
     className?: string;
 }
 declare const FeatureAccordion: (props: AccordionProps & {
-    children: React$1.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
+    children: React__default.ReactNode;
+}) => React__default.JSX.Element;
 
 interface FeatureAccordionItemProps extends AccordionItemProps {
     image?: string | object;
@@ -521,13 +521,13 @@ interface FeatureAccordionItemProps extends AccordionItemProps {
     imageSrcSet?: string;
     [key: string]: any;
 }
-declare const FeatureAccordionItem: React$1.FC<FeatureAccordionItemProps>;
+declare const FeatureAccordionItem: React__default.FC<FeatureAccordionItemProps>;
 
 type AutocompleteOption = string | {
     title: string;
     value: string;
 };
-interface AutocompleteProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "size" | "value"> {
+interface AutocompleteProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, "size" | "value"> {
     /** Module config. For more see accessible-autocomplete docs */
     autocompleteConfig?: Record<string, any>;
     /** Array of string options */
@@ -539,10 +539,10 @@ interface AutocompleteProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelect
     /** Select value */
     value?: string | string[];
 }
-declare const Autocomplete: React$1.FC<AutocompleteProps>;
+declare const Autocomplete: React__default.FC<AutocompleteProps>;
 
 type CheckboxSize = "default" | "large";
-interface CheckboxProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
+interface CheckboxProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> {
     /** Html id attribute */
     id: string;
     /** Checked state. */
@@ -559,7 +559,7 @@ interface CheckboxProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElemen
     size?: CheckboxSize;
     className?: string;
 }
-declare const Checkbox: React$1.FC<CheckboxProps>;
+declare const Checkbox: React__default.FC<CheckboxProps>;
 
 interface FieldContextType {
     controlId?: string;
@@ -581,35 +581,35 @@ interface FieldContextType {
 interface InputFieldProps {
     className?: string;
     control: FieldContextType["control"];
-    hint?: React$1.ReactNode;
-    label?: React$1.ReactNode;
-    labelAfter?: React$1.ReactNode;
+    hint?: React__default.ReactNode;
+    label?: React__default.ReactNode;
+    labelAfter?: React__default.ReactNode;
     messages?: Array<{
         type: string;
         text: string;
     }>;
-    tooltip?: React$1.ReactNode;
+    tooltip?: React__default.ReactNode;
     [key: string]: any;
 }
-declare const Field: React$1.FC<InputFieldProps>;
+declare const Field: React__default.FC<InputFieldProps>;
 
 interface FieldsetMessage {
     [key: string]: any;
 }
-interface FieldsetProps extends React$1.FieldsetHTMLAttributes<HTMLFieldSetElement> {
+interface FieldsetProps extends React__default.FieldsetHTMLAttributes<HTMLFieldSetElement> {
     /** Required `<legend />` for fieldset */
     legend: ReactNode;
     /** Additional legend props */
-    legendProps?: React$1.HTMLAttributes<HTMLLegendElement>;
+    legendProps?: React__default.HTMLAttributes<HTMLLegendElement>;
     description?: ReactNode;
     messages?: FieldsetMessage[];
     className?: string;
     children?: ReactNode;
 }
-declare const Fieldset: React$1.FC<FieldsetProps>;
+declare const Fieldset: React__default.FC<FieldsetProps>;
 
 type FileSize = "default" | "large";
-interface FileProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
+interface FileProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> {
     /** Html id attribute. Generated automatically if omitted. */
     id?: string;
     /** Disabled state. */
@@ -637,13 +637,13 @@ interface GroupProps extends HTMLAttributes<HTMLDivElement> {
     /** Invalid state */
     isInvalid?: boolean;
 }
-declare const Group: React$1.FC<GroupProps>;
+declare const Group: React__default.FC<GroupProps>;
 
-interface HintProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+interface HintProps extends React__default.HTMLAttributes<HTMLParagraphElement> {
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const Hint: React$1.FC<HintProps>;
+declare const Hint: React__default.FC<HintProps>;
 
 interface InputStepperConfig {
     min?: number;
@@ -663,28 +663,28 @@ interface InputStepperProps {
     className?: string;
     [key: string]: any;
 }
-declare const InputStepper: React$1.FC<InputStepperProps>;
+declare const InputStepper: React__default.FC<InputStepperProps>;
 
-interface LabelProps extends React$1.LabelHTMLAttributes<HTMLLabelElement> {
+interface LabelProps extends React__default.LabelHTMLAttributes<HTMLLabelElement> {
     htmlFor: string;
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const Label: React$1.FC<LabelProps>;
+declare const Label: React__default.FC<LabelProps>;
 
 type MessageType = "info" | "warning" | "error" | "invalid";
-interface MessageProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
+interface MessageProps extends React__default.HTMLAttributes<HTMLParagraphElement> {
     /** Type of message */
     type?: MessageType;
     /** Additional CSS classes */
     className?: string;
     /** Message content */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const Message: React$1.FC<MessageProps>;
+declare const Message: React__default.FC<MessageProps>;
 
 type RadioSize = "default" | "large";
-interface RadioProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
+interface RadioProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> {
     /** Html id attribute */
     id: string;
     /** Checked state. */
@@ -701,7 +701,7 @@ interface RadioProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,
     value?: string;
     className?: string;
 }
-declare const Radio: React$1.FC<RadioProps>;
+declare const Radio: React__default.FC<RadioProps>;
 
 type RangeSliderWidth = "default" | "fullwidth";
 interface RangeSliderConfig {
@@ -722,13 +722,13 @@ interface RangeSliderConfig {
     start: number[];
     [key: string]: any;
 }
-interface RangeSliderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface RangeSliderProps extends React__default.HTMLAttributes<HTMLDivElement> {
     /** [noUiSlider config object](https://refreshless.com/nouislider/slider-options/) */
     config: RangeSliderConfig;
     /** insert arbitrary element after rangeslider */
-    elementAfter?: React$1.ReactNode;
+    elementAfter?: React__default.ReactNode;
     /** insert arbitrary element before rangeslider */
-    elementBefore?: React$1.ReactNode;
+    elementBefore?: React__default.ReactNode;
     /** render data-rangeslider attribute and initialize RangeSlider.static.js */
     hasDataAttr?: boolean;
     /** element id. required by RangeSlider.static.js and generated automatically in React environment. */
@@ -740,7 +740,7 @@ interface RangeSliderProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Additional CSS classes */
     className?: string;
 }
-declare const RangeSlider: React$1.FC<RangeSliderProps>;
+declare const RangeSlider: React__default.FC<RangeSliderProps>;
 
 type SelectOption = {
     text: string;
@@ -748,9 +748,9 @@ type SelectOption = {
 } | string;
 type SelectSize = "default" | "large";
 type SelectWidth = "default" | "12ch" | "shrink" | "fullwidth";
-interface SelectProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "size"> {
+interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, "size"> {
     /** Forwarded DOM element ref. */
-    elemRef?: React$1.Ref<HTMLSelectElement>;
+    elemRef?: React__default.Ref<HTMLSelectElement>;
     /** Html id attribute. */
     id?: string;
     /** Disabled state. */
@@ -770,13 +770,13 @@ interface SelectProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElemen
     /** Additional CSS classes */
     className?: string;
     /** Child elements */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const Select: React$1.FC<SelectProps>;
+declare const Select: React__default.FC<SelectProps>;
 
 type TextAreaSize = "default" | "large";
 type TextAreaWidth = "default" | "fullwidth";
-interface TextAreaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
+interface TextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
     /** Html id attribute. */
     id: string;
     /** Disabled state. */
@@ -798,15 +798,15 @@ interface TextAreaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaEleme
     /** Additional CSS classes */
     className?: string;
     /** Child elements */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const TextArea: React$1.FC<TextAreaProps>;
+declare const TextArea: React__default.FC<TextAreaProps>;
 
 type TextInputSize = "default" | "large";
 type TextInputWidth = "3ch" | "8ch" | "12ch" | "default" | "fullwidth";
 type TextInputType = "email" | "hidden" | "password" | "search" | "tel" | "number" | "text" | "url";
 type TextInputSearchIcon = "none" | "transient" | "persistent";
-interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
+interface TextInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> {
     /** Input html type. */
     htmlType?: TextInputType;
     /** Html id attribute. */
@@ -834,41 +834,41 @@ interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
     /** Search icon mode. `transient` shows icon only on empty unfocused input, `persistent` keeps it visible with placeholder. */
     searchIcon?: TextInputSearchIcon;
 }
-declare const TextInput: React$1.ForwardRefExoticComponent<TextInputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<HTMLInputElement>>;
 
 interface GaugeProps {
     /** Text inside the gauge */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** Value filling the gauge */
     percentage?: number;
     className?: string;
     [key: string]: any;
 }
-declare const Gauge: React$1.ForwardRefExoticComponent<Omit<GaugeProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const Gauge: React__default.ForwardRefExoticComponent<Omit<GaugeProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 type GridVAlign = "stretch" | "start" | "end" | "center";
 type GridHAlign = "end" | "center" | "space-around" | "space-between";
 type GridRowGapSize = "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | Record<string, "none" | "xsmall" | "small" | "medium" | "large" | "xlarge">;
 type GridColumnGapSize = "none" | "small" | "default" | "large" | "xlarge" | Record<string, "none" | "small" | "default" | "large" | "xlarge">;
-interface GridProps extends React$1.HTMLAttributes<HTMLElement> {
+interface GridProps extends React__default.HTMLAttributes<HTMLElement> {
     vAlign?: GridVAlign;
     hAlign?: GridHAlign;
-    tag?: React$1.ElementType;
+    tag?: React__default.ElementType;
     justifyHeight?: boolean;
     rowGapSize?: GridRowGapSize;
     columnGapSize?: GridColumnGapSize;
 }
-declare const Grid: React$1.ForwardRefExoticComponent<GridProps & React$1.RefAttributes<HTMLElement>>;
+declare const Grid: React__default.ForwardRefExoticComponent<GridProps & React__default.RefAttributes<HTMLElement>>;
 
 type GridColAlign = "top" | "middle" | "bottom" | "stretch";
 type GridColSize = number | "shrink" | "fill" | "auto" | Record<string, number | "shrink" | "fill" | "auto">;
-interface GridColProps extends React$1.HTMLAttributes<HTMLElement> {
+interface GridColProps extends React__default.HTMLAttributes<HTMLElement> {
     align?: GridColAlign;
-    tag?: React$1.ElementType;
+    tag?: React__default.ElementType;
     size?: GridColSize;
 }
 declare const GridCol: {
-    ({ className, align, tag, size, ...other }: GridColProps): react_jsx_runtime.JSX.Element;
+    ({ className, align, tag, size, ...other }: GridColProps): React__default.JSX.Element;
     displayName: string;
 };
 
@@ -889,24 +889,24 @@ interface HeroImageResponsive {
 type HeroImage = HeroImageSrc | HeroImageResponsive;
 interface HeroPriceObject {
     amount: number;
-    prefix?: React$1.ReactNode;
-    suffix?: React$1.ReactNode;
+    prefix?: React__default.ReactNode;
+    suffix?: React__default.ReactNode;
 }
 type HeroPrice = string | HeroPriceObject;
 interface HeroButtonProps {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     [key: string]: any;
 }
 interface HeroStickerProps {
     color?: StickerColor;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
 }
 interface HeroProps {
     /** Action button props */
     button?: HeroButtonProps;
     /** Main text */
-    description?: React$1.ReactNode;
+    description?: React__default.ReactNode;
     hasFullwidthImage?: boolean;
     /** Gradient overlay ensures proper text readability */
     hasGradientOverlay?: boolean;
@@ -919,12 +919,12 @@ interface HeroProps {
     /** Hero title */
     title: string;
 }
-declare const Hero: React$1.FC<HeroProps>;
+declare const Hero: React__default.FC<HeroProps>;
 
 type IconColor = "info" | "success" | "warning" | "danger" | "orange";
 type IconSize = "small" | "medium" | "large" | "xlarge" | "xxlarge" | "huge";
 type IconType = "icon" | "pictogram";
-interface IconProps extends React$1.SVGAttributes<SVGSVGElement> {
+interface IconProps extends React__default.SVGAttributes<SVGSVGElement> {
     /** Accessible label for the icon. */
     alt?: string;
     /** Icon color. */
@@ -948,7 +948,7 @@ interface IconProps extends React$1.SVGAttributes<SVGSVGElement> {
      */
     className?: string;
 }
-declare const Icon: React$1.FC<IconProps>;
+declare const Icon: React__default.FC<IconProps>;
 
 interface PictogramProps extends Omit<IconProps, "type"> {
     /**
@@ -968,34 +968,34 @@ interface PictogramProps extends Omit<IconProps, "type"> {
  * - Light version: Use the exact name provided (e.g., 'pictogram-skylink')
  * - Dark version: Add '--dark' suffix (e.g., 'pictogram-skylink--dark')
  */
-declare const Pictogram: React$1.FC<PictogramProps>;
+declare const Pictogram: React__default.FC<PictogramProps>;
 
-declare const SpritePathContext: React$1.Context<string>;
+declare const SpritePathContext: React__default.Context<string>;
 interface SpritePathProviderProps {
     children: ReactNode;
     value?: string;
 }
-declare const SpritePathProvider: React$1.FC<SpritePathProviderProps>;
+declare const SpritePathProvider: React__default.FC<SpritePathProviderProps>;
 
 interface IconListItem {
     icon: string;
-    content: React$1.ReactNode;
-    tooltip?: React$1.ReactNode;
+    content: React__default.ReactNode;
+    tooltip?: React__default.ReactNode;
 }
 interface IconListProps {
     items?: IconListItem[];
     className?: string;
     [key: string]: any;
 }
-declare const IconList: React$1.FC<IconListProps>;
+declare const IconList: React__default.FC<IconListProps>;
 
 interface ItemProps {
     icon: string;
-    children: React$1.ReactNode;
-    tooltip?: React$1.ReactNode;
+    children: React__default.ReactNode;
+    tooltip?: React__default.ReactNode;
     [key: string]: any;
 }
-declare const Item: React$1.FC<ItemProps>;
+declare const Item: React__default.FC<ItemProps>;
 
 interface ImageSrcObject {
     default: string;
@@ -1014,7 +1014,7 @@ interface ImageProps {
     className?: string;
     [key: string]: any;
 }
-declare const Image: React$1.FC<ImageProps>;
+declare const Image: React__default.FC<ImageProps>;
 
 interface LinkProps$1 {
     /** destination address */
@@ -1024,7 +1024,7 @@ interface LinkProps$1 {
     /** additional CSS classes */
     className?: string;
     /** link content */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** whether the link should be underlined */
     isUnderline?: boolean;
     /** whether the link should have normal font weight */
@@ -1032,7 +1032,7 @@ interface LinkProps$1 {
     /** when true, adds the .no-accent modifier to disable orange accent color on hover (useful for dark backgrounds) */
     noAccent?: boolean;
 }
-declare const Link: React$1.FC<LinkProps$1 & React$1.HTMLAttributes<HTMLElement>>;
+declare const Link: React__default.FC<LinkProps$1 & React__default.HTMLAttributes<HTMLElement>>;
 
 interface ListProps {
     /** Size determines color of list items and color of their borders*/
@@ -1042,24 +1042,24 @@ interface ListProps {
     /** Size determines vertical spacing */
     size?: "small";
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const List: React$1.FC<ListProps>;
+declare const List: React__default.FC<ListProps>;
 
 interface ControlProps {
     href?: string;
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     [key: string]: any;
 }
 interface ListItemProps {
     /** Item with control props automatically creates a clickable item and renders an interactive element. If the object contains a href property, it renders an anchor element. If not, it renders a button of type="button" instead. */
     controlProps?: ControlProps;
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     [key: string]: any;
 }
-declare const ListItem: React$1.FC<ListItemProps>;
+declare const ListItem: React__default.FC<ListItemProps>;
 
 interface LoaderProps {
     colour?: "default" | "inverse";
@@ -1072,13 +1072,13 @@ interface LoaderProps {
     children?: ReactNode;
     [key: string]: any;
 }
-declare const Loader: React$1.FC<LoaderProps>;
+declare const Loader: React__default.FC<LoaderProps>;
 
 interface LoaderFullscreenProps {
     className?: string;
     children?: ReactNode;
 }
-declare const LoaderFullscreen: React$1.FC<LoaderFullscreenProps>;
+declare const LoaderFullscreen: React__default.FC<LoaderFullscreenProps>;
 
 type MegamenuProps = {
     className?: string;
@@ -1088,15 +1088,15 @@ type MegamenuProps = {
     searchFilled?: boolean;
     compactLogoOnly?: boolean;
 };
-declare const Megamenu: ({ className, title, isSticky, searchEmpty, searchFilled, compactLogoOnly, }: MegamenuProps) => react_jsx_runtime.JSX.Element;
+declare const Megamenu: ({ className, title, isSticky, searchEmpty, searchFilled, compactLogoOnly, }: MegamenuProps) => React__default.JSX.Element;
 
-declare const MegamenuBlog: ({ className, title, isSticky, searchEmpty, searchFilled, compactLogoOnly, }: MegamenuProps) => react_jsx_runtime.JSX.Element;
+declare const MegamenuBlog: ({ className, title, isSticky, searchEmpty, searchFilled, compactLogoOnly, }: MegamenuProps) => React$1.JSX.Element;
 
 declare const sizes$1: readonly ["small", "large"];
 type ModalSize = (typeof sizes$1)[number];
-interface ModalProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface ModalProps extends React__default.HTMLAttributes<HTMLDivElement> {
     /** Action buttons in footer */
-    actions?: React$1.ReactNode[];
+    actions?: React__default.ReactNode[];
     /** Full height on XS */
     fullHeight?: boolean;
     /** Sticky footer is visible when modal content is too long */
@@ -1108,19 +1108,19 @@ interface ModalProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Callback fired when modal is closed */
     onHide?: () => void;
     /** Custom header renderer. Receives id as function param. Returned element(s) must contain a header with close button. */
-    renderHeader?: (id: string) => React$1.ReactNode;
+    renderHeader?: (id: string) => React__default.ReactNode;
     /** Custom body renderer. Receives title as function param. Returned element(s) must contain a title. */
-    renderBody?: () => React$1.ReactNode;
+    renderBody?: () => React__default.ReactNode;
     /** Custom footer renderer. Receives actions as function param. Returned element(s) must contain the actions. */
-    renderFooter?: () => React$1.ReactNode;
+    renderFooter?: () => React__default.ReactNode;
     /** Custom main title renderer. Receives id as function param. Returned element must be a heading and use this id for accessibility purposes */
-    renderTitle?: (id: string) => React$1.ReactNode;
+    renderTitle?: (id: string) => React__default.ReactNode;
     /** Modal dialog size */
     size?: ModalSize;
     /** Main title */
     title?: string;
     /** Child elements */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** Additional CSS classes */
     className?: string;
     /** Disables header paddings */
@@ -1128,18 +1128,18 @@ interface ModalProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Disables footer paddings */
     disableFooterSpacing?: boolean;
 }
-declare const Modal: React$1.FC<ModalProps>;
+declare const Modal: React__default.FC<ModalProps>;
 
 declare const modalBodyColors: readonly ["background-primary", "background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "surface-primary", "surface-secondary", "surface-tertiary", "surface-subtle", "surface-moderate", "surface-contrast", "surface-accent", "fill-subtle", "fill-accent1", "fill-accent2", "fill-accent3", "fill-accent4", "fill-accent5"];
 type ModalBodyColor = (typeof modalBodyColors)[number];
-interface ModalBodyProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface ModalBodyProps extends React__default.HTMLAttributes<HTMLDivElement> {
     color?: ModalBodyColor;
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     withTopPadding?: boolean;
     disableSpacing?: boolean;
 }
-declare const ModalBody: React$1.FC<ModalBodyProps>;
+declare const ModalBody: React__default.FC<ModalBodyProps>;
 
 interface ExtendedIconButtonProps extends IconButtonProps {
     type?: ButtonType;
@@ -1147,22 +1147,22 @@ interface ExtendedIconButtonProps extends IconButtonProps {
 type ModalCloseButtonProps = Omit<ExtendedIconButtonProps, "iconName">;
 declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;
 
-interface ModalProductFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    image?: React$1.ReactNode;
+interface ModalProductFooterProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    image?: React__default.ReactNode;
     /** Use small spacing */
     space?: "small";
-    button?: React$1.ReactNode;
+    button?: React__default.ReactNode;
 }
-declare const ModalProductFooter: React$1.ForwardRefExoticComponent<ModalProductFooterProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ModalProductFooter: React__default.ForwardRefExoticComponent<ModalProductFooterProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface ModalProductHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    image?: React$1.ReactNode;
+interface ModalProductHeaderProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    image?: React__default.ReactNode;
     /** Use small spacing */
     space?: "small";
     /** Optional id for accessibility (e.g., for aria-labelledby) */
     titleId?: string;
 }
-declare const ModalProductHeader: React$1.ForwardRefExoticComponent<ModalProductHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ModalProductHeader: React__default.ForwardRefExoticComponent<ModalProductHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const sizes: readonly ["small", "large"];
 type TitleSize = (typeof sizes)[number];
@@ -1195,7 +1195,7 @@ interface PaginationProps {
     /** Additional props */
     [key: string]: any;
 }
-declare const Pagination: React$1.FC<PaginationProps>;
+declare const Pagination: React__default.FC<PaginationProps>;
 
 declare const pillColors: readonly ["surface-primary", "surface-secondary", "surface-tertiary", "surface-subtle", "surface-moderate", "surface-contrast", "surface-accent", "fill-moderate", "fill-disabled", "transparent"];
 type PillColor = (typeof pillColors)[number];
@@ -1205,21 +1205,21 @@ interface PillProps extends HTMLAttributes<HTMLSpanElement> {
     color?: PillColor;
     size?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
 }
-declare const Pill: React$1.FC<PillProps>;
+declare const Pill: React__default.FC<PillProps>;
 
 interface ProgressProps {
     /** Color of the indicator */
     color?: "orange" | "green" | "yellow" | "red" | "blue";
     /** Provides clear instruction on what the horizontal bar represents */
-    label: React$1.ReactNode;
+    label: React__default.ReactNode;
     /** Textual representation of the indicator */
-    value: React$1.ReactNode;
+    value: React__default.ReactNode;
     /** Width of the progress indicator where 0 = empty, 1 = full */
     width?: number;
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const Progress: React$1.FC<ProgressProps>;
+declare const Progress: React__default.FC<ProgressProps>;
 
 interface PromoBannerProps {
     className?: string;
@@ -1232,50 +1232,50 @@ interface PromoBannerProps {
     imageFullWidth?: boolean;
     /** Make image extend to the edge of viewport even when inside container */
     bleedImage?: boolean;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     itemClassName?: string;
     imageClassName?: string;
     variant?: "vertical" | "reverse";
 }
-declare const PromoBanner: ({ image, className, alignImage, flushTopSmDown, flushBottomSmDown, bleedImage, children, itemClassName, imageClassName, variant, imageFullWidth, }: PromoBannerProps) => react_jsx_runtime.JSX.Element;
+declare const PromoBanner: ({ image, className, alignImage, flushTopSmDown, flushBottomSmDown, bleedImage, children, itemClassName, imageClassName, variant, imageFullWidth, ...other }: PromoBannerProps) => React__default.JSX.Element;
 
 interface PromotionCardProps {
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     color?: CardColor;
     [key: string]: any;
 }
-declare const PromotionCard: React$1.FC<PromotionCardProps>;
+declare const PromotionCard: React__default.FC<PromotionCardProps>;
 
 interface PromotionCardContentProps {
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     [key: string]: any;
 }
-declare const PromotionCardContent: React$1.FC<PromotionCardContentProps>;
+declare const PromotionCardContent: React__default.FC<PromotionCardContentProps>;
 
 interface PromotionCardImageWrapperProps {
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     [key: string]: any;
 }
-declare const PromotionCardImageWrapper: React$1.FC<PromotionCardImageWrapperProps>;
+declare const PromotionCardImageWrapper: React__default.FC<PromotionCardImageWrapperProps>;
 
 interface PromotionCardSectionProps {
     /** Inverse colors */
     isInverse?: boolean;
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     [key: string]: any;
 }
-declare const PromotionCardSection: React$1.FC<PromotionCardSectionProps>;
+declare const PromotionCardSection: React__default.FC<PromotionCardSectionProps>;
 
 interface PromotionCardTitleProps {
     className?: string;
-    children: React$1.ReactElement;
+    children: React__default.ReactElement;
     [key: string]: any;
 }
-declare const PromotionCardTitle: React$1.FC<PromotionCardTitleProps>;
+declare const PromotionCardTitle: React__default.FC<PromotionCardTitleProps>;
 
 declare const sectionColors: readonly ["background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "background-none", "surface-subtle"];
 type SectionColor = (typeof sectionColors)[number];
@@ -1293,43 +1293,43 @@ interface SectionProps {
      */
     spacing?: SectionSpacing;
     /** Rendered HTML element */
-    tag?: React$1.ElementType;
+    tag?: React__default.ElementType;
     /** Additional CSS classes */
     className?: string;
     /** Section content */
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     /** Additional classes passed to the container */
     containerClassName?: string;
 }
-declare const Section: React$1.FC<SectionProps>;
+declare const Section: React__default.FC<SectionProps>;
 
-declare const Skeleton: React$1.FC<React$1.HTMLAttributes<HTMLSpanElement>>;
+declare const Skeleton: React__default.FC<React__default.HTMLAttributes<HTMLSpanElement>>;
 
 interface SkipLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     href?: string;
 }
-declare const SkipLink: React$1.FC<SkipLinkProps>;
+declare const SkipLink: React__default.FC<SkipLinkProps>;
 
 type SocialName = "x" | "facebook-2" | "linkedin-2" | "instagram" | "pinterest" | "snapchat" | "tiktok" | "whatsapp" | "youtube" | "email";
 type CommonProps$1 = {
     name: SocialName;
     className?: string;
 };
-type ButtonProps$1 = CommonProps$1 & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "type" | keyof CommonProps$1>;
-type LinkProps = CommonProps$1 & Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps$1> & {
+type ButtonProps$1 = CommonProps$1 & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "type" | keyof CommonProps$1>;
+type LinkProps = CommonProps$1 & Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps$1> & {
     href: string;
 };
 type SocialButtonProps = ButtonProps$1 | LinkProps;
-declare const SocialButton: React$1.ForwardRefExoticComponent<SocialButtonProps & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const SocialButton: React__default.ForwardRefExoticComponent<SocialButtonProps & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 declare const showTitlesFromOptions: readonly ["md", "lg", "xl"];
 type ShowTitlesFrom = (typeof showTitlesFromOptions)[number];
 interface StepbarStep {
     href?: string;
     isCurrent?: boolean;
-    title: React$1.ReactNode;
+    title: React__default.ReactNode;
 }
-interface StepbarProps extends React$1.HTMLAttributes<HTMLElement> {
+interface StepbarProps extends React__default.HTMLAttributes<HTMLElement> {
     /** Arial label of nav element */
     label?: string;
     /** Titles of non-current steps are visible from this breakpoint */
@@ -1337,32 +1337,32 @@ interface StepbarProps extends React$1.HTMLAttributes<HTMLElement> {
     /** Array of step objects */
     steps: StepbarStep[];
 }
-declare const Stepbar: React$1.FC<StepbarProps>;
+declare const Stepbar: React__default.FC<StepbarProps>;
 
 interface StickerProps {
     color?: "black" | "orange";
     size?: "small";
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     className?: string;
     [key: string]: any;
 }
-declare const Sticker: React$1.FC<StickerProps>;
+declare const Sticker: React__default.FC<StickerProps>;
 
 interface CellValue {
-    value: React$1.ReactNode;
+    value: React__default.ReactNode;
     rawValue?: number | string;
     [key: string]: any;
 }
 interface TableHeader {
     key: string;
-    label: React$1.ReactNode;
+    label: React__default.ReactNode;
     isSortable?: boolean;
     sort?: "none" | "ascending" | "descending";
-    cellProps?: React$1.HTMLAttributes<HTMLTableCellElement>;
-    headCellProps?: React$1.HTMLAttributes<HTMLTableCellElement>;
+    cellProps?: React__default.HTMLAttributes<HTMLTableCellElement>;
+    headCellProps?: React__default.HTMLAttributes<HTMLTableCellElement>;
 }
 interface TableRow {
-    [key: string]: React$1.ReactNode | CellValue | TableRow[] | boolean | undefined;
+    [key: string]: React__default.ReactNode | CellValue | TableRow[] | boolean | undefined;
     expand?: TableRow[];
     isExpanded?: boolean;
     id?: string;
@@ -1372,9 +1372,9 @@ interface ExpandableRowsCaptions {
     emptyRow: string;
 }
 
-interface TableProps extends React$1.TableHTMLAttributes<HTMLTableElement> {
+interface TableProps extends React__default.TableHTMLAttributes<HTMLTableElement> {
     /** Caption helps users with screen readers to find a table and understand what it's about and decide if they want to read it. */
-    caption?: React$1.ReactNode;
+    caption?: React__default.ReactNode;
     expandableRowsCaptions?: ExpandableRowsCaptions;
     /** Foot element for table */
     footers?: TableRow[];
@@ -1392,7 +1392,7 @@ interface TableProps extends React$1.TableHTMLAttributes<HTMLTableElement> {
     rows: TableRow[];
     className?: string;
 }
-declare const Table: React$1.FC<TableProps>;
+declare const Table: React__default.FC<TableProps>;
 
 interface TabProps extends React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
     /** Id of the tabpanel this tab controls. */
@@ -1427,7 +1427,7 @@ interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const TabPanel: React.FC<TabPanelProps>;
 
-interface TabsProps extends React$1.HTMLAttributes<HTMLUListElement> {
+interface TabsProps extends React__default.HTMLAttributes<HTMLUListElement> {
     /** Active Tab index */
     activeTabIndex?: number;
     /** Additional classes for tabs header. */
@@ -1439,20 +1439,20 @@ interface TabsProps extends React$1.HTMLAttributes<HTMLUListElement> {
     /** Tabs behave as links rather than tabs */
     isLink?: boolean;
     /** Tab panels as children */
-    children: React$1.ReactElement<TabPanelProps>[];
+    children: React__default.ReactElement<TabPanelProps>[];
 }
-declare const Tabs: React$1.FC<TabsProps>;
+declare const Tabs: React__default.FC<TabsProps>;
 
 type TagButtonProps = {
     className?: string;
-    onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
-    children?: React$1.ReactNode;
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
+    children?: React__default.ReactNode;
     isDisabled?: boolean;
     ariaLabel?: string;
     iconName: string;
     size?: string;
 };
-declare const TagButton: React$1.ForwardRefExoticComponent<TagButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TagButton: React__default.ForwardRefExoticComponent<TagButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 declare const colors: readonly ["black", "orange", "yellow", "green", "blue", "success", "info", "warning", "danger", "transparent"];
 type TagColor = (typeof colors)[number];
@@ -1462,37 +1462,37 @@ interface CommonProps {
     size?: TagSize;
     isDisabled?: boolean;
     className?: string;
-    children?: React$1.ReactNode;
-    actionButton?: React$1.ReactElement<TagButtonProps>;
+    children?: React__default.ReactNode;
+    actionButton?: React__default.ReactElement<TagButtonProps>;
 }
-type SpanProps = CommonProps & Omit<React$1.HTMLAttributes<HTMLSpanElement>, keyof CommonProps> & {
+type SpanProps = CommonProps & Omit<React__default.HTMLAttributes<HTMLSpanElement>, keyof CommonProps> & {
     onClick?: undefined;
     href?: undefined;
 };
-type ButtonProps = CommonProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps> & {
-    onClick: React$1.MouseEventHandler<HTMLButtonElement>;
+type ButtonProps = CommonProps & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps> & {
+    onClick: React__default.MouseEventHandler<HTMLButtonElement>;
     href?: undefined;
 };
-type AnchorProps = CommonProps & Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & {
+type AnchorProps = CommonProps & Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps> & {
     href: string;
     onClick?: undefined;
 };
 type TagProps = SpanProps | ButtonProps | AnchorProps;
-declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLElement>>;
+declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLElement>>;
 
 interface TestimonialProps {
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
     color?: "default" | "orange";
     isDiv?: boolean;
     [key: string]: any;
 }
-declare const Testimonial: React$1.FC<TestimonialProps>;
+declare const Testimonial: React__default.FC<TestimonialProps>;
 
 type TileHAlign = "center";
 type TileVAlign = "center" | "end" | "space-between";
 type TileVariant = "compact" | "action";
-interface TileProps extends React$1.HTMLAttributes<HTMLDivElement> {
+interface TileProps extends React__default.HTMLAttributes<HTMLDivElement> {
     /** Horizontal alignment of the tile content. */
     hAlign?: TileHAlign;
     /** Vertical alignment of the tile content. */
@@ -1502,12 +1502,12 @@ interface TileProps extends React$1.HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     className?: string;
 }
-declare const Tile: React$1.FC<TileProps>;
+declare const Tile: React__default.FC<TileProps>;
 
 type TooltipPlacement = "auto" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-interface TooltipProps extends React$1.HTMLAttributes<HTMLElement> {
+interface TooltipProps extends React__default.HTMLAttributes<HTMLElement> {
     /** Tooltip dialog content */
-    dialog?: React$1.ReactNode;
+    dialog?: React__default.ReactNode;
     /** Tooltip ID */
     id?: string;
     /** Preferred placement, if there is enough room. Defaults to top. */
@@ -1517,20 +1517,20 @@ interface TooltipProps extends React$1.HTMLAttributes<HTMLElement> {
         "data-tooltip-trigger": true;
         "aria-describedby": string;
         "aria-owns": string;
-        children: React$1.ReactNode;
-    }) => React$1.ReactNode;
+        children: React__default.ReactNode;
+    }) => React__default.ReactNode;
     /** Render dialog as */
     tag?: "span";
     /** Additional CSS classes */
     className?: string;
-    children?: React$1.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const Tooltip: React$1.FC<TooltipProps>;
+declare const Tooltip: React__default.FC<TooltipProps>;
 
-type InfoTooltipProps = Omit<TooltipProps, "onAbort"> & Omit<React$1.HTMLAttributes<HTMLButtonElement>, "onAbort"> & {
-    children?: React$1.ReactNode;
+type InfoTooltipProps = Omit<TooltipProps, "onAbort"> & Omit<React__default.HTMLAttributes<HTMLButtonElement>, "onAbort"> & {
+    children?: React__default.ReactNode;
     className?: string;
 };
-declare const InfoTooltip: React$1.FC<InfoTooltipProps>;
+declare const InfoTooltip: React__default.FC<InfoTooltipProps>;
 
 export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, LoaderFullscreen, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, SocialButton, SpritePathContext, SpritePathProvider, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip };