@lanaco/lnc-react-ui 4.0.205 → 4.0.207

package/dist/QuattroCardsSection.js

@@ -1,12 +1,12 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { forwardRef as m, memo as h, useMemo as u } from "react";
-import { t as _, m as b, k as w } from "./utils-DtEfC-TX.js";
-import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as g } from "./consts-BuFChS64.js";
+import { forwardRef as p, memo as u, useMemo as h } from "react";
+import { t as _, n as b, l as w } from "./utils-B2fsQ6PS.js";
+import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as m } from "./breakpoints-ff0SIcV3.js";
 import { u as y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { q as v } from "./styled-components.browser.esm-D-n22PJk.js";
-import { S as q } from "./index-BC2PHcI1.js";
-const k = p.div`
+import { S as q } from "./index-BWeXujWl.js";
+const k = g.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -49,7 +49,7 @@ const k = p.div`
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
   border-radius: 0.75rem;
   z-index: 2;
-`, x = p.a`
+`, z = g.a`
   text-decoration: none;
   color: var(--gray-950);
   cursor: pointer;
@@ -101,7 +101,7 @@ const k = p.div`
     }
   }
 
-  @media (max-width: ${g + "px"}) {
+  @media ${m("S")} {
     width: 100%;
 
     img {
@@ -118,7 +118,7 @@ const k = p.div`
       display: block;
     }
   }
-`, z = m(
+`, N = p(
   ({
     title: o,
     description: e,
@@ -130,7 +130,7 @@ const k = p.div`
   }, l) => {
     const { theme: i } = y();
     return /* @__PURE__ */ c(
-      x,
+      z,
       {
         ref: l,
         theme: i,
@@ -151,7 +151,7 @@ const k = p.div`
       }
     );
   }
-), N = v.div`
+), $ = v.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -197,21 +197,23 @@ const k = p.div`
     width: 100%;
   }
 
-  @media (max-width: ${g + "px"}) {
+  @media ${m("S")} {
     gap: 1.25rem;
+  }
 
+  @media ${m("XS")} {
     & .wrapper__cards {
       grid-template-columns: repeat(1, minmax(0, 1fr));
       gap: 1rem;
     }
   }
-`, C = h(z), B = m(
+`, x = u(N), I = p(
   ({ title: o, items: e, isLoading: d = !1, onSelectCard: a = () => {
   }, LinkComponent: n }, s) => {
-    const l = u(() => {
+    const l = h(() => {
       var i;
       return (i = e == null ? void 0 : e.slice(0, 4)) == null ? void 0 : i.map((r, f) => /* @__PURE__ */ t(
-        C,
+        x,
         {
           title: r == null ? void 0 : r.title,
           description: r == null ? void 0 : r.description,
@@ -223,7 +225,7 @@ const k = p.div`
         `quattro-card__${f + 1}`
       ));
     }, [e]);
-    return /* @__PURE__ */ c(N, { ref: s, children: [
+    return /* @__PURE__ */ c($, { ref: s, children: [
       /* @__PURE__ */ t("div", { className: "wrapper__heading", children: /* @__PURE__ */ t("div", { className: "wrapper__title", children: w(o) && /* @__PURE__ */ t("div", { className: "title__text", children: /* @__PURE__ */ t("span", { children: o }) }) }) }),
       /* @__PURE__ */ t(
         q,
@@ -237,5 +239,5 @@ const k = p.div`
   }
 );
 export {
-  B as default
+  I as default
 };

package/dist/QuizSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),N=require("./utils-RnrgDDZP.cjs"),k=require("./Button.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),M=require("./Icon.cjs"),K=require("./ProgressBar.cjs"),V=T.styled.div`
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),N=require("./utils-CITgSxXe.cjs"),R=require("./Button.cjs"),Q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./breakpoints-CcVm-gVm.cjs"),P=require("./Icon.cjs"),Y=require("./ProgressBar.cjs"),q=Q.styled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -49,7 +49,7 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media ${I.down("S")} {
     & .wrapper__title {
       font-size: 1.375rem;
       line-height: 1.75rem;
@@ -60,7 +60,7 @@
       line-height: 1.25rem;
     }
   }
-`,Y=T.styled.div`
+`,ee=Q.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -250,7 +250,7 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media ${I.down("S")} {
     & .wrapper__content {
       & .wrapper__item {
         & .wrapper__answers {
@@ -259,7 +259,7 @@
       }
     }
   }
-`,q=T.styled.div`
+`,re=Q.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -349,7 +349,7 @@
     }
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media ${I.down("S")} {
     width: 100%;
 
     & .wrapper__actions {
@@ -359,7 +359,7 @@
       }
     }
   }
-`,ee=i.forwardRef(({title:f,description:c,startQuizText:h="Start quiz",onStartQuiz:x=()=>{}},o)=>e.jsxs(V,{ref:o,children:[e.jsxs("div",{className:"wrapper__content",children:[e.jsx("div",{className:"wrapper__title",children:f}),e.jsx("div",{className:"wrapper__description",children:c})]}),e.jsx(k,{text:h,size:"medium",className:"wrapper__action",onClick:x})]})),re=i.forwardRef(({questionNoText:f,questionNo:c,totalQuestions:h,text:x,options:o,correctAnswerIndex:n,selectedAnswer:r,secondsPerQuestion:C,nextText:z="Next",giveUpText:Q="Give up",nextDisabled:U=!0,onSelectAnswer:Z=()=>{},onGiveUp:L=()=>{},onNext:$=()=>{},selectedAnswerIndex:p},R)=>{const[d,b]=i.useState(C),[u,E]=i.useState(!0),w=i.useRef(null);i.useEffect(()=>(u&&d>0&&(w.current=setInterval(()=>{b(m=>m>0?m-1:0)},1e3)),()=>clearInterval(w.current)),[u,d]);const W=d>0?d/C*g.CIRCLE_CIRCUMFERENCE:0;return e.jsxs(Y,{ref:R,children:[e.jsxs("div",{className:"wrapper__headline",children:[e.jsxs("div",{className:"wrapper__question-no",children:[e.jsx("div",{className:"question-no__text",children:`${f} ${c} / ${h}`}),e.jsx(K,{progressPercentage:c/h*100,className:"question-no__progress-bar"})]}),e.jsxs("div",{className:"wrapper__timer",children:[e.jsxs("svg",{className:"timer__ring",width:"60",height:"60",children:[e.jsx("circle",{className:"ring__progres-background",cx:"30",cy:"30",r:g.CIRCLE_RADIUS,stroke:"#e0e0e0",strokeWidth:"4",fill:"transparent"}),e.jsx("circle",{className:"ring__progres",cx:"30",cy:"30",r:g.CIRCLE_RADIUS,stroke:"#d97706",strokeWidth:"4",fill:"transparent",strokeLinecap:"round",transform:"rotate(-90 30 30)",strokeDasharray:g.CIRCLE_CIRCUMFERENCE,strokeDashoffset:g.CIRCLE_CIRCUMFERENCE-W})]}),e.jsx("div",{className:"timer__display",children:e.jsx("span",{className:"timer__text",children:N.formatTimerText(d)})})]})]}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__item",children:[e.jsx("div",{className:"wrapper__text",children:x}),e.jsx("div",{className:"wrapper__answers",children:o==null?void 0:o.map((m,a)=>e.jsxs("div",{className:`wrapper__answer ${n===a&&n===p?"active":N.isDefinedNotEmptyString(r)&&n!==p&&p===a?"incorrect":""}`,onClick:()=>Z(m,a),children:[`${String.fromCharCode(65+a)}: ${m}`,n===a&&n===p&&e.jsx(M,{icon:" mng-lnc-checkmark--filled",sizeInUnits:"1.25rem",className:"wrapper__icon"}),p>=0&&n!==p&&p===a&&e.jsx(M,{icon:" mng-lnc-close--filled",sizeInUnits:"1.25rem",className:"wrapper__icon__incorrect"})]},`quiz-answer__${a+1}`))})]}),e.jsxs("div",{className:"wrapper__actions",children:[e.jsx(k,{text:Q,borderRadius:"curved",size:"medium",className:"wrapper__action action__give-up",onClick:L}),e.jsx(k,{text:z,borderRadius:"curved",size:"medium",className:"wrapper__action action__next",disabled:U,onClick:$})]})]})]})}),te=i.forwardRef(({title:f,description:c,continueText:h="Continue",endQuizText:x="End quiz",onContinue:o=()=>{},onEndQuiz:n=()=>{}},r)=>e.jsxs(q,{ref:r,children:[e.jsxs("div",{className:"wrapper__content",children:[e.jsx(M,{icon:" mng-lnc-checkmark--outline",color:"success",sizeInUnits:"4rem",className:"wrapper__icon"}),e.jsxs("div",{className:"wrapper__info",children:[f&&e.jsx("div",{className:"wrapper__title",children:f}),c&&e.jsx("div",{className:"wrapper__description",children:c})]})]}),e.jsxs("div",{className:"wrapper__actions",children:[e.jsx(k,{text:h,borderRadius:"curved",size:"medium",className:"wrapper__action action__continue",onClick:o}),e.jsx(k,{text:x,borderRadius:"curved",size:"medium",className:"wrapper__action action__end-quiz",onClick:n})]})]})),l={START_QUIZ:0,QUIZ:1,CORRECT_ANSWER:2},ae=T.styled.div`
+`,te=i.forwardRef(({title:g,description:c,startQuizText:f="Start quiz",onStartQuiz:h=()=>{}},o)=>e.jsxs(q,{ref:o,children:[e.jsxs("div",{className:"wrapper__content",children:[e.jsx("div",{className:"wrapper__title",children:g}),e.jsx("div",{className:"wrapper__description",children:c})]}),e.jsx(R,{text:f,size:"medium",className:"wrapper__action",onClick:h})]})),B=26,O=2*Math.PI*B,ae=i.forwardRef(({questionNoText:g,questionNo:c,totalQuestions:f,text:h,options:o,correctAnswerIndex:n,selectedAnswer:r,secondsPerQuestion:k,nextText:z="Next",giveUpText:U="Give up",nextDisabled:E=!0,onSelectAnswer:$=()=>{},onGiveUp:W=()=>{},onNext:Z=()=>{},selectedAnswerIndex:p},j)=>{const[d,b]=i.useState(k),[u,S]=i.useState(!0),x=i.useRef(null);i.useEffect(()=>(u&&d>0&&(x.current=setInterval(()=>{b(m=>m>0?m-1:0)},1e3)),()=>clearInterval(x.current)),[u,d]);const D=d>0?d/k*O:0;return e.jsxs(ee,{ref:j,children:[e.jsxs("div",{className:"wrapper__headline",children:[e.jsxs("div",{className:"wrapper__question-no",children:[e.jsx("div",{className:"question-no__text",children:`${g} ${c} / ${f}`}),e.jsx(Y,{progressPercentage:c/f*100,className:"question-no__progress-bar"})]}),e.jsxs("div",{className:"wrapper__timer",children:[e.jsxs("svg",{className:"timer__ring",width:"60",height:"60",children:[e.jsx("circle",{className:"ring__progres-background",cx:"30",cy:"30",r:B,stroke:"#e0e0e0",strokeWidth:"4",fill:"transparent"}),e.jsx("circle",{className:"ring__progres",cx:"30",cy:"30",r:B,stroke:"#d97706",strokeWidth:"4",fill:"transparent",strokeLinecap:"round",transform:"rotate(-90 30 30)",strokeDasharray:O,strokeDashoffset:O-D})]}),e.jsx("div",{className:"timer__display",children:e.jsx("span",{className:"timer__text",children:N.formatTimerText(d)})})]})]}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__item",children:[e.jsx("div",{className:"wrapper__text",children:h}),e.jsx("div",{className:"wrapper__answers",children:o==null?void 0:o.map((m,a)=>e.jsxs("div",{className:`wrapper__answer ${n===a&&n===p?"active":N.isDefinedNotEmptyString(r)&&n!==p&&p===a?"incorrect":""}`,onClick:()=>$(m,a),children:[`${String.fromCharCode(65+a)}: ${m}`,n===a&&n===p&&e.jsx(P,{icon:" mng-lnc-checkmark--filled",sizeInUnits:"1.25rem",className:"wrapper__icon"}),p>=0&&n!==p&&p===a&&e.jsx(P,{icon:" mng-lnc-close--filled",sizeInUnits:"1.25rem",className:"wrapper__icon__incorrect"})]},`quiz-answer__${a+1}`))})]}),e.jsxs("div",{className:"wrapper__actions",children:[e.jsx(R,{text:U,borderRadius:"curved",size:"medium",className:"wrapper__action action__give-up",onClick:W}),e.jsx(R,{text:z,borderRadius:"curved",size:"medium",className:"wrapper__action action__next",disabled:E,onClick:Z})]})]})]})}),ie=i.forwardRef(({title:g,description:c,continueText:f="Continue",endQuizText:h="End quiz",onContinue:o=()=>{},onEndQuiz:n=()=>{}},r)=>e.jsxs(re,{ref:r,children:[e.jsxs("div",{className:"wrapper__content",children:[e.jsx(P,{icon:" mng-lnc-checkmark--outline",color:"success",sizeInUnits:"4rem",className:"wrapper__icon"}),e.jsxs("div",{className:"wrapper__info",children:[g&&e.jsx("div",{className:"wrapper__title",children:g}),c&&e.jsx("div",{className:"wrapper__description",children:c})]})]}),e.jsxs("div",{className:"wrapper__actions",children:[e.jsx(R,{text:f,borderRadius:"curved",size:"medium",className:"wrapper__action action__continue",onClick:o}),e.jsx(R,{text:h,borderRadius:"curved",size:"medium",className:"wrapper__action action__end-quiz",onClick:n})]})]})),l={START_QUIZ:0,QUIZ:1,CORRECT_ANSWER:2},ne=Q.styled.div`
   display: flex;
   width: 100%;
   align-items: center;
@@ -383,7 +383,7 @@
     border-radius: 0.75rem;
   }
 
-  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
+  @media ${I.down("S")} {
     & .wrapper__outlet {
       padding: 0;
     }
@@ -392,4 +392,4 @@
       display: none;
     }
   }
-`,ie=i.forwardRef(({title:f,subtitle:c,endTitle:h,endDescription:x,imageUrl:o,imageComponent:n,questions:r,secondsPerQuestion:C,numberOfCredits:z,startQuizText:Q="Start quiz",nextText:U="Next",giveUpText:Z="Give up",questionNoText:L="Question",continueText:$="Continue",endQuizText:p="End quiz",onStartQuiz:R=()=>{},onSelectAnswer:d=()=>{},onGiveUp:b=()=>{},onNext:u=()=>{},onContinue:E=()=>{},onEndQuiz:w=()=>{}},W)=>{const[m,a]=i.useState(l.START_QUIZ),[_,v]=i.useState(0),[t,D]=i.useState(null),[O,y]=i.useState(null),[P,j]=i.useState(null),A=i.useRef([]),I=i.useRef(0),B=()=>{var s;a(l.QUIZ),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,_)),R==null||R()},X=(s,S)=>{j(S),y(s),d==null||d()},F=()=>{a(l.START_QUIZ),v(0),y(null),j(null),b==null||b()},G=()=>{var S;const s=P===(t==null?void 0:t.correctAnswerIndex);s?(a(l.CORRECT_ANSWER),I.current+=z||(t==null?void 0:t.numberOfCredits)):_===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),v(0),y(null),j(null)):(v(_+1),D((S=r==null?void 0:r.at)==null?void 0:S.call(r,_+1)),y(null),j(null)),A.current=[...A.current,{question:t,selectedAnswer:O,isCorrect:s}],u==null||u()},H=()=>{var s;_===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),v(0)):(a(l.QUIZ),v(_+1),D((s=r==null?void 0:r.at)==null?void 0:s.call(r,_+1))),y(null),j(null),E==null||E(I==null?void 0:I.current)},J=()=>{a(l.START_QUIZ),v(0),y(null),j(null),w==null||w()};return e.jsxs(ae,{ref:W,children:[e.jsxs("div",{className:"wrapper__outlet",children:[m===l.START_QUIZ&&e.jsx(ee,{title:f,description:c,startQuizText:Q,onStartQuiz:B}),m===l.QUIZ&&t&&e.jsx(re,{questionNoText:L,questionNo:_,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.questionText,options:t==null?void 0:t.options,secondsPerQuestion:C||(t==null?void 0:t.secondsPerQuestion),correctAnswerIndex:t==null?void 0:t.correctAnswerIndex,selectedAnswer:O,nextText:U,giveUpText:Z,nextDisabled:!N.isDefined(O),onSelectAnswer:X,onGiveUp:F,onNext:G,selectedAnswerIndex:P},`quiz-question__${_}`),m===l.CORRECT_ANSWER&&e.jsx(te,{title:h,description:N.formatString(x,z||(t==null?void 0:t.numberOfCredits)),continueText:$,endQuizText:p,onContinue:H,onEndQuiz:J})]}),N.isDefined(n)?n:e.jsx("img",{src:o,className:"wrapper__image"})]})});module.exports=ie;
+`,le=i.forwardRef(({title:g,subtitle:c,endTitle:f,endDescription:h,imageUrl:o,imageComponent:n,questions:r,secondsPerQuestion:k,numberOfCredits:z,startQuizText:U="Start quiz",nextText:E="Next",giveUpText:$="Give up",questionNoText:W="Question",continueText:Z="Continue",endQuizText:p="End quiz",onStartQuiz:j=()=>{},onSelectAnswer:d=()=>{},onGiveUp:b=()=>{},onNext:u=()=>{},onContinue:S=()=>{},onEndQuiz:x=()=>{}},D)=>{const[m,a]=i.useState(l.START_QUIZ),[_,w]=i.useState(0),[t,A]=i.useState(null),[L,v]=i.useState(null),[M,y]=i.useState(null),F=i.useRef([]),C=i.useRef(0),G=()=>{var s;a(l.QUIZ),A((s=r==null?void 0:r.at)==null?void 0:s.call(r,_)),j==null||j()},H=(s,T)=>{y(T),v(s),d==null||d()},J=()=>{a(l.START_QUIZ),w(0),v(null),y(null),b==null||b()},K=()=>{var T;const s=M===(t==null?void 0:t.correctAnswerIndex);s?(a(l.CORRECT_ANSWER),C.current+=z||(t==null?void 0:t.numberOfCredits)):_===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),w(0),v(null),y(null)):(w(_+1),A((T=r==null?void 0:r.at)==null?void 0:T.call(r,_+1)),v(null),y(null)),F.current=[...F.current,{question:t,selectedAnswer:L,isCorrect:s}],u==null||u()},V=()=>{var s;_===(r==null?void 0:r.length)-1?(a(l.START_QUIZ),w(0)):(a(l.QUIZ),w(_+1),A((s=r==null?void 0:r.at)==null?void 0:s.call(r,_+1))),v(null),y(null),S==null||S(C==null?void 0:C.current)},X=()=>{a(l.START_QUIZ),w(0),v(null),y(null),x==null||x()};return e.jsxs(ne,{ref:D,children:[e.jsxs("div",{className:"wrapper__outlet",children:[m===l.START_QUIZ&&e.jsx(te,{title:g,description:c,startQuizText:U,onStartQuiz:G}),m===l.QUIZ&&t&&e.jsx(ae,{questionNoText:W,questionNo:_,totalQuestions:(r==null?void 0:r.length)||0,text:t==null?void 0:t.questionText,options:t==null?void 0:t.options,secondsPerQuestion:k||(t==null?void 0:t.secondsPerQuestion),correctAnswerIndex:t==null?void 0:t.correctAnswerIndex,selectedAnswer:L,nextText:E,giveUpText:$,nextDisabled:!N.isDefined(L),onSelectAnswer:H,onGiveUp:J,onNext:K,selectedAnswerIndex:M},`quiz-question__${_}`),m===l.CORRECT_ANSWER&&e.jsx(ie,{title:f,description:N.formatString(h,z||(t==null?void 0:t.numberOfCredits)),continueText:Z,endQuizText:p,onContinue:V,onEndQuiz:X})]}),N.isDefined(n)?n:e.jsx("img",{src:o,className:"wrapper__image"})]})});module.exports=le;

package/dist/QuizSection.js

@@ -1,12 +1,12 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { forwardRef as I, useState as w, useRef as B, useEffect as re } from "react";
-import { x as ae, k as te, l as G, s as ie } from "./utils-DtEfC-TX.js";
+import { y as ae, l as te, m as J, s as ie } from "./utils-B2fsQ6PS.js";
 import z from "./Button.js";
-import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as U, C as H, a as P } from "./consts-BuFChS64.js";
+import { s as U } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as E } from "./breakpoints-ff0SIcV3.js";
 import M from "./Icon.js";
 import ne from "./ProgressBar.js";
-const le = E.div`
+const le = U.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -57,7 +57,7 @@ const le = E.div`
     }
   }
 
-  @media (max-width: ${U + "px"}) {
+  @media ${E("S")} {
     & .wrapper__title {
       font-size: 1.375rem;
       line-height: 1.75rem;
@@ -68,7 +68,7 @@ const le = E.div`
       line-height: 1.25rem;
     }
   }
-`, ce = E.div`
+`, ce = U.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -258,7 +258,7 @@ const le = E.div`
     }
   }
 
-  @media (max-width: ${U + "px"}) {
+  @media ${E("S")} {
     & .wrapper__content {
       & .wrapper__item {
         & .wrapper__answers {
@@ -267,7 +267,7 @@ const le = E.div`
       }
     }
   }
-`, oe = E.div`
+`, oe = U.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -357,7 +357,7 @@ const le = E.div`
     }
   }
 
-  @media (max-width: ${U + "px"}) {
+  @media ${E("S")} {
     width: 100%;
 
     & .wrapper__actions {
@@ -389,7 +389,7 @@ const le = E.div`
       }
     )
   ] })
-), pe = I(
+), F = 26, P = 2 * Math.PI * F, pe = I(
   ({
     questionNoText: g,
     questionNo: o,
@@ -400,9 +400,9 @@ const le = E.div`
     selectedAnswer: e,
     secondsPerQuestion: R,
     nextText: C = "Next",
-    giveUpText: Z = "Give up",
-    nextDisabled: $ = !0,
-    onSelectAnswer: W = () => {
+    giveUpText: $ = "Give up",
+    nextDisabled: W = !0,
+    onSelectAnswer: Z = () => {
     },
     onGiveUp: j = () => {
     },
@@ -410,11 +410,11 @@ const le = E.div`
     },
     selectedAnswerIndex: p
   }, N) => {
-    const [m, k] = w(R), [u, T] = w(!0), x = B(null);
-    re(() => (u && m > 0 && (x.current = setInterval(() => {
+    const [m, k] = w(R), [u, S] = w(!0), v = B(null);
+    re(() => (u && m > 0 && (v.current = setInterval(() => {
       k((d) => d > 0 ? d - 1 : 0);
-    }, 1e3)), () => clearInterval(x.current)), [u, m]);
-    const L = m > 0 ? m / R * P : 0;
+    }, 1e3)), () => clearInterval(v.current)), [u, m]);
+    const A = m > 0 ? m / R * P : 0;
     return /* @__PURE__ */ t(ce, { ref: N, children: [
       /* @__PURE__ */ t("div", { className: "wrapper__headline", children: [
         /* @__PURE__ */ t("div", { className: "wrapper__question-no", children: [
@@ -435,7 +435,7 @@ const le = E.div`
                 className: "ring__progres-background",
                 cx: "30",
                 cy: "30",
-                r: H,
+                r: F,
                 stroke: "#e0e0e0",
                 strokeWidth: "4",
                 fill: "transparent"
@@ -447,14 +447,14 @@ const le = E.div`
                 className: "ring__progres",
                 cx: "30",
                 cy: "30",
-                r: H,
+                r: F,
                 stroke: "#d97706",
                 strokeWidth: "4",
                 fill: "transparent",
                 strokeLinecap: "round",
                 transform: "rotate(-90 30 30)",
                 strokeDasharray: P,
-                strokeDashoffset: P - L
+                strokeDashoffset: P - A
               }
             )
           ] }),
@@ -468,7 +468,7 @@ const le = E.div`
             "div",
             {
               className: `wrapper__answer ${n === i && n === p ? "active" : te(e) && n !== p && p === i ? "incorrect" : ""}`,
-              onClick: () => W(d, i),
+              onClick: () => Z(d, i),
               children: [
                 `${String.fromCharCode(65 + i)}: ${d}`,
                 n === i && n === p && /* @__PURE__ */ r(
@@ -496,7 +496,7 @@ const le = E.div`
           /* @__PURE__ */ r(
             z,
             {
-              text: Z,
+              text: $,
               borderRadius: "curved",
               size: "medium",
               className: "wrapper__action action__give-up",
@@ -510,7 +510,7 @@ const le = E.div`
               borderRadius: "curved",
               size: "medium",
               className: "wrapper__action action__next",
-              disabled: $,
+              disabled: W,
               onClick: D
             }
           )
@@ -571,7 +571,7 @@ const le = E.div`
   START_QUIZ: 0,
   QUIZ: 1,
   CORRECT_ANSWER: 2
-}, de = E.div`
+}, de = U.div`
   display: flex;
   width: 100%;
   align-items: center;
@@ -595,7 +595,7 @@ const le = E.div`
     border-radius: 0.75rem;
   }
 
-  @media (max-width: ${U + "px"}) {
+  @media ${E("S")} {
     & .wrapper__outlet {
       padding: 0;
     }
@@ -615,9 +615,9 @@ const le = E.div`
     questions: e,
     secondsPerQuestion: R,
     numberOfCredits: C,
-    startQuizText: Z = "Start quiz",
-    nextText: $ = "Next",
-    giveUpText: W = "Give up",
+    startQuizText: $ = "Start quiz",
+    nextText: W = "Next",
+    giveUpText: Z = "Give up",
     questionNoText: j = "Question",
     continueText: D = "Continue",
     endQuizText: p = "End quiz",
@@ -629,29 +629,29 @@ const le = E.div`
     },
     onNext: u = () => {
     },
-    onContinue: T = () => {
+    onContinue: S = () => {
     },
-    onEndQuiz: x = () => {
+    onEndQuiz: v = () => {
     }
-  }, L) => {
-    const [d, i] = w(l.START_QUIZ), [_, v] = w(0), [a, A] = w(null), [O, y] = w(null), [F, b] = w(null), X = B([]), Q = B(0), J = () => {
+  }, A) => {
+    const [d, i] = w(l.START_QUIZ), [_, x] = w(0), [a, L] = w(null), [O, y] = w(null), [G, b] = w(null), H = B([]), T = B(0), K = () => {
       var c;
-      i(l.QUIZ), A(
+      i(l.QUIZ), L(
         // questions?.find((question) => question?.questionNo === questionNo)
         (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, _)
       ), N == null || N();
-    }, K = (c, S) => {
-      b(S), y(c), m == null || m();
-    }, V = () => {
-      i(l.START_QUIZ), v(0), y(null), b(null), k == null || k();
+    }, V = (c, Q) => {
+      b(Q), y(c), m == null || m();
+    }, X = () => {
+      i(l.START_QUIZ), x(0), y(null), b(null), k == null || k();
     }, Y = () => {
-      var S;
-      const c = F === (a == null ? void 0 : a.correctAnswerIndex);
-      c ? (i(l.CORRECT_ANSWER), Q.current += C || (a == null ? void 0 : a.numberOfCredits)) : _ === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), v(0), y(null), b(null)) : (v(_ + 1), A(
+      var Q;
+      const c = G === (a == null ? void 0 : a.correctAnswerIndex);
+      c ? (i(l.CORRECT_ANSWER), T.current += C || (a == null ? void 0 : a.numberOfCredits)) : _ === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), x(0), y(null), b(null)) : (x(_ + 1), L(
         // questions?.find((question) => question?.questionNo === questionNo + 1)
-        (S = e == null ? void 0 : e.at) == null ? void 0 : S.call(e, _ + 1)
-      ), y(null), b(null)), X.current = [
-        ...X.current,
+        (Q = e == null ? void 0 : e.at) == null ? void 0 : Q.call(e, _ + 1)
+      ), y(null), b(null)), H.current = [
+        ...H.current,
         {
           question: a,
           selectedAnswer: O,
@@ -660,22 +660,22 @@ const le = E.div`
       ], u == null || u();
     }, q = () => {
       var c;
-      _ === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), v(0)) : (i(l.QUIZ), v(_ + 1), A(
+      _ === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), x(0)) : (i(l.QUIZ), x(_ + 1), L(
         // questions?.find((question) => question?.questionNo === questionNo + 1)
         (c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, _ + 1)
-      )), y(null), b(null), T == null || T(Q == null ? void 0 : Q.current);
+      )), y(null), b(null), S == null || S(T == null ? void 0 : T.current);
     }, ee = () => {
-      i(l.START_QUIZ), v(0), y(null), b(null), x == null || x();
+      i(l.START_QUIZ), x(0), y(null), b(null), v == null || v();
     };
-    return /* @__PURE__ */ t(de, { ref: L, children: [
+    return /* @__PURE__ */ t(de, { ref: A, children: [
       /* @__PURE__ */ t("div", { className: "wrapper__outlet", children: [
         d === l.START_QUIZ && /* @__PURE__ */ r(
           se,
           {
             title: g,
             description: o,
-            startQuizText: Z,
-            onStartQuiz: J
+            startQuizText: $,
+            onStartQuiz: K
           }
         ),
         d === l.QUIZ && a && /* @__PURE__ */ r(
@@ -689,13 +689,13 @@ const le = E.div`
             secondsPerQuestion: R || (a == null ? void 0 : a.secondsPerQuestion),
             correctAnswerIndex: a == null ? void 0 : a.correctAnswerIndex,
             selectedAnswer: O,
-            nextText: $,
-            giveUpText: W,
-            nextDisabled: !G(O),
-            onSelectAnswer: K,
-            onGiveUp: V,
+            nextText: W,
+            giveUpText: Z,
+            nextDisabled: !J(O),
+            onSelectAnswer: V,
+            onGiveUp: X,
             onNext: Y,
-            selectedAnswerIndex: F
+            selectedAnswerIndex: G
           },
           `quiz-question__${_}`
         ),
@@ -714,7 +714,7 @@ const le = E.div`
           }
         )
       ] }),
-      G(n) ? n : /* @__PURE__ */ r("img", { src: s, className: "wrapper__image" })
+      J(n) ? n : /* @__PURE__ */ r("img", { src: s, className: "wrapper__image" })
     ] });
   }
 );

package/dist/RadioInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const l=require("react/jsx-runtime"),h=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=e=>e=="left"?"row-reverse":"row",B=g.styled.label`
+"use strict";const l=require("react/jsx-runtime"),h=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=e=>e=="left"?"row-reverse":"row",B=g.styled.label`
   min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
   max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
   width: 100%;

package/dist/RadioInput.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as l } from "react/jsx-runtime";
 import { forwardRef as B, useState as j } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as b, c as N, e as P, b as i } from "./utils-DtEfC-TX.js";
+import { e as b, d as N, f as P, c as i } from "./utils-B2fsQ6PS.js";
 import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const I = (e) => e == "left" ? "row-reverse" : "row", L = f.label`
   min-height: ${(e) => b(e.theme, e.size)};

package/dist/RangeSlider.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("react"),a=require("./utils-RnrgDDZP.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),U=require("./useUpdateEffect-BtMgpgIV.cjs"),_=({theme:e,size:i})=>{var u=a.getSizeValueWithUnits(e,i);return`
+"use strict";const t=require("react/jsx-runtime"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("react"),a=require("./utils-CITgSxXe.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),U=require("./useUpdateEffect-BtMgpgIV.cjs"),_=({theme:e,size:i})=>{var u=a.getSizeValueWithUnits(e,i);return`
     min-height: ${u};
     max-height: ${u};
   `},g={small:"0.875rem",medium:"1.125rem",large:"1.375rem"},T=x.styled.div`

package/dist/RangeSlider.js

@@ -1,7 +1,7 @@
 import { jsxs as M, jsx as t, Fragment as L } from "react/jsx-runtime";
 import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { forwardRef as W, useRef as X, useState as f, useCallback as q, useEffect as N } from "react";
-import { a as A, b as r, c as D, d as G } from "./utils-DtEfC-TX.js";
+import { b as A, c as r, d as D, e as G } from "./utils-B2fsQ6PS.js";
 import { u as H } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as J } from "./useUpdateEffect-CuYWz7EA.js";
 const K = ({ theme: e, size: o }) => {

package/dist/ReviewsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("react"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),S=require("./useDetectMobile-zkbzoOGV.cjs"),w=require("./utils-RnrgDDZP.cjs"),v=require("./ThemeProvider.cjs"),k=require("./index-uwl7BjRF.cjs"),i=require("./style-BAcV7F53.cjs"),R=s.styled.div`
+"use strict";const e=require("react/jsx-runtime"),g=require("react"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./breakpoints-CcVm-gVm.cjs"),S=require("./useDetectMobile-DYV6V1yw.cjs"),b=require("./utils-CITgSxXe.cjs"),k=require("./ThemeProvider.cjs"),v=require("./index-DsINTjQk.cjs"),i=require("./style-BAcV7F53.cjs"),R=l.styled.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);
@@ -8,20 +8,28 @@
     font-weight: 600;
     font-size: 1.5rem;
   }
-`,y=s.styled.div`
+`,y=l.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+  @media ${w.down("M")} {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media ${w.down("S")} {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @media ${w.down("XS")} {
     grid-template-columns: repeat(1, 1fr);
   }
-`,P=s.styled.a`
+`,$=l.styled.a`
   padding-top: 5rem;
   overflow: hidden;
   text-decoration: none;
   color: var(--gray-950);
-`,$=s.styled.div`
+`,C=l.styled.div`
   position: relative;
   cursor: pointer;
   display: flex;
@@ -53,11 +61,11 @@
       font-size: 1.375rem;
       font-weight: 600;
       color: var(--gray-950, #14161a);
-      ${w.truncateText()}
+      ${b.truncateText()}
     }
 
     & .cont-text {
-      ${w.truncateTextInRows(2)}
+      ${b.truncateTextInRows(2)}
     }
   }
 
@@ -77,9 +85,9 @@
     box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),
       0px 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
-`,b=(t,o)=>w.getComponentPropValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled",o),C=s.styled.div`
-  font-size: ${t=>b(t,"fontSize")};
-  line-height: ${t=>b(t,"lineHeight")};
+`,j=(t,o)=>b.getComponentPropValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled",o),P=l.styled.div`
+  font-size: ${t=>j(t,"fontSize")};
+  line-height: ${t=>j(t,"lineHeight")};
   line-height: 1.5rem;
   width: fit-content;
   display: flex;
@@ -98,7 +106,7 @@
     line-height: 1.5rem;
     color: ${t=>t.color};
   }
-`,L=s.styled.span`
+`,L=l.styled.span`
   position: absolute;
   z-index: 1;
   display: block;
@@ -107,14 +115,14 @@
   overflow: hidden;
   width: ${t=>t.width}%;
 
-  color: ${t=>w.getColorRgbaValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled","filledColor")};
-`,N=s.styled.span`
+  color: ${t=>b.getColorRgbaValue(t.theme,"StarRating",t.color,t.disabled===!0?"disabled":"enabled","filledColor")};
+`,N=l.styled.span`
   padding: 0;
   display: block;
   z-index: 0;
   color: ${t=>t.color};
-`,q=g.forwardRef((t,o)=>{const{rating:l=0,reviewCount:n=null,disabled:a=!1,tabIndex:d=0,className:p="",style:h={},color:c="primary",size:u="large"}=t,{theme:r}=v.useTheme(),m={theme:r,color:c,size:u,style:h,disabled:a},f=l/5*100;return e.jsxs(C,{ref:o,tabIndex:d,...m,className:`star-rating ${p}`,children:[e.jsxs("div",{className:"rating",children:[e.jsx(L,{className:"filled-stars",...m,width:f,children:"★★★★★"}),e.jsx(N,{...m,children:"★★★★★"})]}),!isNaN(n)&&Number.isFinite(n)&&e.jsx("div",{className:"review-count",children:`(${n.toLocaleString()})`})]})}),z=g.forwardRef((t,o)=>{const{image:l,text:n,title:a,link:d,rating:p,onSelectCard:h=()=>{},LinkComponent:c}=t,u=c||"a";return e.jsx(P,{ref:o,className:"review-card",onClick:h,as:u,...c?{to:`/${d}`}:{href:`/${d}`},children:e.jsxs($,{children:[e.jsx(k.ProductImageWrapper,{src:l}),e.jsxs("div",{className:"cont",children:[e.jsx("span",{className:"cont-title",children:a}),e.jsx("div",{className:"cont-text",children:n})]}),e.jsx(q,{color:"warning",rating:p})]})})}),M=s.styled(i.SkeletonRowWrapper)`
-  @media (max-width: ${j.MOBILE_SIZE_PX+"px"}) {
+`,q=g.forwardRef((t,o)=>{const{rating:a=0,reviewCount:n=null,disabled:s=!1,tabIndex:d=0,className:p="",style:h={},color:c="primary",size:u="large"}=t,{theme:r}=k.useTheme(),m={theme:r,color:c,size:u,style:h,disabled:s},x=a/5*100;return e.jsxs(P,{ref:o,tabIndex:d,...m,className:`star-rating ${p}`,children:[e.jsxs("div",{className:"rating",children:[e.jsx(L,{className:"filled-stars",...m,width:x,children:"★★★★★"}),e.jsx(N,{...m,children:"★★★★★"})]}),!isNaN(n)&&Number.isFinite(n)&&e.jsx("div",{className:"review-count",children:`(${n.toLocaleString()})`})]})}),z=g.forwardRef((t,o)=>{const{image:a,text:n,title:s,link:d,rating:p,onSelectCard:h=()=>{},LinkComponent:c}=t,u=c||"a";return e.jsx($,{ref:o,className:"review-card",onClick:h,as:u,...c?{to:`/${d}`}:{href:`/${d}`},children:e.jsxs(C,{children:[e.jsx(v.ProductImageWrapper,{src:a}),e.jsxs("div",{className:"cont",children:[e.jsx("span",{className:"cont-title",children:s}),e.jsx("div",{className:"cont-text",children:n})]}),e.jsx(q,{color:"warning",rating:p})]})})}),M=l.styled(i.SkeletonRowWrapper)`
+  @media ${w.down("S")} {
     flex-direction: column;
 
     & > div {
@@ -125,4 +133,4 @@
       }
     }
   }
-`,W=({keyPrefix:t})=>e.jsxs(M,{children:[e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-3`)]}),E=({keyPrefix:t,isLoading:o=!1,fallbackComponent:l=e.jsx(e.Fragment,{}),children:n})=>e.jsx(g.Suspense,{fallbackComponent:l,children:o===!0?e.jsx(W,{keyPrefix:t}):n}),x=g.memo(z),I=g.forwardRef((t,o)=>{const{title:l="Electronics reviews",items:n,limit:a=3,onSelectCard:d=()=>{},isLoading:p=!1,LinkComponent:h}=t,c=S.useDetectMobile(),u=g.useMemo(()=>e.jsx(e.Fragment,{children:c===!0?n==null?void 0:n.map((r,m)=>e.jsx(x,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>d(r),LinkComponent:h},m)):n==null?void 0:n.slice(0,a).map((r,m)=>e.jsx(x,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>d(r),LinkComponent:h},m))}),[n,c,a]);return e.jsxs(R,{ref:o,children:[e.jsx("div",{className:"container-title",children:l}),e.jsx(E,{isLoading:p,keyPrefix:"reviews-skeleton",children:e.jsx(y,{limit:a,children:u})})]})});module.exports=I;
+`,W=({keyPrefix:t})=>e.jsxs(M,{children:[e.jsxs(i.SkeletonColumnWrapper,{children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-1`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-2`),e.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(i.SkeletonSquarePlaceholder,{height:"6.25rem",width:"6.25rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsx(i.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem",width:"6rem"})]},`${t}-3`)]}),F=({keyPrefix:t,isLoading:o=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:n})=>e.jsx(g.Suspense,{fallbackComponent:a,children:o===!0?e.jsx(W,{keyPrefix:t}):n}),f=g.memo(z),G=g.forwardRef((t,o)=>{const{title:a="Electronics reviews",items:n,limit:s=3,onSelectCard:d=()=>{},isLoading:p=!1,LinkComponent:h}=t,c=S.useDetectMobile(),u=g.useMemo(()=>e.jsx(e.Fragment,{children:c===!0?n==null?void 0:n.map((r,m)=>e.jsx(f,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>d(r),LinkComponent:h},m)):n==null?void 0:n.slice(0,s).map((r,m)=>e.jsx(f,{text:r==null?void 0:r.text,title:r==null?void 0:r.title,image:r==null?void 0:r.image,link:r==null?void 0:r.link,rating:r==null?void 0:r.ratingArithmeticMean,onSelectCard:()=>d(r),LinkComponent:h},m))}),[n,c,s]);return e.jsxs(R,{ref:o,children:[e.jsx("div",{className:"container-title",children:a}),e.jsx(F,{isLoading:p,keyPrefix:"reviews-skeleton",children:e.jsx(y,{limit:s,children:u})})]})});module.exports=G;