@lanaco/lnc-react-ui 4.0.202 → 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/PartnerCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),x=require("./Icon.cjs"),_=require("./Popover.cjs"),f=require("./PopoverTrigger.cjs"),u=require("./PopoverContent.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),l=require("./utils-RnrgDDZP.cjs"),y=d.styled.div`
+"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;
@@ -6,6 +6,46 @@
   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;
@@ -26,7 +66,7 @@
         letter-spacing: 0%;
         text-align: center;
         color: var(--gray-900, #0c1520);
-        ${l.truncateText()}
+        ${p.truncateText()}
       }
 
       &::after {
@@ -52,7 +92,7 @@
       letter-spacing: 0.0156rem;
       text-align: center;
       color: var(--gray-700, #424b56);
-      ${l.truncateTextInRows(2)}
+      ${p.truncateTextInRows(2)}
     }
   }
 
@@ -89,7 +129,7 @@
     }
   }
 
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
     padding: 1rem;
 
     & .section__text {
@@ -115,7 +155,7 @@
       }
     }
   }
-`,w=d.styled.div`
+`,I=_.styled.div`
   width: 100%;
   height: 100%;
   max-width: 16.25rem;
@@ -131,4 +171,4 @@
   line-height: 1rem;
   letter-spacing: 0.025rem;
   color: var(--gray-900, #0c1520);
-`,j=c.forwardRef(({icon:o,title:s,description:i,items:r,onSelectCard:g=()=>{}},b)=>{const[m,a]=c.useState(null),h=t=>{a(t)},p=()=>{a(null)};return e.jsxs(y,{children:[e.jsxs("div",{className:"section__text",children:[o&&e.jsx(x,{icon:o,sizeInUnits:"2.5rem",color:"warning",className:"section__icon"}),s&&e.jsx("div",{className:"section__title",children:e.jsx("span",{children:s})}),i&&e.jsx("div",{className:"section__description",children:i})]}),r&&(r==null?void 0:r.length)>0&&e.jsx("div",{className:"section__items",children:r==null?void 0:r.map((t,n)=>e.jsxs(_,{open:n===m,placement:"top-end",offsetValue:4,children:[e.jsx(f,{className:"section__trigger",children:e.jsx("div",{className:"section__item",onMouseEnter:()=>{h(n)},onMouseLeave:p,onClick:()=>{g(t)},children:e.jsx("img",{src:t==null?void 0:t.imageUrl,alt:`Partner card image ${n+1}`,loading:"lazy"})})}),e.jsx(u,{style:{padding:0,borderRadius:12},children:e.jsx(w,{children:i})})]},`partner-cards-section-item__${n+1}`))})]})});module.exports=j;
+`,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

@@ -1,13 +1,16 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as h, useState as f } from "react";
-import _ from "./Icon.js";
-import x from "./Popover.js";
-import u from "./PopoverTrigger.js";
-import v from "./PopoverContent.js";
-import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as y } from "./consts-BuFChS64.js";
-import { t as w, m as b } from "./utils-DtEfC-TX.js";
-const P = l.div`
+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;
@@ -15,6 +18,46 @@ const P = l.div`
   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;
@@ -35,7 +78,7 @@ const P = l.div`
         letter-spacing: 0%;
         text-align: center;
         color: var(--gray-900, #0c1520);
-        ${w()}
+        ${D()}
       }
 
       &::after {
@@ -61,7 +104,7 @@ const P = l.div`
       letter-spacing: 0.0156rem;
       text-align: center;
       color: var(--gray-700, #424b56);
-      ${b(2)}
+      ${O(2)}
     }
   }
 
@@ -98,7 +141,7 @@ const P = l.div`
     }
   }
 
-  @media (max-width: ${y + "px"}) {
+  @media (max-width: ${M + "px"}) {
     padding: 1rem;
 
     & .section__text {
@@ -124,7 +167,7 @@ const P = l.div`
       }
     }
   }
-`, N = l.div`
+`, T = f.div`
   width: 100%;
   height: 100%;
   max-width: 16.25rem;
@@ -140,64 +183,122 @@ const P = l.div`
   line-height: 1rem;
   letter-spacing: 0.025rem;
   color: var(--gray-900, #0c1520);
-`, S = h(
-  ({ icon: a, title: c, description: n, items: r, onSelectCard: m = () => {
-  } }, j) => {
-    const [d, s] = f(null), g = (t) => {
-      s(t);
-    }, p = () => {
-      s(null);
+`, 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__ */ o(P, { children: [
-      /* @__PURE__ */ o("div", { className: "section__text", children: [
-        a && /* @__PURE__ */ e(
-          _,
+    return /* @__PURE__ */ i(R, { children: [
+      /* @__PURE__ */ i("div", { className: "section__text", children: [
+        c && /* @__PURE__ */ r(
+          z,
           {
-            icon: a,
+            icon: c,
             sizeInUnits: "2.5rem",
             color: "warning",
             className: "section__icon"
           }
         ),
-        c && /* @__PURE__ */ e("div", { className: "section__title", children: /* @__PURE__ */ e("span", { children: c }) }),
-        n && /* @__PURE__ */ e("div", { className: "section__description", children: n })
+        l && /* @__PURE__ */ r("div", { className: "section__title", children: /* @__PURE__ */ r("span", { children: l }) }),
+        s && /* @__PURE__ */ r("div", { className: "section__description", children: s })
       ] }),
-      r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ e("div", { className: "section__items", children: r == null ? void 0 : r.map((t, i) => /* @__PURE__ */ o(
-        x,
+      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",
         {
-          open: i === d,
+          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__ */ e(u, { className: "section__trigger", children: /* @__PURE__ */ e(
+            /* @__PURE__ */ r(k, { className: "section__trigger", children: /* @__PURE__ */ r(
               "div",
               {
                 className: "section__item",
-                onMouseEnter: () => {
-                  g(i);
-                },
-                onMouseLeave: p,
-                onClick: () => {
-                  m(t);
-                },
-                children: /* @__PURE__ */ e(
+                onMouseEnter: () => x(n),
+                onMouseLeave: w,
+                onClick: () => d(e),
+                children: /* @__PURE__ */ r(
                   "img",
                   {
-                    src: t == null ? void 0 : t.imageUrl,
-                    alt: `Partner card image ${i + 1}`,
+                    src: e == null ? void 0 : e.imageUrl,
+                    alt: `Partner card image ${n + 1}`,
                     loading: "lazy"
                   }
                 )
               }
             ) }),
-            /* @__PURE__ */ e(v, { style: { padding: 0, borderRadius: 12 }, children: /* @__PURE__ */ e(N, { children: n }) })
+            /* @__PURE__ */ r($, { style: { padding: 0, borderRadius: 12 }, children: /* @__PURE__ */ r(T, { children: e == null ? void 0 : e.description }) })
           ]
         },
-        `partner-cards-section-item__${i + 1}`
-      )) })
+        `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 {
-  S as default
+  J as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.202",
+  "version": "4.0.203",
   "description": "React component library",
   "type": "module",
   "keywords": [