@ludo.ninja/components 2.1.35 → 2.1.37

package/build/api/subscriptions/SubscriberNotifications.d.ts

@@ -1,9 +1 @@
-import { ReactNode } from "react";
-interface IImageInterceptor {
-    src: string;
-    title: string;
-    fallbackSvg: ReactNode;
-}
-export declare const ImageInterceptor: ({ src, title, fallbackSvg, }: IImageInterceptor) => import("react/jsx-runtime").JSX.Element;
 export declare const SubscriberNotification: () => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/api/subscriptions/SubscriberNotifications.js

@@ -3,148 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubscriberNotification = exports.ImageInterceptor = void 0;
+exports.SubscriberNotification = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const client_1 = require("@apollo/client");
-const api_1 = require("@ludo.ninja/api");
 const store_1 = require("../../modules/user/store");
-const env_1 = require("../../store/env");
-const ui_1 = require("../../store/ui");
 const NoSSR_1 = __importDefault(require("../../components/base/NoSSR"));
-const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
 const router_1 = require("next/router");
 const react_1 = require("react");
-const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const OpportunitySvg_1 = require("@ludo.ninja/ui/build/modules/notifications/variants/OpportunitySvg");
-const InviteCodeSvg_1 = require("@ludo.ninja/ui/build/modules/notifications/variants/InviteCodeSvg");
-const XPIconSvg_1 = require("@ludo.ninja/ui/build/modules/notifications/variants/XPIconSvg");
-const noContent_1 = require("./noContent");
-const SImage = styled_components_1.default.div `
-  position: relative;
-  width: 62px;
-  height: 62px;
-  border-radius: 4px;
-  overflow: hidden;
-
-  img {
-    border-radius: 4px;
-  }
-
-  & *:not(img) {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 10;
-    width: 100%;
-    height: 100%;
-  }
-`;
-const ImageInterceptor = ({ src, title, fallbackSvg, }) => {
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [isError, setIsError] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(SImage, { children: [isError && fallbackSvg, !isError && (0, jsx_runtime_1.jsx)("img", { width: "62", height: "62", src: src, alt: title, onLoad: () => {
-                    setIsLoading(false);
-                }, onError: () => {
-                    setIsError(true);
-                    setIsLoading(false);
-                } }), isLoading && ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: "skeleton", width: 62, height: 62, borderRadius: 4 }))] }));
-};
-exports.ImageInterceptor = ImageInterceptor;
-const ImageNotification = ({ src, title, fallbackSvg, }) => {
-    if (!src) {
-        return fallbackSvg;
-    }
-    return (0, jsx_runtime_1.jsx)(exports.ImageInterceptor, { fallbackSvg: fallbackSvg, title: title, src: src });
-};
-const Subscription = () => {
-    const { authToken } = api_1.authCookies.getCookies();
-    const addNotification = (0, ui_1.useUiStore)((state) => state.addNotification);
-    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)(state => state.NEXT_PUBLIC_ENV_VALUE);
-    const router = (0, router_1.useRouter)();
-    const { user, } = (0, store_1.useUserStore)((state) => ({
-        user: state.user,
-    }));
-    const userId = user?.userId || "";
-    const [readNotification] = api_1.notificationsSchema.useReadNotificationMutation({
-        context: {
-            uri: api_1.hosts.notificationsHost,
-        },
-    });
-    (0, client_1.useSubscription)(api_1.notificationsSchema.OnNotificationDocument, {
-        variables: { authToken, notificationTypes: [api_1.notificationsSchema.INotificationType.Push] },
-        onData: (options) => {
-            const notification = options.data.data?.onNotification;
-            // console.log("notification", notification);
-            if (notification) {
-                switch (notification.eventType) {
-                    case api_1.notificationsSchema.IEventType.CommonOpportunity:
-                    case api_1.notificationsSchema.IEventType.UserOpportunity:
-                        addNotification({
-                            icon: (0, jsx_runtime_1.jsx)(ImageNotification, { src: notification.media || "", title: notification.name || "Opportunity updated", fallbackSvg: (0, jsx_runtime_1.jsx)(OpportunitySvg_1.OpportunitySvg, {}) }),
-                            title: notification.name || "Opportunity updated",
-                            description: notification.description || "",
-                            onClick: () => {
-                                if (notification.link) {
-                                    window.open(notification.link, "_blank");
-                                }
-                            },
-                        });
-                        break;
-                    case api_1.notificationsSchema.IEventType.UserInvitee:
-                        addNotification({
-                            icon: (0, jsx_runtime_1.jsx)(ImageNotification, { src: notification.media || "", title: notification.name || "Invite code used", fallbackSvg: (0, jsx_runtime_1.jsx)(InviteCodeSvg_1.InviteCodeSvg, {}) }),
-                            title: notification.name || "Invite code used",
-                            description: notification.description || "",
-                            onClick: () => {
-                                const domain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"];
-                                if (domain === window.origin) {
-                                    router.push(`/invite-codes`);
-                                }
-                                else {
-                                    window.open(`${domain}/invite-codes`, "_self");
-                                }
-                            },
-                        });
-                        break;
-                    case api_1.notificationsSchema.IEventType.UserXpIncrement:
-                    case api_1.notificationsSchema.IEventType.UserXps:
-                        addNotification({
-                            icon: (0, jsx_runtime_1.jsx)(ImageNotification, { src: notification.media || "", title: notification.name || "XP updated", fallbackSvg: (0, jsx_runtime_1.jsx)(XPIconSvg_1.XpIconSvg, {}) }),
-                            title: notification.name || "XP updated",
-                            description: notification.description || "",
-                            onClick: () => {
-                                const domain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"];
-                                if (domain === window.origin) {
-                                    router.push(`/rewards/${userId}`);
-                                }
-                                else {
-                                    window.open(`${domain}/rewards/${userId}`, "_self");
-                                }
-                            },
-                        });
-                        break;
-                    default:
-                        addNotification({
-                            icon: (0, jsx_runtime_1.jsx)(ImageNotification, { src: notification.media || "", title: notification.name || "Ludo updated", fallbackSvg: (0, jsx_runtime_1.jsx)(noContent_1.NoContentSvg, {}) }),
-                            title: notification.name || "",
-                            description: notification.description || "",
-                            onClick: () => {
-                                if (notification.link) {
-                                    window.open(notification.link, "_blank");
-                                }
-                            },
-                        });
-                }
-                readNotification({ variables: { notificationId: notification.notificationId } });
-            }
-        },
-    });
-    return null;
-};
+const SubscriptionNotificationSPA_1 = require("./SubscriptionNotificationSPA");
 const SubscriberNotification = () => {
     const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);
     const key = isSignedIn ? "all includes" : "only common";
+    const router = (0, router_1.useRouter)();
     const [isWindowVisible, setIsWindowVisible] = (0, react_1.useState)(true);
     (0, react_1.useEffect)(() => {
         const changeVisibility = () => {
@@ -155,6 +24,6 @@ const SubscriberNotification = () => {
             document.removeEventListener("visibilitychange", changeVisibility);
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)(NoSSR_1.default, { children: isWindowVisible && (0, jsx_runtime_1.jsx)(Subscription, {}, key) }));
+    return ((0, jsx_runtime_1.jsx)(NoSSR_1.default, { children: isWindowVisible && (0, jsx_runtime_1.jsx)(SubscriptionNotificationSPA_1.Subscription, { routerPush: router.push }, key) }));
 };
 exports.SubscriberNotification = SubscriberNotification;

package/build/api/subscriptions/SubscriptionNotificationSPA.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+interface IImageInterceptor {
+    src: string;
+    title: string;
+    fallbackSvg: ReactNode;
+}
+export declare const ImageInterceptor: ({ src, title, fallbackSvg, }: IImageInterceptor) => import("react/jsx-runtime").JSX.Element;
+export declare const Subscription: ({ routerPush }: {
+    routerPush?: (a: string) => void;
+}) => null;
+export {};

package/build/api/subscriptions/SubscriptionNotificationSPA.js

@@ -0,0 +1,142 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Subscription = exports.ImageInterceptor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const api_1 = require("@ludo.ninja/api");
+const ui_1 = require("../../store/ui");
+const env_1 = require("../../store/env");
+const store_1 = require("../../modules/user/store");
+const client_1 = require("@apollo/client");
+const OpportunitySvg_1 = require("@ludo.ninja/ui/build/modules/notifications/variants/OpportunitySvg");
+const InviteCodeSvg_1 = require("@ludo.ninja/ui/build/modules/notifications/variants/InviteCodeSvg");
+const XPIconSvg_1 = require("@ludo.ninja/ui/build/modules/notifications/variants/XPIconSvg");
+const noContent_1 = require("./noContent");
+const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const SImage = styled_components_1.default.div `
+  position: relative;
+  width: 62px;
+  height: 62px;
+  border-radius: 4px;
+  overflow: hidden;
+
+  img {
+    border-radius: 4px;
+  }
+
+  & *:not(img) {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    width: 100%;
+    height: 100%;
+  }
+`;
+const ImageInterceptor = ({ src, title, fallbackSvg, }) => {
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [isError, setIsError] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(SImage, { children: [isError && fallbackSvg, !isError && (0, jsx_runtime_1.jsx)("img", { width: "62", height: "62", src: src, alt: title, onLoad: () => {
+                    setIsLoading(false);
+                }, onError: () => {
+                    setIsError(true);
+                    setIsLoading(false);
+                } }), isLoading && ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { className: "skeleton", width: 62, height: 62, borderRadius: 4 }))] }));
+};
+exports.ImageInterceptor = ImageInterceptor;
+const ImageNotification = ({ src, title, fallbackSvg, }) => {
+    if (!src) {
+        return fallbackSvg;
+    }
+    return (0, jsx_runtime_1.jsx)(exports.ImageInterceptor, { fallbackSvg: fallbackSvg, title: title, src: src });
+};
+const Subscription = ({ routerPush }) => {
+    const { authToken } = api_1.authCookies.getCookies();
+    const addNotification = (0, ui_1.useUiStore)((state) => state.addNotification);
+    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)(state => state.NEXT_PUBLIC_ENV_VALUE);
+    const { user, } = (0, store_1.useUserStore)((state) => ({
+        user: state.user,
+    }));
+    const userId = user?.userId || "";
+    const [readNotification] = api_1.notificationsSchema.useReadNotificationMutation({
+        context: {
+            uri: api_1.hosts.notificationsHost,
+        },
+    });
+    (0, client_1.useSubscription)(api_1.notificationsSchema.OnNotificationDocument, {
+        variables: { authToken, notificationTypes: [api_1.notificationsSchema.INotificationType.Push] },
+        onData: (options) => {
+            const notification = options.data.data?.onNotification;
+            // console.log("notification", notification);
+            if (notification) {
+                switch (notification.eventType) {
+                    case api_1.notificationsSchema.IEventType.CommonOpportunity:
+                    case api_1.notificationsSchema.IEventType.UserOpportunity:
+                        addNotification({
+                            icon: (0, jsx_runtime_1.jsx)(ImageNotification, { src: notification.media || "", title: notification.name || "Opportunity updated", fallbackSvg: (0, jsx_runtime_1.jsx)(OpportunitySvg_1.OpportunitySvg, {}) }),
+                            title: notification.name || "Opportunity updated",
+                            description: notification.description || "",
+                            onClick: () => {
+                                if (notification.link) {
+                                    window.open(notification.link, "_blank");
+                                }
+                            },
+                        });
+                        break;
+                    case api_1.notificationsSchema.IEventType.UserInvitee:
+                        addNotification({
+                            icon: (0, jsx_runtime_1.jsx)(ImageNotification, { src: notification.media || "", title: notification.name || "Invite code used", fallbackSvg: (0, jsx_runtime_1.jsx)(InviteCodeSvg_1.InviteCodeSvg, {}) }),
+                            title: notification.name || "Invite code used",
+                            description: notification.description || "",
+                            onClick: () => {
+                                const domain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"];
+                                if (domain === window.origin) {
+                                    routerPush?.(`/invite-codes`);
+                                }
+                                else {
+                                    window.open(`${domain}/invite-codes`, "_self");
+                                }
+                            },
+                        });
+                        break;
+                    case api_1.notificationsSchema.IEventType.UserXpIncrement:
+                    case api_1.notificationsSchema.IEventType.UserXps:
+                        addNotification({
+                            icon: (0, jsx_runtime_1.jsx)(ImageNotification, { src: notification.media || "", title: notification.name || "XP updated", fallbackSvg: (0, jsx_runtime_1.jsx)(XPIconSvg_1.XpIconSvg, {}) }),
+                            title: notification.name || "XP updated",
+                            description: notification.description || "",
+                            onClick: () => {
+                                const domain = ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["app"];
+                                if (domain === window.origin) {
+                                    routerPush?.(`/rewards/${userId}`);
+                                }
+                                else {
+                                    window.open(`${domain}/rewards/${userId}`, "_self");
+                                }
+                            },
+                        });
+                        break;
+                    default:
+                        addNotification({
+                            icon: (0, jsx_runtime_1.jsx)(ImageNotification, { src: notification.media || "", title: notification.name || "Ludo updated", fallbackSvg: (0, jsx_runtime_1.jsx)(noContent_1.NoContentSvg, {}) }),
+                            title: notification.name || "",
+                            description: notification.description || "",
+                            onClick: () => {
+                                if (notification.link) {
+                                    window.open(notification.link, "_blank");
+                                }
+                            },
+                        });
+                }
+                readNotification({ variables: { notificationId: notification.notificationId } });
+            }
+        },
+    });
+    return null;
+};
+exports.Subscription = Subscription;

package/build/components/assetPage/audioVideoPlayer/index.d.ts

@@ -66,11 +66,11 @@ export interface PlayerStateTypes {
     error: boolean;
     isFullscreenMode: boolean;
 }
-export declare const ReactPlayerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const ReactPlayerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     poster: string | null | undefined;
     playerType: string;
     isFullscreenMode: boolean;
-}, never>;
+}>> & string;
 export declare class AudioVideoPlayer extends Component<ReactPlayerProps, PlayerStateTypes> {
     private player;
     constructor(props: ReactPlayerProps);

package/build/fonts/FontsInitializeLayout.d.ts

@@ -9,4 +9,4 @@ export declare const getFontsLayout: ({ poppinsFont, dmsansFont }: {
         children: ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const GlobalFontsFallback: import("styled-components").FlattenSimpleInterpolation;
+export declare const GlobalFontsFallback: import("styled-components").RuleSet<object>;

package/build/layouts/AppLayout.js

@@ -1,30 +1,17 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = require("styled-components");
-const browser_1 = __importDefault(require("@marker.io/browser"));
-const utils_1 = require("@ludo.ninja/utils");
-const react_1 = require("react");
 const ui_1 = require("../store/ui");
 const client_1 = require("@apollo/client");
 const apollo_1 = require("../hooks/apollo");
 const GlobalLayout_1 = require("./GlobalLayout");
 const store_1 = require("../modules/user/store");
 const index_1 = require("../store/index");
-const env_1 = require("../store/env");
 const AppLayout = ({ children, pageProps }) => {
     const apolloClient = (0, apollo_1.useApollo)(pageProps);
     const theme = (0, ui_1.useUiStore)((state) => state.theme);
-    const NODE_ENV = (0, env_1.useEnvStore)(state => state.NODE_ENV);
-    (0, react_1.useEffect)(() => {
-        if (!utils_1.isServer && NODE_ENV === "production") {
-            browser_1.default.loadWidget({ project: "65f2e310e9298c9dca4d4ca9" });
-        }
-    }, []);
     return ((0, jsx_runtime_1.jsx)(index_1.SSRProvider, { initialState: {
             isMobile: pageProps.isMobile,
         }, children: (0, jsx_runtime_1.jsx)(client_1.ApolloProvider, { client: apolloClient, children: (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(store_1.UserProvider, { initialState: {

package/build/layouts/custom/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const StyledMain: import("styled-components").StyledComponent<"main", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledMainForms: import("styled-components").StyledComponent<"main", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledMain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const StyledMainForms: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/build/modules/gallery/ui/STopSections.d.ts

@@ -1 +1 @@
-export declare const STopSections: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const STopSections: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/build/styles/animations/index.d.ts

@@ -1,2 +1,2 @@
-export declare const rotateReverse: import("styled-components").Keyframes;
-export declare const rotate: import("styled-components").Keyframes;
+export declare const rotateReverse: import("styled-components/dist/models/Keyframes").default;
+export declare const rotate: import("styled-components/dist/models/Keyframes").default;

package/build/styles/globalStyles.d.ts

@@ -1,2 +1,2 @@
-declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
 export default GlobalStyle;

package/build/styles/mixins/boxShadow.d.ts

@@ -1,2 +1,2 @@
-declare const BoxShadow: () => import("styled-components").FlattenSimpleInterpolation;
+declare const BoxShadow: () => import("styled-components").RuleSet<object>;
 export default BoxShadow;

package/build/styles/mixins/boxTransform.d.ts

@@ -1,2 +1,2 @@
-declare const BoxTransform: () => import("styled-components").FlattenSimpleInterpolation;
+declare const BoxTransform: () => import("styled-components").RuleSet<object>;
 export default BoxTransform;

package/build/system/Cards/CardContent/CardShowMore/index.d.ts

@@ -1,4 +1,5 @@
-export declare const StyledCardShowMore: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+import React from 'react';
+export declare const StyledCardShowMore: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const CardShowMore: ({ itemId, href }: {
     itemId: string;
     href: string;

package/build/system/Cards/Styles/Content.d.ts

@@ -1,2 +1,2 @@
-declare const StyledContentCard: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledContentCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default StyledContentCard;

package/build/system/Cards/Styles/Head.d.ts

@@ -1,2 +1,2 @@
-declare const StyledCardHead: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledCardHead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default StyledCardHead;

package/build/system/Cards/Styles/Headicons.d.ts

@@ -1,4 +1,4 @@
-declare const StyledHeadIcons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+declare const StyledHeadIcons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isMobile: boolean;
-}, never>;
+}>> & string;
 export default StyledHeadIcons;

package/build/system/Cards/Styles/Image.d.ts

@@ -1,4 +1,4 @@
-declare const StyledImg: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+declare const StyledImg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
     isLoading: boolean;
-}, never>;
+}>> & string;
 export default StyledImg;

package/build/system/Cards/Styles/Likes.d.ts

@@ -1,4 +1,4 @@
-declare const StyledLikes: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+declare const StyledLikes: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isLiked: boolean;
-}, never>;
+}>> & string;
 export default StyledLikes;

package/build/system/Cards/Styles/MultiHead.d.ts

@@ -1,2 +1,2 @@
-declare const StyledMultiHead: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledMultiHead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default StyledMultiHead;

package/build/system/Cards/Styles/Video.d.ts

@@ -1,2 +1,2 @@
-declare const StyledVideo: import("styled-components").StyledComponent<"video", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledVideo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
 export default StyledVideo;

package/build/system/Forms/Input/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { UseFormRegisterReturn } from 'react-hook-form';
 import { inputType } from './type';
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
     status: boolean;
-}, never>;
+}>> & string;
 interface Props {
     data: inputType;
     register: UseFormRegisterReturn;

package/build/system/Modals/ModalSidebar/index.d.ts

@@ -1,3 +1,4 @@
-export declare const StyledModalSidebar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+import React from 'react';
+export declare const StyledModalSidebar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const ModalSidebar: () => import("react/jsx-runtime").JSX.Element | null;
 export default ModalSidebar;

package/build/system/Tabs/TabNavLink/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { TabsNavType } from '../TabsNav/type';
-export declare const StyledTabsNavLink: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledTabsNavLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isActive: boolean;
-}, never>;
+}>> & string;
 interface Props {
     tabNavLink: TabsNavType;
     activeNavLink: boolean;

package/build/system/Tabs/TabsNav/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TActiveTab, TabsNavType } from './type';
-export declare const StyledTabsNav: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTabsNav: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 interface Props {
     tabsData: TabsNavType[];
     activeTab: TActiveTab;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.1.35",
+  "version": "2.1.37",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",