@ludo.ninja/components 2.3.34 → 2.3.36

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

@@ -1,114 +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.Information = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const vars_1 = require("../../../fonts/vars");
-const env_1 = require("../../../store/env");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const colors_1 = require("../../../styles/colors");
-const index_1 = require("../../../system/index");
-const copyBtn_1 = require("../../../utils/copyBtn");
-const screen_1 = require("../../../utils/screen");
-const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
-const colors_2 = require("@ludo.ninja/ui/build/styles/colors");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const utils_1 = require("@ludo.ninja/utils");
-const moment_1 = __importDefault(require("moment"));
-const link_1 = __importDefault(require("next/link"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const StyledImage = styled_components_1.default.img `
-  border-radius: 50%;
-  width: 16px;
-  height: 16px;
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    width: ${(0, _4k_1.adaptiveValueCalc)(16)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(16)};
-  }
-`;
-const BoxOverflow = styled_components_1.default.div `
-  text-align: right;
-  white-space: nowrap;
-  width: 90px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    width: ${(0, _4k_1.adaptiveValueCalc)(90)};
-  }
-`;
-const FlexOverflow = (0, styled_components_1.default)(index_1.Flex) `
-  justify-content: space-between;
-  gap: 8px;
-  margin-bottom: 8px;
-
-  * {
-    white-space: nowrap;
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    gap: ${(0, _4k_1.adaptiveValueCalc)(8)};
-    margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(8)};
-  }
-`;
-const OverflowH5 = (0, styled_components_1.default)(index_1.H5) `
-  text-overflow: ellipsis;
-  overflow: hidden;
-`;
-const SBlockchain = (0, styled_components_1.default)(index_1.Flex) `
-  text-align: center;
-  align-items: center;
-  width: max-content;
-  background: ${({ theme }) => theme.colors.buttonInactive};
-  transition: background-color 0.2s ease-in;
-  padding: 4px 8px;
-  border-radius: 6px;
-  gap: 6px;
-
-  p {
-    color: ${colors_2.BlackColor};
-    font-family: ${vars_1.poppinsFontVarCss.css};
-    font-size: 15px;
-    font-weight: 500;
-    line-height: 22px;
-  }
-
-  &:hover {
-    background: ${({ theme }) => theme.colors.accentHoverBg};
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    padding: ${(0, _4k_1.adaptiveValueCalc)(4)} ${(0, _4k_1.adaptiveValueCalc)(8)};
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
-    gap: ${(0, _4k_1.adaptiveValueCalc)(6)};
-
-    p {
-      font-size: ${(0, _4k_1.adaptiveValueCalc)(15)};
-      line-height: ${(0, _4k_1.adaptiveValueCalc)(22)};
-    }
-  }
-`;
-const SFlex = (0, styled_components_1.default)(index_1.Flex) `
-  margin-bottom: 8px;
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    margin-bottom: ${(0, _4k_1.adaptiveValueCalc)(8)};
-  }
-`;
-const Information = ({ asset }) => {
-    const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
-    const { tokenId, splitedAssetId: splittedAssetId, address, blockchain: blockChain, blockTimestamp } = asset;
-    const id = tokenId || splittedAssetId;
-    const idTittle = tokenId ? "Token ID" : "ID";
-    const { deviceType } = (0, screen_1.useWindowDimensions)();
-    const isDesktop = deviceType === "isDesktop";
-    const styleOverflow = isDesktop ? { overflow: "hidden" } : undefined;
-    const getStaticENVDomain = (0, env_1.useEnvStore)((state) => state.getStaticDomain);
-    return ((0, jsx_runtime_1.jsxs)(index_1.Flex, { flexDirection: "column", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(SFlex, { justifyContent: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.TextGrayColor, children: "Blockchain" }), (0, jsx_runtime_1.jsx)(link_1.default, { href: `${ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE]["search"]}/nfts?blockchain=${blockChain.getBlockChainPrivateLabel()}`, children: (0, jsx_runtime_1.jsxs)(SBlockchain, { children: [(0, jsx_runtime_1.jsx)("p", { children: blockChain.getBlockChainPublicLabel() }), (0, jsx_runtime_1.jsx)(StyledImage, { width: 16, height: 16, src: blockChain.getBlockChainIconRegular({
-                                        domain: getStaticENVDomain(),
-                                    }), alt: blockChain.getBlockChainPublicLabel() })] }) })] }), address && ((0, jsx_runtime_1.jsxs)(FlexOverflow, { children: [(0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.TextGrayColor, children: "Contract Address" }), (0, jsx_runtime_1.jsx)(copyBtn_1.CopyButton, { value: address, style: styleOverflow, children: isDesktop ? ((0, jsx_runtime_1.jsx)(OverflowH5, { color: colors_1.AccentColor, title: address, children: address })) : ((0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.AccentColor, title: address, children: (0, utils_1.shortenedText)(address) })) })] })), (0, jsx_runtime_1.jsxs)(FlexOverflow, { children: [(0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.TextGrayColor, children: idTittle }), (0, jsx_runtime_1.jsx)(copyBtn_1.CopyButton, { value: id, style: styleOverflow, children: isDesktop ? ((0, jsx_runtime_1.jsx)(OverflowH5, { color: colors_1.AccentColor, title: id, children: id })) : ((0, jsx_runtime_1.jsx)(BoxOverflow, { children: (0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.AccentColor, title: id, children: (0, jsx_runtime_1.jsx)(BoxOverflow, { children: id }) }) })) })] }), blockTimestamp && ((0, jsx_runtime_1.jsxs)(SFlex, { justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.TextGrayColor, children: "Added on" }), (0, jsx_runtime_1.jsx)(index_1.H5, { color: colors_1.TextGrayColor, children: (0, moment_1.default)(blockTimestamp * 1000).format("LL") })] }))] }));
-};
-exports.Information = Information;

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

@@ -1,4 +0,0 @@
-import { MarketPlaceEntity } from '@ludo.ninja/core';
-export declare const MarketPlaces: ({ markets }: {
-    markets: MarketPlaceEntity[];
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,57 +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.MarketPlaces = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const image_1 = __importDefault(require("next/image"));
-const link_1 = __importDefault(require("next/link"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const env_1 = require("../../../store/env");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const boxShadow_1 = __importDefault(require("../../../styles/mixins/boxShadow"));
-const boxTransform_1 = __importDefault(require("../../../styles/mixins/boxTransform"));
-const Container = styled_components_1.default.div `
-  margin: 30px 0 0 0;
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-
-  ${ScreenWidth_1.mediaQuery.tablet} {
-    margin: 20px 0 0;
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    margin: ${(0, _4k_1.adaptiveValueCalc)(30)} 0 0 0;
-  }
-`;
-const StyledImage = (0, styled_components_1.default)(image_1.default) `
-  ${boxShadow_1.default};
-  ${boxTransform_1.default};
-  border-radius: 6px;
-  margin: 0 7px 6px 0;
-  width: 40px;
-  height: 40px;
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
-    margin: 0 ${(0, _4k_1.adaptiveValueCalc)(7)} ${(0, _4k_1.adaptiveValueCalc)(6)} 0;
-    width: ${(0, _4k_1.adaptiveValueCalc)(40)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(40)};
-  }
-`;
-const MarketLinkWrapper = ({ market, children, }) => {
-    if (market.getMarketPlaceUrl()) {
-        return ((0, jsx_runtime_1.jsx)(link_1.default, { target: "_blank", title: market.getMarketPlaceName(), href: market.getMarketPlaceUrl(), children: children }));
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-};
-const MarketPlaces = ({ markets }) => {
-    const getStaticENVDomain = (0, env_1.useEnvStore)((state) => state.getStaticDomain);
-    return ((0, jsx_runtime_1.jsx)(Container, { children: markets?.map((market) => ((0, jsx_runtime_1.jsx)(MarketLinkWrapper, { market: market, children: (0, jsx_runtime_1.jsx)(StyledImage, { width: 40, height: 40, src: market.getMarketPlaceIconRegular({
-                    domain: getStaticENVDomain(),
-                }), alt: market.getMarketPlaceName() }) }, market.getMarketPlaceId()))) }));
-};
-exports.MarketPlaces = MarketPlaces;

package/build/components/assetPage/media/AssetImage/index.d.ts

@@ -1,8 +0,0 @@
-declare const AssetImage: ({ imageUrl, errorImg, originalUrl, alt, isScreenshot, }: {
-    imageUrl: string;
-    errorImg: string;
-    alt: string;
-    originalUrl?: string | null | undefined;
-    isScreenshot?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default AssetImage;

package/build/components/assetPage/media/AssetImage/index.js

@@ -1,187 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const link_1 = __importDefault(require("next/link"));
-const ScreenWidth_1 = require("../../../../styles/ScreenWidth");
-const imageProportionsSize_1 = require("../../../../utils/imageProportionsSize");
-const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
-const styled_components_1 = __importStar(require("styled-components"));
-const colors_1 = require("@ludo.ninja/ui/build/styles/colors");
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const vars_1 = require("../../../../fonts/vars");
-const SScreenshotContainer = styled_components_1.default.div `
-  border-radius: 16px;
-  overflow: hidden;
-  background-color: ${colors_1.WhiteColor};
-  transition: background-color 150ms;
-
-  &:hover {
-    background-color: ${colors_1.InactiveButtonColor};
-  }
-
-  .link {
-    display: flex;
-    align-items: center;
-    padding: 10px;
-    width: 100%;
-    height: 48px;
-
-    ${ScreenWidth_1.mediaQuery.desktop} {
-      height: 42px;
-    }
-
-    span {
-      text-align: center;
-      color: ${colors_1.AccentColor};
-      font-family: ${vars_1.poppinsFontVarCss.css};
-      font-size: 15px;
-      font-weight: 500;
-      line-height: 22px;
-      width: 100%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
-
-    .link {
-      padding: ${(0, _4k_1.adaptiveValueCalc)(10)};
-      height: ${(0, _4k_1.adaptiveValueCalc)(48)};
-
-      span {
-        font-size: ${(0, _4k_1.adaptiveValueCalc)(15)};
-        line-height: ${(0, _4k_1.adaptiveValueCalc)(22)};
-      }
-    }
-  }
-`;
-const ImageContainer = styled_components_1.default.div `
-  display: flex;
-  position: relative;
-  align-self: center;
-  justify-content: center;
-  align-items: center;
-  overflow: hidden;
-
-  & img {
-    object-fit: contain;
-    aspect-ratio: auto;
-    width: 100%;
-    border-radius: 16px;
-    max-height: 510px;
-    max-width: 510px;
-  }
-
-  ${(props) => props.isScreenshot
-    ? (0, styled_components_1.css) `
-          width: 508px;
-          height: 244px;
-
-          ${ScreenWidth_1.mediaQuery.desktop} {
-            width: 336px;
-            height: 164px;
-          }
-
-          ${ScreenWidth_1.mediaQuery.mobile} {
-            width: 320px;
-            height: 154px;
-          }
-        `
-    : (0, styled_components_1.css) `
-          border-radius: 16px;
-          width: 510px;
-          height: 510px;
-
-          ${ScreenWidth_1.mediaQuery.desktop} {
-            width: 335px;
-            height: 335px;
-          }
-
-          ${ScreenWidth_1.mediaQuery.mobile} {
-            width: 320px;
-            height: 320px;
-          }
-        `}
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    & img {
-      border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
-      max-height: ${(0, _4k_1.adaptiveValueCalc)(510)};
-      max-width: ${(0, _4k_1.adaptiveValueCalc)(510)};
-    }
-
-    ${(props) => props.isScreenshot
-    ? (0, styled_components_1.css) `
-            width: ${(0, _4k_1.adaptiveValueCalc)(508)};
-            height: ${(0, _4k_1.adaptiveValueCalc)(244)};
-          `
-    : (0, styled_components_1.css) `
-            border-radius: ${(0, _4k_1.adaptiveValueCalc)(16)};
-            width: ${(0, _4k_1.adaptiveValueCalc)(510)};
-            height: ${(0, _4k_1.adaptiveValueCalc)(510)};
-          `}
-  }
-`;
-const AssetImage = ({ imageUrl, errorImg, originalUrl, alt, isScreenshot, }) => {
-    const [size, setSize] = (0, react_1.useState)({});
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useLayoutEffect)(() => {
-        const { width, height } = (0, imageProportionsSize_1.defineImgProportion)(ref, 80);
-        if (imageUrl && parseFloat(height) && parseFloat(width)) {
-            (0, imageProportionsSize_1.defineImgProportion)(ref, 80);
-            setSize({ width, height });
-        }
-    }, [imageUrl]);
-    const LinkComponent = originalUrl ? link_1.default : react_1.default.Fragment;
-    const ScreenShotContainer = isScreenshot
-        ? SScreenshotContainer
-        : react_1.default.Fragment;
-    return ((0, jsx_runtime_1.jsx)(LinkComponent, { href: `${originalUrl}`, target: "_blank", children: (0, jsx_runtime_1.jsxs)(ScreenShotContainer, { children: [(0, jsx_runtime_1.jsxs)(ImageContainer, { isScreenshot: isScreenshot, children: [loading && ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { height: '100%', width: '100%', style: {
-                                lineHeight: 'normal',
-                                position: 'absolute',
-                                top: 0,
-                                left: 0,
-                                visibility: `${loading ? 'hidden' : 'visible'}`,
-                            } })), (0, jsx_runtime_1.jsx)("img", { alt: alt, ref: ref, src: imageUrl, onError: (e) => {
-                                e.target.src = errorImg;
-                                setSize({ width: '100%', height: '100%' });
-                            }, onLoad: () => setLoading(false), style: {
-                                opacity: loading ? '0' : '1',
-                                ...(isScreenshot
-                                    ? {
-                                        maxHeight: '100%',
-                                        maxWidth: '100%',
-                                    }
-                                    : size),
-                            } })] }), isScreenshot && originalUrl && ((0, jsx_runtime_1.jsx)("div", { className: "link", title: originalUrl, children: (0, jsx_runtime_1.jsx)("span", { children: originalUrl }) }))] }) }));
-};
-exports.default = AssetImage;

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

@@ -1,10 +0,0 @@
-type TItem = {
-    id: number | string;
-    title: string;
-    onClick?: () => void;
-};
-interface IDropDown {
-    items: TItem[];
-}
-export declare const MoreDropDown: ({ items }: IDropDown) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,152 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MoreDropDown = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const colors_1 = require("../../../styles/colors");
-const scale_1 = require("../../../utils/adaptive/scale");
-const screen_1 = require("../../../utils/screen");
-const styled_components_1 = __importStar(require("styled-components"));
-const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-const utils_1 = require("@ludo.ninja/utils");
-const IconWithButton_1 = __importDefault(require("../../../system/Buttons/IconWithButton"));
-const vars_1 = require("../../../fonts/vars");
-const moreBtn_svg_1 = __importDefault(require("../../../public/creation/card/moreBtn"));
-const SContainer = styled_components_1.default.div `
-  position: relative;
-
-  & > *:first-child {
-    width: 24px;
-    height: 24px;
-
-    ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-      width: ${(0, _4k_1.adaptiveValueCalc)(24)};
-      height: ${(0, _4k_1.adaptiveValueCalc)(24)};
-    }
-  }
-`;
-const SContent = styled_components_1.default.div `
-  position: absolute;
-  padding: 8px;
-  top: calc(100% + 8px);
-  right: 0;
-  display: flex;
-  flex-direction: column;
-
-  transition: opacity 200ms;
-
-  pointer-events: ${(props) => (props.isOpen ? 'unset' : 'none')};
-  opacity: ${(props) => (props.isOpen ? '1' : '0')};
-
-  border-radius: 6px;
-  background: ${colors_1.WhiteColor};
-  box-shadow: 0px 8px 16px -16px rgba(33, 21, 95, 0.1);
-  width: 184px;
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    padding: ${(0, _4k_1.adaptiveValueCalc)(8)};
-    top: calc(100% + ${(0, _4k_1.adaptiveValueCalc)(8)});
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
-    box-shadow: 0 ${(0, _4k_1.adaptiveValueCalc)(8)} ${(0, _4k_1.adaptiveValueCalc)(16)}
-      ${(0, _4k_1.adaptiveValueCalc)(-16)} rgba(33, 21, 95, 0.1);
-    width: ${(0, _4k_1.adaptiveValueCalc)(184)};
-  }
-`;
-const hover = (0, styled_components_1.css) `
-  color: ${colors_1.BlackColor};
-  border-radius: 4px;
-  background: ${colors_1.BackgroundColorLight};
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(4)};
-  }
-`;
-const SButton = styled_components_1.default.button `
-  font-family: ${vars_1.dmsansFontVarCss.css};
-  padding: 6px 8px;
-  color: ${colors_1.TextGrayColor};
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 18px;
-  outline: none;
-  border: none;
-  background: inherit;
-  transition: background-color 200ms;
-  text-align: left;
-
-  &:active {
-    ${hover}
-  }
-
-  @media (hover: hover) {
-    &:hover {
-      ${hover}
-    }
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    padding: ${(0, _4k_1.adaptiveValueCalc)(6)} ${(0, _4k_1.adaptiveValueCalc)(8)};
-    font-size: ${(0, _4k_1.adaptiveValueCalc)(13)};
-    line-height: ${(0, _4k_1.adaptiveValueCalc)(18)};
-  }
-`;
-const SIcon = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    width: ${(0, _4k_1.adaptiveValueCalc)(17)};
-    height: ${(0, _4k_1.adaptiveValueCalc)(4)};
-  }
-`;
-const IconResize = () => {
-    const { windowDimensions } = (0, screen_1.useWindowDimensionsWithServerInitial)();
-    return ((0, jsx_runtime_1.jsx)(SIcon, { children: (0, jsx_runtime_1.jsx)(moreBtn_svg_1.default, { style: (0, scale_1.getAdaptiveScale)({
-                windowDimensions,
-                currentSize: 1,
-            }) }) }));
-};
-const MoreDropDown = ({ items }) => {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const handle = {
-        close() {
-            setIsOpen(false);
-        },
-        toggle() {
-            setIsOpen((prev) => !prev);
-        },
-    };
-    return ((0, jsx_runtime_1.jsx)(utils_1.ClickAwayListener, { onClickAway: handle.close, children: (0, jsx_runtime_1.jsxs)(SContainer, { children: [(0, jsx_runtime_1.jsx)(IconWithButton_1.default, { variant: 'dots', onClick: handle.toggle, children: (0, jsx_runtime_1.jsx)(IconResize, {}) }), (0, jsx_runtime_1.jsx)(SContent, { isOpen: isOpen, children: items.map(({ title, onClick, id }) => ((0, jsx_runtime_1.jsx)(SButton, { onClick: () => {
-                            onClick?.();
-                            handle.close();
-                        }, children: (0, jsx_runtime_1.jsx)("span", { children: title }) }, id))) })] }) }));
-};
-exports.MoreDropDown = MoreDropDown;

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

@@ -1,4 +0,0 @@
-import { assetSchema as schema } from '@ludo.ninja/api';
-type PropertiesProps = Pick<schema.IAsset, 'attributes'>;
-export declare const Properties: ({ attributes }: PropertiesProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,42 +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.Properties = 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 ScreenWidth_1 = require("../../../styles/ScreenWidth");
-const colors_1 = require("../../../styles/colors");
-const index_1 = require("../../../system/index");
-const Wrapper = styled_components_1.default.div `
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 15px;
-
-  ${ScreenWidth_1.mediaQuery.tablet} {
-    gap: 10px;
-  }
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    gap: ${(0, _4k_1.adaptiveValueCalc)(15)};
-  }
-`;
-const SFlex = (0, styled_components_1.default)(index_1.Flex) `
-  border-radius: 6px;
-  border: 1px solid ${colors_1.BorderColorLight};
-  padding: 10px 16px;
-
-  ${ScreenWidth_1.mediaQuery.minWidthFourK} {
-    border-radius: ${(0, _4k_1.adaptiveValueCalc)(6)};
-    border: ${(0, _4k_1.adaptiveValueCalc)(1)} solid ${colors_1.BorderColorLight};
-    padding: ${(0, _4k_1.adaptiveValueCalc)(10)} ${(0, _4k_1.adaptiveValueCalc)(16)};
-  }
-`;
-const Properties = ({ attributes }) => {
-    return ((0, jsx_runtime_1.jsx)(Wrapper, { children: attributes?.map((item) => {
-            return ((0, jsx_runtime_1.jsxs)(SFlex, { flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(index_1.H6, { style: { wordBreak: 'break-word' }, color: colors_1.TextGrayColor, children: item?.name }), (0, jsx_runtime_1.jsx)(index_1.H5, { style: { wordBreak: 'break-word' }, children: item?.value })] }, item?.name));
-        }) }));
-};
-exports.Properties = Properties;

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

@@ -1,8 +0,0 @@
-interface ISliderStore {
-    isActiveSlider: boolean;
-    setIsActiveSlider: (isActiveSlider: boolean) => void;
-    isDisabled: boolean;
-    setIsDisabled: (isDisabled: boolean) => void;
-}
-export declare const useSliderStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ISliderStore>>;
-export {};

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSliderStore = void 0;
-const zustand_1 = require("zustand");
-exports.useSliderStore = (0, zustand_1.create)()((setState, getState) => ({
-    isActiveSlider: false,
-    setIsActiveSlider: (isActiveSlider) => {
-        setState({ isActiveSlider });
-    },
-    isDisabled: false,
-    setIsDisabled: (isDisabled) => {
-        if (getState().isActiveSlider) {
-            setState({ isDisabled });
-        }
-    },
-}));

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

@@ -1,7 +0,0 @@
-type Viewer3dProps = {
-    file2D?: string | undefined | null;
-    file3D: string | undefined | null;
-};
-export declare const ScenePreview: ({ file3D }: Pick<Viewer3dProps, "file3D">) => import("react/jsx-runtime").JSX.Element | null;
-export declare const Viewer3D: ({ file3D, file2D }: Viewer3dProps) => import("react/jsx-runtime").JSX.Element;
-export {};