@lanaco/lnc-react-ui 4.0.93 → 4.0.95

package/dist/NumberInput.js

@@ -1,17 +1,17 @@
-import { jsxs as A, jsx as g } from "react/jsx-runtime";
+import { jsxs as P, jsx as y } from "react/jsx-runtime";
 import { P as n } from "./index-S5Cd7WrG.js";
-import { forwardRef as P, useState as C, useEffect as W, useCallback as G } from "react";
-import { d as M } from "./index-CkWvbrVT.js";
+import { forwardRef as W, useRef as G, useState as S, useEffect as M, useCallback as U } from "react";
+import { d as D } from "./index-CkWvbrVT.js";
 import { s as i } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d, b as a, a as U, e as D, h as N, c as X } from "./utils-BXCGNjIy.js";
-import { u as q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const H = i.div`
+import { d as s, b as r, a as X, e as q, h as T, c as H } from "./utils-WHYrEnYF.js";
+import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const K = i.div`
   display: flex;
   align-items: center;
 
-  min-height: ${(e) => d(e.theme, e.size)};
-  max-height: ${(e) => d(e.theme, e.size)};
-  background-color: ${(e) => a(
+  min-height: ${(e) => s(e.theme, e.size)};
+  max-height: ${(e) => s(e.theme, e.size)};
+  background-color: ${(e) => r(
   e.theme,
   "Input",
   e.color,
@@ -19,27 +19,27 @@ const H = i.div`
   "background"
 )};
   border: 1px solid
-    ${(e) => a(
+    ${(e) => r(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   e.disabled === !0 ? "disabled" : "enabled",
   "border"
 )};
-  border-radius: ${(e) => U(e.theme, "regular")};
+  border-radius: ${(e) => X(e.theme, "regular")};
 
-  ${(e) => e.focused && e.readOnly !== !0 ? D(e.theme) : ""}
-  ${(e) => e.disabled === !0 ? N(e.theme) : ""}
-`, S = i.span`
+  ${(e) => e.focused && e.readOnly !== !0 ? q(e.theme) : ""}
+  ${(e) => e.disabled === !0 ? T(e.theme) : ""}
+`, V = i.span`
   padding: 0 12px;
-  color: ${(e) => a(
+  color: ${(e) => r(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "prefix"
 )};
-`, J = i(S)``, K = i.input`
+`, L = i(V)``, Q = i.input`
   background: none;
   border: none;
   outline: none;
@@ -47,22 +47,22 @@ const H = i.div`
   padding-bottom: 0.625rem;
   width: 100%;
 
-  ${(e) => X(e.theme, "Input", e.size, "enabled")}
-  min-height: ${(e) => d(e.theme, e.size)};
-  max-height: ${(e) => d(e.theme, e.size)};
-  color: ${(e) => a(
+  ${(e) => H(e.theme, "Input", e.size, "enabled")}
+  min-height: ${(e) => s(e.theme, e.size)};
+  max-height: ${(e) => s(e.theme, e.size)};
+  color: ${(e) => r(
   e.theme,
   "Input",
   e.focused === !0 ? "primary" : e.color,
   "enabled",
   "text"
 )};
-  caret-color: ${(e) => a(e.theme, "Input", e.color, "enabled", "caret")};
+  caret-color: ${(e) => r(e.theme, "Input", e.color, "enabled", "caret")};
   padding-right: ${(e) => e.suffix ? "0" : "0.75rem"};
   padding-left: ${(e) => e.prefix ? "0" : "0.75rem"};
 
   &::placeholder {
-    color: ${(e) => a(
+    color: ${(e) => r(
   e.theme,
   "Input",
   e.color,
@@ -76,99 +76,99 @@ const H = i.div`
   }
 
   &:disabled {
-    ${(e) => N(e.theme)}
+    ${(e) => T(e.theme)}
     background: none;
   }
-`, L = P((e, T) => {
+`, Y = W((e, O) => {
   const {
-    disabled: y,
-    readOnly: p,
-    debounceTime: O = 0,
-    step: V = 1,
-    min: z = Number.MIN_SAFE_INTEGER,
-    max: v = Number.MAX_SAFE_INTEGER,
-    prefix: s,
+    disabled: p,
+    readOnly: x,
+    debounceTime: z = 0,
+    step: v = 1,
+    min: E = Number.MIN_SAFE_INTEGER,
+    max: R = Number.MAX_SAFE_INTEGER,
+    prefix: c,
     suffix: m,
-    placeholder: E,
-    value: r,
-    defaultValue: F,
+    placeholder: F,
+    value: a,
+    defaultValue: $,
     //----------------
     onChange: l,
-    onBlur: c,
-    onFocus: f,
+    onBlur: f,
+    onFocus: h,
     //----------------
     className: k = "",
-    style: R = {},
-    size: x = "small",
+    style: B = {},
+    size: I = "small",
     color: o = "primary",
-    ...B
-  } = e, u = q(), [_, $] = C(r || F || ""), [h, I] = C(!1);
-  W(() => {
-    r != null && $(r);
-  }, [r]);
-  const j = G(
-    M((t, b) => w(t, b), O),
+    ..._
+  } = e, u = J(), d = G(a || $ || ""), [j, C] = S(a || $ || ""), [b, N] = S(!1);
+  M(() => {
+    a != null && (d.current = a, C(d.current));
+  }, [a]);
+  const w = U(
+    D((t, g) => A(t, g), z),
     [l]
-  ), w = (t, b) => {
-    l && (l == null || l(t, b));
+  ), A = (t, g) => {
+    l && (l == null || l(t, g));
   };
-  return /* @__PURE__ */ A(
-    H,
+  return /* @__PURE__ */ P(
+    K,
     {
-      style: R,
+      style: B,
       className: k,
       theme: u,
       color: o,
-      size: x,
-      focused: h,
-      disabled: y,
-      readOnly: p,
+      size: I,
+      focused: b,
+      disabled: p,
+      readOnly: x,
       children: [
-        s && /* @__PURE__ */ g(
-          S,
+        c && /* @__PURE__ */ y(
+          V,
           {
             theme: u,
             color: o,
-            focused: h,
+            focused: b,
             className: "lnc-input-prefix",
-            children: s
+            children: c
           }
         ),
-        /* @__PURE__ */ g(
-          K,
+        /* @__PURE__ */ y(
+          Q,
           {
-            ref: T,
+            ref: O,
             type: "number",
             theme: u,
             color: o,
-            size: x,
-            placeholder: E,
-            prefix: s,
+            size: I,
+            placeholder: F,
+            prefix: c,
             suffix: m,
-            disabled: y,
-            readOnly: p,
-            step: V,
-            min: z,
-            max: v,
-            value: _,
+            disabled: p,
+            readOnly: x,
+            step: v,
+            min: E,
+            max: R,
+            value: j,
             onFocus: (t) => {
-              I(!0), f == null || f(t);
+              N(!0), h == null || h(t);
             },
             onBlur: (t) => {
-              I(!1), c == null || c(t);
+              N(!1), f == null || f(t);
             },
             onChange: (t) => {
-              $(t.target.value), j(t, t.target.value);
+              d.current = t.target.value, C(d.current), w(t, t.target.value);
             },
-            ...B
+            ..._
           }
         ),
-        m && /* @__PURE__ */ g(
-          J,
+        m && /* @__PURE__ */ y(
+          L,
           {
             theme: u,
             color: o,
-            focused: h,
+            focused: b,
             className: "lnc-input-suffix",
             children: m
           }
@@ -177,7 +177,7 @@ const H = i.div`
     }
   );
 });
-L.propTypes = {
+Y.propTypes = {
   id: n.string,
   value: n.any,
   defaultValue: n.any,
@@ -237,5 +237,5 @@ L.propTypes = {
   ])
 };
 export {
-  L as default
+  Y as default
 };

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,6 +1,6 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),p=require("./style-B8wrlDzY.cjs"),u=require("./utils-BWzf4vLl.cjs"),f=require("./Button.cjs"),v=require("./ThemeProvider.cjs"),j=x.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),p=require("./style-Ce-JyTaX.cjs"),u=require("./utils-BOtq2mcF.cjs"),f=require("./Button.cjs"),v=require("./ThemeProvider.cjs"),j=x.styled.div`
   display: grid;
-  grid-template-columns: ${n=>`repeat(${n.limit}, 1fr)`};
+  grid-template-columns: ${n=>`repeat(${n.limit}, auto)`};
   gap: 1.25rem;
   justify-items: center;
 

package/dist/OverlayGeneralCardsSection.js

@@ -2,13 +2,13 @@ import { jsx as r, Fragment as p, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as g, Suspense as m } from "react";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as h } from "./consts-BuFChS64.js";
-import { R as v } from "./style-C3-67TPD.js";
-import { p as x, o as y, k } from "./utils-BXCGNjIy.js";
+import { R as v } from "./style-DU0BlP5D.js";
+import { p as x, o as y, k } from "./utils-WHYrEnYF.js";
 import w from "./Button.js";
 import { useTheme as b } from "./ThemeProvider.js";
 const $ = f.div`
   display: grid;
-  grid-template-columns: ${(n) => `repeat(${n.limit}, 1fr)`};
+  grid-template-columns: ${(n) => `repeat(${n.limit}, auto)`};
   gap: 1.25rem;
   justify-items: center;
 

package/dist/PasswordInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),n=require("./index-BPVoEhTF.cjs"),L=require("./index-DaiUAQVF.cjs"),D=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-BWzf4vLl.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=h.styled.div`
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),n=require("./index-BPVoEhTF.cjs"),L=require("./index-DaiUAQVF.cjs"),D=require("./Icon.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-BOtq2mcF.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=h.styled.div`
   display: flex;
   align-items: center;
 

package/dist/PasswordInput.js

@@ -4,7 +4,7 @@ import { P as n } from "./index-S5Cd7WrG.js";
 import { d as J } from "./index-CkWvbrVT.js";
 import K from "./Icon.js";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as g, b as a, a as M, e as Q, h as w, c as X } from "./utils-BXCGNjIy.js";
+import { d as g, b as a, a as M, e as Q, h as w, c as X } from "./utils-WHYrEnYF.js";
 import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const Z = m.div`
   display: flex;

package/dist/PopoverContent.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),c=require("react"),s=require("./floating-ui.react.esm-Bb1ww976.cjs"),i=require("./index-BPVoEhTF.cjs"),x=require("./PopoverContext.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./utils-BWzf4vLl.cjs"),y=require("./motion-B_VPZaJq.cjs"),f=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),P=h.styled(y.motion.div)`
+"use strict";const n=require("react/jsx-runtime"),c=require("react"),s=require("./floating-ui.react.esm-Bb1ww976.cjs"),i=require("./index-BPVoEhTF.cjs"),x=require("./PopoverContext.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./utils-BOtq2mcF.cjs"),y=require("./motion-B_VPZaJq.cjs"),f=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),P=h.styled(y.motion.div)`
   font-family: ${e=>{var t,r;return(r=(t=e.theme)==null?void 0:t.typography)==null?void 0:r.fontFamily}};
   animation: fadeIn 0.4s;
   box-shadow: ${e=>a.getComponentPropValue(e.theme,"Popover",e.color,"enabled","boxShadow")};

package/dist/PopoverContent.js

@@ -4,7 +4,7 @@ import { a as f, F as u, b as g } from "./floating-ui.react.esm-h3qa3pb9.js";
 import { P as n } from "./index-S5Cd7WrG.js";
 import h from "./PopoverContext.js";
 import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { g as y, a as P, b as v } from "./utils-BXCGNjIy.js";
+import { g as y, a as P, b as v } from "./utils-WHYrEnYF.js";
 import { m as w } from "./motion-Ckekul_K.js";
 import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const F = x(w.div)`

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),y=require("./style-B8wrlDzY.cjs"),d=require("./utils-BWzf4vLl.cjs"),P=require("./index-BRgZcjpI.cjs"),S=u.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),y=require("./style-Ce-JyTaX.cjs"),d=require("./utils-BOtq2mcF.cjs"),P=require("./index-XrPpEvxt.cjs"),S=u.styled.div`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;

package/dist/ProductsWithBannerSection.js

@@ -3,9 +3,9 @@ import { forwardRef as u, Suspense as C, memo as N, useMemo as S } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as k } from "./consts-BuFChS64.js";
 import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
-import { R as U } from "./style-C3-67TPD.js";
-import { p as I, o as b, l as M, k as W } from "./utils-BXCGNjIy.js";
-import { P as j } from "./index-D86vS9UF.js";
+import { R as U } from "./style-DU0BlP5D.js";
+import { p as I, o as b, l as M, k as W } from "./utils-WHYrEnYF.js";
+import { P as j } from "./index-DQyZFR-C.js";
 const E = p.div`
   width: 100%;
   height: 22.5rem;

package/dist/ProgressBar.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("./index-BPVoEhTF.cjs"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-BWzf4vLl.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=l.styled.div`
+"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("./index-BPVoEhTF.cjs"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-BOtq2mcF.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=l.styled.div`
   width: 100%;
   position: relative;
   background-color: ${e=>o.getColorRgbaValue(e.theme,"Progress",e.color,"enabled","unfilled")};

package/dist/ProgressBar.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as h } from "react/jsx-runtime";
 import { forwardRef as f, isValidElement as P, cloneElement as y } from "react";
 import { P as r } from "./index-S5Cd7WrG.js";
 import { s as t } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as n, c as x } from "./utils-BXCGNjIy.js";
+import { b as n, c as x } from "./utils-WHYrEnYF.js";
 import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const w = t.div`
   width: 100%;

package/dist/QuattroCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("react"),s=require("./utils-BWzf4vLl.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),g=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./styled-components.browser.esm-CMTEDJ_5.cjs"),u=m.styled.div`
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),s=require("./utils-BOtq2mcF.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),g=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),u=require("./styled-components.browser.esm-CMTEDJ_5.cjs"),_=c.styled.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -41,7 +41,7 @@
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
   border-radius: 0.75rem;
   z-index: 2;
-`,f=m.styled.div`
+`,f=c.styled.div`
   cursor: pointer;
   position: relative;
   border-radius: 0.75rem;
@@ -89,26 +89,26 @@
       line-height: 1.25rem;
       ${s.truncateTextInRows(2)}
     }
+  }
 
-    @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
-      width: 100%;
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+    width: 100%;
 
-      & .quattro-card__title {
-        font-size: 1rem;
-        font-weight: 700;
-        width: 100%;
-      }
+    img {
+      object-fit: fill;
+    }
 
-      & .quattro-card__description {
-        display: block;
-      }
+    & .quattro-card__title {
+      font-size: 1rem;
+      font-weight: 700;
+      width: 100%;
     }
-  }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
-    width: 100%;
+    & .quattro-card__description {
+      display: block;
+    }
   }
-`,h=n.forwardRef(({title:o,description:r,imageUrl:i,onSelectCard:l=()=>{}},c)=>{const{theme:a}=g.useTheme();return e.jsxs(f,{theme:a,onClick:l,children:[e.jsx("img",{loading:"lazy",src:i}),e.jsx(u,{theme:a,className:"quattro-card__gradient",children:e.jsxs("div",{className:"quattro-card__text",children:[e.jsx("div",{className:"quattro-card__title",children:o}),e.jsx("div",{className:"quattro-card__description",children:r})]})})]})}),b=_.qe.div`
+`,h=n.forwardRef(({title:o,description:r,imageUrl:i,onSelectCard:d=()=>{}},l)=>{const{theme:a}=g.useTheme();return e.jsxs(f,{theme:a,onClick:d,children:[e.jsx("img",{loading:"lazy",src:i}),e.jsx(_,{theme:a,className:"quattro-card__gradient",children:e.jsxs("div",{className:"quattro-card__text",children:[e.jsx("div",{className:"quattro-card__title",children:o}),e.jsx("div",{className:"quattro-card__description",children:r})]})})]})}),b=u.qe.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -154,10 +154,10 @@
     width: 100%;
   }
 
-  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__cards {
       grid-template-columns: repeat(1, minmax(0, 1fr));
       gap: 1rem;
     }
   }
-`,w=n.memo(h),x=n.forwardRef(({title:o,items:r,onSelectCard:i=()=>{}},l)=>{const c=n.useMemo(()=>{var a;return(a=r==null?void 0:r.slice(0,4))==null?void 0:a.map((t,p)=>e.jsx(w,{title:t==null?void 0:t.title,description:t==null?void 0:t.description,imageUrl:t==null?void 0:t.imageUrl,onSelectCard:()=>i==null?void 0:i(t)},`quattro-card__${p+1}`))},[r]);return e.jsxs(b,{children:[e.jsx("div",{className:"wrapper__heading",children:e.jsx("div",{className:"wrapper__title",children:s.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"title__text",children:e.jsx("span",{children:o})})})}),e.jsx("div",{className:"wrapper__cards",children:c})]})});module.exports=x;
+`,w=n.memo(h),x=n.forwardRef(({title:o,items:r,onSelectCard:i=()=>{}},d)=>{const l=n.useMemo(()=>{var a;return(a=r==null?void 0:r.slice(0,4))==null?void 0:a.map((t,p)=>e.jsx(w,{title:t==null?void 0:t.title,description:t==null?void 0:t.description,imageUrl:t==null?void 0:t.imageUrl,onSelectCard:()=>i==null?void 0:i(t)},`quattro-card__${p+1}`))},[r]);return e.jsxs(b,{children:[e.jsx("div",{className:"wrapper__heading",children:e.jsx("div",{className:"wrapper__title",children:s.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"title__text",children:e.jsx("span",{children:o})})})}),e.jsx("div",{className:"wrapper__cards",children:l})]})});module.exports=x;

package/dist/QuattroCardsSection.js

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { forwardRef as c, memo as g, useMemo as f } from "react";
-import { t as h, p as u, k as _ } from "./utils-BXCGNjIy.js";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as d } from "./consts-BuFChS64.js";
+import { forwardRef as l, memo as g, useMemo as f } from "react";
+import { t as h, p as u, k as _ } from "./utils-WHYrEnYF.js";
+import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as m } from "./consts-BuFChS64.js";
 import { u as b } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { q as w } from "./styled-components.browser.esm-C9FYANiy.js";
-const y = m.div`
+const y = c.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -48,7 +48,7 @@ const y = m.div`
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
   border-radius: 0.75rem;
   z-index: 2;
-`, v = m.div`
+`, v = c.div`
   cursor: pointer;
   position: relative;
   border-radius: 0.75rem;
@@ -96,32 +96,32 @@ const y = m.div`
       line-height: 1.25rem;
       ${u(2)}
     }
+  }
 
-    @media (max-width: ${d + "px"}) {
-      width: 100%;
+  @media (max-width: ${m + "px"}) {
+    width: 100%;
 
-      & .quattro-card__title {
-        font-size: 1rem;
-        font-weight: 700;
-        width: 100%;
-      }
+    img {
+      object-fit: fill;
+    }
 
-      & .quattro-card__description {
-        display: block;
-      }
+    & .quattro-card__title {
+      font-size: 1rem;
+      font-weight: 700;
+      width: 100%;
     }
-  }
 
-  @media (max-width: ${d + "px"}) {
-    width: 100%;
+    & .quattro-card__description {
+      display: block;
+    }
   }
-`, x = c(
-  ({ title: o, description: e, imageUrl: a, onSelectCard: s = () => {
-  } }, l) => {
-    const { theme: i } = b();
-    return /* @__PURE__ */ n(v, { theme: i, onClick: s, children: [
-      /* @__PURE__ */ r("img", { loading: "lazy", src: a }),
-      /* @__PURE__ */ r(y, { theme: i, className: "quattro-card__gradient", children: /* @__PURE__ */ n("div", { className: "quattro-card__text", children: [
+`, x = l(
+  ({ title: o, description: e, imageUrl: i, onSelectCard: d = () => {
+  } }, s) => {
+    const { theme: a } = b();
+    return /* @__PURE__ */ n(v, { theme: a, onClick: d, children: [
+      /* @__PURE__ */ r("img", { loading: "lazy", src: i }),
+      /* @__PURE__ */ r(y, { theme: a, className: "quattro-card__gradient", children: /* @__PURE__ */ n("div", { className: "quattro-card__text", children: [
         /* @__PURE__ */ r("div", { className: "quattro-card__title", children: o }),
         /* @__PURE__ */ r("div", { className: "quattro-card__description", children: e })
       ] }) })
@@ -173,31 +173,31 @@ const y = m.div`
     width: 100%;
   }
 
-  @media (max-width: ${d + "px"}) {
+  @media (max-width: ${m + "px"}) {
     & .wrapper__cards {
       grid-template-columns: repeat(1, minmax(0, 1fr));
       gap: 1rem;
     }
   }
-`, k = g(x), I = c(
-  ({ title: o, items: e, onSelectCard: a = () => {
-  } }, s) => {
-    const l = f(() => {
-      var i;
-      return (i = e == null ? void 0 : e.slice(0, 4)) == null ? void 0 : i.map((t, p) => /* @__PURE__ */ r(
+`, k = g(x), I = l(
+  ({ title: o, items: e, onSelectCard: i = () => {
+  } }, d) => {
+    const s = f(() => {
+      var a;
+      return (a = e == null ? void 0 : e.slice(0, 4)) == null ? void 0 : a.map((t, p) => /* @__PURE__ */ r(
         k,
         {
           title: t == null ? void 0 : t.title,
           description: t == null ? void 0 : t.description,
           imageUrl: t == null ? void 0 : t.imageUrl,
-          onSelectCard: () => a == null ? void 0 : a(t)
+          onSelectCard: () => i == null ? void 0 : i(t)
         },
         `quattro-card__${p + 1}`
       ));
     }, [e]);
     return /* @__PURE__ */ n(q, { children: [
       /* @__PURE__ */ r("div", { className: "wrapper__heading", children: /* @__PURE__ */ r("div", { className: "wrapper__title", children: _(o) && /* @__PURE__ */ r("div", { className: "title__text", children: /* @__PURE__ */ r("span", { children: o }) }) }) }),
-      /* @__PURE__ */ r("div", { className: "wrapper__cards", children: l })
+      /* @__PURE__ */ r("div", { className: "wrapper__cards", children: s })
     ] });
   }
 );

package/dist/QuizSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),N=require("./utils-BWzf4vLl.cjs"),k=require("./Button.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=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-BOtq2mcF.cjs"),k=require("./Button.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=require("./consts-goSZX3xP.cjs"),M=require("./Icon.cjs"),K=require("./ProgressBar.cjs"),V=T.styled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;

package/dist/QuizSection.js

@@ -1,6 +1,6 @@
 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, v as ie } from "./utils-BXCGNjIy.js";
+import { x as ae, k as te, l as G, v as ie } from "./utils-WHYrEnYF.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";

package/dist/RadioInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./index-BPVoEhTF.cjs"),o=require("./utils-BWzf4vLl.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.styled.label`
+"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./index-BPVoEhTF.cjs"),o=require("./utils-BOtq2mcF.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.styled.label`
   min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
   max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
   width: 100%;

package/dist/RadioInput.js

@@ -2,7 +2,7 @@ import { jsxs as b, jsx as o } from "react/jsx-runtime";
 import { forwardRef as P, useState as j } from "react";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as i } from "./index-S5Cd7WrG.js";
-import { d as f, c as N, e as T, b as t } from "./utils-BXCGNjIy.js";
+import { d as f, c as N, e as T, b as t } from "./utils-WHYrEnYF.js";
 import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
   min-height: ${(e) => f(e.theme, e.size)};

package/dist/RangeSlider.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./index-BPVoEhTF.cjs"),o=require("react"),a=require("./utils-BWzf4vLl.cjs"),U=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
+"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./index-BPVoEhTF.cjs"),o=require("react"),a=require("./utils-BOtq2mcF.cjs"),U=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
     min-height: ${c};
     max-height: ${c};
   `},b={small:"0.875rem",medium:"1.125rem",large:"1.375rem"},W=y.styled.div`

package/dist/RangeSlider.js

@@ -2,7 +2,7 @@ import { jsxs as O, jsx as t, Fragment as W } from "react/jsx-runtime";
 import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as n } from "./index-S5Cd7WrG.js";
 import { forwardRef as X, useRef as q, useState as v, useCallback as A, useEffect as M } from "react";
-import { a as D, b as o, c as G, d as H } from "./utils-BXCGNjIy.js";
+import { a as D, b as o, c as G, d as H } from "./utils-WHYrEnYF.js";
 import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as K } from "./useUpdateEffect-CuYWz7EA.js";
 const Q = ({ theme: e, size: i }) => {

package/dist/ReviewsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./utils-BWzf4vLl.cjs"),N=require("./ThemeProvider.cjs"),a=require("./index-BPVoEhTF.cjs"),P=require("./index-BRgZcjpI.cjs"),C=c.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./utils-BOtq2mcF.cjs"),N=require("./ThemeProvider.cjs"),a=require("./index-BPVoEhTF.cjs"),P=require("./index-XrPpEvxt.cjs"),C=c.styled.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);

package/dist/ReviewsSection.js

@@ -3,10 +3,10 @@ import { forwardRef as h, Suspense as C, memo as k, useMemo as x } from "react";
 import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as z } from "./consts-BuFChS64.js";
 import { u as P } from "./useDetectMobile-Bkvj0VMa.js";
-import { t as R, p as M, o as I, b as j, g as E } from "./utils-BXCGNjIy.js";
+import { t as R, p as M, o as I, b as j, g as E } from "./utils-WHYrEnYF.js";
 import { useTheme as T } from "./ThemeProvider.js";
 import { P as l } from "./index-S5Cd7WrG.js";
-import { P as A } from "./index-D86vS9UF.js";
+import { P as A } from "./index-DQyZFR-C.js";
 const W = d.div`
   display: flex;
   flex-direction: column;