@ludo.ninja/components 2.1.70 → 2.1.72

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/components/assetPage/index.d.ts

@@ -6,6 +6,5 @@ export { Properties } from './properties';
 export { Information } from './information';
 export { Description } from './description';
 export { MarketPlaces } from './marketPlaces';
-export { CollectionSlider } from './slider';
 export { AudioVideoPlayer } from './audioVideoPlayer';
 export { Viewer3D } from './viewer3D';

package/build/components/assetPage/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Viewer3D = exports.AudioVideoPlayer = exports.CollectionSlider = exports.MarketPlaces = exports.Description = exports.Information = exports.Properties = exports.PriceRank = exports.AssetMedia = exports.Title = exports.Participants = void 0;
+exports.Viewer3D = exports.AudioVideoPlayer = exports.MarketPlaces = exports.Description = exports.Information = exports.Properties = exports.PriceRank = exports.AssetMedia = exports.Title = exports.Participants = void 0;
 var participants_1 = require("./participants");
 Object.defineProperty(exports, "Participants", { enumerable: true, get: function () { return participants_1.Participants; } });
 var tittle_1 = require("./tittle");
@@ -17,8 +17,6 @@ var description_1 = require("./description");
 Object.defineProperty(exports, "Description", { enumerable: true, get: function () { return description_1.Description; } });
 var marketPlaces_1 = require("./marketPlaces");
 Object.defineProperty(exports, "MarketPlaces", { enumerable: true, get: function () { return marketPlaces_1.MarketPlaces; } });
-var slider_1 = require("./slider");
-Object.defineProperty(exports, "CollectionSlider", { enumerable: true, get: function () { return slider_1.CollectionSlider; } });
 var audioVideoPlayer_1 = require("./audioVideoPlayer");
 Object.defineProperty(exports, "AudioVideoPlayer", { enumerable: true, get: function () { return audioVideoPlayer_1.AudioVideoPlayer; } });
 var viewer3D_1 = require("./viewer3D");

package/build/components/sidebar/sidebarSpa.d.ts

@@ -1,8 +1,8 @@
-export declare const SLinkStyles: (Link: any) => import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, {
+export declare const SLinkStyles: (Link: any) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, {
     scale: {
         transform: string;
     } | object;
-}, string | number | symbol>;
+}>> & string & (import("styled-components/dist/types").BaseObject | Omit<any, keyof import("react").Component<any, {}, any>>);
 export declare const SidebarSpa: ({ SLink, UserPic, SidebarInviteCodeLabel }: {
     SLink: any;
     UserPic: any;

package/build/dto/common/Media/Audio/index.d.ts

@@ -8,5 +8,8 @@ declare class Audio extends Media {
     displayMultipleMedia(): JSX.Element;
     displayMiniature(): JSX.Element;
     displayLinkedMedia(): JSX.Element;
+    displayOpenGraphMeta({ title }: {
+        title: string;
+    }): JSX.Element;
 }
 export default Audio;

package/build/dto/common/Media/Audio/index.js

@@ -33,5 +33,8 @@ class Audio extends Media_1.default {
     displayLinkedMedia() {
         return this.displaySingleMedia();
     }
+    displayOpenGraphMeta({ title }) {
+        return (0, jsx_runtime_1.jsx)("div", { children: title });
+    }
 }
 exports.default = Audio;

package/build/dto/common/Media/Image/index.d.ts

@@ -8,5 +8,8 @@ declare class Image extends Media {
     displayLinkedMedia(): JSX.Element;
     displayMultipleMedia(): JSX.Element;
     displayMiniature(): JSX.Element;
+    displayOpenGraphMeta({ title }: {
+        title: string;
+    }): JSX.Element;
 }
 export default Image;

package/build/dto/common/Media/Image/index.js

@@ -41,5 +41,8 @@ class Image extends Media_1.default {
     displayMiniature() {
         return (0, jsx_runtime_1.jsx)("div", { children: "its miniature image" });
     }
+    displayOpenGraphMeta({ title }) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: "https://510.ludo.ninja/assets/images/db1e0d05de5c9d5cd08ad5f54e6c38e3.webp" }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:alt", content: title }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:image", content: 'https://510.ludo.ninja/assets/images/db1e0d05de5c9d5cd08ad5f54e6c38e3.webp' }), (0, jsx_runtime_1.jsx)("meta", { property: "twitter:image:alt", content: title })] }));
+    }
 }
 exports.default = Image;

package/build/dto/common/Media/Object/index.d.ts

@@ -8,5 +8,8 @@ declare class ObjectMedia extends Media {
     displayMultipleMedia(): JSX.Element;
     displayMiniature(): JSX.Element;
     displayLinkedMedia(): JSX.Element;
+    displayOpenGraphMeta({ title }: {
+        title: string;
+    }): JSX.Element;
 }
 export default ObjectMedia;

package/build/dto/common/Media/Object/index.js

@@ -42,5 +42,8 @@ class ObjectMedia extends Media_1.default {
     displayLinkedMedia() {
         return this.displaySingleMedia();
     }
+    displayOpenGraphMeta({ title }) {
+        return (0, jsx_runtime_1.jsx)("div", { children: title });
+    }
 }
 exports.default = ObjectMedia;

package/build/dto/common/Media/Other/index.d.ts

@@ -8,5 +8,8 @@ declare class Other extends Media {
     displayMultipleMedia(): JSX.Element;
     displayMiniature(): JSX.Element;
     displayLinkedMedia(): JSX.Element;
+    displayOpenGraphMeta({ title }: {
+        title: string;
+    }): JSX.Element;
 }
 export default Other;

package/build/dto/common/Media/Other/index.js

@@ -61,5 +61,8 @@ class Other extends Media_1.default {
     displayLinkedMedia() {
         return this.displaySingleMedia();
     }
+    displayOpenGraphMeta({ title }) {
+        return (0, jsx_runtime_1.jsx)("div", { children: title });
+    }
 }
 exports.default = Other;

package/build/dto/common/Media/Screenshot/index.d.ts

@@ -8,5 +8,8 @@ declare class Screenshot extends Media {
     displayLinkedMedia(): JSX.Element;
     displayMultipleMedia(): JSX.Element;
     displayMiniature(): JSX.Element;
+    displayOpenGraphMeta({ title }: {
+        title: string;
+    }): JSX.Element;
 }
 export default Screenshot;

package/build/dto/common/Media/Screenshot/index.js

@@ -41,5 +41,8 @@ class Screenshot extends Media_1.default {
     displayMiniature() {
         return (0, jsx_runtime_1.jsx)("div", { children: "its miniature screenshot" });
     }
+    displayOpenGraphMeta({ title }) {
+        return (0, jsx_runtime_1.jsx)("div", { children: title });
+    }
 }
 exports.default = Screenshot;

package/build/dto/common/Media/Video/index.d.ts

@@ -8,5 +8,8 @@ declare class Video extends Media {
     displayMultipleMedia(): JSX.Element;
     displayMiniature(): JSX.Element;
     displayLinkedMedia(): JSX.Element;
+    displayOpenGraphMeta({ title }: {
+        title: string;
+    }): JSX.Element;
 }
 export default Video;

package/build/dto/common/Media/Video/index.js

@@ -33,5 +33,8 @@ class Video extends Media_1.default {
     displayLinkedMedia() {
         return this.displaySingleMedia();
     }
+    displayOpenGraphMeta({ title }) {
+        return (0, jsx_runtime_1.jsx)("div", { children: title });
+    }
 }
 exports.default = Video;

package/build/dto/common/Media/index.d.ts

@@ -21,5 +21,8 @@ declare abstract class Media implements IMedia {
     abstract displayLinkedMedia(): JSX.Element;
     abstract displayMultipleMedia(): JSX.Element;
     abstract displayMiniature(): JSX.Element;
+    abstract displayOpenGraphMeta({ title }: {
+        title: string;
+    }): JSX.Element;
 }
 export default Media;

package/build/dto/common/Media/interface.d.ts

@@ -15,6 +15,9 @@ export interface IMedia {
     displayLinkedMedia(arg?: ICreationEntity): JSX.Element;
     displayMultipleMedia(arg?: ICreationEntity): JSX.Element;
     displayMiniature(arg?: ICreationEntity): JSX.Element;
+    displayOpenGraphMeta({ title }: {
+        title: string;
+    }): JSX.Element;
 }
 export type BasicMediaType = {
     media: null | string;

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/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.70",
+  "version": "2.1.72",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",

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

@@ -1,4 +0,0 @@
-import Media from '../../../dto/common/Media';
-export declare const CollectionSlider: ({ medias }: {
-    medias: Media[] | null;
-}) => import("react/jsx-runtime").JSX.Element | null;

package/build/components/assetPage/slider/index.js

@@ -1,177 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollectionSlider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// link to carousel source https://dev.to/holdmypotion/react-3d-image-slider-5g6
-const react_1 = require("react");
-const react_slick_1 = __importDefault(require("react-slick"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const store_1 = require("./store");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const colors_1 = require("../../../styles/colors");
-const index_1 = require("../../../system/index");
-const slideItem_1 = require("./slideItem");
-const Wrapper = styled_components_1.default.div `
-  margin: 0 0 60px -160px;
-  width: 1400px;
-
-  ${ScreenWidth_1.mediaQuery.desktop} {
-    margin: 0 auto;
-    width: 100%;
-  }
-
-  ${ScreenWidth_1.mediaQuery.mobile} {
-    width: 95vw;
-    position: relative;
-    left: calc(((100vw - 320px) / -2) - -2.5vw);
-  }
-
-  .prevArrow {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 50px;
-    height: 50px;
-    border-radius: 50%;
-    background: ${colors_1.WhiteColor};
-    position: absolute;
-    top: calc(50% - 25px);
-    left: 165px;
-    z-index: 100;
-    cursor: pointer;
-    font-size: 2rem;
-
-    ${ScreenWidth_1.mediaQuery.desktop} {
-      left: 10px;
-    }
-
-    ${ScreenWidth_1.mediaQuery.tablet} {
-      left: 0;
-    }
-  }
-
-  .nextArrow {
-    left: calc(100% - 195px);
-    transform: rotate(180deg);
-
-    ${ScreenWidth_1.mediaQuery.desktop} {
-      left: calc(100% - 65px);
-    }
-
-    ${ScreenWidth_1.mediaQuery.tablet} {
-      left: calc(100% - 48px);
-    }
-  }
-
-  .disable {
-    display: none;
-  }
-
-  .slick-track {
-    display: flex;
-    align-items: center;
-  }
-
-  .slick-slide {
-    padding: 0 10px;
-    transform: scale(0.63);
-    transition: all 400ms;
-    opacity: 0.2;
-
-    ${ScreenWidth_1.mediaQuery.tablet} {
-      transform: scale(0.5);
-    }
-
-    &:not(.slick-active) {
-      pointer-events: none;
-    }
-  }
-
-  .slick-slide.slick-active.slick-center.slick-current {
-    transform: scale(1);
-    transition: all 400ms;
-    opacity: 1;
-  }
-
-  .medias-count {
-    margin-top: 15px;
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    margin: 0 0 ${(0, _4k_1.adaptiveValueCalc)(60)} ${(0, _4k_1.adaptiveValueCalc)(-160)};
-    width: ${(0, _4k_1.adaptiveValueCalc)(1400)};
-
-    .medias-count {
-      margin-top: ${(0, _4k_1.adaptiveValueCalc)(15)};
-    }
-
-    .prevArrow {
-      width: ${(0, _4k_1.adaptiveValueCalc)(50)};
-      height: ${(0, _4k_1.adaptiveValueCalc)(50)};
-      top: calc(50% - ${(0, _4k_1.adaptiveValueCalc)(25)});
-      left: ${(0, _4k_1.adaptiveValueCalc)(165)};
-      font-size: ${(0, _4k_1.adaptiveValueCalc)(20)};
-
-      img {
-        width: ${(0, _4k_1.adaptiveValueCalc)(12)};
-        height: ${(0, _4k_1.adaptiveValueCalc)(15)};
-      }
-    }
-
-    .nextArrow {
-      left: calc(100% - ${(0, _4k_1.adaptiveValueCalc)(195)});
-    }
-
-    .slick-slide {
-      padding: 0 ${(0, _4k_1.adaptiveValueCalc)(10)};
-    }
-  }
-`;
-const PrevArrow = ({ disable, onClick, }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: `${disable ? 'disable prevArrow' : 'prevArrow'}`, onClick: onClick, children: (0, jsx_runtime_1.jsx)("img", { src: '/assetPage/arrow.svg', width: 12, height: 15, alt: "arrow" }) }));
-};
-const NextArrow = ({ disable, onClick, }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: `${disable ? 'disable prevArrow nextArrow' : 'prevArrow nextArrow'}`, onClick: onClick, children: (0, jsx_runtime_1.jsx)("img", { src: '/assetPage/arrow.svg', width: 12, height: 15, alt: "arrow" }) }));
-};
-const CollectionSlider = ({ medias }) => {
-    if (!medias)
-        return null;
-    return (0, jsx_runtime_1.jsx)(SliderMedias, { medias: medias });
-};
-exports.CollectionSlider = CollectionSlider;
-const SliderMedias = ({ medias }) => {
-    const setIsActiveSlider = (0, store_1.useSliderStore)((state) => state.setIsActiveSlider);
-    const isDisabled = (0, store_1.useSliderStore)((state) => state.isDisabled);
-    (0, react_1.useEffect)(() => {
-        setIsActiveSlider(true);
-        return () => {
-            setIsActiveSlider(false);
-        };
-    }, []);
-    const [imageIndex, setImageIndex] = (0, react_1.useState)(0);
-    const settings = {
-        draggable: !isDisabled,
-        swipe: !isDisabled,
-        arrows: !isDisabled,
-        centerMode: true,
-        infinite: false,
-        dots: false,
-        speed: 400,
-        swipeToSlide: true,
-        focusOnSelect: true,
-        variableWidth: true,
-        nextArrow: ((0, jsx_runtime_1.jsx)(NextArrow, { disable: imageIndex === medias.length - 1, onClick: () => setImageIndex((val) => val + 1) })),
-        prevArrow: ((0, jsx_runtime_1.jsx)(PrevArrow, { disable: imageIndex === 0, onClick: () => setImageIndex((val) => val - 1) })),
-        beforeChange: (current, next) => setImageIndex(next),
-    };
-    const collectionTemplate = medias.map((image, idx) => {
-        if (!image)
-            return null;
-        return (0, jsx_runtime_1.jsx)(slideItem_1.SlideItem, { item: image }, idx);
-    });
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(react_slick_1.default, { ...settings, children: collectionTemplate }), (0, jsx_runtime_1.jsx)(index_1.H6, { style: { textAlign: 'center' }, color: colors_1.TextGrayColor, className: 'medias-count', children: imageIndex + 1 + '/' + medias.length + ' medias' })] }));
-};

package/build/components/assetPage/slider/slideItem.d.ts

@@ -1,5 +0,0 @@
-import Media from '../../../dto/common/Media';
-export declare const SlideItem: ({ item, key }: {
-    item: Media;
-    key: number;
-}) => import("react/jsx-runtime").JSX.Element;

package/build/components/assetPage/slider/slideItem.js

@@ -1,53 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlideItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const audioVideoPlayer_1 = require("../audioVideoPlayer");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const SlideWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  //width: 450px;
-  //height: 450px;
-  position: relative;
-  border-radius: 16px;
-  background-size: contain;
-  background-repeat: no-repeat;
-  margin: 0 auto;
-
-  ${audioVideoPlayer_1.ReactPlayerWrapper} {
-    margin-right: 0;
-  }
-
-  ${ScreenWidth_1.mediaQuery.desktop} {
-    width: 280px;
-    height: 280px;
-  }
-
-  ${ScreenWidth_1.mediaQuery.tablet} {
-    width: 240px;
-    height: 240px;
-  }
-
-  & > div {
-    width: 100%;
-
-    /* ${ScreenWidth_1.mediaQuery.desktop} {
-    width:100%;
-    } */
-  }
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
-  }
-`;
-const SlideItem = ({ item, key }) => {
-    return (0, jsx_runtime_1.jsx)(SlideWrapper, { children: item.displayLinkedMedia() }, key);
-};
-exports.SlideItem = SlideItem;