infinity-forge 0.53.2 → 0.53.4

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

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

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

@@ -2,37 +2,24 @@
 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,
-            },
+    pagination: true,
+    slidesPerView: 3,
+    spaceBetween: 20,
+    breakpoints: {
+        900: {
+            slidesPerView: 2,
         },
-        {
-            breakpoint: 600,
-            settings: {
-                slidesToShow: 1.3,
-                centerMode: true,
-            },
+        600: {
+            slidesPerView: 1.3,
+            centeredSlides: true,
         },
-        {
-            breakpoint: 480,
-            settings: {
-                slidesToShow: 1.2,
-                centerMode: true,
-            },
+        480: {
+            slidesPerView: 1.2,
+            centeredSlides: true,
         },
-        {
-            breakpoint: 0,
-            settings: {
-                slidesToShow: 1.1,
-            },
+        0: {
+            slidesPerView: 1.1,
         },
-    ],
+    },
 };
 //# sourceMappingURL=carousel-configs.js.map

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

@@ -1 +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"}
+{"version":3,"file":"carousel-configs.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/carousel-configs.ts"],"names":[],"mappings":";;;AAEa,QAAA,eAAe,GAAgB;IAC1C,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,EAAE;IAChB,WAAW,EAAE;QACX,GAAG,EAAE;YACH,aAAa,EAAE,CAAC;SACjB;QACD,GAAG,EAAE;YACH,aAAa,EAAE,GAAG;YAClB,cAAc,EAAE,IAAI;SACrB;QACD,GAAG,EAAE;YACH,aAAa,EAAE,GAAG;YAClB,cAAc,EAAE,IAAI;SACrB;QACD,CAAC,EAAE;YACD,aAAa,EAAE,GAAG;SACnB;KACF;CACF,CAAA"}

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

@@ -35,12 +35,7 @@ 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, {})] }) }) }));
+    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)(components_1.Carousel, { swiperConfig: carousel_configs_1.carouselConfigs, SlideComponent: card_1.BlogCard, items: data })] }) }) }));
 }
 exports.ListBlog = ListBlog;
 //# sourceMappingURL=component.js.map

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

@@ -1 +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"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,8CAA4D;AAE5D,+BAAiC;AACjC,uDAAoD;AAIpD,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAAyC;QAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC9C,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,qBAAQ,IAAC,YAAY,EAAE,kCAAe,EAAE,cAAc,EAAE,eAAQ,EAAE,KAAK,EAAE,IAAI,GAAI,IACxE,GACD,GACP,CACT,CAAA;AACH,CAAC;AAlBD,4BAkBC"}

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

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (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"])));
+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  .swiper {\n    padding: 4px 0px 30px;\n\n    .swiper-pagination {\n      bottom: 0;\n    }\n  }\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  .swiper {\n    padding: 4px 0px 30px;\n\n    .swiper-pagination {\n      bottom: 0;\n    }\n  }\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

@@ -1 +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"}
+{"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,ghCAAA,68BA0DxC,KAAA"}

package/dist/sites/services/api.js

@@ -55,8 +55,8 @@ function api(params) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    url = system_1.container.get(system_1.InfraTypes.makeApiURL).make("https://pokeapi.co/api/v2/pokemon/ditto");
-                    return [4 /*yield*/, system_1.container.get(system_1.InfraTypes.http).request(__assign(__assign({}, params), { url: "https://pokeapi.co/api/v2/pokemon/ditto" }))];
+                    url = system_1.container.get(system_1.InfraTypes.makeApiURL).make(params.url);
+                    return [4 /*yield*/, system_1.container.get(system_1.InfraTypes.http).request(__assign(__assign({}, params), { url: url }))];
                 case 1:
                     response = _a.sent();
                     return [2 /*return*/, response];

package/dist/sites/services/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/sites/services/api.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAsF;AAEtF,SAAsB,GAAG,CAAU,MAAmB;;;;;;oBAC9C,GAAG,GAAG,kBAAS,CAAC,GAAG,CAAa,mBAAU,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAA;oBAE3F,qBAAM,kBAAS,CAAC,GAAG,CAAa,mBAAU,CAAC,IAAI,CAAC,CAAC,OAAO,uBAAM,MAAM,KAAE,GAAG,EAAE,yCAAyC,IAAG,EAAA;;oBAAlI,QAAQ,GAAG,SAAuH;oBAExI,sBAAO,QAAa,EAAA;;;;CACrB;AAND,kBAMC"}
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/sites/services/api.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAqF;AAErF,SAAsB,GAAG,CAAU,MAAmB;;;;;;oBAC9C,GAAG,GAAG,kBAAS,CAAC,GAAG,CAAa,mBAAU,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;oBAE5D,qBAAM,kBAAS,CAAC,GAAG,CAAa,mBAAU,CAAC,IAAI,CAAC,CAAC,OAAO,uBAAM,MAAM,KAAE,GAAG,EAAE,GAAG,IAAG,EAAA;;oBAA5F,QAAQ,GAAG,SAAiF;oBAElG,sBAAO,QAAa,EAAA;;;;CACrB;AAND,kBAMC"}

package/dist/system/container/infra/container.d.ts

@@ -1,3 +1,3 @@
-import { Container } from "inversify";
+import { Container } from 'inversify';
 declare const infraContainer: Container;
 export { infraContainer };

package/dist/system/container/infra/container.js

@@ -6,7 +6,7 @@ var infra_1 = require("../../../system/infra/index.js");
 var types_1 = require("./types.js");
 var make_api_url_1 = require("./make-api-url.js");
 var decorators_1 = require("../decorators/index.js");
-var infraContainer = new inversify_1.Container({ autoBindInjectable: true, defaultScope: "Singleton" });
+var infraContainer = new inversify_1.Container({ autoBindInjectable: true, defaultScope: 'Singleton' });
 exports.infraContainer = infraContainer;
 infraContainer.bind(types_1.InfraTypes.http).to(infra_1.AxiosHttpClient);
 infraContainer.bind(types_1.InfraTypes.makeApiURL).to(make_api_url_1.makeApiURL);

package/dist/system/container/infra/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/container/infra/container.ts"],"names":[],"mappings":";;;AAAA,uCAAsC;AAEtC,wCAAuE;AAEvE,iCAAqC;AACrC,+CAA4C;AAC5C,4CAA6D;AAE7D,IAAM,cAAc,GAAG,IAAI,qBAAS,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,CAAC;AAOrF,wCAAc;AALvB,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,uBAAe,CAAC,CAAC;AACzD,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,yBAAU,CAAC,CAAC;AAC1D,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,4BAAoB,CAAC,CAAC;AACjE,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,yCAA4B,CAAC,CAAC"}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/system/container/infra/container.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAErC,wCAAsE;AAEtE,iCAAoC;AACpC,+CAA2C;AAC3C,4CAA4D;AAE5D,IAAM,cAAc,GAAG,IAAI,qBAAS,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,CAAA;AAOpF,wCAAc;AALvB,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,uBAAe,CAAC,CAAA;AACxD,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,yBAAU,CAAC,CAAA;AACzD,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,4BAAoB,CAAC,CAAA;AAChE,cAAc,CAAC,IAAI,CAAC,kBAAU,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,yCAA4B,CAAC,CAAA"}

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

@@ -1,2 +1,3 @@
-export * from "./types.js";
-export * from "./component.js";
+import 'swiper/swiper-bundle.css';
+import { CarouselProps } from './interfaces.js';
+export declare function Carousel<T>({ items, SlideComponent, swiperConfig, prevButtonClassName, nextButtonClassName, }: CarouselProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,19 +1,33 @@
 "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);
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./types.js"), exports);
-__exportStar(require("./component.js"), exports);
+exports.Carousel = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+// src/components/Carousel.tsx
+var react_1 = require("swiper/react");
+var modules_1 = require("swiper/modules");
+var uuid_1 = require("uuid");
+require("swiper/swiper-bundle.css");
+function Carousel(_a) {
+    var items = _a.items, SlideComponent = _a.SlideComponent, swiperConfig = _a.swiperConfig, prevButtonClassName = _a.prevButtonClassName, nextButtonClassName = _a.nextButtonClassName;
+    if (!items || items.length === 0 || !SlideComponent) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    var modules = [modules_1.Navigation, modules_1.Pagination, modules_1.Scrollbar, modules_1.A11y];
+    return ((0, jsx_runtime_1.jsx)(react_1.Swiper, __assign({ modules: modules }, swiperConfig, { navigation: {
+            nextEl: '.' + nextButtonClassName,
+            prevEl: '.' + prevButtonClassName,
+        }, children: items.map(function (item) { return ((0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(SlideComponent, __assign({}, item)) }, (0, uuid_1.v4)())); }) })));
+}
+exports.Carousel = Carousel;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,8CAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,8BAA8B;AAC9B,sCAAkD;AAClD,0CAAwE;AAExE,6BAAmC;AAEnC,oCAAiC;AAIjC,SAAgB,QAAQ,CAAI,EAMT;QALjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,mBAAmB,yBAAA,EACnB,mBAAmB,yBAAA;IAEnB,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QACpD,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,IAAM,OAAO,GAAG,CAAC,oBAAU,EAAE,oBAAU,EAAE,mBAAS,EAAE,cAAI,CAAC,CAAA;IAEzD,OAAO,CACL,uBAAC,cAAM,aACL,OAAO,EAAE,OAAO,IACZ,YAAY,IAChB,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,GAAG,mBAAmB;YACjC,MAAM,EAAE,GAAG,GAAG,mBAAmB;SAClC,YAEA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,uBAAC,mBAAW,cACV,uBAAC,cAAc,eAAK,IAAI,EAAI,IADZ,IAAA,SAAM,GAAE,CAEZ,CACf,EAJoB,CAIpB,CAAC,IACK,CACV,CAAA;AACH,CAAC;AA7BD,4BA6BC"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SwiperProps } from 'swiper/react';
+export interface CarouselProps<T> {
+    items: T[];
+    swiperConfig?: SwiperProps;
+    prevButtonClassName?: string;
+    nextButtonClassName?: string;
+    SlideComponent: React.ComponentType<T>;
+}

package/dist/ui/components/carousel/{types.js → interfaces.js}

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "0.53.2",
+  "version": "0.53.4",
   "description": "codie Library",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -80,8 +80,10 @@
     "reflect-metadata": "^0.2.2",
     "sharp": "^0.33.4",
     "styled-components": "^6.1.11",
+    "swiper": "^11.1.4",
     "swr": "^2.2.5",
     "typescript": "^5.4.5",
+    "uuid": "^10.0.0",
     "yup": "^1.4.0",
     "zustand": "^4.5.2"
   }

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

@@ -1,5 +0,0 @@
-import { InfinityForgeCarousel } from './types.js';
-export declare function useCarousel<T = any>(props: InfinityForgeCarousel<T>): {
-    Carousel: () => import("react/jsx-runtime").JSX.Element;
-    Navigation: () => import("react/jsx-runtime").JSX.Element;
-};

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

@@ -1,57 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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.useCarousel = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var react_slick_1 = __importDefault(require("react-slick"));
-var navigation_1 = require("./navigation.js");
-var S = __importStar(require("./styles.js"));
-function useCarousel(props) {
-    var refCarousel = react_1.default.useRef(null);
-    var enableSlider = props.data && props.data.length !== 0 && props.data.length > (props.settings.slidesPerRow || 1);
-    return {
-        Carousel: function () {
-            return !props.data || props.data.length === 0 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) : ((0, jsx_runtime_1.jsxs)(S.SlickStyles, { "$spacing": props.settings.spacing, children: [props.title && (0, jsx_runtime_1.jsx)("h2", { children: props.title }), (0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({ ref: refCarousel }, props.settings, { infinite: props.settings.infinite ? (enableSlider ? true : false) : false, children: props.data.map(function (element, index) { return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(props.Component, __assign({}, element)) }, (element === null || element === void 0 ? void 0 : element.id) || index)); }) }))] }));
-        },
-        Navigation: function () { return enableSlider && (0, jsx_runtime_1.jsx)(navigation_1.Navigation, __assign({ refCarousel: refCarousel }, props)); },
-    };
-}
-exports.useCarousel = useCarousel;
-//# sourceMappingURL=component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,4DAAgC;AAEhC,2CAAyC;AAIzC,0CAA6B;AAE7B,SAAgB,WAAW,CAAU,KAA+B;IAClE,IAAM,WAAW,GAAG,eAAK,CAAC,MAAM,CAAS,IAAI,CAAC,CAAA;IAE9C,IAAM,YAAY,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,IAAI,CAAC,CAAC,CAAA;IAEpH,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,aACL,GAAG,EAAE,WAAW,IACZ,KAAK,CAAC,QAAQ,IAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,YAExE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA,CAClC,0CACE,uBAAC,KAAK,CAAC,SAAS,eAAM,OAAe,EAAI,IADjC,CAAC,OAAe,aAAf,OAAO,uBAAP,OAAO,CAAU,EAAE,KAAI,KAAK,CAEjC,CACP,EAJmC,CAInC,CAAC,IACK,IACK,CACjB,CAAA;QACH,CAAC;QACD,UAAU,EAAE,cAAM,OAAA,YAAY,IAAI,uBAAC,uBAAU,aAAC,WAAW,EAAE,WAAW,IAAM,KAAK,EAAI,EAAnE,CAAmE;KACtF,CAAA;AACH,CAAC;AA5BD,kCA4BC"}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import Slider from 'react-slick';
-import { InfinityForgeCarousel } from './types.js';
-type NavigationProps = InfinityForgeCarousel & {
-    refCarousel: React.RefObject<Slider>;
-};
-export declare function Navigation(props: NavigationProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Navigation = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icons_1 = require("../../../ui/icons/index.js");
-function Navigation(props) {
-    function prevSlide() {
-        props.refCarousel.current.slickPrev();
-    }
-    function nextSlide() {
-        props.refCarousel.current.slickNext();
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { id: 'infinity_forge_navigation', children: [props.customNavigation && ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: prevSlide, className: 'infinity_forge_navigation_prev', "aria-label": 'prev', children: props.customNavigation.prev ? (0, jsx_runtime_1.jsx)(props.customNavigation.prev, {}) : (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconArrowLeft' }) })), props.customNavigation && ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: nextSlide, className: 'infinity_forge_navigation_next', "aria-label": 'next', children: props.customNavigation.next ? (0, jsx_runtime_1.jsx)(props.customNavigation.next, {}) : (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconArrowRight' }) }))] }));
-}
-exports.Navigation = Navigation;
-//# sourceMappingURL=navigation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/navigation.tsx"],"names":[],"mappings":";;;;AAIA,oCAAiC;AAQjC,SAAgB,UAAU,CAAC,KAAsB;IAC/C,SAAS,SAAS;QAChB,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,CAAA;IACvC,CAAC;IAED,SAAS,SAAS;QAChB,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,CAAA;IACvC,CAAC;IAED,OAAO,CACL,iCAAK,EAAE,EAAC,2BAA2B,aAChC,KAAK,CAAC,gBAAgB,IAAI,CACzB,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAC,gCAAgC,gBAAY,MAAM,YACnG,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAG,CAAC,CAAC,CAAC,uBAAC,YAAI,IAAC,IAAI,EAAC,eAAe,GAAG,GACvF,CACV,EAEA,KAAK,CAAC,gBAAgB,IAAI,CACzB,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAC,gCAAgC,gBAAY,MAAM,YACnG,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAG,CAAC,CAAC,CAAC,uBAAC,YAAI,IAAC,IAAI,EAAC,gBAAgB,GAAG,GACxF,CACV,IACG,CACP,CAAA;AACH,CAAC;AAxBD,gCAwBC"}

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const SlickStyles: 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>;
-}, {
-    $spacing?: number | undefined;
-}>> & string;

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

@@ -1,14 +0,0 @@
-"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.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    margin-right: 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    margin-right: 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 +0,0 @@
-{"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,6lLAAmC,k0KA8RxD,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/dist/ui/components/carousel/types.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { Settings } from 'react-slick';
-export type CarouselSettings = Settings & {
-    spacing?: number;
-};
-export type InfinityForgeCarousel<T = any> = {
-    data?: T[];
-    title?: string;
-    settings: CarouselSettings;
-    customNavigation?: {
-        prev?: () => JSX.Element;
-        next?: () => JSX.Element;
-    };
-    Component: (props: T) => JSX.Element;
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/types.ts"],"names":[],"mappings":""}