pixelize-design-library 1.0.25 → 1.0.27

package/README.md

@@ -13,4 +13,5 @@ Before you begin, ensure you have the following installed:
 To use this library in your project, you need to install it via npm. Run the following command in your project directory:
 
 ```bash
-npm install your-library-name --save
+npm install your-library-name --save
+

package/dist/Components/Apexcharts/ApexBarChart/ApexBarChart.stories.d.ts

@@ -1,4 +1,4 @@
 import { ApexBarChartProps } from './ApexBarChartProps';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, ApexBarChartProps>;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, ApexBarChartProps>;

package/dist/Components/Apexcharts/ApexPieChart/ApexPieChart.stories.d.ts

@@ -1,4 +1,4 @@
 import { ApexPieChartProps } from './ApexPieChartProps';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, ApexPieChartProps>;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, ApexPieChartProps>;

package/dist/Components/Breadcrumbs/Breadcrumbs.js

@@ -7,11 +7,10 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
 function Breadcrumbs(_a) {
     var spacing = _a.spacing, separator = _a.separator, fontWeight = _a.fontWeight, fontSize = _a.fontSize, isCurrentPage = _a.isCurrentPage, handleClick = _a.handleClick, items = _a.items;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.Breadcrumb, { spacing: spacing, separator: separator, fontWeight: fontWeight, fontSize: fontSize }, items.map(function (item, index) { return (react_1.default.createElement(react_2.BreadcrumbItem, { key: index, isCurrentPage: isCurrentPage && index === items.length - 1 },
-            react_1.default.createElement(react_2.BreadcrumbLink, { href: item.path, sx: { "&:hover, &:active": { textDecoration: "none" } }, onClick: function (event) {
-                    event.preventDefault();
-                    handleClick(item.path);
-                } }, item.label))); }))));
+    return (react_1.default.createElement(react_2.Breadcrumb, { spacing: spacing, separator: separator, fontWeight: fontWeight, fontSize: fontSize }, items.map(function (item, index) { return (react_1.default.createElement(react_2.BreadcrumbItem, { key: index, isCurrentPage: isCurrentPage && index === items.length - 1 },
+        react_1.default.createElement(react_2.BreadcrumbLink, { href: item.path, sx: { "&:hover, &:active": { textDecoration: "none" } }, onClick: function (event) {
+                event.preventDefault();
+                handleClick(item.path);
+            } }, item.label))); })));
 }
 exports.default = Breadcrumbs;

package/dist/Components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,4 +1,4 @@
 import { BreadcrumbsProps } from './BreadcrumbsProps';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, BreadcrumbsProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, BreadcrumbsProps>;

package/dist/Components/Button/Button.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { ButtonProps } from './ButtonProps';
+import React from "react";
+import { ButtonProps } from "./ButtonProps";
 export default function Button({ label, width, onClick, color, variant, leftIcon, rightIcon, size, isDisabled, isLoading, loadingText, type, }: ButtonProps): React.JSX.Element;

package/dist/Components/Button/Button.js

@@ -7,13 +7,12 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
 function Button(_a) {
     var label = _a.label, _b = _a.width, width = _b === void 0 ? "100%" : _b, onClick = _a.onClick, color = _a.color, variant = _a.variant, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, size = _a.size, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.loadingText, loadingText = _e === void 0 ? "Loading" : _e, type = _a.type;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.Button, { type: type, onClick: onClick, width: width, colorScheme: color, variant: variant, size: size, isLoading: isLoading, isDisabled: isDisabled, loadingText: loadingText, leftIcon: leftIcon, rightIcon: rightIcon },
-            react_1.default.createElement(react_2.Box, { sx: {
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                    maxWidth: '100%',
-                } }, label))));
+    return (react_1.default.createElement(react_2.Button, { type: type, onClick: onClick, width: width, colorScheme: color, variant: variant, size: size, isLoading: isLoading, isDisabled: isDisabled, loadingText: loadingText, leftIcon: leftIcon, rightIcon: rightIcon },
+        react_1.default.createElement(react_2.Box, { sx: {
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                maxWidth: "100%",
+            } }, label)));
 }
 exports.default = Button;

package/dist/Components/ButtonGroupIcon/ButtonGroupIcon.js

@@ -7,10 +7,9 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
 function ButtonGroupIcon(_a) {
     var leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onLeftIconClick = _a.onLeftIconClick, onRightIconClick = _a.onRightIconClick, buttonText = _a.buttonText, onButtonClick = _a.onButtonClick, onButtongroupClick = _a.onButtongroupClick, size = _a.size, variant = _a.variant, color = _a.color;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.ButtonGroup, { size: size, isAttached: true, variant: variant, onClick: onButtongroupClick, colorScheme: color },
-            leftIcon && (react_1.default.createElement(react_2.IconButton, { "aria-label": "Left icon button", icon: leftIcon, onClick: onLeftIconClick })),
-            react_1.default.createElement(react_2.Button, { onClick: onButtonClick }, buttonText),
-            rightIcon && (react_1.default.createElement(react_2.IconButton, { "aria-label": "Right icon button", icon: rightIcon, onClick: onRightIconClick })))));
+    return (react_1.default.createElement(react_2.ButtonGroup, { size: size, isAttached: true, variant: variant, onClick: onButtongroupClick, colorScheme: color },
+        leftIcon && (react_1.default.createElement(react_2.IconButton, { "aria-label": "Left icon button", icon: leftIcon, onClick: onLeftIconClick })),
+        react_1.default.createElement(react_2.Button, { onClick: onButtonClick }, buttonText),
+        rightIcon && (react_1.default.createElement(react_2.IconButton, { "aria-label": "Right icon button", icon: rightIcon, onClick: onRightIconClick }))));
 }
 exports.default = ButtonGroupIcon;

package/dist/Components/ButtonGroupIcon/ButtonGroupIcon.stories.d.ts

@@ -1,4 +1,4 @@
 import { ButtonGroupIconProps } from './ButtonGoupIconProps';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, ButtonGroupIconProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, ButtonGroupIconProps>;

package/dist/Components/Checkbox/Checkbox.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-import { CheckboxProps } from './CheckboxProps';
-declare const CheckBox: FC<CheckboxProps>;
-export default CheckBox;
+import React from "react";
+import { CheckboxProps } from "./CheckboxProps";
+export default function CheckBox({ label, spacing, isInvalid, color, iconColor, iconSize, isChecked, isIndeterminate, onChange, isDisabled, size, value, defaultChecked, }: CheckboxProps): React.JSX.Element;

package/dist/Components/Checkbox/Checkbox.js

@@ -5,9 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
-var CheckBox = function (_a) {
+function CheckBox(_a) {
     var label = _a.label, spacing = _a.spacing, isInvalid = _a.isInvalid, color = _a.color, iconColor = _a.iconColor, iconSize = _a.iconSize, isChecked = _a.isChecked, isIndeterminate = _a.isIndeterminate, onChange = _a.onChange, isDisabled = _a.isDisabled, size = _a.size, value = _a.value, defaultChecked = _a.defaultChecked;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.Checkbox, { spacing: spacing, isInvalid: isInvalid, colorScheme: color, iconColor: iconColor, iconSize: iconSize, isChecked: isChecked, isIndeterminate: isIndeterminate, onChange: onChange, isDisabled: isDisabled, size: size, value: value, defaultChecked: defaultChecked }, label)));
-};
+    return (react_1.default.createElement(react_2.Checkbox, { spacing: spacing, isInvalid: isInvalid, colorScheme: color, iconColor: iconColor, iconSize: iconSize, isChecked: isChecked, isIndeterminate: isIndeterminate, onChange: onChange, isDisabled: isDisabled, size: size, value: value, defaultChecked: defaultChecked }, label));
+}
 exports.default = CheckBox;

package/dist/Components/Input/TextInput.js

@@ -7,16 +7,12 @@ var react_1 = require("@chakra-ui/react");
 var react_2 = __importDefault(require("react"));
 function TextInput(_a) {
     var label = _a.label, _b = _a.type, type = _b === void 0 ? "text" : _b, id = _a.id, name = _a.name, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isReadOnly, isReadOnly = _d === void 0 ? false : _d, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, value = _a.value, _f = _a.placeholder, placeholder = _f === void 0 ? "Placeholder" : _f, _g = _a.width, width = _g === void 0 ? "250px" : _g, error = _a.error, errorMessage = _a.errorMessage, helperText = _a.helperText, onRightIconclick = _a.onRightIconclick, inputRightIcon = _a.inputRightIcon, inputGroupStyle = _a.inputGroupStyle, inputStyle = _a.inputStyle;
-    return (
-    // <ChakraProvider>
-    react_2.default.createElement(react_1.FormControl, { isRequired: isRequired, isInvalid: error },
+    return (react_2.default.createElement(react_1.FormControl, { isRequired: isRequired, isInvalid: error },
         label && react_2.default.createElement(react_1.FormLabel, { mb: "0.25rem" }, label),
         react_2.default.createElement(react_1.InputGroup, { width: width, style: inputGroupStyle },
             react_2.default.createElement(react_1.Input, { type: type, placeholder: placeholder, onChange: onChange, onBlur: onBlur, onFocus: onFocus, value: value, errorBorderColor: error ? "crimson" : "", isDisabled: isDisabled, isReadOnly: isReadOnly, id: id, name: name, style: inputStyle }),
-            inputRightIcon && (react_2.default.createElement(react_1.InputRightElement, { children: inputRightIcon, onClick: onRightIconclick }))),
+            inputRightIcon && (react_2.default.createElement(react_1.InputRightElement, { onClick: onRightIconclick }, inputRightIcon))),
         error && react_2.default.createElement(react_1.FormErrorMessage, { pl: 4 }, errorMessage),
-        helperText && !error && (react_2.default.createElement(react_1.FormHelperText, { pl: 4 }, helperText)))
-    // </ChakraProvider>
-    );
+        helperText && !error && (react_2.default.createElement(react_1.FormHelperText, { pl: 4 }, helperText))));
 }
 exports.default = react_2.default.memo(TextInput);

package/dist/Components/InputTextArea/InputTextArea.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { InputTextAreaProps } from './InputTextAreaProps';
-export default function InputTextArea({ label, placeholder, value, onChange, size, resize, width, isDisabled, errorBorderColor, focusBorderColor, isReadOnly, isRequired, error, errorMessage, helperText, rows, height }: InputTextAreaProps): React.JSX.Element;
+import React from "react";
+import { InputTextAreaProps } from "./InputTextAreaProps";
+export default function InputTextArea({ label, placeholder, value, onChange, size, resize, width, isDisabled, errorBorderColor, focusBorderColor, isReadOnly, isRequired, error, errorMessage, helperText, rows, height, }: InputTextAreaProps): React.JSX.Element;

package/dist/Components/InputTextArea/InputTextArea.js

@@ -3,15 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("@chakra-ui/react");
-var react_2 = __importDefault(require("react"));
+var react_1 = __importDefault(require("react"));
+var react_2 = require("@chakra-ui/react");
 function InputTextArea(_a) {
     var label = _a.label, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.resize, resize = _c === void 0 ? "both" : _c, _d = _a.width, width = _d === void 0 ? 500 : _d, isDisabled = _a.isDisabled, errorBorderColor = _a.errorBorderColor, focusBorderColor = _a.focusBorderColor, isReadOnly = _a.isReadOnly, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, error = _a.error, errorMessage = _a.errorMessage, helperText = _a.helperText, rows = _a.rows, height = _a.height;
-    return (react_2.default.createElement(react_1.ChakraProvider, null,
-        react_2.default.createElement(react_1.FormControl, { isRequired: isRequired, isInvalid: error },
-            label && react_2.default.createElement(react_1.FormLabel, { mb: "0.25rem" }, label),
-            react_2.default.createElement(react_1.Textarea, { placeholder: placeholder, value: value, onChange: onChange, size: size, resize: resize, isDisabled: isDisabled, errorBorderColor: errorBorderColor, focusBorderColor: focusBorderColor, isReadOnly: isReadOnly, isInvalid: error, width: width, rows: rows, height: height }),
-            error && (react_2.default.createElement(react_1.FormErrorMessage, { pl: 4 }, errorMessage)),
-            helperText && !error && react_2.default.createElement(react_1.FormHelperText, { pl: 4 }, helperText))));
+    return (react_1.default.createElement(react_2.FormControl, { isRequired: isRequired, isInvalid: error },
+        label && react_1.default.createElement(react_2.FormLabel, { mb: "0.25rem" }, label),
+        react_1.default.createElement(react_2.Textarea, { placeholder: placeholder, value: value, onChange: onChange, size: size, resize: resize, isDisabled: isDisabled, errorBorderColor: errorBorderColor, focusBorderColor: focusBorderColor, isReadOnly: isReadOnly, isInvalid: error, width: width, rows: rows, height: height }),
+        error && react_1.default.createElement(react_2.FormErrorMessage, { pl: 4 }, errorMessage),
+        helperText && !error && (react_1.default.createElement(react_2.FormHelperText, { pl: 4 }, helperText))));
 }
 exports.default = InputTextArea;

package/dist/Components/Loading/Loading.js

@@ -10,10 +10,9 @@ function Loading(_a) {
     if (!isLoading) {
         return null;
     }
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.Box, { position: "fixed", top: "0", right: "0", bottom: "0", left: "0", backgroundColor: "rgba(0, 0, 0, 0.4)", backdropFilter: "blur(4px)", display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", zIndex: "9999" },
-            react_1.default.createElement(react_2.Center, { height: "100vh" },
-                react_1.default.createElement(react_2.Spinner, { thickness: "4px", speed: "0.65s", emptyColor: "gray.200", color: "blue.500", size: "xl" }),
-                react_1.default.createElement(react_2.Text, { mt: "2", ml: "5" }, text)))));
+    return (react_1.default.createElement(react_2.Box, { position: "fixed", top: "0", right: "0", bottom: "0", left: "0", backgroundColor: "rgba(0, 0, 0, 0.4)", backdropFilter: "blur(4px)", display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", zIndex: "9999" },
+        react_1.default.createElement(react_2.Center, { height: "100vh" },
+            react_1.default.createElement(react_2.Spinner, { thickness: "4px", speed: "0.65s", emptyColor: "gray.200", color: "blue.500", size: "xl" }),
+            react_1.default.createElement(react_2.Text, { mt: "2", ml: "5" }, text))));
 }
 exports.default = Loading;

package/dist/Components/Loading/Loading.stories.d.ts

@@ -1,4 +1,4 @@
 import { LoadingProps } from './LoadingProps';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Interactive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, LoadingProps>;
+export declare const Interactive: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, LoadingProps>;

package/dist/Components/Modal/Modal.js

@@ -9,17 +9,16 @@ function Modal(_a) {
     var size = _a.size, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose, title = _a.title, footer = _a.footer, _c = _a.overlaybg, overlaybg = _c === void 0 ? "blackAlpha.300" : _c, _d = _a.overlaybackdropFilter, overlaybackdropFilter = _d === void 0 ? "blur(10px) hue-rotate(90deg)" : _d, overlaybackdropInvert = _a.overlaybackdropInvert, overlaybackdropBlur = _a.overlaybackdropBlur, isCentered = _a.isCentered, finalFocusRef = _a.finalFocusRef, blockScrollOnMount = _a.blockScrollOnMount, initialFocusRef = _a.initialFocusRef, closeOnOverlayClick = _a.closeOnOverlayClick, motionPreset = _a.motionPreset, scrollBehavior = _a.scrollBehavior, children = _a.children;
     if (!isOpen)
         return react_1.default.createElement(react_1.default.Fragment, null);
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.Modal, { isOpen: true, onClose: onClose, size: size, isCentered: isCentered, finalFocusRef: finalFocusRef, blockScrollOnMount: blockScrollOnMount, initialFocusRef: initialFocusRef, closeOnOverlayClick: closeOnOverlayClick, motionPreset: motionPreset, scrollBehavior: scrollBehavior },
-            react_1.default.createElement(react_2.ModalOverlay, { bg: overlaybg, backdropFilter: overlaybackdropFilter, backdropInvert: overlaybackdropInvert, backdropBlur: overlaybackdropBlur }),
-            react_1.default.createElement(react_2.ModalContent, null,
-                react_1.default.createElement(react_2.ModalHeader, null, title),
-                react_1.default.createElement(react_2.ModalCloseButton, null),
-                react_1.default.createElement(react_2.ModalBody, { sx: {
-                        whiteSpace: "normal",
-                        wordBreak: "break-word",
-                        overflowWrap: "break-word",
-                    } }, children),
-                react_1.default.createElement(react_2.ModalFooter, null, footer)))));
+    return (react_1.default.createElement(react_2.Modal, { isOpen: true, onClose: onClose, size: size, isCentered: isCentered, finalFocusRef: finalFocusRef, blockScrollOnMount: blockScrollOnMount, initialFocusRef: initialFocusRef, closeOnOverlayClick: closeOnOverlayClick, motionPreset: motionPreset, scrollBehavior: scrollBehavior },
+        react_1.default.createElement(react_2.ModalOverlay, { bg: overlaybg, backdropFilter: overlaybackdropFilter, backdropInvert: overlaybackdropInvert, backdropBlur: overlaybackdropBlur }),
+        react_1.default.createElement(react_2.ModalContent, null,
+            react_1.default.createElement(react_2.ModalHeader, null, title),
+            react_1.default.createElement(react_2.ModalCloseButton, null),
+            react_1.default.createElement(react_2.ModalBody, { sx: {
+                    whiteSpace: "normal",
+                    wordBreak: "break-word",
+                    overflowWrap: "break-word",
+                } }, children),
+            react_1.default.createElement(react_2.ModalFooter, null, footer))));
 }
 exports.default = Modal;

package/dist/Components/Modal/Modal.stories.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ChakraModelProps } from './ModalProps';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
 interface StoryProps extends ChakraModelProps {
     footer: React.ReactNode;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, StoryProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, StoryProps>;

package/dist/Components/NavigationBar/NavBar.stories.d.ts

@@ -1,4 +1,4 @@
 import { NavbarProps } from './NavigationBarProps';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, NavbarProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, NavbarProps>;

package/dist/Components/NavigationBar/NavigationBar.js

@@ -7,28 +7,27 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
 function NavBar(_a) {
     var userAvathar = _a.userAvathar, userName = _a.userName, navMenu = _a.navMenu, handleNavOnClick = _a.handleNavOnClick, handleLogout = _a.handleLogout, logoutText = _a.logoutText;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.Box, { bg: "#ffffff", px: 4, boxShadow: "0 4px 12px 0 rgba(0, 0, 0, 0.05)" },
-            react_1.default.createElement(react_2.Flex, { h: 16, alignItems: "center", justifyContent: "space-between" },
-                react_1.default.createElement(react_2.Box, null),
-                react_1.default.createElement(react_2.Flex, { alignItems: "center" },
-                    react_1.default.createElement(react_2.Stack, { direction: "row", spacing: 7 },
-                        react_1.default.createElement(react_2.Menu, null,
-                            react_1.default.createElement(react_2.MenuButton, { as: react_2.Button, rounded: "full", variant: "link", cursor: "pointer", minW: 0 },
-                                react_1.default.createElement(react_2.Avatar, { size: "sm", src: userAvathar })),
-                            react_1.default.createElement(react_2.MenuList, { alignItems: "center" },
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement(react_2.Center, null,
-                                    react_1.default.createElement(react_2.Avatar, { size: "2xl", src: userAvathar })),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement(react_2.Center, null,
-                                    react_1.default.createElement("p", null, userName)),
-                                react_1.default.createElement("br", null),
-                                react_1.default.createElement(react_2.MenuDivider, null), navMenu === null || navMenu === void 0 ? void 0 :
-                                navMenu.map(function (menu) { return (react_1.default.createElement("div", { onClick: function () { return handleNavOnClick(menu.url); }, key: menu.title },
-                                    react_1.default.createElement(react_2.MenuItem, null, menu.title))); }),
-                                react_1.default.createElement(react_2.MenuDivider, null),
-                                react_1.default.createElement("div", { onClick: handleLogout, key: "logout" },
-                                    react_1.default.createElement(react_2.MenuItem, null, logoutText))))))))));
+    return (react_1.default.createElement(react_2.Box, { bg: "#ffffff", px: 4, boxShadow: "0 4px 12px 0 rgba(0, 0, 0, 0.05)" },
+        react_1.default.createElement(react_2.Flex, { h: 16, alignItems: "center", justifyContent: "space-between" },
+            react_1.default.createElement(react_2.Box, null),
+            react_1.default.createElement(react_2.Flex, { alignItems: "center" },
+                react_1.default.createElement(react_2.Stack, { direction: "row", spacing: 7 },
+                    react_1.default.createElement(react_2.Menu, null,
+                        react_1.default.createElement(react_2.MenuButton, { as: react_2.Button, rounded: "full", variant: "link", cursor: "pointer", minW: 0 },
+                            react_1.default.createElement(react_2.Avatar, { size: "sm", src: userAvathar })),
+                        react_1.default.createElement(react_2.MenuList, { alignItems: "center" },
+                            react_1.default.createElement("br", null),
+                            react_1.default.createElement(react_2.Center, null,
+                                react_1.default.createElement(react_2.Avatar, { size: "2xl", src: userAvathar })),
+                            react_1.default.createElement("br", null),
+                            react_1.default.createElement(react_2.Center, null,
+                                react_1.default.createElement("p", null, userName)),
+                            react_1.default.createElement("br", null),
+                            react_1.default.createElement(react_2.MenuDivider, null), navMenu === null || navMenu === void 0 ? void 0 :
+                            navMenu.map(function (menu) { return (react_1.default.createElement("div", { onClick: function () { return handleNavOnClick(menu.url); }, key: menu.title },
+                                react_1.default.createElement(react_2.MenuItem, null, menu.title))); }),
+                            react_1.default.createElement(react_2.MenuDivider, null),
+                            react_1.default.createElement("div", { onClick: handleLogout, key: "logout" },
+                                react_1.default.createElement(react_2.MenuItem, null, logoutText)))))))));
 }
 exports.default = NavBar;

package/dist/Components/NumberInput/NumberInput.js

@@ -7,11 +7,10 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
 function NumberInput(_a) {
     var defaultValue = _a.defaultValue, min = _a.min, max = _a.max, precision = _a.precision, step = _a.step, clampValueOnBlur = _a.clampValueOnBlur, keepWithinRange = _a.keepWithinRange, value = _a.value, onChange = _a.onChange, size = _a.size, maxW = _a.maxW, allowMouseWheel = _a.allowMouseWheel, NumberIncrementStepperBg = _a.NumberIncrementStepperBg, NumberIncrementStepperActive = _a.NumberIncrementStepperActive, NumberIncrementStepperChildren = _a.NumberIncrementStepperChildren, NumberDecrementStepperBg = _a.NumberDecrementStepperBg, NumberDecrementStepperChildren = _a.NumberDecrementStepperChildren, NumberDecrementStepperActive = _a.NumberDecrementStepperActive;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.NumberInput, { defaultValue: defaultValue, min: min, max: max, step: step, precision: precision, clampValueOnBlur: clampValueOnBlur, keepWithinRange: keepWithinRange, value: value, onChange: onChange, size: size, maxW: maxW, allowMouseWheel: allowMouseWheel },
-            react_1.default.createElement(react_2.NumberInputField, null),
-            react_1.default.createElement(react_2.NumberInputStepper, null,
-                react_1.default.createElement(react_2.NumberIncrementStepper, { bg: NumberIncrementStepperBg, _active: NumberIncrementStepperActive, children: NumberIncrementStepperChildren }),
-                react_1.default.createElement(react_2.NumberDecrementStepper, { bg: NumberDecrementStepperBg, _active: NumberDecrementStepperActive, children: NumberDecrementStepperChildren })))));
+    return (react_1.default.createElement(react_2.NumberInput, { defaultValue: defaultValue, min: min, max: max, step: step, precision: precision, clampValueOnBlur: clampValueOnBlur, keepWithinRange: keepWithinRange, value: value, onChange: onChange, size: size, maxW: maxW, allowMouseWheel: allowMouseWheel },
+        react_1.default.createElement(react_2.NumberInputField, null),
+        react_1.default.createElement(react_2.NumberInputStepper, null,
+            react_1.default.createElement(react_2.NumberIncrementStepper, { bg: NumberIncrementStepperBg, _active: NumberIncrementStepperActive }, NumberIncrementStepperChildren),
+            react_1.default.createElement(react_2.NumberDecrementStepper, { bg: NumberDecrementStepperBg, _active: NumberDecrementStepperActive }, NumberDecrementStepperChildren))));
 }
 exports.default = NumberInput;

package/dist/Components/NumberInput/NumberInput.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;

package/dist/Components/PinInput/PinInput.js

@@ -7,7 +7,7 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
 function PinInputs(_a) {
     var otp = _a.otp, mask = _a.mask, defaultValue = _a.defaultValue, placeholder = _a.placeholder, manageFocus = _a.manageFocus, errorBorderColor = _a.errorBorderColor, focusBorderColor = _a.focusBorderColor, onChange = _a.onChange, onComplete = _a.onComplete, type = _a.type, color = _a.color, variant = _a.variant, _b = _a.pins, pins = _b === void 0 ? 3 : _b, label = _a.label;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
+    return (react_1.default.createElement(react_1.default.Fragment, null,
         label && (react_1.default.createElement(react_2.Text, { fontWeight: "bold", marginBottom: "8px" }, label)),
         react_1.default.createElement(react_2.HStack, null,
             react_1.default.createElement(react_2.PinInput, { otp: otp, mask: mask, defaultValue: defaultValue, placeholder: placeholder, manageFocus: manageFocus, errorBorderColor: errorBorderColor, focusBorderColor: focusBorderColor, onChange: onChange, onComplete: onComplete, type: type, colorScheme: color, variant: variant }, Array.from({ length: pins }).map(function (_, index) { return (react_1.default.createElement(react_2.PinInputField, { key: index })); })))));

package/dist/Components/PinInput/PinInput.stories.d.ts

@@ -1,6 +1,6 @@
 import { ChakraPinInputProps } from './PinInputProps';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, ChakraPinInputProps>;
-export declare const Masked: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, ChakraPinInputProps>;
-export declare const SixPins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, ChakraPinInputProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, ChakraPinInputProps>;
+export declare const Masked: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, ChakraPinInputProps>;
+export declare const SixPins: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, ChakraPinInputProps>;

package/dist/Components/ProfileCard/ProfileCard.js

@@ -7,12 +7,11 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
 function ProfileCard(_a) {
     var key = _a.key, maxW = _a.maxW, align = _a.align, variant = _a.variant, direction = _a.direction, justify = _a.justify, header = _a.header, footer = _a.footer, children = _a.children, size = _a.size, color = _a.color, overflow = _a.overflow, dividercolor = _a.dividercolor, dividersize = _a.dividersize, dividervariant = _a.dividervariant;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.Card, { key: key, maxW: maxW, align: align, variant: variant, direction: direction, justify: justify, size: size, overflow: overflow, colorScheme: color, mr: 10 },
-            header && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(react_2.CardHeader, null, header),
-                react_1.default.createElement(react_2.Divider, { colorScheme: dividercolor, size: dividersize, variant: dividervariant }))),
-            react_1.default.createElement(react_2.CardBody, null, children),
-            react_1.default.createElement(react_2.CardFooter, null, footer))));
+    return (react_1.default.createElement(react_2.Card, { key: key, maxW: maxW, align: align, variant: variant, direction: direction, justify: justify, size: size, overflow: overflow, colorScheme: color, mr: 10 },
+        header && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(react_2.CardHeader, null, header),
+            react_1.default.createElement(react_2.Divider, { colorScheme: dividercolor, size: dividersize, variant: dividervariant }))),
+        react_1.default.createElement(react_2.CardBody, null, children),
+        react_1.default.createElement(react_2.CardFooter, null, footer)));
 }
 exports.default = ProfileCard;

package/dist/Components/ProfileCard/ProfileCard.stories.d.ts

@@ -1,4 +1,4 @@
 import { ProfileCardProps } from './ProfileCardProps';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, ProfileCardProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, ProfileCardProps>;

package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewer.js

@@ -28,10 +28,9 @@ function ProfilePhotoViewer(_a) {
         var _a;
         (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
     };
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.Box, { position: "relative", display: "inline-block", style: boxStyle },
-            react_1.default.createElement(react_2.Image, { src: photo, alt: imageAlt, boxSize: imageWidth, objectFit: imageObjectFit, borderRadius: imageBorderRadius }),
-            react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(icons_1.EditIcon, null), isRound: isRound, size: editIconSize, position: "absolute", right: editIconPositionRight, bottom: editIconPositionBottom, onClick: handleClick, "aria-label": "Edit photo" }),
-            react_1.default.createElement(react_2.Input, { type: "file", accept: "image/*", onChange: handlePhotoChange, hidden: true, ref: fileInputRef }))));
+    return (react_1.default.createElement(react_2.Box, { position: "relative", display: "inline-block", style: boxStyle },
+        react_1.default.createElement(react_2.Image, { src: photo, alt: imageAlt, boxSize: imageWidth, objectFit: imageObjectFit, borderRadius: imageBorderRadius }),
+        react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(icons_1.EditIcon, null), isRound: isRound, size: editIconSize, position: "absolute", right: editIconPositionRight, bottom: editIconPositionBottom, onClick: handleClick, "aria-label": "Edit photo" }),
+        react_1.default.createElement(react_2.Input, { type: "file", accept: "image/*", onChange: handlePhotoChange, hidden: true, ref: fileInputRef })));
 }
 exports.default = ProfilePhotoViewer;

package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewer.stories.d.ts

@@ -1,4 +1,4 @@
 import { ProfilePhotoViewerProps } from './ProfilePhotoViewerProps';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, ProfilePhotoViewerProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, ProfilePhotoViewerProps>;

package/dist/Components/ProgressBar/ProgressBar.js

@@ -7,7 +7,6 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
 function ProgressBar(_a) {
     var size = _a.size, isIndeterminate = _a.isIndeterminate, color = _a.color, hasStripe = _a.hasStripe, height = _a.height, value = _a.value, isAnimated = _a.isAnimated, max = _a.max, min = _a.min, variant = _a.variant;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.Progress, { size: size, isIndeterminate: isIndeterminate, colorScheme: color, hasStripe: hasStripe, height: height, value: value, isAnimated: isAnimated, max: max, min: min, variant: variant })));
+    return (react_1.default.createElement(react_2.Progress, { size: size, isIndeterminate: isIndeterminate, colorScheme: color, hasStripe: hasStripe, height: height, value: value, isAnimated: isAnimated, max: max, min: min, variant: variant }));
 }
 exports.default = ProgressBar;

package/dist/Components/ProgressBar/ProgressBar.stories.d.ts

@@ -1,4 +1,4 @@
 import { ProgressBarProps } from "./ProgressBarProps";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, import("@storybook/types").Args>;
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, import("@storybook/csf").Args>;
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, ProgressBarProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, ProgressBarProps>;

package/dist/Components/RadioButton/RadioButton.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { ChakraRadioProps, ChakraRadioGroupProps } from './RadioButtonProps';
+import React from "react";
+import { ChakraRadioProps, ChakraRadioGroupProps } from "./RadioButtonProps";
 declare const RadioButton: ({ label, colorScheme, isChecked, onChange, isDisabled, size, value, defaultChecked, }: ChakraRadioProps) => React.JSX.Element;
 declare const RadioButtonGroup: ({ options, onChange, value, defaultValue, isDisabled, size, colorScheme, }: ChakraRadioGroupProps) => React.JSX.Element;
 export { RadioButton, RadioButtonGroup };

package/dist/Components/RadioButton/RadioButton.js

@@ -8,15 +8,13 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
 var RadioButton = function (_a) {
     var label = _a.label, colorScheme = _a.colorScheme, isChecked = _a.isChecked, onChange = _a.onChange, isDisabled = _a.isDisabled, size = _a.size, value = _a.value, defaultChecked = _a.defaultChecked;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.Radio, { colorScheme: colorScheme, isChecked: isChecked, onChange: onChange, isDisabled: isDisabled, size: size, value: value, defaultChecked: defaultChecked },
-            react_1.default.createElement(react_2.Box, { as: "span" }, label))));
+    return (react_1.default.createElement(react_2.Radio, { colorScheme: colorScheme, isChecked: isChecked, onChange: onChange, isDisabled: isDisabled, size: size, value: value, defaultChecked: defaultChecked },
+        react_1.default.createElement(react_2.Box, { as: "span" }, label)));
 };
 exports.RadioButton = RadioButton;
 var RadioButtonGroup = function (_a) {
     var options = _a.options, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, size = _a.size, colorScheme = _a.colorScheme;
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.RadioGroup, { onChange: onChange, value: value, defaultValue: defaultValue },
-            react_1.default.createElement(react_2.Stack, { direction: "row", spacing: 4 }, options.map(function (option) { return (react_1.default.createElement(RadioButton, { key: option.id, label: option.label, value: option.id, isDisabled: isDisabled, size: size, colorScheme: colorScheme })); })))));
+    return (react_1.default.createElement(react_2.RadioGroup, { onChange: onChange, value: value, defaultValue: defaultValue },
+        react_1.default.createElement(react_2.Stack, { direction: "row", spacing: 4 }, options.map(function (option) { return (react_1.default.createElement(RadioButton, { key: option.id, label: option.label, value: option.id, isDisabled: isDisabled, size: size, colorScheme: colorScheme })); }))));
 };
 exports.RadioButtonGroup = RadioButtonGroup;

package/dist/Components/RadioButton/RadioButton.stories.d.ts

@@ -1,11 +1,11 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-bf5e6555").R, Pick<import("@chakra-ui/radio/dist/radio").RadioProps, "isDisabled" | "colorScheme" | "value" | "defaultChecked" | "onChange" | "size" | "isChecked"> & {
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/dist/types-a5624094").R, Pick<import("@chakra-ui/radio/dist/radio").RadioProps, "isDisabled" | "colorScheme" | "value" | "defaultChecked" | "onChange" | "size" | "isChecked"> & {
     label: string;
 }>;
 export default _default;
-export declare const SingleRadioButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, Pick<import("@chakra-ui/radio/dist/radio").RadioProps, "isDisabled" | "colorScheme" | "value" | "defaultChecked" | "onChange" | "size" | "isChecked"> & {
+export declare const SingleRadioButton: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, Pick<import("@chakra-ui/radio/dist/radio").RadioProps, "isDisabled" | "colorScheme" | "value" | "defaultChecked" | "onChange" | "size" | "isChecked"> & {
     label: string;
 }>;
-export declare const RadioButtonGroupStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, Pick<import("@chakra-ui/radio/dist/radio-group").RadioGroupProps, "isDisabled" | "colorScheme" | "value" | "defaultValue" | "size"> & {
+export declare const RadioButtonGroupStory: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, Pick<import("@chakra-ui/radio/dist/radio-group").RadioGroupProps, "isDisabled" | "colorScheme" | "value" | "defaultValue" | "size"> & {
     options: {
         label: string;
         id: string;

package/dist/Components/Select/Select.js

@@ -13,11 +13,10 @@ function Select(_a) {
             return react_1.default.createElement("option", { value: "" }, "No Options");
         return options.map(function (option) { return (react_1.default.createElement("option", { key: option.id, value: option.id }, option.label)); });
     }, [options]);
-    return (react_1.default.createElement(react_2.ChakraProvider, null,
-        react_1.default.createElement(react_2.FormControl, { isRequired: isRequired, isInvalid: error },
-            label && react_1.default.createElement(react_2.FormLabel, { mb: "0.25rem" }, label),
-            react_1.default.createElement(react_2.Select, { placeholder: placeholder, size: size, variant: variant, icon: icon, bg: bg, borderColor: borderColor, color: color, isInvalid: error, value: value, onChange: onChange, width: width }, getOptionsList()),
-            error && react_1.default.createElement(react_2.FormErrorMessage, { pl: 4 }, errorMessage),
-            helperText && !error && (react_1.default.createElement(react_2.FormHelperText, { pl: 4 }, helperText)))));
+    return (react_1.default.createElement(react_2.FormControl, { isRequired: isRequired, isInvalid: error },
+        label && react_1.default.createElement(react_2.FormLabel, { mb: "0.25rem" }, label),
+        react_1.default.createElement(react_2.Select, { placeholder: placeholder, size: size, variant: variant, icon: icon, bg: bg, borderColor: borderColor, color: color, isInvalid: error, value: value, onChange: onChange, width: width }, getOptionsList()),
+        error && react_1.default.createElement(react_2.FormErrorMessage, { pl: 4 }, errorMessage),
+        helperText && !error && (react_1.default.createElement(react_2.FormHelperText, { pl: 4 }, helperText))));
 }
 exports.default = Select;

package/dist/Components/Select/Select.stories.d.ts

@@ -3,4 +3,4 @@ import Select from "./Select";
 import { chakraSelectProps } from "./SelectProps";
 declare const meta: Meta<typeof Select>;
 export default meta;
-export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-bf5e6555").R, chakraSelectProps>;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, chakraSelectProps>;

package/dist/Components/SideBar/SideBar.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { SidebarProps } from './SideBarProps';
-export default function Sidebar({ menus, activeMenu, handleMenuClick, toggle, changeToggle, logo, companyName }: SidebarProps): React.JSX.Element;
+import React from "react";
+import { SidebarProps } from "./SideBarProps";
+export default function Sidebar({ menus, activeMenu, handleMenuClick, toggle, changeToggle, logo, companyName, }: SidebarProps): React.JSX.Element;