@lanaco/lnc-react-ui 4.0.199 → 4.0.201

package/dist/PageLayout.js

@@ -1,8 +1,7 @@
-import { jsx as E } from "react/jsx-runtime";
-import { forwardRef as T, Children as d, isValidElement as S, cloneElement as y } from "react";
-import { P as L } from "./index-CblbdqjE.js";
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as S, Children as d, isValidElement as E, cloneElement as h } from "react";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as L } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const N = C.section`
   display: flex;
   flex: auto;
@@ -28,16 +27,16 @@ const N = C.section`
     flex: 0 0 15rem;
     height: 100%;
   }
-`, p = T((i, h) => {
-  const { children: l, isChild: m, __TYPE__: w = "PageLayout", ...n } = i, P = Y(), g = d.toArray(l).some(
+`, T = S((i, _) => {
+  const { children: l, isChild: p, ...n } = i, m = L(), g = d.toArray(l).some(
     (e) => {
       var t;
       return e.props.__TYPE__ || ((t = e == null ? void 0 : e.type) == null ? void 0 : t.displayName) == "Sidebar";
     }
-  ), b = (e) => {
+  ), P = (e) => {
     let t, a, s;
     if (d.forEach(e, (r, o) => {
-      var f, u, _;
+      var f, u, y;
       if (r.props.__TYPE__ == "Sidebar" || ((f = r == null ? void 0 : r.type) == null ? void 0 : f.displayName) === "Sidebar") {
         if (a)
           throw "Found multiple ocurrences of Sidebar component on the same level in the component tree.";
@@ -46,7 +45,7 @@ const N = C.section`
         if (t)
           throw "Found multiple ocurrences of PageLayout component on the same level in the component tree.";
         t = o + 1;
-      } else if (r.props.__TYPE__ == "Content" || ((_ = r == null ? void 0 : r.type) == null ? void 0 : _.displayName) === "Content") {
+      } else if (r.props.__TYPE__ == "Content" || ((y = r == null ? void 0 : r.type) == null ? void 0 : y.displayName) === "Content") {
         if (s)
           throw "Found multiple ocurrences of Content component on the same level in the component tree.";
         s = o + 1;
@@ -55,38 +54,31 @@ const N = C.section`
       return a < t ? "left" : "right";
     if (s && a)
       return a < s ? "left" : "right";
-  }, x = d.map(l, (e) => {
+  }, b = d.map(l, (e) => {
     var t, a;
-    if (S(e)) {
+    if (E(e)) {
       if (e.props.__TYPE__ == "Sidebar" || ((t = e.type) == null ? void 0 : t.displayName) === "Sidebar")
-        return y(e, {
-          placement: b(l)
+        return h(e, {
+          placement: P(l)
         });
       if (e.props.__TYPE__ == "PageLayout" || ((a = e.type) == null ? void 0 : a.displayName) === "PageLayout")
-        return y(e, { isChild: !0 });
+        return h(e, { isChild: !0 });
     }
     return e;
   });
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ x(
     N,
     {
-      isChild: m,
+      isChild: p,
       hasSidebar: g,
-      theme: P,
-      ref: h,
+      theme: m,
+      ref: _,
       ...n,
-      children: x
+      children: b
     }
   );
 });
-p.propTypes = {
-  /**
-   * Do not override this property.
-   * Should only be used as indicator for type if you are passing custom component.
-   */
-  __TYPE__: L.string
-};
-p.displayName = "PageLayout";
+T.displayName = "PageLayout";
 export {
-  p as default
+  T as default
 };

package/dist/Pagination.cjs

@@ -1,12 +1,12 @@
-"use strict";const o=require("react/jsx-runtime"),E=require("react"),t=require("./index-BpbMKBf_.cjs"),P=require("./Button.cjs"),b=require("./IconButton.cjs"),_=require("./ButtonGroup.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),G=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),w=require("./useUpdateEffect-BtMgpgIV.cjs"),U=C.styled.div`
+"use strict";const n=require("react/jsx-runtime"),_=require("react"),h=require("./Button.cjs"),g=require("./IconButton.cjs"),A=require("./ButtonGroup.cjs"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C=require("./useUpdateEffect-BtMgpgIV.cjs"),U=q.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: 100%;
   gap: 0.375rem;
   justify-content: ${u=>u.horizontalAlignment};
-`,$=C.styled.div`
+`,G=q.styled.div`
   & > .button-group-pagination-lnc {
     width: 100%;
     justify-content: ${u=>u.horizontalAlignment};
   }
-`,O=u=>{const{icons:c={},borderRadius:d="regular",currentPage:f=1,buttonType:q="outline",currentPageButtonType:B="tinted",withFirstLast:m=!0,withButtonGroup:N=!0,disabledNext:v=!1,disabledPrevious:k=!1,disabledFirst:z=!1,disabledLast:F=!1,disabled:i=!1,totalNumberOfPages:g=1,pagesOffset:y=0,horizontalAlignment:T="left",onPageChange:L=()=>{},className:h="",style:x={},color:R="primary",size:S="small"}=u,l={theme:G.useTheme(),size:S,color:R,btnType:q},[s,a]=E.useState(f);w.useUpdateEffect(()=>{a(f)},[f]),w.useUpdateEffect(()=>{L(s)},[s]);const p=(r,e)=>{e=="next"&&s<g?a(s+1):e=="previous"&&s>1?a(s-1):e=="last"&&s!=g?a(g):e=="first"&&s!=1?a(1):isNaN(+e)||a(e)},A=()=>{let r=[];for(let e=s-y>0?s-y:1;e<s&&e>0;e++)r.push(o.jsx(P,{...l,borderRadius:d,onClick:n=>p(n,e),btnType:"basic",text:e.toString(),disabled:i},e));r.push(o.jsx(P,{...l,borderRadius:d,btnType:B,text:s.toString(),disabled:i},s));for(let e=s+1;e<=s+y&&e<=g;e++)r.push(o.jsx(P,{...l,borderRadius:d,onClick:n=>p(n,e),btnType:"basic",text:e.toString(),disabled:i},e));return r},j=(r=null)=>{var e={};return r&&(e.borderRadius=r),o.jsxs(o.Fragment,{children:[m&&o.jsx(b,{...l,icon:c.doubleLeft||"angle-double-left",disabled:z||i,onClick:n=>p(n,"first"),...e}),o.jsx(b,{...l,icon:c.left||"angle-left",disabled:k||i,onClick:n=>p(n,"previous"),...e}),A(),o.jsx(b,{...l,icon:c.right||"angle-right",disabled:v||i,onClick:n=>p(n,"next"),...e}),m&&o.jsx(b,{...l,icon:c.doubleRight||"angle-double-right",disabled:F||i,onClick:n=>p(n,"last"),...e})]})};return N?o.jsx($,{horizontalAlignment:T,children:o.jsx(_,{className:"button-group-pagination-lnc "+h,style:x,borderRadius:d,children:j()})}):o.jsx(U,{horizontalAlignment:T,className:h,style:x,children:j(d)})};O.propTypes={icons:t.PropTypes.shape({left:t.PropTypes.element,right:t.PropTypes.element,doubleLeft:t.PropTypes.element,doubleRight:t.PropTypes.element}),disabled:t.PropTypes.bool,borderRadius:t.PropTypes.oneOf(["slight","regular","edged","curved","none"]),buttonType:t.PropTypes.oneOf(["filled","tinted","outline","basic"]),currentPageButtonType:t.PropTypes.oneOf(["filled","tinted","outline","basic"]),withFirstLast:t.PropTypes.bool,withButtonGroup:t.PropTypes.bool,currentPage:t.PropTypes.number,totalNumberOfPages:t.PropTypes.number,pagesOffset:t.PropTypes.number,disabledNext:t.PropTypes.bool,disabledPrevious:t.PropTypes.bool,disabledFirst:t.PropTypes.bool,disabledLast:t.PropTypes.bool,horizontalAlignment:t.PropTypes.oneOf(["left","center","right"]),onPageChange:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};module.exports=O;
+`,O=u=>{const{icons:d={},borderRadius:c="regular",currentPage:b=1,buttonType:w="outline",currentPageButtonType:k="tinted",withFirstLast:x=!0,withButtonGroup:B=!0,disabledNext:T=!1,disabledPrevious:v=!1,disabledFirst:N=!1,disabledLast:S=!1,disabled:o=!1,totalNumberOfPages:f=1,pagesOffset:p=0,horizontalAlignment:m="left",onPageChange:z=()=>{},className:j="",style:y={},color:E="primary",size:F="small"}=u,r={theme:L.useTheme(),size:F,color:E,btnType:w},[t,l]=_.useState(b);C.useUpdateEffect(()=>{l(b)},[b]),C.useUpdateEffect(()=>{z(t)},[t]);const a=(i,e)=>{e=="next"&&t<f?l(t+1):e=="previous"&&t>1?l(t-1):e=="last"&&t!=f?l(f):e=="first"&&t!=1?l(1):isNaN(+e)||l(e)},R=()=>{let i=[];for(let e=t-p>0?t-p:1;e<t&&e>0;e++)i.push(n.jsx(h,{...r,borderRadius:c,onClick:s=>a(s,e),btnType:"basic",text:e.toString(),disabled:o},e));i.push(n.jsx(h,{...r,borderRadius:c,btnType:k,text:t.toString(),disabled:o},t));for(let e=t+1;e<=t+p&&e<=f;e++)i.push(n.jsx(h,{...r,borderRadius:c,onClick:s=>a(s,e),btnType:"basic",text:e.toString(),disabled:o},e));return i},P=(i=null)=>{var e={};return i&&(e.borderRadius=i),n.jsxs(n.Fragment,{children:[x&&n.jsx(g,{...r,icon:d.doubleLeft||"angle-double-left",disabled:N||o,onClick:s=>a(s,"first"),...e}),n.jsx(g,{...r,icon:d.left||"angle-left",disabled:v||o,onClick:s=>a(s,"previous"),...e}),R(),n.jsx(g,{...r,icon:d.right||"angle-right",disabled:T||o,onClick:s=>a(s,"next"),...e}),x&&n.jsx(g,{...r,icon:d.doubleRight||"angle-double-right",disabled:S||o,onClick:s=>a(s,"last"),...e})]})};return B?n.jsx(G,{horizontalAlignment:m,children:n.jsx(A,{className:"button-group-pagination-lnc "+j,style:y,borderRadius:c,children:P()})}):n.jsx(U,{horizontalAlignment:m,className:j,style:y,children:P(c)})};module.exports=O;

package/dist/Pagination.js

@@ -1,248 +1,165 @@
-import { jsx as i, jsxs as G, Fragment as $ } from "react/jsx-runtime";
-import { useState as E } from "react";
-import { P as t } from "./index-CblbdqjE.js";
-import h from "./Button.js";
-import b from "./IconButton.js";
-import U from "./ButtonGroup.js";
-import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { u as q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { u as O } from "./useUpdateEffect-CuYWz7EA.js";
-const D = w.div`
+import { jsx as i, jsxs as G, Fragment as O } from "react/jsx-runtime";
+import { useState as R } from "react";
+import b from "./Button.js";
+import g from "./IconButton.js";
+import E from "./ButtonGroup.js";
+import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { u as U } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as k } from "./useUpdateEffect-CuYWz7EA.js";
+const q = B.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: 100%;
   gap: 0.375rem;
-  justify-content: ${(d) => d.horizontalAlignment};
-`, H = w.div`
+  justify-content: ${(u) => u.horizontalAlignment};
+`, D = B.div`
   & > .button-group-pagination-lnc {
     width: 100%;
-    justify-content: ${(d) => d.horizontalAlignment};
+    justify-content: ${(u) => u.horizontalAlignment};
   }
-`, I = (d) => {
+`, Y = (u) => {
   const {
-    icons: c = {},
-    borderRadius: f = "regular",
-    currentPage: m = 1,
-    buttonType: B = "outline",
-    currentPageButtonType: N = "tinted",
-    withFirstLast: y = !0,
-    withButtonGroup: v = !0,
-    disabledNext: k = !1,
-    disabledPrevious: z = !1,
-    disabledFirst: L = !1,
-    disabledLast: j = !1,
-    disabled: l = !1,
-    totalNumberOfPages: g = 1,
-    pagesOffset: p = 0,
-    horizontalAlignment: P = "left",
+    icons: f = {},
+    borderRadius: d = "regular",
+    currentPage: p = 1,
+    buttonType: T = "outline",
+    currentPageButtonType: v = "tinted",
+    withFirstLast: h = !0,
+    withButtonGroup: w = !0,
+    disabledNext: N = !1,
+    disabledPrevious: j = !1,
+    disabledFirst: z = !1,
+    disabledLast: S = !1,
+    disabled: r = !1,
+    totalNumberOfPages: c = 1,
+    pagesOffset: m = 0,
+    horizontalAlignment: y = "left",
     //------------------
-    onPageChange: F = () => {
+    onPageChange: A = () => {
     },
     //------------------
     className: x = "",
-    style: C = {},
-    color: A = "primary",
-    size: R = "small"
-  } = d, s = { theme: q(), size: R, color: A, btnType: B }, [n, a] = E(m);
-  O(() => {
-    a(m);
-  }, [m]), O(() => {
-    F(n);
-  }, [n]);
-  const u = (r, e) => {
-    e == "next" && n < g ? a(n + 1) : e == "previous" && n > 1 ? a(n - 1) : e == "last" && n != g ? a(g) : e == "first" && n != 1 ? a(1) : isNaN(+e) || a(e);
-  }, S = () => {
-    let r = [];
-    for (let e = n - p > 0 ? n - p : 1; e < n && e > 0; e++)
-      r.push(
+    style: P = {},
+    color: F = "primary",
+    size: L = "small"
+  } = u, s = { theme: U(), size: L, color: F, btnType: T }, [e, a] = R(p);
+  k(() => {
+    a(p);
+  }, [p]), k(() => {
+    A(e);
+  }, [e]);
+  const l = (o, t) => {
+    t == "next" && e < c ? a(e + 1) : t == "previous" && e > 1 ? a(e - 1) : t == "last" && e != c ? a(c) : t == "first" && e != 1 ? a(1) : isNaN(+t) || a(t);
+  }, $ = () => {
+    let o = [];
+    for (let t = e - m > 0 ? e - m : 1; t < e && t > 0; t++)
+      o.push(
         /* @__PURE__ */ i(
-          h,
+          b,
           {
             ...s,
-            borderRadius: f,
-            onClick: (o) => u(o, e),
+            borderRadius: d,
+            onClick: (n) => l(n, t),
             btnType: "basic",
-            text: e.toString(),
-            disabled: l
+            text: t.toString(),
+            disabled: r
           },
-          e
+          t
         )
       );
-    r.push(
+    o.push(
       /* @__PURE__ */ i(
-        h,
+        b,
         {
           ...s,
-          borderRadius: f,
-          btnType: N,
-          text: n.toString(),
-          disabled: l
+          borderRadius: d,
+          btnType: v,
+          text: e.toString(),
+          disabled: r
         },
-        n
+        e
       )
     );
-    for (let e = n + 1; e <= n + p && e <= g; e++)
-      r.push(
+    for (let t = e + 1; t <= e + m && t <= c; t++)
+      o.push(
         /* @__PURE__ */ i(
-          h,
+          b,
           {
             ...s,
-            borderRadius: f,
-            onClick: (o) => u(o, e),
+            borderRadius: d,
+            onClick: (n) => l(n, t),
             btnType: "basic",
-            text: e.toString(),
-            disabled: l
+            text: t.toString(),
+            disabled: r
           },
-          e
+          t
         )
       );
-    return r;
-  }, T = (r = null) => {
-    var e = {};
-    return r && (e.borderRadius = r), /* @__PURE__ */ G($, { children: [
-      y && /* @__PURE__ */ i(
-        b,
+    return o;
+  }, C = (o = null) => {
+    var t = {};
+    return o && (t.borderRadius = o), /* @__PURE__ */ G(O, { children: [
+      h && /* @__PURE__ */ i(
+        g,
         {
           ...s,
-          icon: c.doubleLeft || "angle-double-left",
-          disabled: L || l,
-          onClick: (o) => u(o, "first"),
-          ...e
+          icon: f.doubleLeft || "angle-double-left",
+          disabled: z || r,
+          onClick: (n) => l(n, "first"),
+          ...t
         }
       ),
       /* @__PURE__ */ i(
-        b,
+        g,
         {
           ...s,
-          icon: c.left || "angle-left",
-          disabled: z || l,
-          onClick: (o) => u(o, "previous"),
-          ...e
+          icon: f.left || "angle-left",
+          disabled: j || r,
+          onClick: (n) => l(n, "previous"),
+          ...t
         }
       ),
-      S(),
+      $(),
       /* @__PURE__ */ i(
-        b,
+        g,
         {
           ...s,
-          icon: c.right || "angle-right",
-          disabled: k || l,
-          onClick: (o) => u(o, "next"),
-          ...e
+          icon: f.right || "angle-right",
+          disabled: N || r,
+          onClick: (n) => l(n, "next"),
+          ...t
         }
       ),
-      y && /* @__PURE__ */ i(
-        b,
+      h && /* @__PURE__ */ i(
+        g,
         {
           ...s,
-          icon: c.doubleRight || "angle-double-right",
-          disabled: j || l,
-          onClick: (o) => u(o, "last"),
-          ...e
+          icon: f.doubleRight || "angle-double-right",
+          disabled: S || r,
+          onClick: (n) => l(n, "last"),
+          ...t
         }
       )
     ] });
   };
-  return v ? /* @__PURE__ */ i(H, { horizontalAlignment: P, children: /* @__PURE__ */ i(
-    U,
+  return w ? /* @__PURE__ */ i(D, { horizontalAlignment: y, children: /* @__PURE__ */ i(
+    E,
     {
       className: "button-group-pagination-lnc " + x,
-      style: C,
-      borderRadius: f,
-      children: T()
+      style: P,
+      borderRadius: d,
+      children: C()
     }
   ) }) : /* @__PURE__ */ i(
-    D,
+    q,
     {
-      horizontalAlignment: P,
+      horizontalAlignment: y,
       className: x,
-      style: C,
-      children: T(f)
+      style: P,
+      children: C(d)
     }
   );
 };
-I.propTypes = {
-  icons: t.shape({
-    left: t.element,
-    right: t.element,
-    doubleLeft: t.element,
-    doubleRight: t.element
-  }),
-  /**
-   *  Applies to the movement buttons and to the page number buttons
-   */
-  disabled: t.bool,
-  borderRadius: t.oneOf([
-    "slight",
-    "regular",
-    "edged",
-    "curved",
-    "none"
-  ]),
-  /**
-   * Sets the button `type`
-   */
-  buttonType: t.oneOf(["filled", "tinted", "outline", "basic"]),
-  /**
-   * Set button `type` of the current page button
-   */
-  currentPageButtonType: t.oneOf([
-    "filled",
-    "tinted",
-    "outline",
-    "basic"
-  ]),
-  /**
-   * Show the First and Last buttons
-   */
-  withFirstLast: t.bool,
-  /**
-   * Wrap the buttons in a `ButtonGroup` component
-   */
-  withButtonGroup: t.bool,
-  /**
-   * Active page number
-   */
-  currentPage: t.number,
-  totalNumberOfPages: t.number,
-  /**
-   * how many page numbers will be shown to the right/left of the current page
-   */
-  pagesOffset: t.number,
-  /**
-   *  Applies to the Next button
-   */
-  disabledNext: t.bool,
-  /**
-   *  Applies to the Previous button
-   */
-  disabledPrevious: t.bool,
-  /**
-   *  Applies to the First button
-   */
-  disabledFirst: t.bool,
-  /**
-   *  Applies to the Last button
-   */
-  disabledLast: t.bool,
-  horizontalAlignment: t.oneOf(["left", "center", "right"]),
-  //-------------------------------
-  onPageChange: t.func,
-  //-------------------------------
-  className: t.string,
-  style: t.object,
-  size: t.oneOf(["small", "medium", "large"]),
-  color: t.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
 export {
-  I as default
+  Y as default
 };

package/dist/PartnerBrandsSection.cjs

@@ -0,0 +1,62 @@
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),g=require("./index-DeS-oqJB.cjs"),_=require("./Button.cjs"),p=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./style-B4kAj6YU.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=b.styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+
+  & .section__slider {
+    position: relative;
+  }
+
+  & .slider__gradient {
+    position: absolute;
+    width: 7.5rem;
+    height: 100%;
+    pointer-events: none;
+    z-index: 1;
+    opacity: 0.4;
+    top: 0;
+
+    &.left {
+      left: 0;
+      background: linear-gradient(to left, transparent, white);
+    }
+
+    &.right {
+      right: 0;
+      background: linear-gradient(to right, transparent, white);
+    }
+  }
+
+  .slider__container {
+    width: 100%;
+  }
+
+  .slider__item {
+    padding-right: 1rem;
+  }
+
+  & .section__item {
+    width: 100%;
+    height: 100%;
+    max-height: 3.75rem;
+    border-radius: 0.5rem;
+    border: 1px solid var(--gray-200, #e4e9f0);
+    overflow: hidden;
+
+    & img {
+      object-fit: cover;
+      width: 100%;
+      height: 100%;
+      filter: grayscale(100%);
+      transition: filter 0.3s ease;
+
+      &:hover {
+        filter: grayscale(0%);
+      }
+    }
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+`,x=h.forwardRef(({title:l,buttonText:n,buttonLink:o,items:e,onSelectCard:d=()=>{},onButtonAction:t=()=>{}},m)=>{const c=p.useDetectMobile()?2:7,a=(e==null?void 0:e.length)>c;return r.jsxs(f,{children:[r.jsxs(u.SectionHeadingContainer,{children:[l&&r.jsx("div",{className:"heading__title",children:l}),n&&o&&r.jsx(_,{text:n,borderRadius:"curved",btnType:"tinted",className:"heading__action",color:"neutral",onClick:i=>{var s;(s=i==null?void 0:i.target)==null||s.blur(),t==null||t(o)}})]}),e&&(e==null?void 0:e.length)>0&&r.jsxs("div",{className:"section__slider",children:[a&&r.jsx("div",{className:"slider__gradient left"}),r.jsx(g.Carousel,{responsive:{desktop:{breakpoint:{max:9999,min:801},items:7,slidesToSlide:1,partialVisibilityGutter:10},mobile:{breakpoint:{max:800,min:0},items:2,slidesToSlide:1,partialVisibilityGutter:20}},draggable:!1,swipeable:!1,arrows:!1,infinite:a,autoPlay:a,autoPlaySpeed:2e3,partialVisible:a,customTransition:"transform 500ms linear",transitionDuration:500,containerClass:"slider__container",itemClass:"slider__item",children:e==null?void 0:e.map((i,s)=>r.jsx("div",{className:"section__item",onClick:()=>d(i),children:r.jsx("img",{src:i==null?void 0:i.imageUrl,alt:`Partner brand image ${s+1}`,loading:"lazy"})},`partner-brands-section-item__${s+1}`))}),a&&r.jsx("div",{className:"slider__gradient right"})]})]})});module.exports=x;