infinity-forge 0.47.4 → 0.47.5

package/dist/sites/fixed-components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './mvv/index.js';
+export * from './list-blog/index.js';
 export * from './header-link/index.js';

package/dist/sites/fixed-components/index.js

@@ -15,5 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./mvv/index.js"), exports);
+__exportStar(require("./list-blog/index.js"), exports);
 __exportStar(require("./header-link/index.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/sites/fixed-components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/sites/fixed-components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,gDAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/sites/fixed-components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,8CAA2B;AAC3B,gDAA6B"}

package/dist/sites/fixed-components/list-blog/card/index.d.ts

@@ -0,0 +1,2 @@
+import { IListBlogItem } from '../interfaces.js';
+export declare function BlogCard({ categoriaTitle, url, imagem, titulo, subtitulo }: IListBlogItem): import("react/jsx-runtime").JSX.Element;

package/dist/sites/fixed-components/list-blog/card/index.js

@@ -0,0 +1,39 @@
+"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.BlogCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var link_1 = __importDefault(require("next/link"));
+var components_1 = require("../../../../ui/components/index.js");
+var S = __importStar(require("./styles.js"));
+function BlogCard(_a) {
+    var categoriaTitle = _a.categoriaTitle, url = _a.url, imagem = _a.imagem, titulo = _a.titulo, subtitulo = _a.subtitulo;
+    return ((0, jsx_runtime_1.jsx)(components_1.Error, { name: 'BlogCard', children: (0, jsx_runtime_1.jsxs)(S.BlogCard, { children: [categoriaTitle && ((0, jsx_runtime_1.jsx)(link_1.default, { className: 'font-18-regular top-link', href: "/blog/".concat(categoriaTitle), children: categoriaTitle })), (0, jsx_runtime_1.jsx)(link_1.default, { href: "/post/".concat(url), className: 'image', children: (0, jsx_runtime_1.jsx)(components_1.NextImage, { src: imagem }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'text-box', children: [titulo && ((0, jsx_runtime_1.jsx)(link_1.default, { href: "/post/".concat(url), className: 'title font-32-bold', children: titulo })), subtitulo && (0, jsx_runtime_1.jsx)("div", { className: 'description font-16-regular', dangerouslySetInnerHTML: { __html: subtitulo } })] })] }) }));
+}
+exports.BlogCard = BlogCard;
+//# sourceMappingURL=index.js.map

package/dist/sites/fixed-components/list-blog/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/sites/fixed-components/list-blog/card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,8CAAkD;AAIlD,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAAiE;QAA/D,cAAc,oBAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA;IACvE,OAAO,CACL,uBAAC,kBAAK,IAAC,IAAI,EAAC,UAAU,YACpB,wBAAC,CAAC,CAAC,QAAQ,eACR,cAAc,IAAI,CACjB,uBAAC,cAAI,IAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAE,gBAAS,cAAc,CAAE,YACvE,cAAc,GACV,CACR,EAED,uBAAC,cAAI,IAAC,IAAI,EAAE,gBAAS,GAAG,CAAE,EAAE,SAAS,EAAC,OAAO,YAC3C,uBAAC,sBAAS,IAAC,GAAG,EAAE,MAAM,GAAI,GACrB,EAEP,iCAAK,SAAS,EAAC,UAAU,aACtB,MAAM,IAAI,CACT,uBAAC,cAAI,IAAC,IAAI,EAAE,gBAAS,GAAG,CAAE,EAAE,SAAS,EAAC,oBAAoB,YACvD,MAAM,GACF,CACR,EAEA,SAAS,IAAI,gCAAK,SAAS,EAAC,6BAA6B,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAAI,IACzG,IACK,GACP,CACT,CAAA;AACH,CAAC;AA1BD,4BA0BC"}

package/dist/sites/fixed-components/list-blog/card/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const BlogCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/sites/fixed-components/list-blog/card/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlogCard = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.BlogCard = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 22;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);\n  border-radius: 10px;\n  background-color: #ffffff;\n  overflow: hidden;\n\n  .top-link {\n    width: fit-content;\n    height: 1.67vw;\n    min-height: 28px;\n    border-radius: 5px;\n    padding: 0 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 22;\n    top: 20px;\n    right: 20px;\n  }\n\n  .image {\n    width: 100%;\n    aspect-ratio: 1;\n    max-height: 320px;\n    border-radius: 15px;\n\n    &:hover {\n      img {\n        transform: scale(1.2);\n        transition: transform 0.2s ease-in-out;\n      }\n    }\n  }\n\n  .text-box {\n    padding: 0 20px 20px;\n\n    .title {\n      display: block;\n      margin: 30px 0 22px;\n      line-height: 1.2;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      line-clamp: 2;\n      -webkit-box-orient: vertical;\n      height: 77px;\n    }\n\n    .description {\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      line-clamp: 3;\n      -webkit-box-orient: vertical;\n      height: fit-content;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .top-link {\n      top: 18px;\n      right: 18px;\n    }\n\n    .text-box {\n      padding: 0 18px 18px;\n\n      .title {\n        margin: 26px 0 20px;\n        height: 74px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .top-link {\n      top: 16px;\n      right: 16px;\n    }\n\n    .image {\n      max-height: 300px;\n    }\n\n    .text-box {\n      padding: 0 16px 16px;\n\n      .title {\n        margin: 24px 0 18px;\n        height: 70px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .top-link {\n      top: 14px;\n      right: 14px;\n    }\n\n    .text-box {\n      .title {\n        margin: 22px 0 16px;\n        height: 56px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    .text-box {\n      .title {\n        margin: 20px 0 12px;\n        height: 52px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .text-box {\n      .title {\n        margin: 20px 0 12px;\n        height: 52px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 600px) {\n    .text-box {\n      .title {\n        margin: 18px 0 10px;\n        height: 40px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 500px) {\n    .image {\n      max-height: 230px;\n    }\n  }\n"], ["\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 22;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);\n  border-radius: 10px;\n  background-color: #ffffff;\n  overflow: hidden;\n\n  .top-link {\n    width: fit-content;\n    height: 1.67vw;\n    min-height: 28px;\n    border-radius: 5px;\n    padding: 0 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 22;\n    top: 20px;\n    right: 20px;\n  }\n\n  .image {\n    width: 100%;\n    aspect-ratio: 1;\n    max-height: 320px;\n    border-radius: 15px;\n\n    &:hover {\n      img {\n        transform: scale(1.2);\n        transition: transform 0.2s ease-in-out;\n      }\n    }\n  }\n\n  .text-box {\n    padding: 0 20px 20px;\n\n    .title {\n      display: block;\n      margin: 30px 0 22px;\n      line-height: 1.2;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      line-clamp: 2;\n      -webkit-box-orient: vertical;\n      height: 77px;\n    }\n\n    .description {\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      line-clamp: 3;\n      -webkit-box-orient: vertical;\n      height: fit-content;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .top-link {\n      top: 18px;\n      right: 18px;\n    }\n\n    .text-box {\n      padding: 0 18px 18px;\n\n      .title {\n        margin: 26px 0 20px;\n        height: 74px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .top-link {\n      top: 16px;\n      right: 16px;\n    }\n\n    .image {\n      max-height: 300px;\n    }\n\n    .text-box {\n      padding: 0 16px 16px;\n\n      .title {\n        margin: 24px 0 18px;\n        height: 70px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .top-link {\n      top: 14px;\n      right: 14px;\n    }\n\n    .text-box {\n      .title {\n        margin: 22px 0 16px;\n        height: 56px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    .text-box {\n      .title {\n        margin: 20px 0 12px;\n        height: 52px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .text-box {\n      .title {\n        margin: 20px 0 12px;\n        height: 52px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 600px) {\n    .text-box {\n      .title {\n        margin: 18px 0 10px;\n        height: 40px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 500px) {\n    .image {\n      max-height: 230px;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/sites/fixed-components/list-blog/card/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/sites/fixed-components/list-blog/card/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,qoFAAA,kkFAoJpC,KAAA"}

package/dist/sites/fixed-components/list-blog/carousel-configs.d.ts

@@ -0,0 +1,2 @@
+import { CarouselSettings } from '../../../ui/index.js';
+export declare const carouselConfigs: CarouselSettings;

package/dist/sites/fixed-components/list-blog/carousel-configs.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.carouselConfigs = void 0;
+exports.carouselConfigs = {
+    dots: true,
+    slidesToShow: 3,
+    slidesToScroll: 3,
+    spacing: 20,
+    responsive: [
+        {
+            breakpoint: 900,
+            settings: {
+                slidesToShow: 2,
+            },
+        },
+        {
+            breakpoint: 600,
+            settings: {
+                slidesToShow: 1.3,
+                centerMode: true,
+            },
+        },
+        {
+            breakpoint: 480,
+            settings: {
+                slidesToShow: 1.2,
+                centerMode: true,
+            },
+        },
+        {
+            breakpoint: 0,
+            settings: {
+                slidesToShow: 1.1,
+            },
+        },
+    ],
+};
+//# sourceMappingURL=carousel-configs.js.map

package/dist/sites/fixed-components/list-blog/carousel-configs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-configs.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/carousel-configs.ts"],"names":[],"mappings":";;;AAEa,QAAA,eAAe,GAAqB;IAC/C,IAAI,EAAE,IAAI;IACV,YAAY,EAAE,CAAC;IACf,cAAc,EAAE,CAAC;IACjB,OAAO,EAAE,EAAE;IACX,UAAU,EAAE;QACV;YACE,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE;gBACR,YAAY,EAAE,CAAC;aAChB;SACF;QAED;YACE,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE;gBACR,YAAY,EAAE,GAAG;gBACjB,UAAU,EAAE,IAAI;aACjB;SACF;QAED;YACE,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE;gBACR,YAAY,EAAE,GAAG;gBACjB,UAAU,EAAE,IAAI;aACjB;SACF;QAED;YACE,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE;gBACR,YAAY,EAAE,GAAG;aAClB;SACF;KACF;CACF,CAAA"}

package/dist/sites/fixed-components/list-blog/component.d.ts

@@ -0,0 +1,2 @@
+import { IListBlogProps } from './interfaces.js';
+export declare function ListBlog({ data, title, linkText }: IListBlogProps): import("react/jsx-runtime").JSX.Element;

package/dist/sites/fixed-components/list-blog/component.js

@@ -0,0 +1,46 @@
+"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.ListBlog = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var link_1 = __importDefault(require("next/link"));
+var components_1 = require("../../../ui/components/index.js");
+var card_1 = require("./card/index.js");
+var carousel_configs_1 = require("./carousel-configs.js");
+var S = __importStar(require("./styles.js"));
+function ListBlog(_a) {
+    var data = _a.data, title = _a.title, linkText = _a.linkText;
+    var Carousel = (0, components_1.useCarousel)({
+        data: data,
+        settings: carousel_configs_1.carouselConfigs,
+        Component: card_1.BlogCard,
+    }).Carousel;
+    return ((0, jsx_runtime_1.jsx)(components_1.Error, { name: 'ListBlog', children: (0, jsx_runtime_1.jsx)(S.ListBlog, { children: (0, jsx_runtime_1.jsxs)(components_1.Container, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'blog-title', children: [(0, jsx_runtime_1.jsx)("h2", { className: 'font-48-bold', children: title ? title : 'Blog' }), (0, jsx_runtime_1.jsx)(link_1.default, { className: 'font-16-bold', href: '/blog/todos', children: linkText ? linkText : 'Ver todos os posts' })] }), (0, jsx_runtime_1.jsx)(Carousel, {})] }) }) }));
+}
+exports.ListBlog = ListBlog;
+//# sourceMappingURL=component.js.map

package/dist/sites/fixed-components/list-blog/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,8CAA+D;AAE/D,+BAAiC;AACjC,uDAAoD;AAIpD,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAAyC;QAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACtC,IAAA,QAAQ,GAAK,IAAA,wBAAW,EAAgB;QAC9C,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,kCAAe;QACzB,SAAS,EAAE,eAAQ;KACpB,CAAC,SAJc,CAId;IAEF,OAAO,CACL,uBAAC,kBAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,CAAC,CAAC,QAAQ,cACT,wBAAC,sBAAS,eACR,iCAAK,SAAS,EAAC,YAAY,aACzB,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAM,EAE1D,uBAAC,cAAI,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,aAAa,YAC9C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,GACtC,IACH,EAEN,uBAAC,QAAQ,KAAG,IACF,GACD,GACP,CACT,CAAA;AACH,CAAC;AAxBD,4BAwBC"}

package/dist/sites/fixed-components/list-blog/index.d.ts

@@ -0,0 +1 @@
+export * from './component.js';

package/dist/sites/fixed-components/list-blog/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./component.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/sites/fixed-components/list-blog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B"}

package/dist/sites/fixed-components/list-blog/interfaces.d.ts

@@ -0,0 +1,13 @@
+export interface IListBlogItem {
+    categoriaTitle?: string;
+    url?: string;
+    imagem?: string;
+    titulo?: string;
+    subtitulo?: string;
+}
+export interface IListBlogProps {
+    data: IListBlogItem[];
+    title?: string;
+    linkText?: string;
+    isBaseImage?: boolean;
+}

package/dist/sites/fixed-components/list-blog/interfaces.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

package/dist/sites/fixed-components/list-blog/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/interfaces.ts"],"names":[],"mappings":""}

package/dist/sites/fixed-components/list-blog/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ListBlog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, never>> & string;

package/dist/sites/fixed-components/list-blog/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListBlog = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.ListBlog = (0, styled_components_1.default)('section')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 100px 0;\n  overflow-x: hidden;\n\n  .blog-title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 27px;\n\n    a {\n      width: 100%;\n      max-width: 313px;\n      height: 2.5vw;\n      min-height: 36px;\n      border: 1px solid black;\n      border-radius: 100rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  @media only screen and (max-width: 900px) {\n    .container {\n      max-width: 100vw;\n      padding: 0;\n      margin: 0;\n    }\n\n    .blog-title {\n      max-width: 80%;\n      margin: 0 auto 20px;\n\n      a {\n        max-width: 200px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 400px) {\n    .blog-title {\n      max-width: 90%;\n\n      a {\n        max-width: 160px;\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  padding: 100px 0;\n  overflow-x: hidden;\n\n  .blog-title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 27px;\n\n    a {\n      width: 100%;\n      max-width: 313px;\n      height: 2.5vw;\n      min-height: 36px;\n      border: 1px solid black;\n      border-radius: 100rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  @media only screen and (max-width: 900px) {\n    .container {\n      max-width: 100vw;\n      padding: 0;\n      margin: 0;\n    }\n\n    .blog-title {\n      max-width: 80%;\n      margin: 0 auto 20px;\n\n      a {\n        max-width: 200px;\n      }\n    }\n  }\n\n  @media only screen and (max-width: 400px) {\n    .blog-title {\n      max-width: 90%;\n\n      a {\n        max-width: 160px;\n      }\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/sites/fixed-components/list-blog/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,SAAS,CAAC,26BAAA,w2BAkDxC,KAAA"}

package/dist/system/presentation/components/layout/component.js

@@ -38,9 +38,12 @@ exports.Layout = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var header_1 = require("./header/index.js");
 var sidebar_menu_1 = require("./sidebar-menu/index.js");
+var ui_1 = require("../../../../ui/index.js");
 var S = __importStar(require("./styles.js"));
 function Layout(props) {
-    return ((0, jsx_runtime_1.jsxs)(S.Layout, { children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'content_layout', children: [(0, jsx_runtime_1.jsx)(sidebar_menu_1.SidebarMenu, __assign({}, props === null || props === void 0 ? void 0 : props.sidebar)), props.children && (0, jsx_runtime_1.jsx)("main", { className: "hasMenu", children: props.children })] })] }));
+    var sideBar = (0, ui_1.useElementId)({ id: 'sidebar' });
+    console.log(sideBar);
+    return ((0, jsx_runtime_1.jsxs)(S.Layout, { "$sideBarWidth": sideBar === null || sideBar === void 0 ? void 0 : sideBar.offsetWidth, children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'content_layout', children: [(0, jsx_runtime_1.jsx)(sidebar_menu_1.SidebarMenu, __assign({}, props === null || props === void 0 ? void 0 : props.sidebar)), props.children && (0, jsx_runtime_1.jsx)("main", { className: 'hasMenu', children: props.children })] })] }));
 }
 exports.Layout = Layout;
 //# sourceMappingURL=component.js.map

package/dist/system/presentation/components/layout/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,eACP,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,0BAAW,eAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAI,EAElC,KAAK,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,SAAS,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAChE,IACG,CACZ,CAAA;AACH,CAAC;AAZD,wBAYC"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+CAA4C;AAG5C,2BAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,OAAO,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;IAE/C,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEpB,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,qBAAgB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,aAC3C,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,0BAAW,eAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAI,EAElC,KAAK,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,SAAS,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAChE,IACG,CACZ,CAAA;AACH,CAAC;AAhBD,wBAgBC"}

package/dist/system/presentation/components/layout/sidebar-menu/index.js

@@ -57,7 +57,7 @@ function SidebarMenu(_a) {
     var expandedMenu = _a.expandedMenu;
     var _c = (0, react_1.useState)(false), expand = _c[0], setExpand = _c[1];
     var data = (0, system_1.useLoadMenu)().data;
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'Menu', children: [expandedMenu && (0, jsx_runtime_1.jsx)("div", { id: 'ghost_menu_expanded', style: { width: '65px' } }), (0, jsx_runtime_1.jsxs)(S.Menu, { id: expandedMenu ? 'menu_expanded' : undefined, className: expand ? 'menu expanded' : 'menu', children: [expandedMenu && ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'expand', onClick: function () { return setExpand(function (s) { return !s; }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowRight' }) })), (_b = data === null || data === void 0 ? void 0 : data.items) === null || _b === void 0 ? void 0 : _b.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'Menu', children: [expandedMenu && (0, jsx_runtime_1.jsx)("div", { id: 'ghost_menu_expanded', style: { width: '65px' } }), (0, jsx_runtime_1.jsxs)(S.Menu, { id: 'sidebar', className: (expand ? 'menu expanded' : 'menu') + (expandedMenu ? ' expanded_menu' : ''), children: [expandedMenu && ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'expand', onClick: function () { return setExpand(function (s) { return !s; }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowRight' }) })), (_b = data === null || data === void 0 ? void 0 : data.items) === null || _b === void 0 ? void 0 : _b.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); })] })] }));
 }
 exports.SidebarMenu = SidebarMenu;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/sidebar-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":"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"}

package/dist/system/presentation/components/layout/sidebar-menu/styles.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubMenu = exports.Menu = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  padding-right: clamp(5px, 0.78vw, 15px);\n  width: 285px;\n  padding: 0 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  top: 0;\n  min-height: 100vh;\n  z-index: 999;\n  background: #fff;\n  padding-top: 25px;\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ccc;\n    border-radius: 10px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        ul {\n          display: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      ul {\n        display: none;\n      }\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  &#menu_expanded {\n    width: 65px !important;\n    padding-top: 41px;\n    transition: 0.3s;\n    position: absolute;\n\n    .expand {\n      position: absolute;\n      top: 10px;\n      right: -12px;\n      width: 24px;\n      height: 24px;\n      border-radius: 100%;\n      background-color: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        width: 5px;\n        fill: #fff;\n        height: auto;\n      }\n    }\n\n    > ul {\n      > li {\n        > .item-title {\n          .content-title {\n            display: none;\n          }\n\n          .arrow {\n            display: none;\n          }\n        }\n      }\n    }\n\n    ul {\n      .submenu {\n        min-width: 195px;\n      }\n    }\n\n    .item-title {\n      padding-left: 22px;\n      \n      &:hover {\n        > span {\n          .icon {\n            margin-left: 0;\n\n            > svg {\n              fill: #fff !important;\n            }\n          }\n        }\n      }\n    }\n\n    &.expanded {\n      width: 240px !important;\n      transition: 0.3s;\n\n      .expand {\n        svg {\n          transform: rotate(180deg);\n        }\n      }\n\n      > ul {\n        > li {\n          > .item-title {\n            .content-title {\n              display: block;\n            }\n\n            .arrow {\n              display: block;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"], ["\n  width: 100%;\n  position: relative;\n  padding-right: clamp(5px, 0.78vw, 15px);\n  width: 285px;\n  padding: 0 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  top: 0;\n  min-height: 100vh;\n  z-index: 999;\n  background: #fff;\n  padding-top: 25px;\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ccc;\n    border-radius: 10px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        ul {\n          display: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      ul {\n        display: none;\n      }\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  &#menu_expanded {\n    width: 65px !important;\n    padding-top: 41px;\n    transition: 0.3s;\n    position: absolute;\n\n    .expand {\n      position: absolute;\n      top: 10px;\n      right: -12px;\n      width: 24px;\n      height: 24px;\n      border-radius: 100%;\n      background-color: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        width: 5px;\n        fill: #fff;\n        height: auto;\n      }\n    }\n\n    > ul {\n      > li {\n        > .item-title {\n          .content-title {\n            display: none;\n          }\n\n          .arrow {\n            display: none;\n          }\n        }\n      }\n    }\n\n    ul {\n      .submenu {\n        min-width: 195px;\n      }\n    }\n\n    .item-title {\n      padding-left: 22px;\n      \n      &:hover {\n        > span {\n          .icon {\n            margin-left: 0;\n\n            > svg {\n              fill: #fff !important;\n            }\n          }\n        }\n      }\n    }\n\n    &.expanded {\n      width: 240px !important;\n      transition: 0.3s;\n\n      .expand {\n        svg {\n          transform: rotate(180deg);\n        }\n      }\n\n      > ul {\n        > li {\n          > .item-title {\n            .content-title {\n              display: block;\n            }\n\n            .arrow {\n              display: block;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.primaryColor; });
+exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  padding-right: clamp(5px, 0.78vw, 15px);\n  width: 285px;\n  padding: 0 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  top: 0;\n  height: 100%;\n  min-height: 100vh;\n  z-index: 999;\n  background: #fff;\n  padding-top: 25px;\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ccc;\n    border-radius: 10px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        ul {\n          display: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      ul {\n        display: none;\n      }\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  &.expanded_menu {\n    width: 65px !important;\n    padding-top: 41px;\n    transition: 0.3s;\n    position: absolute;\n\n    .expand {\n      position: absolute;\n      top: 10px;\n      right: -12px;\n      width: 24px;\n      height: 24px;\n      border-radius: 100%;\n      background-color: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 0;\n\n      svg {\n        width: 5px;\n        fill: #fff;\n        height: auto;\n      }\n    }\n\n    > ul {\n      > li {\n        > .item-title {\n          .content-title {\n            display: none;\n          }\n\n          .arrow {\n            display: none;\n          }\n        }\n      }\n    }\n\n    ul {\n      .submenu {\n        min-width: 195px;\n      }\n    }\n\n    .item-title {\n      padding-left: 22px;\n\n      &:hover {\n        > span {\n          .icon {\n            margin-left: 0;\n\n            > svg {\n              fill: #fff !important;\n            }\n          }\n        }\n      }\n    }\n\n    &.expanded {\n      width: 240px !important;\n      transition: 0.3s;\n\n      .expand {\n        svg {\n          transform: rotate(180deg);\n        }\n      }\n\n      > ul {\n        > li {\n          > .item-title {\n            .content-title {\n              display: block;\n            }\n\n            .arrow {\n              display: block;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"], ["\n  width: 100%;\n  position: relative;\n  padding-right: clamp(5px, 0.78vw, 15px);\n  width: 285px;\n  padding: 0 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  top: 0;\n  height: 100%;\n  min-height: 100vh;\n  z-index: 999;\n  background: #fff;\n  padding-top: 25px;\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ccc;\n    border-radius: 10px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        ul {\n          display: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      ul {\n        display: none;\n      }\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  &.expanded_menu {\n    width: 65px !important;\n    padding-top: 41px;\n    transition: 0.3s;\n    position: absolute;\n\n    .expand {\n      position: absolute;\n      top: 10px;\n      right: -12px;\n      width: 24px;\n      height: 24px;\n      border-radius: 100%;\n      background-color: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 0;\n\n      svg {\n        width: 5px;\n        fill: #fff;\n        height: auto;\n      }\n    }\n\n    > ul {\n      > li {\n        > .item-title {\n          .content-title {\n            display: none;\n          }\n\n          .arrow {\n            display: none;\n          }\n        }\n      }\n    }\n\n    ul {\n      .submenu {\n        min-width: 195px;\n      }\n    }\n\n    .item-title {\n      padding-left: 22px;\n\n      &:hover {\n        > span {\n          .icon {\n            margin-left: 0;\n\n            > svg {\n              fill: #fff !important;\n            }\n          }\n        }\n      }\n    }\n\n    &.expanded {\n      width: 240px !important;\n      transition: 0.3s;\n\n      .expand {\n        svg {\n          transform: rotate(180deg);\n        }\n      }\n\n      > ul {\n        > li {\n          > .item-title {\n            .content-title {\n              display: block;\n            }\n\n            .arrow {\n              display: block;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.primaryColor; });
 exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n"], ["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/sidebar-menu/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,+4JAAA,qwBA6Cb,EAAgC,0fAiC3B,EAAgC,05BAkDvC,EAAgC,wTAkBrB,EAAgC,qtBA2ChC,EAAmC,4pDA0G5D,KA1PgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAiC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkDvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkBrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA2ChC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA0G5D;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,8fAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,yUAWxD,KAZQ,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnC,CAAmC,EAC3C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAWxD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,46JAAA,sxBA8Cb,EAAgC,0fAiC3B,EAAgC,05BAkDvC,EAAgC,wTAkBrB,EAAgC,qtBA2ChC,EAAmC,wqDA2G5D,KA3PgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAiC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkDvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkBrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA2ChC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA2G5D;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,8fAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,yUAWxD,KAZQ,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnC,CAAmC,EAC3C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAWxD"}

package/dist/system/presentation/components/layout/styles.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-export declare const Layout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const Layout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, never>> & string;
+}, {
+    $sideBarWidth?: number;
+}>> & string;

package/dist/system/presentation/components/layout/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  --spacing: clamp(15px, 1.56vw, 30px);\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: 100%;\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n"], ["\n  width: 100%;\n  --spacing: clamp(15px, 1.56vw, 30px);\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: 100%;\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n"])));
+exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  --spacing: clamp(15px, 1.56vw, 30px);\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: ", ";\n\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n"], ["\n  width: 100%;\n  --spacing: clamp(15px, 1.56vw, 30px);\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: ", ";\n\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n"])), function (props) { return (props.$sideBarWidth ? "calc(100% - ".concat(props.$sideBarWidth + 'px', ")") : '100%'); });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4fAAA,ybA0BlC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,8fAA4B,qXAqBhD,EAAwF,oEAMtG,KANc,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sBAAe,KAAK,CAAC,aAAa,GAAG,IAAI,MAAG,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7E,CAA6E,EAMtG"}

package/dist/ui/components/carousel/index.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import { Settings } from 'react-slick';
+export type CarouselSettings = Settings & {
+    spacing?: number;
+};
 export declare function useCarousel<T = any>(props: {
-    data: T[];
+    data?: T[];
     title?: string;
-    settings: Settings & {
-        spacing?: number;
-    };
+    settings: CarouselSettings;
     Component: (props: T) => JSX.Element;
 }): {
     Carousel: () => import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA8C;AAE9C,0CAA6B;AAE7B,SAAgB,WAAW,CAAU,KAKpC;IACC,OAAO;QACL,QAAQ,EAAE;YACR,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9C,kDAAK,CACN,CAAC,CAAC,CAAC,CACF,wBAAC,CAAC,CAAC,WAAW,gBAAW,KAAK,CAAC,QAAQ,CAAC,OAAO,aAC5C,KAAK,CAAC,KAAK,IAAI,yCAAK,KAAK,CAAC,KAAK,GAAM,EAEtC,uBAAC,qBAAM,eAAK,KAAK,CAAC,QAAQ,cACvB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA,CAClC,0CACE,uBAAC,KAAK,CAAC,SAAS,eAAM,OAAe,EAAI,IADjC,KAAK,CAET,CACP,EAJmC,CAInC,CAAC,IACK,IACK,CACjB,CAAA;QACH,CAAC;KACF,CAAA;AACH,CAAC;AAzBD,kCAyBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA8C;AAE9C,0CAA6B;AAI7B,SAAgB,WAAW,CAAU,KAKpC;IACC,OAAO;QACL,QAAQ,EAAE;YACR,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9C,kDAAK,CACN,CAAC,CAAC,CAAC,CACF,wBAAC,CAAC,CAAC,WAAW,gBAAW,KAAK,CAAC,QAAQ,CAAC,OAAO,aAC5C,KAAK,CAAC,KAAK,IAAI,yCAAK,KAAK,CAAC,KAAK,GAAM,EACtC,uBAAC,qBAAM,eAAK,KAAK,CAAC,QAAQ,cACvB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA,CAClC,0CACE,uBAAC,KAAK,CAAC,SAAS,eAAM,OAAe,EAAI,IADjC,KAAK,CAET,CACP,EAJmC,CAInC,CAAC,IACK,IACK,CACjB,CAAA;QACH,CAAC;KACF,CAAA;AACH,CAAC;AAxBD,kCAwBC"}

package/dist/ui/components/carousel/styles.js

@@ -9,8 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SlickStyles = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.SlickStyles = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* Slider */\n  .slick-slider {\n    position: relative;\n\n    display: block;\n    box-sizing: border-box;\n\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .slick-list {\n    position: relative;\n\n    display: block;\n    overflow: hidden;\n\n    margin: 0;\n    padding: 0 0 20px;\n  }\n  .slick-list:focus {\n    outline: none;\n  }\n  .slick-list.dragging {\n    cursor: pointer;\n    cursor: hand;\n  }\n\n  .slick-slider .slick-track,\n  .slick-slider .slick-list {\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate3d(0, 0, 0);\n    -ms-transform: translate3d(0, 0, 0);\n    -o-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n  }\n\n  .slick-track {\n    position: relative;\n    top: 0;\n    left: 0;\n\n    display: block;\n    margin-left: unset;\n    margin-right: auto;\n  }\n  .slick-track:before,\n  .slick-track:after {\n    display: table;\n\n    content: \"\";\n  }\n  .slick-track:after {\n    clear: both;\n  }\n  .slick-loading .slick-track {\n    visibility: hidden;\n  }\n\n  .slick-slide {\n    display: none;\n    float: left;\n\n    height: 100%;\n    min-height: 1px;\n  }\n  [dir=\"rtl\"] .slick-slide {\n    float: right;\n  }\n  .slick-slide img {\n    display: block;\n  }\n  .slick-slide.slick-loading img {\n    display: none;\n  }\n  .slick-slide.dragging img {\n    pointer-events: none;\n  }\n  .slick-initialized .slick-slide {\n    display: block;\n  }\n  .slick-loading .slick-slide {\n    visibility: hidden;\n  }\n  .slick-vertical .slick-slide {\n    display: block;\n\n    height: auto;\n\n    border: 1px solid transparent;\n  }\n  .slick-arrow.slick-hidden {\n    display: none;\n  }\n  .slick-loading .slick-list {\n    background: #fff url(\"./ajax-loader.gif\") center center no-repeat;\n  }\n\n  /* Icons */\n  @font-face {\n    font-family: \"slick\";\n    font-weight: normal;\n    font-style: normal;\n\n    src: url(\"./fonts/slick.eot\");\n    src: url(\"./fonts/slick.eot?#iefix\") format(\"embedded-opentype\"),\n      url(\"./fonts/slick.woff\") format(\"woff\"),\n      url(\"./fonts/slick.ttf\") format(\"truetype\"),\n      url(\"./fonts/slick.svg#slick\") format(\"svg\");\n  }\n  /* Arrows */\n  .slick-prev,\n  .slick-next {\n    font-size: 0;\n    line-height: 0;\n\n    position: absolute;\n    top: 50%;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    -webkit-transform: translate(0, -50%);\n    -ms-transform: translate(0, -50%);\n    transform: translate(0, -50%);\n\n    cursor: pointer;\n\n    color: transparent;\n    border: none;\n    outline: none;\n    background: transparent;\n  }\n  .slick-prev:hover,\n  .slick-prev:focus,\n  .slick-next:hover,\n  .slick-next:focus {\n    color: transparent;\n    outline: none;\n    background: transparent;\n  }\n  .slick-prev:hover:before,\n  .slick-prev:focus:before,\n  .slick-next:hover:before,\n  .slick-next:focus:before {\n    opacity: 1;\n  }\n  .slick-prev.slick-disabled:before,\n  .slick-next.slick-disabled:before {\n    opacity: 0.25;\n  }\n\n  .slick-prev:before,\n  .slick-next:before {\n    font-family: \"slick\";\n    font-size: 20px;\n    line-height: 1;\n\n    opacity: 0.75;\n    color: white;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  .slick-prev {\n    left: -25px;\n  }\n  [dir=\"rtl\"] .slick-prev {\n    right: -25px;\n    left: auto;\n  }\n  .slick-prev:before {\n    content: \"\u2190\";\n  }\n  [dir=\"rtl\"] .slick-prev:before {\n    content: \"\u2192\";\n  }\n\n  .slick-next {\n    right: -25px;\n  }\n  [dir=\"rtl\"] .slick-next {\n    right: auto;\n    left: -25px;\n  }\n  .slick-next:before {\n    content: \"\u2192\";\n  }\n  [dir=\"rtl\"] .slick-next:before {\n    content: \"\u2190\";\n  }\n\n  /* Dots */\n  .slick-dotted.slick-slider {\n    margin-bottom: 30px;\n  }\n\n  .slick-dots {\n    position: absolute;\n    bottom: -25px;\n\n    display: block;\n\n    width: 100%;\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    text-align: center;\n  }\n  .slick-dots li {\n    position: relative;\n\n    display: inline-block;\n\n    width: 20px;\n    height: 20px;\n    margin: 0 5px;\n    padding: 0;\n\n    cursor: pointer;\n  }\n  .slick-dots li button {\n    font-size: 0;\n    line-height: 0;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 5px;\n\n    cursor: pointer;\n\n    color: transparent;\n    border: 0;\n    outline: none;\n    background: transparent;\n  }\n  .slick-dots li button:hover,\n  .slick-dots li button:focus {\n    outline: none;\n  }\n  .slick-dots li button:hover:before,\n  .slick-dots li button:focus:before {\n    opacity: 1;\n  }\n  .slick-dots li button:before {\n    font-family: \"slick\";\n    font-size: 6px;\n    line-height: 20px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 20px;\n    height: 20px;\n\n    content: \"\u2022\";\n    text-align: center;\n\n    opacity: 0.25;\n    color: black;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .slick-dots li.slick-active button:before {\n    opacity: 0.75;\n    color: black;\n  }\n\n  /* .slick-track > div > div {\n    margin-left: ", ";\n  } */\n\n  .slick-dots {\n    li {\n      border-radius: 100%;\n      height: 12px;\n      width: 12px;\n      background-color: #ccc;\n    }\n\n    li.slick-active {\n        background-color: #000;\n    }\n  }\n"], ["\n  /* Slider */\n  .slick-slider {\n    position: relative;\n\n    display: block;\n    box-sizing: border-box;\n\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .slick-list {\n    position: relative;\n\n    display: block;\n    overflow: hidden;\n\n    margin: 0;\n    padding: 0 0 20px;\n  }\n  .slick-list:focus {\n    outline: none;\n  }\n  .slick-list.dragging {\n    cursor: pointer;\n    cursor: hand;\n  }\n\n  .slick-slider .slick-track,\n  .slick-slider .slick-list {\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate3d(0, 0, 0);\n    -ms-transform: translate3d(0, 0, 0);\n    -o-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n  }\n\n  .slick-track {\n    position: relative;\n    top: 0;\n    left: 0;\n\n    display: block;\n    margin-left: unset;\n    margin-right: auto;\n  }\n  .slick-track:before,\n  .slick-track:after {\n    display: table;\n\n    content: \"\";\n  }\n  .slick-track:after {\n    clear: both;\n  }\n  .slick-loading .slick-track {\n    visibility: hidden;\n  }\n\n  .slick-slide {\n    display: none;\n    float: left;\n\n    height: 100%;\n    min-height: 1px;\n  }\n  [dir=\"rtl\"] .slick-slide {\n    float: right;\n  }\n  .slick-slide img {\n    display: block;\n  }\n  .slick-slide.slick-loading img {\n    display: none;\n  }\n  .slick-slide.dragging img {\n    pointer-events: none;\n  }\n  .slick-initialized .slick-slide {\n    display: block;\n  }\n  .slick-loading .slick-slide {\n    visibility: hidden;\n  }\n  .slick-vertical .slick-slide {\n    display: block;\n\n    height: auto;\n\n    border: 1px solid transparent;\n  }\n  .slick-arrow.slick-hidden {\n    display: none;\n  }\n  .slick-loading .slick-list {\n    background: #fff url(\"./ajax-loader.gif\") center center no-repeat;\n  }\n\n  /* Icons */\n  @font-face {\n    font-family: \"slick\";\n    font-weight: normal;\n    font-style: normal;\n\n    src: url(\"./fonts/slick.eot\");\n    src: url(\"./fonts/slick.eot?#iefix\") format(\"embedded-opentype\"),\n      url(\"./fonts/slick.woff\") format(\"woff\"),\n      url(\"./fonts/slick.ttf\") format(\"truetype\"),\n      url(\"./fonts/slick.svg#slick\") format(\"svg\");\n  }\n  /* Arrows */\n  .slick-prev,\n  .slick-next {\n    font-size: 0;\n    line-height: 0;\n\n    position: absolute;\n    top: 50%;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    -webkit-transform: translate(0, -50%);\n    -ms-transform: translate(0, -50%);\n    transform: translate(0, -50%);\n\n    cursor: pointer;\n\n    color: transparent;\n    border: none;\n    outline: none;\n    background: transparent;\n  }\n  .slick-prev:hover,\n  .slick-prev:focus,\n  .slick-next:hover,\n  .slick-next:focus {\n    color: transparent;\n    outline: none;\n    background: transparent;\n  }\n  .slick-prev:hover:before,\n  .slick-prev:focus:before,\n  .slick-next:hover:before,\n  .slick-next:focus:before {\n    opacity: 1;\n  }\n  .slick-prev.slick-disabled:before,\n  .slick-next.slick-disabled:before {\n    opacity: 0.25;\n  }\n\n  .slick-prev:before,\n  .slick-next:before {\n    font-family: \"slick\";\n    font-size: 20px;\n    line-height: 1;\n\n    opacity: 0.75;\n    color: white;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  .slick-prev {\n    left: -25px;\n  }\n  [dir=\"rtl\"] .slick-prev {\n    right: -25px;\n    left: auto;\n  }\n  .slick-prev:before {\n    content: \"\u2190\";\n  }\n  [dir=\"rtl\"] .slick-prev:before {\n    content: \"\u2192\";\n  }\n\n  .slick-next {\n    right: -25px;\n  }\n  [dir=\"rtl\"] .slick-next {\n    right: auto;\n    left: -25px;\n  }\n  .slick-next:before {\n    content: \"\u2192\";\n  }\n  [dir=\"rtl\"] .slick-next:before {\n    content: \"\u2190\";\n  }\n\n  /* Dots */\n  .slick-dotted.slick-slider {\n    margin-bottom: 30px;\n  }\n\n  .slick-dots {\n    position: absolute;\n    bottom: -25px;\n\n    display: block;\n\n    width: 100%;\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    text-align: center;\n  }\n  .slick-dots li {\n    position: relative;\n\n    display: inline-block;\n\n    width: 20px;\n    height: 20px;\n    margin: 0 5px;\n    padding: 0;\n\n    cursor: pointer;\n  }\n  .slick-dots li button {\n    font-size: 0;\n    line-height: 0;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 5px;\n\n    cursor: pointer;\n\n    color: transparent;\n    border: 0;\n    outline: none;\n    background: transparent;\n  }\n  .slick-dots li button:hover,\n  .slick-dots li button:focus {\n    outline: none;\n  }\n  .slick-dots li button:hover:before,\n  .slick-dots li button:focus:before {\n    opacity: 1;\n  }\n  .slick-dots li button:before {\n    font-family: \"slick\";\n    font-size: 6px;\n    line-height: 20px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 20px;\n    height: 20px;\n\n    content: \"\u2022\";\n    text-align: center;\n\n    opacity: 0.25;\n    color: black;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .slick-dots li.slick-active button:before {\n    opacity: 0.75;\n    color: black;\n  }\n\n  /* .slick-track > div > div {\n    margin-left: ", ";\n  } */\n\n  .slick-dots {\n    li {\n      border-radius: 100%;\n      height: 12px;\n      width: 12px;\n      background-color: #ccc;\n    }\n\n    li.slick-active {\n        background-color: #000;\n    }\n  }\n"])), function (props) {
-    return props.$spacing ? props.$spacing + "px" : "10px";
-});
+exports.SlickStyles = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* Slider */\n  .slick-slider {\n    position: relative;\n\n    display: block;\n    box-sizing: border-box;\n\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .slick-list {\n    position: relative;\n\n    display: block;\n    overflow: hidden;\n\n    margin: 0;\n    padding: 0 0 20px;\n  }\n  .slick-list:focus {\n    outline: none;\n  }\n  .slick-list.dragging {\n    cursor: pointer;\n    cursor: hand;\n  }\n\n  .slick-slider .slick-track,\n  .slick-slider .slick-list {\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate3d(0, 0, 0);\n    -ms-transform: translate3d(0, 0, 0);\n    -o-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n  }\n\n  .slick-track {\n    position: relative;\n    top: 0;\n    left: 0;\n\n    display: block;\n    margin-left: unset;\n    margin-right: auto;\n  }\n  .slick-track:before,\n  .slick-track:after {\n    display: table;\n\n    content: '';\n  }\n  .slick-track:after {\n    clear: both;\n  }\n  .slick-loading .slick-track {\n    visibility: hidden;\n  }\n\n  .slick-slide {\n    display: none;\n    float: left;\n\n    height: 100%;\n    min-height: 1px;\n  }\n  [dir='rtl'] .slick-slide {\n    float: right;\n  }\n  .slick-slide img {\n    display: block;\n  }\n  .slick-slide.slick-loading img {\n    display: none;\n  }\n  .slick-slide.dragging img {\n    pointer-events: none;\n  }\n  .slick-initialized .slick-slide {\n    display: block;\n  }\n  .slick-loading .slick-slide {\n    visibility: hidden;\n  }\n  .slick-vertical .slick-slide {\n    display: block;\n\n    height: auto;\n\n    border: 1px solid transparent;\n  }\n  .slick-arrow.slick-hidden {\n    display: none;\n  }\n  .slick-loading .slick-list {\n    background: #fff url('./ajax-loader.gif') center center no-repeat;\n  }\n\n  /* Icons */\n  @font-face {\n    font-family: 'slick';\n    font-weight: normal;\n    font-style: normal;\n\n    src: url('./fonts/slick.eot');\n    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'),\n      url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n  }\n  /* Arrows */\n  .slick-prev,\n  .slick-next {\n    font-size: 0;\n    line-height: 0;\n\n    position: absolute;\n    top: 50%;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    -webkit-transform: translate(0, -50%);\n    -ms-transform: translate(0, -50%);\n    transform: translate(0, -50%);\n\n    cursor: pointer;\n\n    color: transparent;\n    border: none;\n    outline: none;\n    background: transparent;\n  }\n  .slick-prev:hover,\n  .slick-prev:focus,\n  .slick-next:hover,\n  .slick-next:focus {\n    color: transparent;\n    outline: none;\n    background: transparent;\n  }\n  .slick-prev:hover:before,\n  .slick-prev:focus:before,\n  .slick-next:hover:before,\n  .slick-next:focus:before {\n    opacity: 1;\n  }\n  .slick-prev.slick-disabled:before,\n  .slick-next.slick-disabled:before {\n    opacity: 0.25;\n  }\n\n  .slick-prev:before,\n  .slick-next:before {\n    font-family: 'slick';\n    font-size: 20px;\n    line-height: 1;\n\n    opacity: 0.75;\n    color: white;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  .slick-prev {\n    left: -25px;\n  }\n  [dir='rtl'] .slick-prev {\n    right: -25px;\n    left: auto;\n  }\n  .slick-prev:before {\n    content: '\u2190';\n  }\n  [dir='rtl'] .slick-prev:before {\n    content: '\u2192';\n  }\n\n  .slick-next {\n    right: -25px;\n  }\n  [dir='rtl'] .slick-next {\n    right: auto;\n    left: -25px;\n  }\n  .slick-next:before {\n    content: '\u2192';\n  }\n  [dir='rtl'] .slick-next:before {\n    content: '\u2190';\n  }\n\n  /* Dots */\n  .slick-dotted.slick-slider {\n    margin-bottom: 30px;\n  }\n\n  .slick-dots {\n    position: absolute;\n    bottom: -25px;\n\n    display: block;\n\n    width: 100%;\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    text-align: center;\n  }\n  .slick-dots li {\n    position: relative;\n\n    display: inline-block;\n\n    width: 20px;\n    height: 20px;\n    margin: 0 5px;\n    padding: 0;\n\n    cursor: pointer;\n  }\n  .slick-dots li button {\n    font-size: 0;\n    line-height: 0;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 5px;\n\n    cursor: pointer;\n\n    color: transparent;\n    border: 0;\n    outline: none;\n    background: transparent;\n  }\n  .slick-dots li button:hover,\n  .slick-dots li button:focus {\n    outline: none;\n  }\n  .slick-dots li button:hover:before,\n  .slick-dots li button:focus:before {\n    opacity: 1;\n  }\n  .slick-dots li button:before {\n    font-family: 'slick';\n    font-size: 6px;\n    line-height: 20px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 20px;\n    height: 20px;\n\n    content: '\u2022';\n    text-align: center;\n\n    opacity: 0.25;\n    color: black;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .slick-dots li.slick-active button:before {\n    opacity: 0.75;\n    color: black;\n  }\n\n  .slick-track > div > div {\n    margin-left: ", ";\n  }\n\n  .slick-dots {\n    li {\n      border-radius: 100%;\n      height: 12px;\n      width: 12px;\n      background-color: #ccc;\n    }\n\n    li.slick-active {\n      background-color: #000;\n    }\n  }\n"], ["\n  /* Slider */\n  .slick-slider {\n    position: relative;\n\n    display: block;\n    box-sizing: border-box;\n\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    -webkit-touch-callout: none;\n    -khtml-user-select: none;\n    -ms-touch-action: pan-y;\n    touch-action: pan-y;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .slick-list {\n    position: relative;\n\n    display: block;\n    overflow: hidden;\n\n    margin: 0;\n    padding: 0 0 20px;\n  }\n  .slick-list:focus {\n    outline: none;\n  }\n  .slick-list.dragging {\n    cursor: pointer;\n    cursor: hand;\n  }\n\n  .slick-slider .slick-track,\n  .slick-slider .slick-list {\n    -webkit-transform: translate3d(0, 0, 0);\n    -moz-transform: translate3d(0, 0, 0);\n    -ms-transform: translate3d(0, 0, 0);\n    -o-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n  }\n\n  .slick-track {\n    position: relative;\n    top: 0;\n    left: 0;\n\n    display: block;\n    margin-left: unset;\n    margin-right: auto;\n  }\n  .slick-track:before,\n  .slick-track:after {\n    display: table;\n\n    content: '';\n  }\n  .slick-track:after {\n    clear: both;\n  }\n  .slick-loading .slick-track {\n    visibility: hidden;\n  }\n\n  .slick-slide {\n    display: none;\n    float: left;\n\n    height: 100%;\n    min-height: 1px;\n  }\n  [dir='rtl'] .slick-slide {\n    float: right;\n  }\n  .slick-slide img {\n    display: block;\n  }\n  .slick-slide.slick-loading img {\n    display: none;\n  }\n  .slick-slide.dragging img {\n    pointer-events: none;\n  }\n  .slick-initialized .slick-slide {\n    display: block;\n  }\n  .slick-loading .slick-slide {\n    visibility: hidden;\n  }\n  .slick-vertical .slick-slide {\n    display: block;\n\n    height: auto;\n\n    border: 1px solid transparent;\n  }\n  .slick-arrow.slick-hidden {\n    display: none;\n  }\n  .slick-loading .slick-list {\n    background: #fff url('./ajax-loader.gif') center center no-repeat;\n  }\n\n  /* Icons */\n  @font-face {\n    font-family: 'slick';\n    font-weight: normal;\n    font-style: normal;\n\n    src: url('./fonts/slick.eot');\n    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'),\n      url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n  }\n  /* Arrows */\n  .slick-prev,\n  .slick-next {\n    font-size: 0;\n    line-height: 0;\n\n    position: absolute;\n    top: 50%;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    -webkit-transform: translate(0, -50%);\n    -ms-transform: translate(0, -50%);\n    transform: translate(0, -50%);\n\n    cursor: pointer;\n\n    color: transparent;\n    border: none;\n    outline: none;\n    background: transparent;\n  }\n  .slick-prev:hover,\n  .slick-prev:focus,\n  .slick-next:hover,\n  .slick-next:focus {\n    color: transparent;\n    outline: none;\n    background: transparent;\n  }\n  .slick-prev:hover:before,\n  .slick-prev:focus:before,\n  .slick-next:hover:before,\n  .slick-next:focus:before {\n    opacity: 1;\n  }\n  .slick-prev.slick-disabled:before,\n  .slick-next.slick-disabled:before {\n    opacity: 0.25;\n  }\n\n  .slick-prev:before,\n  .slick-next:before {\n    font-family: 'slick';\n    font-size: 20px;\n    line-height: 1;\n\n    opacity: 0.75;\n    color: white;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  .slick-prev {\n    left: -25px;\n  }\n  [dir='rtl'] .slick-prev {\n    right: -25px;\n    left: auto;\n  }\n  .slick-prev:before {\n    content: '\u2190';\n  }\n  [dir='rtl'] .slick-prev:before {\n    content: '\u2192';\n  }\n\n  .slick-next {\n    right: -25px;\n  }\n  [dir='rtl'] .slick-next {\n    right: auto;\n    left: -25px;\n  }\n  .slick-next:before {\n    content: '\u2192';\n  }\n  [dir='rtl'] .slick-next:before {\n    content: '\u2190';\n  }\n\n  /* Dots */\n  .slick-dotted.slick-slider {\n    margin-bottom: 30px;\n  }\n\n  .slick-dots {\n    position: absolute;\n    bottom: -25px;\n\n    display: block;\n\n    width: 100%;\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    text-align: center;\n  }\n  .slick-dots li {\n    position: relative;\n\n    display: inline-block;\n\n    width: 20px;\n    height: 20px;\n    margin: 0 5px;\n    padding: 0;\n\n    cursor: pointer;\n  }\n  .slick-dots li button {\n    font-size: 0;\n    line-height: 0;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 5px;\n\n    cursor: pointer;\n\n    color: transparent;\n    border: 0;\n    outline: none;\n    background: transparent;\n  }\n  .slick-dots li button:hover,\n  .slick-dots li button:focus {\n    outline: none;\n  }\n  .slick-dots li button:hover:before,\n  .slick-dots li button:focus:before {\n    opacity: 1;\n  }\n  .slick-dots li button:before {\n    font-family: 'slick';\n    font-size: 6px;\n    line-height: 20px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 20px;\n    height: 20px;\n\n    content: '\u2022';\n    text-align: center;\n\n    opacity: 0.25;\n    color: black;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .slick-dots li.slick-active button:before {\n    opacity: 0.75;\n    color: black;\n  }\n\n  .slick-track > div > div {\n    margin-left: ", ";\n  }\n\n  .slick-dots {\n    li {\n      border-radius: 100%;\n      height: 12px;\n      width: 12px;\n      background-color: #ccc;\n    }\n\n    li.slick-active {\n      background-color: #000;\n    }\n  }\n"])), function (props) { return (props.$spacing ? props.$spacing + 'px' : '10px'); });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/carousel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0oLAAmC,02KA+RxD,EACkC,2NAepD,KAhBkB,UAAC,KAAK;IACnB,OAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM;AAA/C,CAA+C,EAenD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,okLAAmC,yyKA6RxD,EAA4D,sNAe9E,KAfkB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAjD,CAAiD,EAe9E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "0.47.4",
+  "version": "0.47.5",
   "description": "codie Library",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -50,6 +50,7 @@
   },
   "dependencies": {
     "@ckeditor/ckeditor5-react": "^7.0.0",
+    "@types/react-slick": "^0.23.13",
     "axios": "^1.7.2",
     "chroma-js": "^2.4.2",
     "ckeditor5-custom-build": "^0.0.6",