krl-alfred 2.18.18 → 2.18.22

package/dist/components/Accordion/Accordion.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { AccordionProps } from "./props";
-declare const Accordion: ({ data, linkOnClick, collapseAll, size, hasScrollOnFocus, activeIndex, showLink, linkText }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const Accordion: ({ data, linkOnClick, collapseAll, size, hasScrollOnFocus, activeIndex, showLink, linkText }: AccordionProps) => React.JSX.Element;
 export default Accordion;

package/dist/components/Accordion/AccordionItem.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 declare const AccordionItem: ({ title, content, index, collapseAll, size, active, setActive }: {
     title: any;
     content: any;
@@ -6,5 +7,5 @@ declare const AccordionItem: ({ title, content, index, collapseAll, size, active
     size: any;
     active: any;
     setActive: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default AccordionItem;

package/dist/components/Accordion/stories/Accordion.stories.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: ({ data, linkOnClick, collapseAll, size, hasScrollOnFocus, activeIndex, showLink, linkText }: import("../../Accordion/props").Accordion) => import("react/jsx-runtime").JSX.Element;
+    component: ({ data, linkOnClick, collapseAll, size, hasScrollOnFocus, activeIndex, showLink, linkText }: import("../../Accordion/props").Accordion) => import("react").JSX.Element;
     tags: string[];
     argTypes: {
         collapseAll: {

package/dist/components/ActionButton/ActionButton.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ActionButtonProps } from "./props";
-declare const ActionButton: ({ width, title, date, img, isMonthVisible, hasTimer, isLoading, hasInfo, infoText, ...other }: ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const ActionButton: ({ width, title, date, img, isMonthVisible, hasTimer, isLoading, hasInfo, infoText, ...other }: ActionButtonProps) => React.JSX.Element;
 export default ActionButton;

package/dist/components/ActionButton/stories/ActionButton.stories.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    component: ({ width, title, date, img, isMonthVisible, hasTimer, isLoading, hasInfo, infoText, ...other }: import("../props").ActionButton) => import("react/jsx-runtime").JSX.Element;
+    component: ({ width, title, date, img, isMonthVisible, hasTimer, isLoading, hasInfo, infoText, ...other }: import("../props").ActionButton) => React.JSX.Element;
     tags: string[];
     argTypes: {
         onClick: {
@@ -19,7 +20,7 @@ export declare const Default: {
         title: string;
         date: string;
         hasTimer: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
@@ -33,7 +34,7 @@ export declare const WithTimerNoInfo: {
         title: string;
         date: string;
         hasTimer: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
@@ -47,7 +48,7 @@ export declare const WithTimerWithInfo: {
         title: string;
         date: string;
         hasTimer: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
@@ -61,7 +62,7 @@ export declare const WithTimerWithMonth: {
         title: string;
         date: string;
         hasTimer: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
@@ -75,7 +76,7 @@ export declare const WithTimerWithMonthAndInfo: {
         title: string;
         date: string;
         hasTimer: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
@@ -89,7 +90,7 @@ export declare const WithTimerLoading: {
         title: string;
         date: string;
         hasTimer: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
@@ -103,7 +104,7 @@ export declare const WithTimerLoadingWithInfo: {
         title: string;
         date: string;
         hasTimer: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
@@ -117,7 +118,7 @@ export declare const WithoutTimer: {
         title: string;
         date: string;
         hasTimer: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
@@ -131,7 +132,7 @@ export declare const WithoutTimerWithInfo: {
         title: string;
         date: string;
         hasTimer: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;

package/dist/components/AddressCard/AddressCard.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { AddressCardProps } from "./props";
-declare const AddressCard: ({ title, description, handleUpdate, onChange, checked, isShowEditBtn, id, minHeight, name, value, disabled }: AddressCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const AddressCard: ({ title, description, handleUpdate, onChange, checked, isShowEditBtn, id, minHeight, name, value, disabled }: AddressCardProps) => React.JSX.Element;
 export default AddressCard;

package/dist/components/AddressCard/stories/AddressCard.stories.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         checked: {

package/dist/components/Agreement/Agreement.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { AgreementProps } from "./props";
-declare const Agreement: ({ disabled, value, checked, name, hasError, errorMessage, onChange, title, expanded, onExpanded, content, id, required, }: AgreementProps) => import("react/jsx-runtime").JSX.Element;
+declare const Agreement: ({ disabled, value, checked, name, hasError, errorMessage, onChange, title, expanded, onExpanded, content, id, required, }: AgreementProps) => React.JSX.Element;
 export default Agreement;

package/dist/components/Agreement/stories/Agreement.stories.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {};
 };

package/dist/components/Alert/Alert.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { AlertProps } from "./props";
-declare const Alert: ({ title, children, messages, show, width, top, bottom, variant, icon }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+declare const Alert: ({ title, children, messages, show, width, top, bottom, variant, icon }: AlertProps) => React.JSX.Element;
 export default Alert;

package/dist/components/Alert/stories/Alert.stories.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: ({ title, children, messages, show, width, top, bottom, variant, icon }: import("../props").Alert) => import("react/jsx-runtime").JSX.Element;
+    component: ({ title, children, messages, show, width, top, bottom, variant, icon }: import("../props").Alert) => React.JSX.Element;
     tags: string[];
     argTypes: {
         variant: {
@@ -97,7 +98,7 @@ export declare const WithChildren: {
         icon: string;
         top: string;
         bottom: string;
-        children: import("react/jsx-runtime").JSX.Element;
+        children: React.JSX.Element;
     };
 };
 export declare const MultipleMessages: {
@@ -140,5 +141,5 @@ export declare const WithSpacing: {
     };
 };
 export declare const AllVariants: {
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: () => React.JSX.Element;
 };

package/dist/components/AutocompleteInput/AutocompleteInput.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { AutocompleteInputProps } from "./props";
-declare const AutocompleteInput: ({ hasError, label, type, width, dropdownMaxHeight, value, noResultTemplate, onBlur, onKeyUp, onKeyDown, autoComplete, hasAutoUppercase, dropdownPosition, disabled, customLinkText, customLinkHref, onCustomLinkClick, onChange, errorMessage, name, placeholder, readonly, autofocus, dropdownList, hasLoading, isShowDropdown, onClear, onFocus }: AutocompleteInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const AutocompleteInput: ({ hasError, label, type, width, dropdownMaxHeight, value, noResultTemplate, onBlur, onKeyUp, onKeyDown, autoComplete, hasAutoUppercase, dropdownPosition, disabled, customLinkText, customLinkHref, onCustomLinkClick, onChange, errorMessage, name, placeholder, readonly, autofocus, dropdownList, hasLoading, isShowDropdown, onClear, onFocus }: AutocompleteInputProps) => React.JSX.Element;
 export default AutocompleteInput;

package/dist/components/AutocompleteInput/stories/AutocompleteInput.stories.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: ({ hasError, label, type, width, dropdownMaxHeight, value, noResultTemplate, onBlur, onKeyUp, onKeyDown, autoComplete, hasAutoUppercase, dropdownPosition, disabled, customLinkText, customLinkHref, onCustomLinkClick, onChange, errorMessage, name, placeholder, readonly, autofocus, dropdownList, hasLoading, isShowDropdown, onClear, onFocus }: import("../props").AutocompleteInput) => import("react/jsx-runtime").JSX.Element;
+    component: ({ hasError, label, type, width, dropdownMaxHeight, value, noResultTemplate, onBlur, onKeyUp, onKeyDown, autoComplete, hasAutoUppercase, dropdownPosition, disabled, customLinkText, customLinkHref, onCustomLinkClick, onChange, errorMessage, name, placeholder, readonly, autofocus, dropdownList, hasLoading, isShowDropdown, onClear, onFocus }: import("../props").AutocompleteInput) => React.JSX.Element;
     tags: string[];
     argTypes: {
         hasError: {
@@ -28,7 +29,7 @@ export declare const Default: {
         onBlur: () => void;
         onKeyDown: () => void;
         value: any;
-        noResultTemplate: () => import("react/jsx-runtime").JSX.Element;
+        noResultTemplate: () => React.JSX.Element;
         dropdownList: ({
             value: number;
             label: string;

package/dist/components/Badges/Badges.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BadgesProps } from "./props";
-declare const Badges: (props: BadgesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Badges: (props: BadgesProps) => React.JSX.Element;
 export default Badges;

package/dist/components/Badges/layouts/belt/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BadgesProps } from "./../../props";
-declare const Belt: ({ title, size, hasResponsive, variant, }: BadgesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Belt: ({ title, size, hasResponsive, variant, }: BadgesProps) => React.JSX.Element;
 export default Belt;

package/dist/components/Badges/layouts/dark/index.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BadgesProps } from "./../../props";
-declare const Belt: ({ size, left, top }: BadgesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Belt: ({ size, left, top }: BadgesProps) => React.JSX.Element;
 export default Belt;

package/dist/components/Badges/layouts/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BadgesProps } from "./../../props";
-declare const Belt: ({ variant, title, }: BadgesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Belt: ({ variant, title, }: BadgesProps) => import("react").JSX.Element;
 export default Belt;

package/dist/components/Badges/stories/Badges.stories.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         layout: {
@@ -104,7 +105,7 @@ export declare const AllVariants: {
         variant: string;
         layout: string;
     };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => React.JSX.Element;
 };
 export declare const AllSizes: {
     args: {
@@ -112,7 +113,7 @@ export declare const AllSizes: {
         variant: string;
         layout: string;
     };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => React.JSX.Element;
 };
 export declare const AllLayouts: {
     args: {
@@ -120,7 +121,7 @@ export declare const AllLayouts: {
         variant: string;
         layout: string;
     };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => React.JSX.Element;
 };
 export declare const WithResponsive: {
     args: {

package/dist/components/BannerCard/BannerCard.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BannerCardProps } from "./props";
-declare const BannerCard: ({ title, img, imgMobile, hasDarkTheme, hasShadow, description, shortDesc, buttonText, onClick, hasRightArrow, customStyle, buttonVariant, }: BannerCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const BannerCard: ({ title, img, imgMobile, hasDarkTheme, hasShadow, description, shortDesc, buttonText, onClick, hasRightArrow, customStyle, buttonVariant, }: BannerCardProps) => React.JSX.Element;
 export default BannerCard;

package/dist/components/BannerCard/stories/BannerCard.stories.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         hasDarkTheme: {
@@ -20,8 +21,8 @@ declare const _default: {
 export default _default;
 export declare const Default: {
     args: {
-        img: import("react/jsx-runtime").JSX.Element;
-        imgMobile: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
+        imgMobile: React.JSX.Element;
         title: string;
         description: string;
         shortDesc: string;
@@ -35,8 +36,8 @@ export declare const Default: {
 export declare const DarkTheme: {
     args: {
         hasDarkTheme: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
-        imgMobile: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
+        imgMobile: React.JSX.Element;
         title: string;
         description: string;
         shortDesc: string;
@@ -49,8 +50,8 @@ export declare const DarkTheme: {
 export declare const Shadow: {
     args: {
         hasShadow: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
-        imgMobile: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
+        imgMobile: React.JSX.Element;
         title: string;
         description: string;
         shortDesc: string;
@@ -63,8 +64,8 @@ export declare const Shadow: {
 export declare const RightArrow: {
     args: {
         hasRightArrow: boolean;
-        img: import("react/jsx-runtime").JSX.Element;
-        imgMobile: import("react/jsx-runtime").JSX.Element;
+        img: React.JSX.Element;
+        imgMobile: React.JSX.Element;
         title: string;
         description: string;
         shortDesc: string;

package/dist/components/BlogCard/BlogCard.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BlogCardProps } from "./props";
-declare const BlogCard: (props: BlogCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const BlogCard: (props: BlogCardProps) => React.JSX.Element;
 export default BlogCard;

package/dist/components/BlogCard/stories/BlogCard.stories.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: any) => import("react/jsx-runtime").JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         direction: {
@@ -31,8 +32,8 @@ declare const _default: {
 export default _default;
 export declare const Default: {
     args: {
-        authorImg: import("react/jsx-runtime").JSX.Element;
-        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;
@@ -45,8 +46,8 @@ export declare const Default: {
 export declare const Vertical: {
     args: {
         direction: string;
-        authorImg: import("react/jsx-runtime").JSX.Element;
-        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;
@@ -58,8 +59,8 @@ export declare const Vertical: {
 export declare const Horizontal: {
     args: {
         direction: string;
-        authorImg: import("react/jsx-runtime").JSX.Element;
-        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;
@@ -71,8 +72,8 @@ export declare const Horizontal: {
 export declare const Large: {
     args: {
         size: string;
-        authorImg: import("react/jsx-runtime").JSX.Element;
-        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;
@@ -84,8 +85,8 @@ export declare const Large: {
 export declare const Medium: {
     args: {
         size: string;
-        authorImg: import("react/jsx-runtime").JSX.Element;
-        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;
@@ -96,8 +97,8 @@ export declare const Medium: {
 };
 export declare const AllDirections: {
     args: {
-        authorImg: import("react/jsx-runtime").JSX.Element;
-        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;
@@ -106,12 +107,12 @@ export declare const AllDirections: {
         direction: "vertical";
         size: "lg";
     };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => React.JSX.Element;
 };
 export declare const AllSizes: {
     args: {
-        authorImg: import("react/jsx-runtime").JSX.Element;
-        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;
@@ -120,15 +121,15 @@ export declare const AllSizes: {
         direction: "vertical";
         size: "lg";
     };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => React.JSX.Element;
 };
 export declare const Minimal: {
     args: {
         tags: any;
         date: any;
         contentDesc: any;
-        authorImg: import("react/jsx-runtime").JSX.Element;
-        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
         authorTitle: string;
         contentTitle: string;
         direction: "vertical";
@@ -138,7 +139,7 @@ export declare const Minimal: {
 export declare const WithoutAuthorImg: {
     args: {
         authorImg: any;
-        contentImg: import("react/jsx-runtime").JSX.Element;
+        contentImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;
@@ -151,7 +152,7 @@ export declare const WithoutAuthorImg: {
 export declare const WithoutContentImg: {
     args: {
         contentImg: any;
-        authorImg: import("react/jsx-runtime").JSX.Element;
+        authorImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;
@@ -165,8 +166,8 @@ export declare const LongContent: {
     args: {
         contentTitle: string;
         contentDesc: string;
-        authorImg: import("react/jsx-runtime").JSX.Element;
-        contentImg: import("react/jsx-runtime").JSX.Element;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { BreadcrumbsProps } from "./props";
-declare const Breadcrumbs: React.MemoExoticComponent<({ data, subMenuRowLength, onClickBackIcon, }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Breadcrumbs: React.MemoExoticComponent<({ data, subMenuRowLength, onClickBackIcon, }: BreadcrumbsProps) => React.JSX.Element>;
 export default Breadcrumbs;

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -44,10 +44,10 @@ var Breadcrumbs = (0, react_1.memo)(function (_a) {
     });
     var SubMenuMobile = function () {
         var _a, _b;
-        return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileWrapper, __assign({ className: "breadcrumbSm" }, { children: (_b = (_a = getSubData()) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return !item.isHideMobile; })) === null || _b === void 0 ? void 0 : _b.map(function (item) {
+        return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileWrapper, __assign({ className: "breadcrumbSm" }, { children: (_b = (_a = getSubData()) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return !item.isHideMobile; })) === null || _b === void 0 ? void 0 : _b.map(function (item, key) {
                 return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileItem, __assign({ "$isActive": item.isActive, className: (0, classnames_1.default)({
                         "active": item.isActive,
-                    }) }, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: item.name })) }), item.id));
+                    }) }, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: item.name })) }), item.id || key));
             }) })));
     };
     return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsWrapper, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsList, { children: data === null || data === void 0 ? void 0 : data.map(function (breadCrumbItem, key) {
@@ -55,7 +55,7 @@ var Breadcrumbs = (0, react_1.memo)(function (_a) {
                     return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListItem, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemBackIconWrapper, __assign({ onClick: onClickBackIcon }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallLeft" }) })), ((_a = breadCrumbItem === null || breadCrumbItem === void 0 ? void 0 : breadCrumbItem.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownWrapper, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownOpener, { children: [breadCrumbItem.name, (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallDown" })] }), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.DropdownList, { children: (0, jsx_runtime_1.jsx)(OptionMenu_1.default, { rowLength: breadCrumbItem.subMenuRowLength || subMenuRowLength, data: breadCrumbItem.children.filter(function (item) { return !item.isHideDesktop; }), hasActiveItem: true }) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.ButtonLinkComponentSm, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: __assign(__assign({}, breadCrumbItem), { component: function (_a) {
                                                     var children = _a.children;
                                                     return (0, jsx_runtime_1.jsx)("a", __assign({ onClick: onClickBackIcon }, { children: children }));
-                                                } }) }, { children: (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { children: breadCrumbItem.name }) })) }), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.ButtonLinkComponentLg, { children: (0, jsx_runtime_1.jsxs)(ButtonLinkComponent, __assign({ item: breadCrumbItem }, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { children: breadCrumbItem.name })] })) })] }))] }, breadCrumbItem === null || breadCrumbItem === void 0 ? void 0 : breadCrumbItem.id));
+                                                } }) }, { children: (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { children: breadCrumbItem.name }) })) }), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.ButtonLinkComponentLg, { children: (0, jsx_runtime_1.jsxs)(ButtonLinkComponent, __assign({ item: breadCrumbItem }, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { children: breadCrumbItem.name })] })) })] }))] }, (breadCrumbItem === null || breadCrumbItem === void 0 ? void 0 : breadCrumbItem.id) || key));
                 }) }), (0, jsx_runtime_1.jsx)(SubMenuMobile, {})] }));
 });
 exports.default = Breadcrumbs;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").MemoExoticComponent<({ data, subMenuRowLength, onClickBackIcon, }: import("../props").Breadcrumbs) => import("react/jsx-runtime").JSX.Element>;
+    component: import("react").MemoExoticComponent<({ data, subMenuRowLength, onClickBackIcon, }: import("../props").Breadcrumbs) => import("react").JSX.Element>;
     tags: string[];
     argTypes: {
         subMenuRowLength: {

package/dist/components/Button/stories/Button.stories.d.ts

@@ -119,7 +119,7 @@ export declare const AllVariants: {
         type: string;
         tooltip: string;
     };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => import("react").JSX.Element;
 };
 export declare const AllSizes: {
     args: {
@@ -132,7 +132,7 @@ export declare const AllSizes: {
         type: string;
         tooltip: string;
     };
-    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+    render: (args: any) => import("react").JSX.Element;
 };
 export declare const Loading: {
     args: {

package/dist/components/CampaignCard/CampaignCard.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { CampaignCardProps } from "./props";
-declare const CampaignCard: ({ size, onClick, hasDelivery, deliveryText, isProgressComplete, activeStep, totalStep, title, progressTitle, image }: CampaignCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const CampaignCard: ({ size, onClick, hasDelivery, deliveryText, isProgressComplete, activeStep, totalStep, title, progressTitle, image }: CampaignCardProps) => React.JSX.Element;
 export default CampaignCard;