@festo-ui/react 9.0.0-dev.727 → 9.0.0-dev.729

package/dist/components/bottom-sheet/BottomSheet.d.ts

@@ -1,6 +1,6 @@
 import './BottomSheet.scss';
-interface BottomSheetProps {
-    readonly children: React.ReactNode;
+import { type PropsWithChildren } from 'react';
+export interface BottomSheetProps extends PropsWithChildren {
     readonly defaultExpanded?: boolean;
     readonly open?: boolean;
     readonly expandFrom?: 'center' | 'bottom';
@@ -9,4 +9,3 @@ interface BottomSheetProps {
     readonly onOpenChange?: (value: boolean) => void;
 }
 export declare function BottomSheet({ children, open, defaultExpanded, expandFrom, hasBackdrop, hideCloseIcon, onOpenChange, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/breadcrumb/Breadcrumb.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { ClassNamePropsWithChildren } from '../../utils/types';
 export interface BreadcrumbProps extends ClassNamePropsWithChildren {
-    locations?: {
+    readonly locations?: {
         label: string;
         url: string;
     }[];
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    readonly onClick?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 /**
  * Breadcrumb navigation can be used on pages with multiple navigation levels.

package/dist/components/chips/chip-container/ChipContainer.d.ts

@@ -1,5 +1,5 @@
 import type { ClassNamePropsWithChildren } from '../../../utils/types';
 export interface ChipContainerProps extends ClassNamePropsWithChildren {
-    large?: boolean;
+    readonly large?: boolean;
 }
 export declare function ChipContainer({ large, children, className, }: ChipContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icon-wrapper/IconWrapper.d.ts

@@ -1,3 +1,6 @@
+/**
+ * Internal wrapper for icons.
+ */
 export declare function IconWrapper({ icon }: {
-    icon: React.ReactNode;
+    readonly icon: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/loading-indicator/LoadingIndicator.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentPropsWithRef } from 'react';
 export interface LoadingIndicatorProps extends ComponentPropsWithRef<'div'> {
-    size: 'large' | 'medium' | 'small';
+    readonly size: 'large' | 'medium' | 'small';
 }
 export declare const LoadingIndicator: (props: LoadingIndicatorProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/components/modals/AlertModal.d.ts

@@ -1,12 +1,12 @@
 import { type ModalProps } from './Modal';
 export interface AlertModalProps extends Omit<ModalProps, 'head' | 'children'> {
-    title: string;
-    subtitle?: string;
-    alertType: 'info' | 'warning' | 'error';
-    strong?: boolean;
-    cancel?: string;
-    ok?: string;
-    onCancel?: () => void;
-    onOk?: () => void;
+    readonly title: string;
+    readonly subtitle?: string;
+    readonly alertType: 'info' | 'warning' | 'error';
+    readonly strong?: boolean;
+    readonly cancel?: string;
+    readonly ok?: string;
+    readonly onCancel?: () => void;
+    readonly onOk?: () => void;
 }
 export declare function AlertModal({ title, subtitle, alertType, strong, cancel, ok, onCancel, onOk, className, body, ...props }: AlertModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/modals/ConfirmModal.d.ts

@@ -1,11 +1,11 @@
 import { type ModalProps } from './Modal';
 export interface ConfirmModalProps extends Omit<ModalProps, 'head' | 'children'> {
-    title: string;
-    subtitle?: string;
-    cancel?: string;
-    ok?: string;
-    onCancel?: () => void;
-    onOk?: () => void;
-    large?: boolean;
+    readonly title: string;
+    readonly subtitle?: string;
+    readonly cancel?: string;
+    readonly ok?: string;
+    readonly onCancel?: () => void;
+    readonly onOk?: () => void;
+    readonly large?: boolean;
 }
 export declare function ConfirmModal({ title, subtitle, cancel, ok, onCancel, onOk, large, body, className, ...props }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/modals/CustomModal.d.ts

@@ -1,8 +1,8 @@
 import { type ModalBaseProps } from './ModalBase';
 export interface CustomModalProps extends ModalBaseProps {
-    large?: boolean;
-    title?: string;
-    subtitle?: string;
-    onCloseDone?: () => void;
+    readonly large?: boolean;
+    readonly title?: string;
+    readonly subtitle?: string;
+    readonly onCloseDone?: () => void;
 }
 export declare const CustomModal: (props: CustomModalProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/components/modals/Prompt.d.ts

@@ -1,15 +1,15 @@
 import type React from 'react';
 import { type ModalProps } from './Modal';
 export interface PromptProps extends Omit<ModalProps, 'head' | 'body' | 'children'> {
-    title: string;
-    subtitle?: string;
-    hint?: string;
-    label?: string;
-    value?: string;
-    onChange: (event: React.FormEvent<HTMLInputElement>) => void;
-    cancel?: string;
-    ok?: string;
-    onCancel?: () => void;
-    onOk: (value: string | undefined) => void;
+    readonly title: string;
+    readonly subtitle?: string;
+    readonly hint?: string;
+    readonly label?: string;
+    readonly value?: string;
+    readonly onChange: (event: React.FormEvent<HTMLInputElement>) => void;
+    readonly cancel?: string;
+    readonly ok?: string;
+    readonly onCancel?: () => void;
+    readonly onOk: (value: string | undefined) => void;
 }
 export declare function Prompt({ title, subtitle, hint, label, value, onChange, onOk, onCancel, cancel, ok, ...props }: PromptProps): JSX.Element;

package/dist/components/modals/image-gallery/ImageGalleryContent.d.ts

@@ -2,8 +2,7 @@ export interface ImageDescriptiveContent {
     title: string;
     body: React.ReactNode;
 }
-interface ImageGalleryContentProps {
-    imageContent?: ImageDescriptiveContent;
+export interface ImageGalleryContentProps {
+    readonly imageContent?: ImageDescriptiveContent;
 }
 export declare function ImageGalleryContent({ imageContent, }: ImageGalleryContentProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/modals/image-gallery/ImageGallerySwiper.d.ts

@@ -1,13 +1,12 @@
 import { type SwiperClass } from 'swiper/react';
 import type { ImageGalleryItemData } from './ImageGallery';
-interface ImageGallerySwiperProps {
+export interface ImageGallerySwiperProps {
     readonly images?: ImageGalleryItemData[];
-    onSlideChanged?: (value: number) => void;
-    thumbsSwiper: SwiperClass | null;
-    startIndex?: number;
+    readonly onSlideChanged?: (value: number) => void;
+    readonly thumbsSwiper: SwiperClass | null;
+    readonly startIndex?: number;
 }
 export declare function ImageGallerySwiper({ images, onSlideChanged, thumbsSwiper, startIndex, }: ImageGallerySwiperProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ImageGallerySwiper {
     var displayName: string;
 }
-export {};

package/dist/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts

@@ -1,8 +1,7 @@
 import { type SwiperClass } from 'swiper/react';
 import type { ImageGalleryItemData } from './ImageGallery';
-interface ImageGalleryThumbsSwiperProps {
+export interface ImageGalleryThumbsSwiperProps {
     readonly images?: ImageGalleryItemData[];
     readonly setThumbsSwiper: React.Dispatch<React.SetStateAction<SwiperClass | null>>;
 }
 export declare function ImageGalleryThumbsSwiper({ images, setThumbsSwiper, }: ImageGalleryThumbsSwiperProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/pagination/Pagination.js

@@ -42,7 +42,7 @@ function Pagination(props) {
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             "DOTS" !== type && /*#__PURE__*/ jsxs("div", {
-                className: classnames('fwe-pagination fwe-p-m', {
+                className: classnames('fwe-pagination', {
                     'fwe-d-none': pageMax < 2
                 }, className),
                 children: [
@@ -78,7 +78,7 @@ function Pagination(props) {
                 ]
             }),
             "DOTS" === type && /*#__PURE__*/ jsx("div", {
-                className: classnames('fwe-p-m', {
+                className: classnames({
                     'fwe-d-none': pageMax < 2
                 }, className),
                 children: /*#__PURE__*/ jsx("div", {

package/dist/components/popovers/legend/Legend.d.ts

@@ -1,11 +1,10 @@
 import { type PopoverProps } from '../popover/Popover';
 import './Legend.scss';
-interface PopoverLegendItem {
-    name: string;
-    text: string;
+export interface PopoverLegendItem {
+    readonly name: string;
+    readonly text: string;
 }
 export interface LegendProps extends Omit<PopoverProps, 'popoverContent'> {
-    items: PopoverLegendItem[];
+    readonly items: PopoverLegendItem[];
 }
-export declare function Legend({ items, ...props }: Readonly<LegendProps>): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function Legend({ items, ...props }: LegendProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/popovers/popover/Popover.d.ts

@@ -1,20 +1,20 @@
+import './Popover.scss';
 import type { Placement } from '@popperjs/core';
 import type React from 'react';
 import type { ClassNamePropsWithChildren } from '../../../utils/types';
-import './Popover.scss';
 export interface PopoverProps extends ClassNamePropsWithChildren {
-    popoverContent: React.ReactNode;
-    position?: Placement;
-    fallbackPositions?: Placement[];
-    openOnHover?: boolean;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onStatusChange?: (status: boolean) => void;
-    wrapper?: (children: React.ReactNode) => React.ReactNode;
-    flip?: boolean;
-    containerClassName?: string;
-    stopPropagation?: boolean;
-    arrow?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    readonly popoverContent: React.ReactNode;
+    readonly position?: Placement;
+    readonly fallbackPositions?: Placement[];
+    readonly openOnHover?: boolean;
+    readonly defaultOpen?: boolean;
+    readonly open?: boolean;
+    readonly onStatusChange?: (status: boolean) => void;
+    readonly wrapper?: (children: React.ReactNode) => React.ReactNode;
+    readonly flip?: boolean;
+    readonly containerClassName?: string;
+    readonly stopPropagation?: boolean;
+    readonly arrow?: boolean;
+    readonly onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
 export declare function Popover({ popoverContent, children, position, fallbackPositions, openOnHover, defaultOpen, open, onStatusChange, wrapper, className, flip, containerClassName, stopPropagation, arrow, onClick, }: PopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/popovers/popover/Popover.js

@@ -1,8 +1,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import "./Popover.css";
 import classnames from "classnames";
 import { useRef, useState } from "react";
 import { usePopper } from "react-popper";
-import "./Popover.css";
 import { useControlled } from "../../../utils/useControlled.js";
 import { useForkRef } from "../../../utils/useForkRef.js";
 import { useOnClickOutside } from "../../../utils/useOnClickOutside.js";

package/dist/components/progress/Progress.d.ts

@@ -1,7 +1,7 @@
 import type { ClassNameProps } from '../../utils/types';
 export interface ProgressProps extends ClassNameProps {
-    progress: number;
-    background?: 'white' | 'black' | 'background';
-    error?: boolean;
+    readonly progress: number;
+    readonly background?: 'white' | 'black' | 'background';
+    readonly error?: boolean;
 }
 export declare function Progress({ background, error, progress, className, }: ProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/snackbar/Snackbar.d.ts

@@ -1,5 +1,5 @@
-import type { ClassNameProps } from '../../utils/types';
 import './Snackbar.scss';
+import type { ClassNameProps } from '../../utils/types';
 export interface SnackbarConfig extends ClassNameProps {
     type?: 'info' | 'warning' | 'error';
     variant?: 'a' | 'b' | 'c';
@@ -13,9 +13,9 @@ export interface SnackbarData extends SnackbarConfig {
     text: string;
 }
 export interface SnackbarProps {
-    data?: SnackbarData;
-    onAction?: () => void;
-    onClose?: () => void;
-    first?: boolean;
+    readonly data?: SnackbarData;
+    readonly onAction?: () => void;
+    readonly onClose?: () => void;
+    readonly first?: boolean;
 }
 export declare function Snackbar(props: SnackbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/snackbar/Snackbar.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import "./Snackbar.css";
 import classnames from "classnames";
 import { useEffect, useRef, useState } from "react";
 import { CSSTransition } from "react-transition-group";
-import "./Snackbar.css";
 function Snackbar(props) {
     const { data, onAction, onClose, first = false } = props;
     const [show, setShow] = useState(true);

package/dist/components/snackbar/SnackbarProvider.d.ts

@@ -1,8 +1,7 @@
 import type { ClassNamePropsWithChildren } from '../../utils/types';
 import { type SnackbarConfig, type SnackbarData } from './Snackbar';
-interface SnackbarProviderProps extends ClassNamePropsWithChildren {
-    config?: SnackbarConfig;
+export interface SnackbarProviderProps extends ClassNamePropsWithChildren {
+    readonly config?: SnackbarConfig;
 }
 export declare function SnackbarProvider(props: SnackbarProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare const addSnackbar: (snackData: SnackbarData, onAction?: () => void, onClose?: () => void) => string | number;
-export {};

package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.d.ts

@@ -1,6 +1,6 @@
 import './StepHorizontal.scss';
 import { type ComponentPropsWithoutRef } from 'react';
 export interface StepHorizontalProps extends ComponentPropsWithoutRef<'div'> {
-    isActive?: boolean;
+    readonly isActive?: boolean;
 }
 export declare const StepHorizontal: (props: StepHorizontalProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/components/stepper-vertical/StepperVertical.d.ts

@@ -1,6 +1,6 @@
 import React, { type ComponentPropsWithoutRef } from 'react';
 export interface StepperVerticalProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
-    stepIndex?: number;
-    onChange?: (stepIndex: number) => void;
+    readonly stepIndex?: number;
+    readonly onChange?: (stepIndex: number) => void;
 }
 export declare const StepperVertical: (props: StepperVerticalProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/components/stepper-vertical/step-vertical/StepVertical.d.ts

@@ -1,11 +1,11 @@
 import './StepVertical.scss';
 import { type ComponentPropsWithoutRef } from 'react';
 export interface StepVerticalProps extends ComponentPropsWithoutRef<'div'> {
-    isActive?: boolean;
-    isLastElement?: boolean;
-    isDone?: boolean;
-    index?: number;
-    title?: string;
-    onStepClick?: () => void;
+    readonly isActive?: boolean;
+    readonly isLastElement?: boolean;
+    readonly isDone?: boolean;
+    readonly index?: number;
+    readonly title?: string;
+    readonly onStepClick?: () => void;
 }
 export declare const StepVertical: (props: StepVerticalProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/components/tab/Tabs.d.ts

@@ -1,23 +1,22 @@
 import './Tabs.scss';
 import React, { type ComponentPropsWithoutRef } from 'react';
-type TabItemAppearance = 'fill' | 'equal' | 'default';
+export type TabItemAppearance = 'fill' | 'equal' | 'default';
 export type TabViewType = 'legacy' | 'responsive';
 export interface TabsConfiguration {
-    tabBar?: {
+    readonly tabBar?: {
         fullWidth?: boolean;
     };
-    tabItems?: {
+    readonly tabItems?: {
         appearance: TabItemAppearance;
     };
 }
 export interface TabsProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
-    config?: TabsConfiguration;
-    viewType?: TabViewType;
-    showDivider?: boolean;
-    onChange?: (value: {
+    readonly config?: TabsConfiguration;
+    readonly viewType?: TabViewType;
+    readonly showDivider?: boolean;
+    readonly onChange?: (value: {
         previous: string;
         current: string;
     }) => void;
 }
 export declare const Tabs: (props: TabsProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export {};

package/dist/components/table-header-cell/TableHeaderCell.d.ts

@@ -1,5 +1,5 @@
 export interface TableHeaderCellProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
-    active?: boolean;
-    ascending: boolean;
+    readonly active?: boolean;
+    readonly ascending: boolean;
 }
 export declare const TableHeaderCell: (props: TableHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>) => React.ReactElement | null;

package/dist/forms/radio/RadioButton.d.ts

@@ -1,14 +1,14 @@
 import type { ClassNamePropsWithChildren } from '../../utils/types';
-export interface RadioProps extends ClassNamePropsWithChildren {
-    id?: string;
-    defaultChecked?: boolean;
-    checked?: boolean;
-    onChange?: (value: string) => void;
-    name?: string;
-    value?: string;
-    labelPosition?: 'before' | 'after' | 'below';
-    large?: boolean;
-    disabled?: boolean;
-    required?: boolean;
+export interface RadioButtonProps extends ClassNamePropsWithChildren {
+    readonly id?: string;
+    readonly defaultChecked?: boolean;
+    readonly checked?: boolean;
+    readonly onChange?: (value: string) => void;
+    readonly name?: string;
+    readonly value?: string;
+    readonly labelPosition?: 'before' | 'after' | 'below';
+    readonly large?: boolean;
+    readonly disabled?: boolean;
+    readonly required?: boolean;
 }
-export declare function RadioButton(props: RadioProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioButton(props: RadioButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/radio/RadioGroup.d.ts

@@ -1,12 +1,12 @@
 import { type ComponentPropsWithoutRef } from 'react';
 export interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
-    name?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    value?: string;
-    labelPosition?: 'before' | 'after' | 'below';
-    large?: boolean;
-    disabled?: boolean;
-    required?: boolean;
+    readonly name?: string;
+    readonly defaultValue?: string;
+    readonly onValueChange?: (value: string) => void;
+    readonly value?: string;
+    readonly labelPosition?: 'before' | 'after' | 'below';
+    readonly large?: boolean;
+    readonly disabled?: boolean;
+    readonly required?: boolean;
 }
 export declare const RadioGroup: (props: RadioGroupProps & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null;

package/dist/forms/segment/Segment.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import type { ClassNamePropsWithChildren } from '../../utils/types';
-export interface SegmentComponentConfiguration {
-    outline?: boolean;
-    iconOnly?: boolean;
+export interface SegmentConfiguration {
+    readonly outline?: boolean;
+    readonly iconOnly?: boolean;
 }
 export interface SegmentProps extends ClassNamePropsWithChildren {
-    legend: string;
-    config?: SegmentComponentConfiguration;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any) => void;
-    value?: any;
+    readonly legend: string;
+    readonly config?: SegmentConfiguration;
+    readonly onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any) => void;
+    readonly value?: any;
 }
 export declare function Segment(props: SegmentProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/segment/segment-control/SegmentControl.d.ts

@@ -1,14 +1,14 @@
 import type React from 'react';
 import type { ClassNameProps } from '../../../utils/types';
 export interface SegmentControlProps extends ClassNameProps {
-    label: string;
-    name: string;
-    value: any;
-    checked?: boolean;
-    disabled?: boolean;
-    icon?: React.ReactNode;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any) => void;
-    id?: string;
-    iconOnly?: boolean;
+    readonly label: string;
+    readonly name: string;
+    readonly value: any;
+    readonly checked?: boolean;
+    readonly disabled?: boolean;
+    readonly icon?: React.ReactNode;
+    readonly onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any) => void;
+    readonly id?: string;
+    readonly iconOnly?: boolean;
 }
 export declare function SegmentControl(props: SegmentControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/select/Select.d.ts

@@ -3,21 +3,21 @@ import { type ComponentPropsWithoutRef, type Ref } from 'react';
 import type { SelectConfiguration } from '../../utils/types';
 import type { SelectOptionType } from './select-option/SelectOption';
 export interface SelectProps<T> extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue'> {
-    defaultValue?: T;
-    defaultOpen?: boolean;
-    open?: boolean;
-    value?: T;
-    label?: string;
-    options?: SelectOptionType<T>[];
-    required?: boolean;
-    onChange?: (value: T) => void;
-    config?: SelectConfiguration;
-    disabled?: boolean;
-    name?: string;
-    hint?: string;
-    error?: string;
-    onOpenChange?: (value: boolean) => void;
-    renderLabelContent?: (label?: string | string[]) => JSX.Element;
+    readonly defaultValue?: T;
+    readonly defaultOpen?: boolean;
+    readonly open?: boolean;
+    readonly value?: T;
+    readonly label?: string;
+    readonly options?: SelectOptionType<T>[];
+    readonly required?: boolean;
+    readonly onChange?: (value: T) => void;
+    readonly config?: SelectConfiguration;
+    readonly disabled?: boolean;
+    readonly name?: string;
+    readonly hint?: string;
+    readonly error?: string;
+    readonly onOpenChange?: (value: boolean) => void;
+    readonly renderLabelContent?: (label?: string | string[]) => JSX.Element;
 }
 declare function SelectComponent<T>({ defaultValue, open, defaultOpen, value: controlled, label, options, onChange, required, config, disabled, name, id, children, hint, error, onOpenChange, renderLabelContent, ...props }: SelectProps<T>, ref: Ref<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export declare const Select: <T>(props: SelectProps<T> & {

package/dist/forms/select/select-option/SelectOption.d.ts

@@ -1,8 +1,8 @@
 import { type ComponentPropsWithoutRef, type Ref } from 'react';
 export interface SelectOptionType<T> {
-    label: string;
-    data: T;
-    disabled?: boolean;
+    readonly label: string;
+    readonly data: T;
+    readonly disabled?: boolean;
 }
 export interface SelectOptionProps<T> extends ComponentPropsWithoutRef<'span'> {
     option: SelectOptionType<T>;

package/dist/forms/slider/Slider.d.ts

@@ -1,17 +1,17 @@
+import './Slider.scss';
 import type React from 'react';
 import type { ClassNameProps } from '../../utils/types';
-import './Slider.scss';
 export interface SliderProps extends ClassNameProps {
-    disabled?: boolean;
-    min: number;
-    max: number;
-    step?: number;
-    value: number;
-    onChangeCommitted?: (value: number) => void;
-    label?: string;
-    showValue?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: number) => void;
-    id?: string;
-    widthOffset?: number;
+    readonly disabled?: boolean;
+    readonly min: number;
+    readonly max: number;
+    readonly step?: number;
+    readonly value: number;
+    readonly onChangeCommitted?: (value: number) => void;
+    readonly label?: string;
+    readonly showValue?: boolean;
+    readonly onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: number) => void;
+    readonly id?: string;
+    readonly widthOffset?: number;
 }
 export declare function Slider({ disabled, label, max, min, onChange, onChangeCommitted, step, value, showValue, className, id: idProps, widthOffset, }: SliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/slider/Slider.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import "./Slider.css";
 import classnames from "classnames";
 import { useCallback, useEffect, useRef, useState } from "react";
-import "./Slider.css";
 import { useId } from "../../utils/useId.js";
 function Slider({ disabled = false, label, max, min, onChange, onChangeCommitted, step, value, showValue = true, className, id: idProps, widthOffset = 8 }) {
     const id = useId(idProps);
     const [innerValue, setInnerValue] = useState(value);
     const [left, setLeft] = useState(null);
-    const [numberoffset, setNumberOffset] = useState(0);
+    const [numberOffset, setNumberOffset] = useState(0);
     const labelEl = useRef(null);
     const classes = classnames('fwe-slider', {
         'fr-slider-value': !label && showValue
@@ -77,7 +77,7 @@ function Slider({ disabled = false, label, max, min, onChange, onChangeCommitted
             showValue && null !== left && /*#__PURE__*/ jsx("span", {
                 className: "fr-slider-value",
                 style: {
-                    left: `${left + numberoffset}px`
+                    left: `${left + numberOffset}px`
                 },
                 children: innerValue
             }),

package/dist/forms/switch/Switch.d.ts

@@ -1,12 +1,12 @@
 import type { ClassNameProps } from '../../utils/types';
 export interface SwitchProps extends ClassNameProps {
-    labelPosition?: 'before' | 'after' | 'below';
-    large?: boolean;
-    title: string;
-    value?: boolean;
-    defaultValue?: boolean;
-    disabled?: boolean;
-    onChange?: (value: boolean) => void;
-    id?: string;
+    readonly labelPosition?: 'before' | 'after' | 'below';
+    readonly large?: boolean;
+    readonly title: string;
+    readonly value?: boolean;
+    readonly defaultValue?: boolean;
+    readonly disabled?: boolean;
+    readonly onChange?: (value: boolean) => void;
+    readonly id?: string;
 }
 export declare function Switch({ labelPosition, large, title, value, defaultValue, disabled, onChange, className, id: idProps, }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/text-area/TextArea.d.ts

@@ -1,22 +1,22 @@
+import './TextArea.scss';
 import React from 'react';
 import type { ClassNameProps } from '../../utils/types';
-import './TextArea.scss';
 export interface TextAreaProps extends ClassNameProps {
-    disabled?: boolean;
-    required?: boolean;
-    readonly?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
-    onInput?: (event: React.FormEvent<HTMLTextAreaElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
-    label: string;
-    hint?: string;
-    error?: string;
-    value?: string;
-    defaultValue?: string;
-    name?: string;
-    rows?: number;
-    maxLength?: number;
-    id?: string;
+    readonly disabled?: boolean;
+    readonly required?: boolean;
+    readonly readonly?: boolean;
+    readonly onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    readonly onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    readonly onInput?: (event: React.FormEvent<HTMLTextAreaElement>) => void;
+    readonly onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    readonly label: string;
+    readonly hint?: string;
+    readonly error?: string;
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly name?: string;
+    readonly rows?: number;
+    readonly maxLength?: number;
+    readonly id?: string;
 }
 export declare function TextArea({ disabled, onBlur, onChange, onFocus, onInput, readonly, required, label, error, hint, value, defaultValue, name, rows, maxLength, className, id: idProps, }: Readonly<TextAreaProps>): import("react/jsx-runtime").JSX.Element;

package/dist/forms/text-area/TextArea.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import "./TextArea.css";
 import classnames from "classnames";
 import react, { useEffect, useState } from "react";
-import "./TextArea.css";
 import { useId } from "../../utils/useId.js";
 function TextArea({ disabled, onBlur, onChange, onFocus, onInput, readonly, required, label, error, hint, value, defaultValue, name, rows, maxLength, className, id: idProps }) {
     const controlled = void 0 !== value;

package/dist/forms/time-picker/TimePicker.d.ts

@@ -2,23 +2,23 @@ import './TimePicker.scss';
 import type React from 'react';
 import { type ComponentPropsWithoutRef } from 'react';
 export interface TimePickerOptions {
-    timeFormat?: '12' | '24';
-    showSeconds?: boolean;
-    minuteStepSize?: number;
-    range?: {
+    readonly timeFormat?: '12' | '24';
+    readonly showSeconds?: boolean;
+    readonly minuteStepSize?: number;
+    readonly range?: {
         minValue: Date;
         maxValue: Date;
     };
 }
 export interface TimePickerProps extends Omit<ComponentPropsWithoutRef<'button'>, 'value' | 'defaultValue' | 'onChange'> {
-    error?: string;
-    hint?: string;
-    required?: boolean;
-    disabled?: boolean;
-    value?: Date;
-    defaultValue?: Date;
-    options?: TimePickerOptions;
-    formatDate?: (date: Date) => string;
-    onChange?: (date: Date) => void;
+    readonly error?: string;
+    readonly hint?: string;
+    readonly required?: boolean;
+    readonly disabled?: boolean;
+    readonly value?: Date;
+    readonly defaultValue?: Date;
+    readonly options?: TimePickerOptions;
+    readonly formatDate?: (date: Date) => string;
+    readonly onChange?: (date: Date) => void;
 }
 export declare const TimePicker: (props: TimePickerProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;

package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js

@@ -3,7 +3,7 @@ import "./TimePickerDropdown.css";
 import { IconCollapse, IconExpand } from "@festo-ui/react-icons";
 import classnames from "classnames";
 import { forwardRef, useEffect, useRef, useState } from "react";
-import { LinkButton } from "../../../components/link-button/LinkButton.js";
+import { Button } from "../../../components/button/Button.js";
 import { useForkRef } from "../../../utils/useForkRef.js";
 import { useOnClickOutside } from "../../../utils/useOnClickOutside.js";
 import { TimePickerInput } from "./TimePickerInput.js";
@@ -112,7 +112,8 @@ const TimePickerDropdown = /*#__PURE__*/ forwardRef(({ timeFormat, date, onDateC
                     /*#__PURE__*/ jsxs("div", {
                         className: "fwe-timepicker-spinners-hours",
                         children: [
-                            /*#__PURE__*/ jsx(LinkButton, {
+                            /*#__PURE__*/ jsx(Button, {
+                                tertiary: true,
                                 "aria-label": "hour up",
                                 className: "fwe-dark",
                                 onClick: ()=>handleHourIncrement(1),
@@ -127,7 +128,8 @@ const TimePickerDropdown = /*#__PURE__*/ forwardRef(({ timeFormat, date, onDateC
                                 onInput: handleHourChange,
                                 ref: hoursRef
                             }),
-                            /*#__PURE__*/ jsx(LinkButton, {
+                            /*#__PURE__*/ jsx(Button, {
+                                tertiary: true,
                                 "aria-label": "hour down",
                                 className: "fwe-dark",
                                 onClick: ()=>handleHourIncrement(-1),
@@ -139,7 +141,8 @@ const TimePickerDropdown = /*#__PURE__*/ forwardRef(({ timeFormat, date, onDateC
                     /*#__PURE__*/ jsxs("div", {
                         className: "fwe-timepicker-spinners-minutes",
                         children: [
-                            /*#__PURE__*/ jsx(LinkButton, {
+                            /*#__PURE__*/ jsx(Button, {
+                                tertiary: true,
                                 "aria-label": "minute up",
                                 className: "fwe-dark",
                                 onClick: ()=>handleMinuteIncrement(innerMinuteStepSize),
@@ -153,7 +156,8 @@ const TimePickerDropdown = /*#__PURE__*/ forwardRef(({ timeFormat, date, onDateC
                                 value: tmpMinutes ?? formatNumberWithLeadingZero(innerDate.getMinutes()),
                                 onInput: handleMinuteChange
                             }),
-                            /*#__PURE__*/ jsx(LinkButton, {
+                            /*#__PURE__*/ jsx(Button, {
+                                tertiary: true,
                                 "aria-label": "minute down",
                                 className: "fwe-dark",
                                 onClick: ()=>handleMinuteIncrement(-innerMinuteStepSize),
@@ -165,7 +169,8 @@ const TimePickerDropdown = /*#__PURE__*/ forwardRef(({ timeFormat, date, onDateC
                     showSeconds && /*#__PURE__*/ jsxs("div", {
                         className: "fwe-timepicker-spinners-seconds",
                         children: [
-                            /*#__PURE__*/ jsx(LinkButton, {
+                            /*#__PURE__*/ jsx(Button, {
+                                tertiary: true,
                                 "aria-label": "seconds up",
                                 className: "fwe-dark",
                                 onClick: ()=>handleSecondIncrement(1),
@@ -179,7 +184,8 @@ const TimePickerDropdown = /*#__PURE__*/ forwardRef(({ timeFormat, date, onDateC
                                 value: tmpSeconds ?? formatNumberWithLeadingZero(innerDate.getSeconds()),
                                 onInput: handleSecondChange
                             }),
-                            /*#__PURE__*/ jsx(LinkButton, {
+                            /*#__PURE__*/ jsx(Button, {
+                                tertiary: true,
                                 "aria-label": "minute down",
                                 className: "fwe-dark",
                                 onClick: ()=>handleSecondIncrement(-1),

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { AccordionHeader } from './components/accordion/accordion-header/Accordi
 export { AccordionItem, type AccordionItemProps, } from './components/accordion/accordion-item/AccordionItem';
 export { AccordionItemBody } from './components/accordion/accordion-item/accordion-item-body/AccordionItemBody';
 export { AccordionItemHeader } from './components/accordion/accordion-item/accordion-item-header/AccordionItemHeader';
+export { BottomSheet, type BottomSheetProps, } from './components/bottom-sheet/BottomSheet';
 export { Breadcrumb, type BreadcrumbProps, } from './components/breadcrumb/Breadcrumb';
 export { Button, type ButtonProps } from './components/button/Button';
 export { Card, type CardProps } from './components/card/Card';
@@ -11,7 +12,6 @@ export { CardHeader, type CardHeaderProps } from './components/card/CardHeader';
 export { CardNotification, type CardNotificationProps, } from './components/card/CardNotification';
 export { Chip, type ChipProps, ChipType } from './components/chips/chip/Chip';
 export { ChipContainer, type ChipContainerProps, } from './components/chips/chip-container/ChipContainer';
-export { LinkButton, type LinkButtonProps, } from './components/link-button/LinkButton';
 export { LoadingIndicator, type LoadingIndicatorProps, } from './components/loading-indicator/LoadingIndicator';
 export { MobileFlyout, type MobileFlyoutProps, } from './components/mobile-flyout/MobileFlyout';
 export { MobileFlyoutItem, type MobileFlyoutItemBaseProps, type MobileFlyoutItemProps, } from './components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem';
@@ -19,39 +19,35 @@ export { MobileFlyoutPage, type MobileFlyoutPageProps, } from './components/mobi
 export { AlertModal, type AlertModalProps, } from './components/modals/AlertModal';
 export { ConfirmModal, type ConfirmModalProps, } from './components/modals/ConfirmModal';
 export { CustomModal, type CustomModalProps, } from './components/modals/CustomModal';
-export { ImageGallery } from './components/modals/image-gallery/ImageGallery';
-export { ImageGalleryContent } from './components/modals/image-gallery/ImageGalleryContent';
-export { ImageGallerySwiper } from './components/modals/image-gallery/ImageGallerySwiper';
-export { ImageGalleryThumbsSwiper } from './components/modals/image-gallery/ImageGalleryThumbsSwiper';
-export { ModalBase, type ModalBaseProps, } from './components/modals/ModalBase';
+export { ImageGallery, type ImageGalleryItemData, type ImageGalleryProps, } from './components/modals/image-gallery/ImageGallery';
+export { type ImageDescriptiveContent, ImageGalleryContent, type ImageGalleryContentProps, } from './components/modals/image-gallery/ImageGalleryContent';
+export { ImageGallerySwiper, type ImageGallerySwiperProps, } from './components/modals/image-gallery/ImageGallerySwiper';
+export { ImageGalleryThumbsSwiper, type ImageGalleryThumbsSwiperProps, } from './components/modals/image-gallery/ImageGalleryThumbsSwiper';
 export { Prompt, type PromptProps } from './components/modals/Prompt';
-export { Pagination, type PaginationProps, PaginationType, } from './components/pagination/Pagination';
-export type { PopoverProps } from './components/popovers/popover/Popover';
-export { Popover } from './components/popovers/popover/Popover';
-export type { PopoverMenuProps } from './components/popovers/popover-menu/PopoverMenu';
-export { PopoverMenu } from './components/popovers/popover-menu/PopoverMenu';
+export { Pagination, type PaginationProps, type PaginationType, } from './components/pagination/Pagination';
+export { Legend, type LegendProps, type PopoverLegendItem, } from './components/popovers/legend/Legend';
+export { Popover, type PopoverProps, } from './components/popovers/popover/Popover';
+export { PopoverMenu, type PopoverMenuProps, } from './components/popovers/popover-menu/PopoverMenu';
 export { PopoverMenuContext } from './components/popovers/popover-menu/PopoverMenuContext';
-export type { PopoverMenuItemProps } from './components/popovers/popover-menu-item/PopoverMenuItem';
-export { PopoverMenuItem } from './components/popovers/popover-menu-item/PopoverMenuItem';
-export type { TooltipProps } from './components/popovers/tooltip/Tooltip';
-export { Tooltip } from './components/popovers/tooltip/Tooltip';
+export { PopoverMenuItem, type PopoverMenuItemProps, } from './components/popovers/popover-menu-item/PopoverMenuItem';
+export { Tooltip, type TooltipProps, } from './components/popovers/tooltip/Tooltip';
 export { Progress, type ProgressProps } from './components/progress/Progress';
 export { SearchInput, type SearchInputProps, } from './components/search-input/SearchInput';
 export { SearchSuggestion } from './components/search-input/SearchSuggestion';
-export { Snackbar } from './components/snackbar/Snackbar';
-export { addSnackbar, SnackbarProvider, } from './components/snackbar/SnackbarProvider';
+export { Snackbar, type SnackbarConfig, type SnackbarData, type SnackbarProps, } from './components/snackbar/Snackbar';
+export { addSnackbar, SnackbarProvider, type SnackbarProviderProps, } from './components/snackbar/SnackbarProvider';
 export { useSnackbar } from './components/snackbar/useSnackbar';
 export { StepperHorizontal, type StepperHorizontalProps, } from './components/stepper-horizontal/StepperHorizontal';
 export { StepHorizontal, type StepHorizontalProps, } from './components/stepper-horizontal/step-horizontal/StepHorizontal';
 export { StepperVertical, type StepperVerticalProps, } from './components/stepper-vertical/StepperVertical';
 export { StepVertical, type StepVerticalProps, } from './components/stepper-vertical/step-vertical/StepVertical';
-export { Tabs, type TabsConfiguration, type TabsProps, type TabViewType, } from './components/tab/Tabs';
+export { type TabItemAppearance, Tabs, type TabsConfiguration, type TabsProps, type TabViewType, } from './components/tab/Tabs';
 export { TabPane, type TabPaneProps } from './components/tab/tab-pane/TabPane';
 export { TableHeaderCell, type TableHeaderCellProps, } from './components/table-header-cell/TableHeaderCell';
 export { Checkbox, type CheckboxProps } from './forms/checkbox/Checkbox';
-export { RadioButton, type RadioProps, } from './forms/radio/RadioButton';
+export { RadioButton, type RadioButtonProps as RadioProps, } from './forms/radio/RadioButton';
 export { RadioGroup, type RadioGroupProps } from './forms/radio/RadioGroup';
-export { Segment, type SegmentComponentConfiguration, type SegmentProps, } from './forms/segment/Segment';
+export { Segment, type SegmentConfiguration, type SegmentProps, } from './forms/segment/Segment';
 export { SegmentControl, type SegmentControlProps, } from './forms/segment/segment-control/SegmentControl';
 export { Select, type SelectProps } from './forms/select/Select';
 export { SelectOption, type SelectOptionProps, type SelectOptionType, } from './forms/select/select-option/SelectOption';

package/dist/index.js

@@ -3,6 +3,7 @@ import { AccordionHeader } from "./components/accordion/accordion-header/Accordi
 import { AccordionItem } from "./components/accordion/accordion-item/AccordionItem.js";
 import { AccordionItemBody } from "./components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js";
 import { AccordionItemHeader } from "./components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js";
+import { BottomSheet } from "./components/bottom-sheet/BottomSheet.js";
 import { Breadcrumb } from "./components/breadcrumb/Breadcrumb.js";
 import { Button } from "./components/button/Button.js";
 import { Card } from "./components/card/Card.js";
@@ -11,7 +12,6 @@ import { CardHeader } from "./components/card/CardHeader.js";
 import { CardNotification } from "./components/card/CardNotification.js";
 import { Chip, ChipType } from "./components/chips/chip/Chip.js";
 import { ChipContainer } from "./components/chips/chip-container/ChipContainer.js";
-import { LinkButton } from "./components/link-button/LinkButton.js";
 import { LoadingIndicator } from "./components/loading-indicator/LoadingIndicator.js";
 import { MobileFlyout } from "./components/mobile-flyout/MobileFlyout.js";
 import { MobileFlyoutItem } from "./components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js";
@@ -23,9 +23,9 @@ import { ImageGallery } from "./components/modals/image-gallery/ImageGallery.js"
 import { ImageGalleryContent } from "./components/modals/image-gallery/ImageGalleryContent.js";
 import { ImageGallerySwiper } from "./components/modals/image-gallery/ImageGallerySwiper.js";
 import { ImageGalleryThumbsSwiper } from "./components/modals/image-gallery/ImageGalleryThumbsSwiper.js";
-import { ModalBase } from "./components/modals/ModalBase.js";
 import { Prompt } from "./components/modals/Prompt.js";
-import { Pagination, PaginationType } from "./components/pagination/Pagination.js";
+import { Pagination } from "./components/pagination/Pagination.js";
+import { Legend } from "./components/popovers/legend/Legend.js";
 import { Popover } from "./components/popovers/popover/Popover.js";
 import { PopoverMenu } from "./components/popovers/popover-menu/PopoverMenu.js";
 import { PopoverMenuContext } from "./components/popovers/popover-menu/PopoverMenuContext.js";
@@ -56,4 +56,4 @@ import { Switch } from "./forms/switch/Switch.js";
 import { TextArea } from "./forms/text-area/TextArea.js";
 import { TextInput } from "./forms/text-input/TextInput.js";
 import { TimePicker } from "./forms/time-picker/TimePicker.js";
-export { Accordion, AccordionHeader, AccordionItem, AccordionItemBody, AccordionItemHeader, AlertModal, Breadcrumb, Button, Card, CardBody, CardHeader, CardNotification, Checkbox, Chip, ChipContainer, ChipType, ConfirmModal, CustomModal, ImageGallery, ImageGalleryContent, ImageGallerySwiper, ImageGalleryThumbsSwiper, LinkButton, LoadingIndicator, MobileFlyout, MobileFlyoutItem, MobileFlyoutPage, ModalBase, Pagination, PaginationType, Popover, PopoverMenu, PopoverMenuContext, PopoverMenuItem, Progress, Prompt, RadioButton, RadioGroup, SearchInput, SearchSuggestion, Segment, SegmentControl, Select, SelectOption, Slider, Snackbar, SnackbarProvider, StepHorizontal, StepVertical, StepperHorizontal, StepperVertical, Switch, TabPane, TableHeaderCell, Tabs, TextArea, TextInput, TimePicker, Tooltip, addSnackbar, useSnackbar };
+export { Accordion, AccordionHeader, AccordionItem, AccordionItemBody, AccordionItemHeader, AlertModal, BottomSheet, Breadcrumb, Button, Card, CardBody, CardHeader, CardNotification, Checkbox, Chip, ChipContainer, ChipType, ConfirmModal, CustomModal, ImageGallery, ImageGalleryContent, ImageGallerySwiper, ImageGalleryThumbsSwiper, Legend, LoadingIndicator, MobileFlyout, MobileFlyoutItem, MobileFlyoutPage, Pagination, Popover, PopoverMenu, PopoverMenuContext, PopoverMenuItem, Progress, Prompt, RadioButton, RadioGroup, SearchInput, SearchSuggestion, Segment, SegmentControl, Select, SelectOption, Slider, Snackbar, SnackbarProvider, StepHorizontal, StepVertical, StepperHorizontal, StepperVertical, Switch, TabPane, TableHeaderCell, Tabs, TextArea, TextInput, TimePicker, Tooltip, addSnackbar, useSnackbar };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "9.0.0-dev.727",
+  "version": "9.0.0-dev.729",
   "author": "Festo UI (styleguide@festo.com)",
   "copyright": "Copyright (c) 2025 Festo SE & Co. KG. All rights reserved.",
   "license": "apache-2.0",
@@ -29,7 +29,8 @@
     "format": "biome check --write",
     "lint": "biome check",
     "storybook": "storybook dev -p 6007",
-    "test": "rstest"
+    "test": "rstest",
+    "test:watch": "rstest --watch"
   },
   "dependencies": {
     "@festo-ui/react-icons": "*",

package/dist/components/link-button/LinkButton.d.ts

@@ -1,8 +0,0 @@
-import type { ComponentPropsWithoutRef } from 'react';
-export interface LinkButtonProps extends ComponentPropsWithoutRef<'button'> {
-    disabled?: boolean;
-    icon?: React.ReactNode;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    iconOnly?: boolean;
-}
-export declare const LinkButton: (props: LinkButtonProps & import("react").RefAttributes<HTMLButtonElement>) => React.ReactElement | null;

package/dist/components/link-button/LinkButton.js

@@ -1,26 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
-import { forwardRef } from "react";
-import { IconWrapper } from "../icon-wrapper/IconWrapper.js";
-const LinkButton = /*#__PURE__*/ forwardRef(({ icon, onClick, disabled = false, children, iconOnly = false, className, ...props }, ref)=>{
-    const classes = classnames('fwe-btn', 'fwe-btn-link', {
-        'fwe-disabled': disabled
-    }, {
-        'fwe-btn-icon': iconOnly
-    }, className);
-    return /*#__PURE__*/ jsxs("button", {
-        onClick: onClick,
-        type: "button",
-        className: classes,
-        disabled: disabled,
-        ref: ref,
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx(IconWrapper, {
-                icon: icon
-            }),
-            !iconOnly && children
-        ]
-    });
-});
-export { LinkButton };