@lanaco/lnc-react-ui 4.0.201 → 4.0.203

package/dist/MasonryGeneralCardsSection.cjs

@@ -79,12 +79,12 @@
     }
 
     & .text__action {
-      background: var(--white);
-      color: var(--black);
+      background: var(--white, #fff);
+      color: var(--neutral-600, #0f2a46);
 
       &:hover {
         background: var(--primary-500, #f59e0b);
-        color: var(--white);
+        color: var(--white, #fff);
       }
     }
 
@@ -114,7 +114,7 @@
       max-height: 14.5rem;
     }
   }
-`,k=p.forwardRef(({title:r,imageUrl:t,description:o,buttonText:a,onSelectCard:c=()=>{},className:m,position:g,tag:l,backgroundColor:h,buttonLink:x,LinkComponent:u},f)=>{const _=u||"a",w=b.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(y,{ref:f,theme:w,className:m,position:g,backgroundColor:h,onClick:c,as:_,...u?{to:`/${x}`}:{href:`/${x}`},children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[l&&e.jsx("div",{className:"text__tag",children:l}),e.jsx("div",{className:"text__title",children:r}),i.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"text__description",children:o}),i.isDefinedNotEmptyString(a)&&e.jsx(j,{text:a,className:"text__action"})]})]})})}),S=s.styled.div`
+`,S=p.forwardRef(({title:r,imageUrl:t,description:a,buttonText:o,onSelectCard:c=()=>{},className:m,position:g,tag:l,backgroundColor:h,buttonLink:x,LinkComponent:u},f)=>{const _=u||"a",w=b.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(y,{ref:f,theme:w,className:m,position:g,backgroundColor:h,onClick:c,as:_,...u?{to:`/${x}`}:{href:`/${x}`},children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[l&&e.jsx("div",{className:"text__tag",children:l}),e.jsx("div",{className:"text__title",children:r}),i.isDefinedNotEmptyString(a)&&e.jsx("div",{className:"text__description",children:a}),i.isDefinedNotEmptyString(o)&&e.jsx(j,{text:o,className:"text__action"})]})]})})}),k=s.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -179,4 +179,4 @@
       flex-direction: column;
     }
   }
-`,E=({keyPrefix:r})=>e.jsxs(v,{children:[e.jsx(n.SkeletonColumnWrapper,{children:e.jsx(n.SkeletonLinePlaceholder,{height:"31.25rem",className:"skeleton__big"},`${r}-1`)}),e.jsxs(n.SkeletonColumnWrapper,{children:[e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-2`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-3`)]}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-4`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-5`)]})]})]}),G=({keyPrefix:r,isLoading:t=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:a})=>e.jsx(p.Suspense,{fallbackComponent:o,children:t===!0?e.jsx(E,{keyPrefix:r}):a}),N=p.forwardRef(({title:r,items:t,isLoading:o=!1,limit:a=3,onSelectCard:c=()=>{},LinkComponent:m},g)=>e.jsxs(S,{ref:g,children:[e.jsx("div",{className:"regular-title",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:r})})}),e.jsx(G,{isLoading:o,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx($,{limit:a,children:t&&(t==null?void 0:t.map((l,h)=>e.jsx(k,{...l,onSelectCard:()=>c(l),LinkComponent:m},`landing-page-masonry-general-card__${h+1}`)))})})]}));module.exports=N;
+`,E=({keyPrefix:r})=>e.jsxs(v,{children:[e.jsx(n.SkeletonColumnWrapper,{children:e.jsx(n.SkeletonLinePlaceholder,{height:"31.25rem",className:"skeleton__big"},`${r}-1`)}),e.jsxs(n.SkeletonColumnWrapper,{children:[e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-2`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-3`)]}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-4`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-5`)]})]})]}),G=({keyPrefix:r,isLoading:t=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:o})=>e.jsx(p.Suspense,{fallbackComponent:a,children:t===!0?e.jsx(E,{keyPrefix:r}):o}),N=p.forwardRef(({title:r,items:t,isLoading:a=!1,limit:o=3,onSelectCard:c=()=>{},LinkComponent:m},g)=>e.jsxs(k,{ref:g,children:[e.jsx("div",{className:"regular-title",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:r})})}),e.jsx(G,{isLoading:a,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx($,{limit:o,children:t&&(t==null?void 0:t.map((l,h)=>e.jsx(S,{...l,onSelectCard:()=>c(l),LinkComponent:m},`landing-page-masonry-general-card__${h+1}`)))})})]}));module.exports=N;

package/dist/MasonryGeneralCardsSection.js

@@ -99,12 +99,12 @@ const z = s.a`
     }
 
     & .text__action {
-      background: var(--white);
-      color: var(--black);
+      background: var(--white, #fff);
+      color: var(--neutral-600, #0f2a46);
 
       &:hover {
         background: var(--primary-500, #f59e0b);
-        color: var(--white);
+        color: var(--white, #fff);
       }
     }
 
@@ -139,12 +139,12 @@ const z = s.a`
     title: e,
     imageUrl: t,
     description: a,
-    buttonText: o,
+    buttonText: n,
     onSelectCard: c = () => {
     },
     className: g,
     position: h,
-    tag: n,
+    tag: o,
     backgroundColor: p,
     buttonLink: x,
     LinkComponent: u
@@ -168,13 +168,13 @@ const z = s.a`
         children: [
           /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
           /* @__PURE__ */ i("div", { className: "wrapper__text", children: [
-            n && /* @__PURE__ */ r("div", { className: "text__tag", children: n }),
+            o && /* @__PURE__ */ r("div", { className: "text__tag", children: o }),
             /* @__PURE__ */ r("div", { className: "text__title", children: e }),
             w(a) && /* @__PURE__ */ r("div", { className: "text__description", children: a }),
-            w(o) && /* @__PURE__ */ r(
+            w(n) && /* @__PURE__ */ r(
               C,
               {
-                text: o,
+                text: n,
                 className: "text__action"
               }
             )
@@ -271,13 +271,13 @@ const z = s.a`
   keyPrefix: e,
   isLoading: t = !1,
   fallbackComponent: a = /* @__PURE__ */ r($, {}),
-  children: o
-}) => /* @__PURE__ */ r(N, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ r(R, { keyPrefix: e }) : o }), Z = v(
+  children: n
+}) => /* @__PURE__ */ r(N, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ r(R, { keyPrefix: e }) : n }), Z = v(
   ({
     title: e,
     items: t,
     isLoading: a = !1,
-    limit: o = 3,
+    limit: n = 3,
     onSelectCard: c = () => {
     },
     LinkComponent: g
@@ -288,11 +288,11 @@ const z = s.a`
       {
         isLoading: a,
         keyPrefix: "masonry-general-cards-skeleton",
-        children: /* @__PURE__ */ r(E, { limit: o, children: t && (t == null ? void 0 : t.map((n, p) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r(E, { limit: n, children: t && (t == null ? void 0 : t.map((o, p) => /* @__PURE__ */ r(
           M,
           {
-            ...n,
-            onSelectCard: () => c(n),
+            ...o,
+            onSelectCard: () => c(o),
             LinkComponent: g
           },
           `landing-page-masonry-general-card__${p + 1}`

package/dist/PartnerBannerSection.cjs

@@ -0,0 +1,105 @@
+"use strict";const i=require("react/jsx-runtime"),m=require("react"),d=require("./Icon.cjs"),g=require("./Button.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),h=_.styled.div`
+  display: flex;
+  height: 100%;
+  max-height: 19rem;
+  padding: 2rem;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: space-between;
+  background: ${e=>e!=null&&e.imageUrl?`url("${e==null?void 0:e.imageUrl}")`:"white"};
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  border-radius: 1.25rem;
+  gap: 2rem;
+
+  & .section__text {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+    align-self: stretch;
+    max-width: 50rem;
+
+    & .section__title {
+      color: var(--white, #fff);
+      font-weight: 600;
+      font-size: 2rem;
+      leading-trim: none;
+      line-height: 2.5rem;
+      letter-spacing: 0%;
+    }
+
+    & .section__description {
+      color: var(--white, #fff);
+      font-weight: 400;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: 0.0156rem;
+    }
+  }
+
+  & .section__items {
+    display: grid;
+    grid-template-columns: ${()=>"repeat(2, minmax(0, auto))"};
+    row-gap: 0.75rem;
+    column-gap: 3rem;
+
+    & .section__item {
+      display: flex;
+      gap: 0.5rem;
+
+      & .item__text {
+        color: var(--white, #fff);
+        font-weight: 400;
+        font-size: 0.75rem;
+        leading-trim: none;
+        line-height: 1rem;
+        letter-spacing: 0.025rem;
+      }
+    }
+  }
+
+  & .section__action {
+    background: var(--white, #fff);
+    color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+
+    &:hover {
+      color: var(--gray-700, #4e555f);
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+    max-height: 100%;
+    padding: 1.5rem;
+
+    & .section__text {
+      max-width: 100%;
+
+      & .section__title {
+        font-size: 1.375rem;
+        line-height: 1.75rem;
+      }
+    }
+
+    & .section__items {
+      display: flex;
+      flex-direction: column;
+      gap: 0.75rem;
+
+      & .section__item {
+        display: flex;
+        gap: 0.5rem;
+      }
+    }
+  }
+`,x=m.forwardRef(({title:e,description:r,imageUrl:s,items:t,buttonText:n,buttonLink:o,onButtonAction:a=()=>{}},u)=>i.jsxs(h,{imageUrl:s,children:[i.jsxs("div",{className:"section__text",children:[e&&i.jsx("div",{className:"section__title",children:e}),r&&i.jsx("div",{className:"section__description",children:r})]}),t&&(t==null?void 0:t.length)>0&&i.jsx("div",{className:"section__items",children:t==null?void 0:t.map((c,l)=>i.jsxs("div",{className:"section__item",children:[i.jsx(d,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1rem",color:"success",className:"item__icon"}),i.jsx("div",{className:"item__text",children:c})]},`partner-banner-section-item__${l+1}`))}),n&&o&&i.jsx(g,{text:n,onClick:()=>a(o),borderRadius:"curved",color:"gray",className:"section__action"})]}));module.exports=x;

package/dist/PartnerBannerSection.js

@@ -0,0 +1,159 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import f from "./Icon.js";
+import g from "./Button.js";
+import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as h } from "./consts-BuFChS64.js";
+const p = _.div`
+  display: flex;
+  height: 100%;
+  max-height: 19rem;
+  padding: 2rem;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: space-between;
+  background: ${(e) => e != null && e.imageUrl ? `url("${e == null ? void 0 : e.imageUrl}")` : "white"};
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  border-radius: 1.25rem;
+  gap: 2rem;
+
+  & .section__text {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+    align-self: stretch;
+    max-width: 50rem;
+
+    & .section__title {
+      color: var(--white, #fff);
+      font-weight: 600;
+      font-size: 2rem;
+      leading-trim: none;
+      line-height: 2.5rem;
+      letter-spacing: 0%;
+    }
+
+    & .section__description {
+      color: var(--white, #fff);
+      font-weight: 400;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: 0.0156rem;
+    }
+  }
+
+  & .section__items {
+    display: grid;
+    grid-template-columns: ${() => "repeat(2, minmax(0, auto))"};
+    row-gap: 0.75rem;
+    column-gap: 3rem;
+
+    & .section__item {
+      display: flex;
+      gap: 0.5rem;
+
+      & .item__text {
+        color: var(--white, #fff);
+        font-weight: 400;
+        font-size: 0.75rem;
+        leading-trim: none;
+        line-height: 1rem;
+        letter-spacing: 0.025rem;
+      }
+    }
+  }
+
+  & .section__action {
+    background: var(--white, #fff);
+    color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+
+    &:hover {
+      color: var(--gray-700, #4e555f);
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${h + "px"}) {
+    max-height: 100%;
+    padding: 1.5rem;
+
+    & .section__text {
+      max-width: 100%;
+
+      & .section__title {
+        font-size: 1.375rem;
+        line-height: 1.75rem;
+      }
+    }
+
+    & .section__items {
+      display: flex;
+      flex-direction: column;
+      gap: 0.75rem;
+
+      & .section__item {
+        display: flex;
+        gap: 0.5rem;
+      }
+    }
+  }
+`, k = d(
+  ({
+    title: e,
+    description: n,
+    imageUrl: c,
+    items: i,
+    buttonText: o,
+    buttonLink: a,
+    onButtonAction: l = () => {
+    }
+  }, x) => /* @__PURE__ */ r(p, { imageUrl: c, children: [
+    /* @__PURE__ */ r("div", { className: "section__text", children: [
+      e && /* @__PURE__ */ t("div", { className: "section__title", children: e }),
+      n && /* @__PURE__ */ t("div", { className: "section__description", children: n })
+    ] }),
+    i && (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ t("div", { className: "section__items", children: i == null ? void 0 : i.map((s, m) => /* @__PURE__ */ r(
+      "div",
+      {
+        className: "section__item",
+        children: [
+          /* @__PURE__ */ t(
+            f,
+            {
+              icon: " mng-lnc-checkmark--outline",
+              sizeInUnits: "1rem",
+              color: "success",
+              className: "item__icon"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "item__text", children: s })
+        ]
+      },
+      `partner-banner-section-item__${m + 1}`
+    )) }),
+    o && a && /* @__PURE__ */ t(
+      g,
+      {
+        text: o,
+        onClick: () => l(a),
+        borderRadius: "curved",
+        color: "gray",
+        className: "section__action"
+      }
+    )
+  ] })
+);
+export {
+  k as default
+};

package/dist/PartnerCardsSection.cjs

@@ -0,0 +1,174 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),b=require("./Icon.cjs"),j=require("./Button.cjs"),q=require("./Popover.cjs"),N=require("./PopoverTrigger.cjs"),z=require("./PopoverContent.cjs"),P=require("./Drawer.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),p=require("./utils-RnrgDDZP.cjs"),$=_.styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 3rem;
+  border-radius: 1.25rem;
+  padding: 2rem;
+  background: #f4f6fb;
+
+  & .section__drawer {
+    background: white !important;
+    opacity: 1;
+    padding-top: 0.5rem;
+    padding-bottom: 2.125rem;
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+    display: flex;
+    flex-direction: column;
+
+    & .drawer__image {
+      max-height: 4rem;
+    }
+
+    & .drawer__content {
+      display: flex;
+      flex-direction: column;
+      gap: 1.25rem;
+    }
+
+    & .drawer__description {
+      color: var(--gray-900, #0c1520);
+      font-weight: 400;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: 0.0156rem;
+      text-align: center;
+    }
+
+    & .drawer__action {
+      font-weight: 500;
+      font-style: medium;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: -0.0056rem;
+    }
+  }
+
+  & .section__text {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+
+    & .section__title {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      gap: 1rem;
+
+      & span {
+        font-weight: 600;
+        font-size: 1.5rem;
+        leading-trim: none;
+        line-height: 2rem;
+        letter-spacing: 0%;
+        text-align: center;
+        color: var(--gray-900, #0c1520);
+        ${p.truncateText()}
+      }
+
+      &::after {
+        content: "";
+        flex: 1;
+        height: 0.0625rem;
+        background-color: var(--gray-200, #e4e9f0);
+      }
+
+      &::before {
+        content: "";
+        flex: 1;
+        height: 0.0625rem;
+        background-color: var(--gray-200, #e4e9f0);
+      }
+    }
+
+    & .section__description {
+      font-weight: 400;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: 0.0156rem;
+      text-align: center;
+      color: var(--gray-700, #424b56);
+      ${p.truncateTextInRows(2)}
+    }
+  }
+
+  & .section__items {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 1.5rem;
+
+    & .section__item {
+      width: 100%;
+      height: 100%;
+      max-width: 16.25rem;
+      max-height: 7.5rem;
+      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;
+      }
+    }
+  }
+
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+    padding: 1rem;
+
+    & .section__text {
+      & .section__title {
+        font-size: 1.25rem;
+        line-height: 1.75rem;
+      }
+    }
+
+    & .section__items {
+      display: grid;
+      grid-template-columns: ${()=>"repeat(2, minmax(0, auto))"};
+      justify-items: center;
+      gap: 1rem;
+
+      & .section__trigger {
+        width: 100% !important;
+      }
+
+      & .section__item {
+        max-width: 100%;
+        max-height: 5rem;
+      }
+    }
+  }
+`,I=_.styled.div`
+  width: 100%;
+  height: 100%;
+  max-width: 16.25rem;
+  max-height: 12.5rem;
+  border-radius: 0.75rem;
+  padding: 1.25rem;
+  background: var(--gray-200, #e4e9f0);
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+
+  font-weight: 400;
+  font-size: 0.75rem;
+  leading-trim: none;
+  line-height: 1rem;
+  letter-spacing: 0.025rem;
+  color: var(--gray-900, #0c1520);
+`,D=a.forwardRef(({icon:s,title:c,description:l,items:t,learnMoreText:u="Learn more",onSelectCard:d=()=>{}},M)=>{const g=C.useDetectMobile(),o=a.useRef(null),[x,m]=a.useState(null),[i,h]=a.useState(null),f=r=>{m(r)},w=()=>{m(null)},v=r=>{var n;h(r),(n=o==null?void 0:o.current)==null||n.open()},y=()=>{h(null)};return e.jsxs($,{children:[e.jsxs("div",{className:"section__text",children:[s&&e.jsx(b,{icon:s,sizeInUnits:"2.5rem",color:"warning",className:"section__icon"}),c&&e.jsx("div",{className:"section__title",children:e.jsx("span",{children:c})}),l&&e.jsx("div",{className:"section__description",children:l})]}),t&&(t==null?void 0:t.length)>0&&e.jsx("div",{className:"section__items",children:g?t==null?void 0:t.map((r,n)=>e.jsx("div",{className:"section__item",onClick:()=>v(r),children:e.jsx("img",{src:r==null?void 0:r.imageUrl,alt:`Partner card image ${n+1}`,loading:"lazy"})},`partner-cards-section-item__${n+1}`)):t==null?void 0:t.map((r,n)=>e.jsxs(q,{open:n===x,placement:"top-end",offsetValue:4,children:[e.jsx(N,{className:"section__trigger",children:e.jsx("div",{className:"section__item",onMouseEnter:()=>f(n),onMouseLeave:w,onClick:()=>d(r),children:e.jsx("img",{src:r==null?void 0:r.imageUrl,alt:`Partner card image ${n+1}`,loading:"lazy"})})}),e.jsx(z,{style:{padding:0,borderRadius:12},children:e.jsx(I,{children:r==null?void 0:r.description})})]},`partner-cards-section-item__${n+1}`))}),g&&e.jsxs(P,{ref:o,direction:"bottom",className:"section__drawer",onClose:y,children:[e.jsx("img",{src:i==null?void 0:i.imageUrl,alt:"Drawer image",className:"drawer__image",loading:"lazy"}),e.jsxs("div",{className:"drawer__content",children:[e.jsx("div",{className:"drawer__description",children:i==null?void 0:i.description}),e.jsx(j,{text:u,btnType:"outline",borderRadius:"curved",trailingIcon:"fa-light fa-up-right-from-square fa-xs",color:"neutral",className:"drawer__action",onClick:()=>d(i)})]})]})]})});module.exports=D;

package/dist/PartnerCardsSection.js

@@ -0,0 +1,304 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { forwardRef as b, useRef as N, useState as h } from "react";
+import z from "./Icon.js";
+import P from "./Button.js";
+import C from "./Popover.js";
+import k from "./PopoverTrigger.js";
+import $ from "./PopoverContent.js";
+import I from "./Drawer.js";
+import { u as j } from "./useDetectMobile-Bkvj0VMa.js";
+import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M } from "./consts-BuFChS64.js";
+import { t as D, m as O } from "./utils-DtEfC-TX.js";
+const R = f.div`
+  display: flex;
+  flex-direction: column;
+  gap: 3rem;
+  border-radius: 1.25rem;
+  padding: 2rem;
+  background: #f4f6fb;
+
+  & .section__drawer {
+    background: white !important;
+    opacity: 1;
+    padding-top: 0.5rem;
+    padding-bottom: 2.125rem;
+    border-top-left-radius: 1rem;
+    border-top-right-radius: 1rem;
+    display: flex;
+    flex-direction: column;
+
+    & .drawer__image {
+      max-height: 4rem;
+    }
+
+    & .drawer__content {
+      display: flex;
+      flex-direction: column;
+      gap: 1.25rem;
+    }
+
+    & .drawer__description {
+      color: var(--gray-900, #0c1520);
+      font-weight: 400;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: 0.0156rem;
+      text-align: center;
+    }
+
+    & .drawer__action {
+      font-weight: 500;
+      font-style: medium;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: -0.0056rem;
+    }
+  }
+
+  & .section__text {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+
+    & .section__title {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      gap: 1rem;
+
+      & span {
+        font-weight: 600;
+        font-size: 1.5rem;
+        leading-trim: none;
+        line-height: 2rem;
+        letter-spacing: 0%;
+        text-align: center;
+        color: var(--gray-900, #0c1520);
+        ${D()}
+      }
+
+      &::after {
+        content: "";
+        flex: 1;
+        height: 0.0625rem;
+        background-color: var(--gray-200, #e4e9f0);
+      }
+
+      &::before {
+        content: "";
+        flex: 1;
+        height: 0.0625rem;
+        background-color: var(--gray-200, #e4e9f0);
+      }
+    }
+
+    & .section__description {
+      font-weight: 400;
+      font-size: 0.875rem;
+      leading-trim: none;
+      line-height: 1.25rem;
+      letter-spacing: 0.0156rem;
+      text-align: center;
+      color: var(--gray-700, #424b56);
+      ${O(2)}
+    }
+  }
+
+  & .section__items {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 1.5rem;
+
+    & .section__item {
+      width: 100%;
+      height: 100%;
+      max-width: 16.25rem;
+      max-height: 7.5rem;
+      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;
+      }
+    }
+  }
+
+  @media (max-width: ${M + "px"}) {
+    padding: 1rem;
+
+    & .section__text {
+      & .section__title {
+        font-size: 1.25rem;
+        line-height: 1.75rem;
+      }
+    }
+
+    & .section__items {
+      display: grid;
+      grid-template-columns: ${() => "repeat(2, minmax(0, auto))"};
+      justify-items: center;
+      gap: 1rem;
+
+      & .section__trigger {
+        width: 100% !important;
+      }
+
+      & .section__item {
+        max-width: 100%;
+        max-height: 5rem;
+      }
+    }
+  }
+`, T = f.div`
+  width: 100%;
+  height: 100%;
+  max-width: 16.25rem;
+  max-height: 12.5rem;
+  border-radius: 0.75rem;
+  padding: 1.25rem;
+  background: var(--gray-200, #e4e9f0);
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+
+  font-weight: 400;
+  font-size: 0.75rem;
+  leading-trim: none;
+  line-height: 1rem;
+  letter-spacing: 0.025rem;
+  color: var(--gray-900, #0c1520);
+`, J = b(
+  ({
+    icon: c,
+    title: l,
+    description: s,
+    items: t,
+    learnMoreText: _ = "Learn more",
+    onSelectCard: d = () => {
+    }
+  }, U) => {
+    const m = j(), a = N(null), [u, g] = h(null), [o, p] = h(null), x = (e) => {
+      g(e);
+    }, w = () => {
+      g(null);
+    }, v = (e) => {
+      var n;
+      p(e), (n = a == null ? void 0 : a.current) == null || n.open();
+    }, y = () => {
+      p(null);
+    };
+    return /* @__PURE__ */ i(R, { children: [
+      /* @__PURE__ */ i("div", { className: "section__text", children: [
+        c && /* @__PURE__ */ r(
+          z,
+          {
+            icon: c,
+            sizeInUnits: "2.5rem",
+            color: "warning",
+            className: "section__icon"
+          }
+        ),
+        l && /* @__PURE__ */ r("div", { className: "section__title", children: /* @__PURE__ */ r("span", { children: l }) }),
+        s && /* @__PURE__ */ r("div", { className: "section__description", children: s })
+      ] }),
+      t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ r("div", { className: "section__items", children: m ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(
+        "div",
+        {
+          className: "section__item",
+          onClick: () => v(e),
+          children: /* @__PURE__ */ r(
+            "img",
+            {
+              src: e == null ? void 0 : e.imageUrl,
+              alt: `Partner card image ${n + 1}`,
+              loading: "lazy"
+            }
+          )
+        },
+        `partner-cards-section-item__${n + 1}`
+      )) : t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ i(
+        C,
+        {
+          open: n === u,
+          placement: "top-end",
+          offsetValue: 4,
+          children: [
+            /* @__PURE__ */ r(k, { className: "section__trigger", children: /* @__PURE__ */ r(
+              "div",
+              {
+                className: "section__item",
+                onMouseEnter: () => x(n),
+                onMouseLeave: w,
+                onClick: () => d(e),
+                children: /* @__PURE__ */ r(
+                  "img",
+                  {
+                    src: e == null ? void 0 : e.imageUrl,
+                    alt: `Partner card image ${n + 1}`,
+                    loading: "lazy"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ r($, { style: { padding: 0, borderRadius: 12 }, children: /* @__PURE__ */ r(T, { children: e == null ? void 0 : e.description }) })
+          ]
+        },
+        `partner-cards-section-item__${n + 1}`
+      )) }),
+      m && /* @__PURE__ */ i(
+        I,
+        {
+          ref: a,
+          direction: "bottom",
+          className: "section__drawer",
+          onClose: y,
+          children: [
+            /* @__PURE__ */ r(
+              "img",
+              {
+                src: o == null ? void 0 : o.imageUrl,
+                alt: "Drawer image",
+                className: "drawer__image",
+                loading: "lazy"
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: "drawer__content", children: [
+              /* @__PURE__ */ r("div", { className: "drawer__description", children: o == null ? void 0 : o.description }),
+              /* @__PURE__ */ r(
+                P,
+                {
+                  text: _,
+                  btnType: "outline",
+                  borderRadius: "curved",
+                  trailingIcon: "fa-light fa-up-right-from-square fa-xs",
+                  color: "neutral",
+                  className: "drawer__action",
+                  onClick: () => d(o)
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+export {
+  J as default
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),S=require("./TextInput.cjs"),l=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),B=require("./DataView.cjs"),m=require("./DetailsView.cjs"),C=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-DihrKn-I.cjs"),P=require("./KanbanHeader.cjs"),T=require("./KanbanFooter.cjs"),F=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),N=require("./Spinner.cjs"),y=require("./Avatar.cjs"),K=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),E=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),Se=require("./Accordion.cjs"),le=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Be=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Ce=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Pe=require("./Modal.cjs"),Te=require("./Pagination.cjs"),Fe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),Ne=require("./TreeMenuSeparator.cjs"),ye=require("./MasonryGeneralCardsSection.cjs"),Ke=require("./DetailedProductsSection.cjs"),Ve=require("./DetailedProductsInfinitiveSection.cjs"),We=require("./ProductsWithBannerSection.cjs"),ke=require("./SimpleProductsSection.cjs"),He=require("./UrgentSaleProductsSection.cjs"),Re=require("./BannerSectionCarousel.cjs"),Oe=require("./BannerSectionGrid.cjs"),Ee=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),je=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Xe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Ye=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ze=require("./BannerSectionBasic.cjs"),_e=require("./GeneralWithTagsCardsSection.cjs"),$e=require("./ShopCardsSection.cjs"),er=require("./QuizSection.cjs"),rr=require("./SalesCampaignsSection.cjs"),or=require("./CalorieCalculatorSection.cjs"),tr=require("./BlogCategoryCardsSection.cjs"),nr=require("./BlogProductCardsSection.cjs"),ir=require("./BlogShopCardsSection.cjs"),cr=require("./BlogCardsSponsoredSection.cjs"),ar=require("./BlogListSection.cjs"),sr=require("./AdBannerSection.cjs"),ur=require("./QuattroCardsSection.cjs"),dr=require("./FeedbackSection.cjs"),qr=require("./HelpBannerSection.cjs"),Sr=require("./ContactSection.cjs"),lr=require("./FaqSection.cjs"),pr=require("./SearchSection-B94YN_6P.cjs"),gr=require("./StatsSection.cjs"),Br=require("./ToggleSection.cjs"),mr=require("./BlogExploreSection.cjs"),Cr=require("./BlogImagePathSection.cjs"),Ir=require("./BannerNextSection.cjs"),Dr=require("./PartnerStatsSection.cjs"),br=require("./PartnerBrandsSection.cjs"),r=require("./ThemeProvider.cjs"),Pr=require("./CustomStyles-C86XQqBE.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=S;exports.TimeInput=l;exports.Badge=p;exports.Chip=g;exports.DataView=B;exports.DetailsView=m;exports.EditableTable=C;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=P;exports.KanbanFooter=T;exports.KanbanView=F;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=v;exports.NotificationContainer=G;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=N;exports.Avatar=y;exports.Button=K;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=E;exports.DragDropFiles=Q;exports.Dropdown=U.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=Se;exports.AccordionSummary=le;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Be;exports.Drawer=me;exports.DropdownMenu=Ce;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Pe;exports.Pagination=Te;exports.Popover=Fe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=ve;exports.TreeMenu=Ge;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=Ne;exports.MasonryGeneralCardsSection=ye;exports.DetailedProductsSection=Ke;exports.DetailedProductsInfinitiveSection=Ve;exports.ProductsWithBannerSection=We;exports.SimpleProductsSection=ke;exports.UrgentSaleProductsSection=He;exports.BannerSectionCarousel=Re;exports.BannerSectionGrid=Oe;exports.BannerSectionSimple=Ee;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=je;exports.FieldOfInterestsMasonrySection=Je;exports.FieldOfInterestsWithAvatarsCardsSection=Xe;exports.FieldOfInterestsWithTagsCardsSection=Ye;exports.BannerSectionBasic=Ze;exports.GeneralWithTagsCardsSection=_e;exports.ShopCardsSection=$e;exports.QuizSection=er;exports.SalesCampaignsSection=rr;exports.CalorieCalculatorSection=or;exports.BlogCategoryCardsSection=tr;exports.BlogProductCardsSection=nr;exports.BlogShopCardsSection=ir;exports.BlogCardsSponsoredSection=cr;exports.BlogListSection=ar;exports.AdBannerSection=sr;exports.QuattroCardsSection=ur;exports.FeedbackSection=dr;exports.HelpBannerSection=qr;exports.ContactSection=Sr;exports.FaqSection=lr;exports.SearchSection=pr.SearchSection;exports.StatsSection=gr;exports.ToggleSection=Br;exports.BlogExploreSection=mr;exports.BlogImagePathSection=Cr;exports.BannerNextSection=Ir;exports.PartnerStatsSection=Dr;exports.PartnerBrandsSection=br;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Pr.components;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),S=require("./TextInput.cjs"),l=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),B=require("./DataView.cjs"),C=require("./DetailsView.cjs"),m=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),P=require("./KanbanCard-DihrKn-I.cjs"),b=require("./KanbanHeader.cjs"),T=require("./KanbanFooter.cjs"),F=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),N=require("./Spinner.cjs"),y=require("./Avatar.cjs"),K=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),E=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),Se=require("./Accordion.cjs"),le=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Be=require("./ConfirmationForm.cjs"),Ce=require("./Drawer.cjs"),me=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),Pe=require("./Separator.cjs"),be=require("./Modal.cjs"),Te=require("./Pagination.cjs"),Fe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),Ne=require("./TreeMenuSeparator.cjs"),ye=require("./MasonryGeneralCardsSection.cjs"),Ke=require("./DetailedProductsSection.cjs"),Ve=require("./DetailedProductsInfinitiveSection.cjs"),We=require("./ProductsWithBannerSection.cjs"),ke=require("./SimpleProductsSection.cjs"),He=require("./UrgentSaleProductsSection.cjs"),Re=require("./BannerSectionCarousel.cjs"),Oe=require("./BannerSectionGrid.cjs"),Ee=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),je=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Xe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Ye=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ze=require("./BannerSectionBasic.cjs"),_e=require("./GeneralWithTagsCardsSection.cjs"),$e=require("./ShopCardsSection.cjs"),er=require("./QuizSection.cjs"),rr=require("./SalesCampaignsSection.cjs"),or=require("./CalorieCalculatorSection.cjs"),tr=require("./BlogCategoryCardsSection.cjs"),nr=require("./BlogProductCardsSection.cjs"),ir=require("./BlogShopCardsSection.cjs"),cr=require("./BlogCardsSponsoredSection.cjs"),ar=require("./BlogListSection.cjs"),sr=require("./AdBannerSection.cjs"),ur=require("./QuattroCardsSection.cjs"),dr=require("./FeedbackSection.cjs"),qr=require("./HelpBannerSection.cjs"),Sr=require("./ContactSection.cjs"),lr=require("./FaqSection.cjs"),pr=require("./SearchSection-B94YN_6P.cjs"),gr=require("./StatsSection.cjs"),Br=require("./ToggleSection.cjs"),Cr=require("./BlogExploreSection.cjs"),mr=require("./BlogImagePathSection.cjs"),Ir=require("./BannerNextSection.cjs"),Dr=require("./PartnerCardsSection.cjs"),Pr=require("./PartnerBannerSection.cjs"),br=require("./PartnerStatsSection.cjs"),Tr=require("./PartnerBrandsSection.cjs"),r=require("./ThemeProvider.cjs"),Fr=require("./CustomStyles-C86XQqBE.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=S;exports.TimeInput=l;exports.Badge=p;exports.Chip=g;exports.DataView=B;exports.DetailsView=C;exports.EditableTable=m;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=P.KanbanCard;exports.KanbanHeader=b;exports.KanbanFooter=T;exports.KanbanView=F;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=v;exports.NotificationContainer=G;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=N;exports.Avatar=y;exports.Button=K;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=E;exports.DragDropFiles=Q;exports.Dropdown=U.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=Se;exports.AccordionSummary=le;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Be;exports.Drawer=Ce;exports.DropdownMenu=me;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=Pe;exports.Modal=be;exports.Pagination=Te;exports.Popover=Fe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=ve;exports.TreeMenu=Ge;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=Ne;exports.MasonryGeneralCardsSection=ye;exports.DetailedProductsSection=Ke;exports.DetailedProductsInfinitiveSection=Ve;exports.ProductsWithBannerSection=We;exports.SimpleProductsSection=ke;exports.UrgentSaleProductsSection=He;exports.BannerSectionCarousel=Re;exports.BannerSectionGrid=Oe;exports.BannerSectionSimple=Ee;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=je;exports.FieldOfInterestsMasonrySection=Je;exports.FieldOfInterestsWithAvatarsCardsSection=Xe;exports.FieldOfInterestsWithTagsCardsSection=Ye;exports.BannerSectionBasic=Ze;exports.GeneralWithTagsCardsSection=_e;exports.ShopCardsSection=$e;exports.QuizSection=er;exports.SalesCampaignsSection=rr;exports.CalorieCalculatorSection=or;exports.BlogCategoryCardsSection=tr;exports.BlogProductCardsSection=nr;exports.BlogShopCardsSection=ir;exports.BlogCardsSponsoredSection=cr;exports.BlogListSection=ar;exports.AdBannerSection=sr;exports.QuattroCardsSection=ur;exports.FeedbackSection=dr;exports.HelpBannerSection=qr;exports.ContactSection=Sr;exports.FaqSection=lr;exports.SearchSection=pr.SearchSection;exports.StatsSection=gr;exports.ToggleSection=Br;exports.BlogExploreSection=Cr;exports.BlogImagePathSection=mr;exports.BannerNextSection=Ir;exports.PartnerCardsSection=Dr;exports.PartnerBannerSection=Pr;exports.PartnerStatsSection=br;exports.PartnerBrandsSection=Tr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Fr.components;

package/dist/index.js

@@ -6,9 +6,9 @@ import { default as m } from "./DecimalInputV2.js";
 import { default as x } from "./FileInput.js";
 import { default as c } from "./NumberInput.js";
 import { default as g } from "./PasswordInput.js";
-import { default as I } from "./RadioInput.js";
+import { default as C } from "./RadioInput.js";
 import { default as D } from "./RangeSlider.js";
-import { default as P } from "./TextAreaInput.js";
+import { default as b } from "./TextAreaInput.js";
 import { default as F } from "./TextInput.js";
 import { default as h } from "./TimeInput.js";
 import { default as M } from "./Badge.js";
@@ -33,9 +33,9 @@ import { default as me } from "./NotificationMessage.js";
 import { default as xe } from "./ProgressBar.js";
 import { default as ce } from "./Spinner.js";
 import { default as ge } from "./Avatar.js";
-import { default as Ie } from "./Button.js";
+import { default as Ce } from "./Button.js";
 import { default as De } from "./Icon.js";
-import { default as Pe } from "./IconButton.js";
+import { default as be } from "./IconButton.js";
 import { default as Fe } from "./Link.js";
 import { default as he } from "./Surface.js";
 import { default as Me } from "./UploadedFile.js";
@@ -60,8 +60,8 @@ import { default as no } from "./Grid.js";
 import { default as io } from "./GridItem.js";
 import { default as So } from "./Header.js";
 import { default as Bo } from "./PageLayout.js";
-import { default as Co } from "./Sidebar.js";
-import { default as bo } from "./Tabs.js";
+import { default as Io } from "./Sidebar.js";
+import { default as Po } from "./Tabs.js";
 import { default as To } from "./TabItem.js";
 import { default as wo } from "./Accordion.js";
 import { default as Ao } from "./AccordionSummary.js";
@@ -87,8 +87,8 @@ import { default as nt } from "./MenuItem.js";
 import { default as it } from "./NestedMenuItem.js";
 import { default as St } from "./TreeMenuSeparator.js";
 import { default as Bt } from "./MasonryGeneralCardsSection.js";
-import { default as Ct } from "./DetailedProductsSection.js";
-import { default as bt } from "./DetailedProductsInfinitiveSection.js";
+import { default as It } from "./DetailedProductsSection.js";
+import { default as Pt } from "./DetailedProductsInfinitiveSection.js";
 import { default as Tt } from "./ProductsWithBannerSection.js";
 import { default as wt } from "./SimpleProductsSection.js";
 import { default as At } from "./UrgentSaleProductsSection.js";
@@ -114,8 +114,8 @@ import { default as nr } from "./BlogShopCardsSection.js";
 import { default as ir } from "./BlogCardsSponsoredSection.js";
 import { default as Sr } from "./BlogListSection.js";
 import { default as Br } from "./AdBannerSection.js";
-import { default as Cr } from "./QuattroCardsSection.js";
-import { default as br } from "./FeedbackSection.js";
+import { default as Ir } from "./QuattroCardsSection.js";
+import { default as Pr } from "./FeedbackSection.js";
 import { default as Tr } from "./HelpBannerSection.js";
 import { default as wr } from "./ContactSection.js";
 import { default as Ar } from "./FaqSection.js";
@@ -125,10 +125,12 @@ import { default as Nr } from "./ToggleSection.js";
 import { default as Wr } from "./BlogExploreSection.js";
 import { default as yr } from "./BlogImagePathSection.js";
 import { default as Rr } from "./BannerNextSection.js";
-import { default as Er } from "./PartnerStatsSection.js";
-import { default as Ur } from "./PartnerBrandsSection.js";
-import { default as zr, useTheme as jr } from "./ThemeProvider.js";
-import { c as Xr } from "./CustomStyles-DtWxboEM.js";
+import { default as Er } from "./PartnerCardsSection.js";
+import { default as Ur } from "./PartnerBannerSection.js";
+import { default as zr } from "./PartnerStatsSection.js";
+import { default as Jr } from "./PartnerBrandsSection.js";
+import { default as Yr, useTheme as Zr } from "./ThemeProvider.js";
+import { c as $r } from "./CustomStyles-DtWxboEM.js";
 export {
   wo as Accordion,
   vo as AccordionDetails,
@@ -154,7 +156,7 @@ export {
   nr as BlogShopCardsSection,
   Et as BrandHitsSection,
   Lo as Breadcrumbs,
-  Ie as Button,
+  Ce as Button,
   Ze as ButtonGroup,
   dr as CalorieCalculatorSection,
   t as CheckBoxInput,
@@ -167,8 +169,8 @@ export {
   d as DateInput,
   p as DecimalInput,
   m as DecimalInputV2,
-  bt as DetailedProductsInfinitiveSection,
-  Ct as DetailedProductsSection,
+  Pt as DetailedProductsInfinitiveSection,
+  It as DetailedProductsSection,
   V as DetailsView,
   Ge as DoubleRangeSlider,
   Ke as DragAndDropFile,
@@ -180,7 +182,7 @@ export {
   yo as DropdownMenu,
   k as EditableTable,
   Ar as FaqSection,
-  br as FeedbackSection,
+  Pr as FeedbackSection,
   Ut as FieldOfInterestsMasonrySection,
   zt as FieldOfInterestsWithAvatarsCardsSection,
   Jt as FieldOfInterestsWithTagsCardsSection,
@@ -198,7 +200,7 @@ export {
   So as Header,
   Tr as HelpBannerSection,
   De as Icon,
-  Pe as IconButton,
+  be as IconButton,
   O as Kanban,
   Z as KanbanActionsToolbar,
   Q as KanbanCard,
@@ -219,8 +221,10 @@ export {
   c as NumberInput,
   Bo as PageLayout,
   Jo as Pagination,
-  Ur as PartnerBrandsSection,
-  Er as PartnerStatsSection,
+  Ur as PartnerBannerSection,
+  Jr as PartnerBrandsSection,
+  Er as PartnerCardsSection,
+  zr as PartnerStatsSection,
   g as PasswordInput,
   Yo as Popover,
   _o as PopoverClose,
@@ -230,17 +234,17 @@ export {
   at as PopoverTrigger,
   Tt as ProductsWithBannerSection,
   xe as ProgressBar,
-  Cr as QuattroCardsSection,
+  Ir as QuattroCardsSection,
   tr as QuizSection,
   qe as RadioGroup,
-  I as RadioInput,
+  C as RadioInput,
   D as RangeSlider,
   ar as SalesCampaignsSection,
   je as SearchBar,
   vr as SearchSection,
   Uo as Separator,
   er as ShopCardsSection,
-  Co as Sidebar,
+  Io as Sidebar,
   wt as SimpleProductsSection,
   ce as Spinner,
   Lr as StatsSection,
@@ -249,10 +253,10 @@ export {
   To as TabItem,
   $ as Table,
   oe as TableView,
-  bo as Tabs,
-  P as TextAreaInput,
+  Po as Tabs,
+  b as TextAreaInput,
   F as TextInput,
-  zr as ThemeProvider,
+  Yr as ThemeProvider,
   h as TimeInput,
   Xe as Toggle,
   Nr as ToggleSection,
@@ -260,7 +264,7 @@ export {
   St as TreeMenuSeparator,
   Me as UploadedFile,
   At as UrgentSaleProductsSection,
-  Xr as components,
+  $r as components,
   s as registerLocale,
-  jr as useTheme
+  Zr as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.201",
+  "version": "4.0.203",
   "description": "React component library",
   "type": "module",
   "keywords": [
@@ -168,6 +168,8 @@
     "./BlogExploreSection": "./dist/BlogExploreSection.js",
     "./BlogImagePathSection": "./dist/BlogImagePathSection.js",
     "./BannerNextSection": "./dist/BannerNextSection.js",
+    "./PartnerCardsSection": "./dist/PartnerCardsSection.js",
+    "./PartnerBannerSection": "./dist/PartnerBannerSection.js",
     "./PartnerStatsSection": "./dist/PartnerStatsSection.js",
     "./PartnerBrandsSection": "./dist/PartnerBrandsSection.js"
   },

package/vite.config.js

@@ -351,6 +351,14 @@ export default defineConfig({
           __dirname,
           "src/Landing Sections/banners-sections/banner-next-section/BannerNextSection.jsx",
         ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/partner-sections/partner-cards-section/PartnerCardsSection.jsx",
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/partner-sections/partner-banner-section/PartnerBannerSection.jsx",
+        ),
         resolve(
           __dirname,
           "src/Landing Sections/partner-sections/partner-stats-section/PartnerStatsSection.jsx",