@festo-ui/react 8.2.0-dev.582 → 8.2.0-dev.584

package/lib/components/buttons/button/Button.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
-export interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+import { ComponentPropsWithoutRef } from "react";
+export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     icon?: React.ReactNode;
     disabled?: boolean;
     primary?: boolean;

package/lib/components/buttons/button/Button.js

@@ -1,11 +1,11 @@
-import classNames from 'classnames';
-import { forwardRef } from 'react';
+import classNames from "classnames";
+import { forwardRef } from "react";
 import IconWrapper from "../../icon-wrapper/IconWrapper.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     icon,
-    type = 'button',
+    type = "button",
     disabled = false,
     iconOnly = false,
     large = false,
@@ -17,18 +17,18 @@ const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
     children,
     ...props
   } = _ref;
-  const classes = classNames('fwe-btn', 'fr-button', {
-    'fwe-btn-icon': iconOnly
+  const classes = classNames("fwe-btn", "fr-button", {
+    "fwe-btn-icon": iconOnly
   }, {
-    'fwe-disabled': disabled
+    "fwe-disabled": disabled
   }, {
-    'fwe-btn-hero': primary && !tertiary
+    "fwe-btn-hero": primary && !tertiary
   }, {
-    'fwe-btn-link': tertiary && !primary
+    "fwe-btn-link": tertiary && !primary
   }, {
-    'fwe-btn-lg': large
+    "fwe-btn-lg": large
   }, {
-    'fwe-btn-floating': floating
+    "fwe-btn-floating": floating
   }, className);
   return /*#__PURE__*/_jsxs("button", {
     // ignore here because fallback will explicitly be set to type 'button'

package/lib/components/buttons/button/Button.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Button from './Button';
+import type { Meta, StoryObj } from "@storybook/react";
+import Button from "./Button";
 declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof Button>;

package/lib/components/buttons/button/Button.stories.js

@@ -1,9 +1,9 @@
-import { IconCoreRangeProduct } from '@festo-ui/react-icons';
+import { IconCoreRangeProduct } from "@festo-ui/react-icons";
 import Button from "./Button.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const meta = {
   component: Button,
-  title: 'Components/Buttons'
+  title: "Components/Buttons"
 };
 export default meta;
 export const Overview = {
@@ -43,36 +43,36 @@ export const Overview = {
 export const Primary = {
   args: {
     primary: true,
-    children: 'Primary'
+    children: "Primary"
   }
 };
 export const Secondary = {
   args: {
-    children: 'Secondary'
+    children: "Secondary"
   }
 };
 export const Tertiary = {
   args: {
     tertiary: true,
-    children: 'Tertiary'
+    children: "Tertiary"
   }
 };
 export const Sizes = {
   args: {
-    children: 'Large Button',
+    children: "Large Button",
     large: true
   }
 };
 export const Icon = {
   args: {
-    children: 'With Icon',
-    icon: 'ecommerce-core-range-product'
+    children: "With Icon",
+    icon: "ecommerce-core-range-product"
   }
 };
 export const IconOnly = {
   args: {
     iconOnly: true,
-    icon: 'ecommerce-core-range-product'
+    icon: "ecommerce-core-range-product"
   }
 };
 export const Floating = {
@@ -81,6 +81,6 @@ export const Floating = {
     large: true,
     primary: true,
     floating: true,
-    icon: 'ecommerce-core-range-product'
+    icon: "ecommerce-core-range-product"
   }
 };

package/lib/components/card/Card.d.ts

@@ -1,3 +1,3 @@
-import { ClassNamePropsWithChildren } from '../../helper/types';
+import { ClassNamePropsWithChildren } from "../../helper/types";
 declare function Card({ children, className }: ClassNamePropsWithChildren): JSX.Element;
 export default Card;

package/lib/components/card/Card.js

@@ -1,4 +1,4 @@
-import classNames from 'classnames';
+import classNames from "classnames";
 import { jsx as _jsx } from "react/jsx-runtime";
 function Card(_ref) {
   let {
@@ -6,7 +6,7 @@ function Card(_ref) {
     className
   } = _ref;
   return /*#__PURE__*/_jsx("div", {
-    className: classNames('fwe-card', className),
+    className: classNames("fwe-card", className),
     children: children
   });
 }

package/lib/components/card/CardBody.d.ts

@@ -1,4 +1,4 @@
-import { ClassNamePropsWithChildren } from '../../helper/types';
+import { ClassNamePropsWithChildren } from "../../helper/types";
 interface CardBodyProps extends ClassNamePropsWithChildren {
     text: string;
 }

package/lib/components/card/CardBody.js

@@ -1,4 +1,4 @@
-import classNames from 'classnames';
+import classNames from "classnames";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function CardBody(_ref) {
   let {
@@ -7,7 +7,7 @@ function CardBody(_ref) {
     className
   } = _ref;
   return /*#__PURE__*/_jsxs("div", {
-    className: classNames('fwe-card-body', className),
+    className: classNames("fwe-card-body", className),
     children: [/*#__PURE__*/_jsx("div", {
       className: "fwe-card-text",
       children: text

package/lib/components/card/CardHeader.d.ts

@@ -1,4 +1,4 @@
-import { Image, ClassNameProps } from '../../helper/types';
+import { Image, ClassNameProps } from "../../helper/types";
 interface CardHeaderProps extends ClassNameProps {
     title: string;
     subtitle?: string;

package/lib/components/card/CardHeader.js

@@ -1,4 +1,4 @@
-import classNames from 'classnames';
+import classNames from "classnames";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function CardHeader(_ref) {
   let {
@@ -11,10 +11,10 @@ function CardHeader(_ref) {
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [image ? /*#__PURE__*/_jsx("img", {
       alt: image.alt,
-      className: `fwe-card-img-${image.aspectRatio === '3/2' ? '32' : '169'}`,
+      className: `fwe-card-img-${image.aspectRatio === "3/2" ? "32" : "169"}`,
       src: image.src
     }) : null, /*#__PURE__*/_jsxs("div", {
-      className: classNames('fwe-card-header', className),
+      className: classNames("fwe-card-header", className),
       children: [/*#__PURE__*/_jsxs("div", {
         className: "fwe-card-title",
         children: [/*#__PURE__*/_jsx("h5", {

package/lib/components/card/CardHeader.stories.helper.d.ts

@@ -1,3 +1,3 @@
-import { Image } from '../../helper/types';
+import { Image } from "../../helper/types";
 declare const cardImage: Image;
 export default cardImage;

package/lib/components/card/CardHeader.stories.helper.js

@@ -3,7 +3,7 @@
 import Asset from "../../../../../web-essentials/stories/assets/gallery-01.webp.js";
 const cardImage = {
   src: Asset,
-  alt: 'Asset',
-  aspectRatio: '16/9'
+  alt: "Asset",
+  aspectRatio: "16/9"
 };
 export default cardImage;

package/lib/components/card/CardNotification.d.ts

@@ -3,5 +3,5 @@ interface CardNotificationProps extends ClassNameProps {
     title: string;
     message?: string;
 }
-declare function CardNotification({ className, title, message, }: CardNotificationProps): import("react/jsx-runtime").JSX.Element;
+declare function CardNotification({ className, title, message }: CardNotificationProps): import("react/jsx-runtime").JSX.Element;
 export default CardNotification;

package/lib/components/chips/chip/Chip.d.ts

@@ -1,4 +1,4 @@
-import { ClassNamePropsWithChildren } from '../../../helper/types';
+import { ClassNamePropsWithChildren } from "../../../helper/types";
 export declare enum ChipType {
     Choice = 0,
     Category = 1,

package/lib/components/chips/chip/Chip.js

@@ -1,4 +1,4 @@
-import classNames from 'classnames';
+import classNames from "classnames";
 import IconWrapper from "../../icon-wrapper/IconWrapper.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export let ChipType = /*#__PURE__*/function (ChipType) {
@@ -19,18 +19,18 @@ function Chip(_ref) {
     onClick,
     className
   } = _ref;
-  const classes = classNames('fr-chip', 'fwe-chip', {
-    'fwe-selected': selected
+  const classes = classNames("fr-chip", "fwe-chip", {
+    "fwe-selected": selected
   }, {
-    'fwe-disabled': disabled
+    "fwe-disabled": disabled
   }, {
-    'fwe-chip-lg': large
+    "fwe-chip-lg": large
   }, {
-    'fwe-category': type === ChipType.Category
+    "fwe-category": type === ChipType.Category
   }, {
-    'fwe-filter': type === ChipType.Filter
+    "fwe-filter": type === ChipType.Filter
   }, {
-    'fwe-readonly': type === ChipType.Readonly
+    "fwe-readonly": type === ChipType.Readonly
   }, className);
   return (
     /*#__PURE__*/

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

@@ -1,4 +1,4 @@
-import { ClassNamePropsWithChildren } from '../../../helper/types';
+import { ClassNamePropsWithChildren } from "../../../helper/types";
 interface ChipContainerProps extends ClassNamePropsWithChildren {
     large?: boolean;
 }

package/lib/components/chips/chip-container/ChipContainer.js

@@ -1,4 +1,4 @@
-import classNames from 'classnames';
+import classNames from "classnames";
 import { jsx as _jsx } from "react/jsx-runtime";
 function ChipContainer(_ref) {
   let {
@@ -6,8 +6,8 @@ function ChipContainer(_ref) {
     children,
     className
   } = _ref;
-  const classes = classNames('fwe-chip-container', {
-    'fwe-chip-container-lg': large
+  const classes = classNames("fwe-chip-container", {
+    "fwe-chip-container-lg": large
   }, className);
   return /*#__PURE__*/_jsx("div", {
     className: classes,

package/lib/components/icon-wrapper/IconWrapper.js

@@ -4,9 +4,9 @@ export default function IconWrapper(_ref) {
     icon
   } = _ref;
   if (!icon) return null;
-  if (typeof icon === 'string') {
+  if (typeof icon === "string") {
     let iconName = icon;
-    if (!icon.startsWith('fwe-icon-')) {
+    if (!icon.startsWith("fwe-icon-")) {
       iconName = `fwe-icon-${icon}`;
     }
     return /*#__PURE__*/_jsx("i", {

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

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
-interface LinkButtonProps extends ComponentPropsWithoutRef<'button'> {
+import { ComponentPropsWithoutRef } from "react";
+interface LinkButtonProps extends ComponentPropsWithoutRef<"button"> {
     disabled?: boolean;
     icon?: React.ReactNode;
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;

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

@@ -1,5 +1,5 @@
-import classNames from 'classnames';
-import { forwardRef } from 'react';
+import classNames from "classnames";
+import { forwardRef } from "react";
 import IconWrapper from "../icon-wrapper/IconWrapper.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LinkButton = /*#__PURE__*/forwardRef((_ref, ref) => {
@@ -12,10 +12,10 @@ const LinkButton = /*#__PURE__*/forwardRef((_ref, ref) => {
     className,
     ...props
   } = _ref;
-  const classes = classNames('fwe-btn', 'fwe-btn-link', {
-    'fwe-disabled': disabled
+  const classes = classNames("fwe-btn", "fwe-btn-link", {
+    "fwe-disabled": disabled
   }, {
-    'fwe-btn-icon': iconOnly
+    "fwe-btn-icon": iconOnly
   }, className);
   return /*#__PURE__*/_jsxs("button", {
     onClick: onClick,

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

@@ -1,7 +1,7 @@
-import { ComponentPropsWithRef } from 'react';
-import './LoadingIndicator.scss';
-interface LoadingIndicatorProps extends ComponentPropsWithRef<'div'> {
-    size: 'large' | 'medium' | 'small';
+import { ComponentPropsWithRef } from "react";
+import "./LoadingIndicator.scss";
+interface LoadingIndicatorProps extends ComponentPropsWithRef<"div"> {
+    size: "large" | "medium" | "small";
 }
 declare const LoadingIndicator: (props: LoadingIndicatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 export default LoadingIndicator;

package/lib/components/loading-indicator/LoadingIndicator.js

@@ -1,21 +1,21 @@
-import { forwardRef } from 'react';
-import cn from 'classnames';
+import { forwardRef } from "react";
+import cn from "classnames";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LoadingIndicator = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    size = 'large',
+    size = "large",
     children,
     className,
     ...props
   } = _ref;
-  const classes = cn('fwe-waiting-indicator', {
-    'fwe-waiting-indicator-md': size === 'medium'
+  const classes = cn("fwe-waiting-indicator", {
+    "fwe-waiting-indicator-md": size === "medium"
   }, {
-    'fwe-waiting-indicator-sm': size === 'small'
+    "fwe-waiting-indicator-sm": size === "small"
   });
   return /*#__PURE__*/_jsxs("div", {
-    className: cn('fwe-waiting-container', {
-      'fwe-waiting-container-sm': size === 'small'
+    className: cn("fwe-waiting-container", {
+      "fwe-waiting-container-sm": size === "small"
     }, className),
     ref: ref,
     ...props,

package/lib/components/mobile-flyout/MobileFlyout.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
-interface MobileFlyoutProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
+import { ComponentPropsWithoutRef } from "react";
+interface MobileFlyoutProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
     open?: boolean;
     defaultOpen?: boolean;
     visible?: string[];

package/lib/components/mobile-flyout/MobileFlyout.js

@@ -1,11 +1,11 @@
-import { forwardRef, useCallback, useMemo, useRef } from 'react';
-import cn from 'classnames';
+import { forwardRef, useCallback, useMemo, useRef } from "react";
+import cn from "classnames";
 import useForkRef from "../../helper/useForkRef.js";
 import useOnClickOutside from "../../helper/useOnClickOutside.js";
 import useControlled from "../../helper/useControlled.js";
 import MobileFlyoutContext from "./MobileFlyoutContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const defaultVisibleValue = ['root'];
+const defaultVisibleValue = ["root"];
 const MobileFlyout = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     className,
@@ -60,17 +60,17 @@ const MobileFlyout = /*#__PURE__*/forwardRef((_ref, ref) => {
     back
   }), [handleVisibleChange, visibleState, back, handleOpenChange]);
   return /*#__PURE__*/_jsxs("div", {
-    className: cn('fwe-mobile-flyout', className),
+    className: cn("fwe-mobile-flyout", className),
     ...props,
     ref: combinedRef,
     children: [/*#__PURE__*/_jsx("button", {
       "aria-label": "menu",
       type: "button",
-      className: openState ? 'fwe-close-button' : 'fwe-burger-button',
+      className: openState ? "fwe-close-button" : "fwe-burger-button",
       onClick: toggle
     }), /*#__PURE__*/_jsx("div", {
-      className: cn('fwe-mobile-flyout-container', {
-        'fwe-opened': openState
+      className: cn("fwe-mobile-flyout-container", {
+        "fwe-opened": openState
       }),
       children: /*#__PURE__*/_jsx(MobileFlyoutContext.Provider, {
         value: contextValue,

package/lib/components/mobile-flyout/MobileFlyoutContext.js

@@ -1,2 +1,2 @@
-import { createContext } from 'react';
+import { createContext } from "react";
 export default /*#__PURE__*/createContext(null);

package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
-interface MobileFlyoutPageProps extends ComponentPropsWithoutRef<'div'> {
+import { ComponentPropsWithoutRef } from "react";
+interface MobileFlyoutPageProps extends ComponentPropsWithoutRef<"div"> {
     back?: string;
     name?: string;
     root?: boolean;

package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js

@@ -1,5 +1,5 @@
-import cn from 'classnames';
-import { forwardRef, useContext } from 'react';
+import cn from "classnames";
+import { forwardRef, useContext } from "react";
 import MobileFlyoutContext from "../MobileFlyoutContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MobileFlyoutPage = /*#__PURE__*/forwardRef((_ref, ref) => {
@@ -16,15 +16,15 @@ const MobileFlyoutPage = /*#__PURE__*/forwardRef((_ref, ref) => {
     back: backContext
   } = useContext(MobileFlyoutContext);
   const innerVisible = root || name && visible.includes(name);
-  const innerBack = back ?? backContext ?? 'Back';
+  const innerBack = back ?? backContext ?? "Back";
   function handleChange() {
     if (name) {
       setVisible(name);
     }
   }
   return /*#__PURE__*/_jsxs("div", {
-    className: cn('fwe-mobile-flyout-page', {
-      'fwe-opened': innerVisible
+    className: cn("fwe-mobile-flyout-page", {
+      "fwe-opened": innerVisible
     }),
     ref: ref,
     ...props,

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

@@ -1,8 +1,8 @@
-import { ModalProps } from './Modal';
-interface AlertModalProps extends Omit<ModalProps, 'head' | 'children'> {
+import { ModalProps } from "./Modal";
+interface AlertModalProps extends Omit<ModalProps, "head" | "children"> {
     title: string;
     subtitle?: string;
-    alertType: 'info' | 'warning' | 'error';
+    alertType: "info" | "warning" | "error";
     strong?: boolean;
     cancel?: string;
     ok?: string;

package/lib/components/modals/AlertModal.js

@@ -1,4 +1,4 @@
-import cn from 'classnames';
+import cn from "classnames";
 import Modal from "./Modal.js";
 import ModalFooter from "./ModalFooter.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -18,10 +18,10 @@ function AlertModal(_ref) {
   } = _ref;
   return /*#__PURE__*/_jsx(Modal, {
     className: cn({
-      'fwe-modal--with-indicator-bar': strong,
-      'fwe-modal--warning': alertType === 'warning',
-      'fwe-modal--error': alertType === 'error',
-      'fwe-modal--info': alertType === 'info'
+      "fwe-modal--with-indicator-bar": strong,
+      "fwe-modal--warning": alertType === "warning",
+      "fwe-modal--error": alertType === "error",
+      "fwe-modal--info": alertType === "info"
     }, className),
     head: /*#__PURE__*/_jsxs(_Fragment, {
       children: [subtitle && /*#__PURE__*/_jsx("h2", {
@@ -32,7 +32,7 @@ function AlertModal(_ref) {
         children: title
       })]
     }),
-    body: typeof body === 'string' ? /*#__PURE__*/_jsx("p", {
+    body: typeof body === "string" ? /*#__PURE__*/_jsx("p", {
       children: body
     }) : body,
     ...props,
@@ -40,16 +40,16 @@ function AlertModal(_ref) {
       children: [cancel && /*#__PURE__*/_jsx("button", {
         type: "button",
         "aria-label": "Cancel",
-        className: cn('fwe-btn fwe-btn-lg', {
-          'fwe-btn-link': strong
+        className: cn("fwe-btn fwe-btn-lg", {
+          "fwe-btn-link": strong
         }),
         onClick: onCancel,
         children: cancel
       }), ok && /*#__PURE__*/_jsx("button", {
         type: "button",
         "aria-label": "Ok",
-        className: cn('fwe-btn fwe-btn-lg', {
-          'fwe-btn-hero': !strong
+        className: cn("fwe-btn fwe-btn-lg", {
+          "fwe-btn-hero": !strong
         }),
         onClick: onOk,
         children: ok

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

@@ -1,5 +1,5 @@
-import { ModalProps } from './Modal';
-interface ConfirmModalProps extends Omit<ModalProps, 'head' | 'children'> {
+import { ModalProps } from "./Modal";
+interface ConfirmModalProps extends Omit<ModalProps, "head" | "children"> {
     title: string;
     subtitle?: string;
     cancel?: string;

package/lib/components/modals/ConfirmModal.js

@@ -1,4 +1,4 @@
-import cn from 'classnames';
+import cn from "classnames";
 import Modal from "./Modal.js";
 import ModalFooter from "./ModalFooter.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -17,7 +17,7 @@ function ConfirmModal(_ref) {
   } = _ref;
   return /*#__PURE__*/_jsx(Modal, {
     className: cn({
-      'fwe-modal--large': large
+      "fwe-modal--large": large
     }, className),
     head: /*#__PURE__*/_jsxs(_Fragment, {
       children: [subtitle && /*#__PURE__*/_jsx("h2", {
@@ -28,7 +28,7 @@ function ConfirmModal(_ref) {
         children: title
       })]
     }),
-    body: typeof body === 'string' ? /*#__PURE__*/_jsx("p", {
+    body: typeof body === "string" ? /*#__PURE__*/_jsx("p", {
       children: body
     }) : body,
     ...props,

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

@@ -1,4 +1,4 @@
-import { ModalBaseProps } from './ModalBase';
+import { ModalBaseProps } from "./ModalBase";
 interface CustomModalProps extends ModalBaseProps {
     large?: boolean;
     title?: string;

package/lib/components/modals/CustomModal.js

@@ -1,5 +1,5 @@
-import cn from 'classnames';
-import { forwardRef } from 'react';
+import cn from "classnames";
+import { forwardRef } from "react";
 import ModalBase from "./ModalBase.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CustomModal = /*#__PURE__*/forwardRef((_ref, ref) => {
@@ -13,7 +13,7 @@ const CustomModal = /*#__PURE__*/forwardRef((_ref, ref) => {
   } = _ref;
   return /*#__PURE__*/_jsxs(ModalBase, {
     className: cn({
-      'fwe-modal--large': large
+      "fwe-modal--large": large
     }, className),
     ref: ref,
     ...props,

package/lib/components/modals/Modal.d.ts

@@ -1,7 +1,7 @@
-import './Modal.scss';
-import React from 'react';
-import { ModalBaseProps } from './ModalBase';
-export interface ModalProps extends Omit<ModalBaseProps, 'onCloseDone'> {
+import "./Modal.scss";
+import React from "react";
+import { ModalBaseProps } from "./ModalBase";
+export interface ModalProps extends Omit<ModalBaseProps, "onCloseDone"> {
     head?: React.ReactNode;
     body: React.ReactNode;
 }

package/lib/components/modals/Modal.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef } from "react";
 import ModalBase from "./ModalBase.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {

package/lib/components/modals/ModalBase.d.ts

@@ -1,5 +1,5 @@
-import './Modal.scss';
-import { ClassNamePropsWithChildren } from '../../helper/types';
+import "./Modal.scss";
+import { ClassNamePropsWithChildren } from "../../helper/types";
 export interface ModalBaseProps extends ClassNamePropsWithChildren {
     isOpen: boolean;
     isLoading?: boolean;