@lanaco/lnc-react-ui 4.0.169 → 4.0.171

package/dist/MasonryGeneralCardsSection.js

@@ -1,11 +1,12 @@
-import { jsx as t, Fragment as w, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import b from "./Button.js";
+import { jsx as r, Fragment as _, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as w, Suspense as k } from "react";
+import y from "./Button.js";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { o as n, p, k as h } from "./utils-BdsZgOUE.js";
+import { w as m, o as f, k as u } from "./utils-DHfRApMf.js";
 import { M as c } from "./consts-BuFChS64.js";
-import { u as v } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const y = s.div`
+import { u as S } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { a as p, S as x, b as o } from "./style-CXMUA6cI.js";
+const N = s.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -14,24 +15,24 @@ const y = s.div`
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
   cursor: pointer;
 
-  grid-column: ${(r) => {
-  var e;
-  return ((e = r.position) == null ? void 0 : e.columnStart) || "1";
+  grid-column: ${(e) => {
+  var t;
+  return ((t = e.position) == null ? void 0 : t.columnStart) || "1";
 }} /
-    ${(r) => {
-  var e;
-  return ((e = r.position) == null ? void 0 : e.columnEnd) || "6";
+    ${(e) => {
+  var t;
+  return ((t = e.position) == null ? void 0 : t.columnEnd) || "6";
 }};
-  grid-row: ${(r) => {
-  var e;
-  return ((e = r.position) == null ? void 0 : e.rowStart) || "1";
+  grid-row: ${(e) => {
+  var t;
+  return ((t = e.position) == null ? void 0 : t.rowStart) || "1";
 }} /
-    ${(r) => {
-  var e;
-  return ((e = r.position) == null ? void 0 : e.rowEnd) || "1";
+    ${(e) => {
+  var t;
+  return ((t = e.position) == null ? void 0 : t.rowEnd) || "1";
 }};
 
-  background: ${(r) => r.backgroundColor || `linear-gradient(
+  background: ${(e) => e.backgroundColor || `linear-gradient(
     178deg,
     rgba(0, 0, 0, 0) 1.5%,
     rgba(0, 0, 0, 0.16) 8.95%,
@@ -50,7 +51,7 @@ const y = s.div`
     width: 24.5rem;
     height: 30rem;
     border-radius: 0.75rem;
-    background-color: ${n("-90deg")};
+    background-color: ${m("-90deg")};
   }
 
   & .wrapper__text {
@@ -70,7 +71,7 @@ const y = s.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${p(2)}
+      ${f(2)}
     }
 
     & .text__tag {
@@ -92,7 +93,7 @@ const y = s.div`
       font-style: normal;
       font-weight: 400;
       line-height: 1.25rem;
-      ${p(2)}
+      ${f(2)}
     }
 
     & .text__action {
@@ -106,19 +107,19 @@ const y = s.div`
     }
 
     & .text__title--skeleton {
-      background-color: ${n("-90deg")};
+      background-color: ${m("-90deg")};
       height: 1rem;
       width: 9rem;
     }
 
     & .text__description--skeleton {
-      background-color: ${n("-90deg")};
+      background-color: ${m("-90deg")};
       height: 1rem;
       width: 12rem;
     }
 
     & .text__action--skeleton {
-      background-color: ${n("-90deg")};
+      background-color: ${m("-90deg")};
       height: 2rem;
       width: 9rem;
     }
@@ -131,39 +132,39 @@ const y = s.div`
       max-height: 14.5rem;
     }
   }
-`, k = f(
+`, C = w(
   ({
-    title: r,
-    imageUrl: e,
-    description: i,
-    buttonText: a,
-    onSelectCard: l = () => {
+    title: e,
+    imageUrl: t,
+    description: a,
+    buttonText: n,
+    onSelectCard: g = () => {
     },
-    className: o,
-    position: d,
-    tag: g,
-    backgroundColor: x
-  }, u) => {
-    const _ = v();
-    return /* @__PURE__ */ t(w, { children: /* @__PURE__ */ m(
-      y,
+    className: h,
+    position: l,
+    tag: d,
+    backgroundColor: b
+  }, v) => {
+    const $ = S();
+    return /* @__PURE__ */ r(_, { children: /* @__PURE__ */ i(
+      N,
       {
-        ref: u,
-        theme: _,
-        className: o,
-        position: d,
-        backgroundColor: x,
-        onClick: l,
+        ref: v,
+        theme: $,
+        className: h,
+        position: l,
+        backgroundColor: b,
+        onClick: g,
         children: [
-          /* @__PURE__ */ t("img", { src: e, className: "wrapper__image" }),
-          /* @__PURE__ */ m("div", { className: "wrapper__text", children: [
-            g && /* @__PURE__ */ t("div", { className: "text__tag", children: g }),
-            /* @__PURE__ */ t("div", { className: "text__title", children: r }),
-            h(i) && /* @__PURE__ */ t("div", { className: "text__description", children: i }),
-            h(a) && /* @__PURE__ */ t(
-              b,
+          /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
+          /* @__PURE__ */ i("div", { className: "wrapper__text", children: [
+            d && /* @__PURE__ */ r("div", { className: "text__tag", children: d }),
+            /* @__PURE__ */ r("div", { className: "text__title", children: e }),
+            u(a) && /* @__PURE__ */ r("div", { className: "text__description", children: a }),
+            u(n) && /* @__PURE__ */ r(
+              y,
               {
-                text: a,
+                text: n,
                 className: "text__action"
               }
             )
@@ -172,7 +173,7 @@ const y = s.div`
       }
     ) });
   }
-), $ = s.div`
+), G = s.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -205,9 +206,9 @@ const y = s.div`
       }
     }
   }
-`, N = s.div`
+`, z = s.div`
   display: grid;
-  grid-template-columns: ${(r) => "repeat(12,  minmax(0, 1fr))"};
+  grid-template-columns: ${(e) => "repeat(12,  minmax(0, 1fr))"};
 
   grid-template-rows: 15rem 15rem;
   grid-column-gap: 1.25rem;
@@ -223,20 +224,65 @@ const y = s.div`
     height: 100%;
     max-height: 100%;
   }
-`, I = f(
-  ({ title: r, items: e, limit: i = 3, onSelectCard: a = () => {
-  } }, l) => /* @__PURE__ */ m($, { ref: l, children: [
-    /* @__PURE__ */ t("div", { className: "regular-title", children: /* @__PURE__ */ t("div", { className: "regular-title-text", children: /* @__PURE__ */ t("span", { children: r }) }) }),
-    /* @__PURE__ */ t(N, { limit: i, children: e && (e == null ? void 0 : e.map((o, d) => /* @__PURE__ */ t(
-      k,
+`, M = s(p)`
+  @media (max-width: ${c + "px"}) {
+    flex-direction: column;
+
+    & .skeleton__big {
+      width: 100%;
+      height: 100%;
+      aspect-ratio: 1 / 1;
+    }
+
+    & > div {
+      flex-direction: column;
+    }
+  }
+`, j = ({ keyPrefix: e }) => /* @__PURE__ */ i(M, { children: [
+  /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(
+    o,
+    {
+      height: "31.25rem",
+      className: "skeleton__big"
+    },
+    `${e}-1`
+  ) }),
+  /* @__PURE__ */ i(x, { children: [
+    /* @__PURE__ */ i(p, { noGradient: !0, children: [
+      /* @__PURE__ */ r(o, { height: "15rem" }, `${e}-2`),
+      /* @__PURE__ */ r(o, { height: "15rem" }, `${e}-3`)
+    ] }),
+    /* @__PURE__ */ i(p, { noGradient: !0, children: [
+      /* @__PURE__ */ r(o, { height: "15rem" }, `${e}-4`),
+      /* @__PURE__ */ r(o, { height: "15rem" }, `${e}-5`)
+    ] })
+  ] })
+] }), E = ({
+  keyPrefix: e,
+  isLoading: t = !1,
+  fallbackComponent: a = /* @__PURE__ */ r(_, {}),
+  children: n
+}) => /* @__PURE__ */ r(k, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ r(j, { keyPrefix: e }) : n }), F = w(
+  ({ title: e, items: t, isLoading: a = !1, limit: n = 3, onSelectCard: g = () => {
+  } }, h) => /* @__PURE__ */ i(G, { ref: h, children: [
+    /* @__PURE__ */ r("div", { className: "regular-title", children: /* @__PURE__ */ r("div", { className: "regular-title-text", children: /* @__PURE__ */ r("span", { children: e }) }) }),
+    /* @__PURE__ */ r(
+      E,
       {
-        ...o,
-        onSelectCard: () => a(o)
-      },
-      `landing-page-masonry-general-card__${d + 1}`
-    ))) })
+        isLoading: a,
+        keyPrefix: "masonry-general-cards-skeleton",
+        children: /* @__PURE__ */ r(z, { limit: n, children: t && (t == null ? void 0 : t.map((l, d) => /* @__PURE__ */ r(
+          C,
+          {
+            ...l,
+            onSelectCard: () => g(l)
+          },
+          `landing-page-masonry-general-card__${d + 1}`
+        ))) })
+      }
+    )
   ] })
 );
 export {
-  I as default
+  F as default
 };

package/dist/MenuItem.js

@@ -3,7 +3,7 @@ import { forwardRef as J, useRef as Q, useState as W, useEffect as X } from "rea
 import { P as o } from "./index-CblbdqjE.js";
 import { s as Z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import v from "./Icon.js";
-import { b as i, c as I, h as w } from "./utils-BdsZgOUE.js";
+import { b as i, c as I, h as w } from "./utils-DHfRApMf.js";
 import { u as ee } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const ne = Z.div`
   box-sizing: border-box;

package/dist/Modal.js

@@ -3,7 +3,7 @@ import { forwardRef as z, useRef as X, useState as V, useImperativeHandle as q,
 import { P as o } from "./index-CblbdqjE.js";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import K from "./Icon.js";
-import { b as w } from "./utils-BdsZgOUE.js";
+import { b as w } from "./utils-DHfRApMf.js";
 import { r as Q } from "./index-B1vKwsDE.js";
 import { m as M } from "./motion-Ckekul_K.js";
 import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/MultiSelectDropdown.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import { P as e } from "./index-CblbdqjE.js";
 import { forwardRef as y, useCallback as h } from "react";
-import { a as M } from "./CustomStyles-SyQRnjuy.js";
+import { a as M } from "./CustomStyles-ArAVZsIj.js";
 import { d as S } from "./index-Dt62UGku.js";
 import C from "./Dropdown.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/MultiSelectDropdownLookup.js

@@ -1,7 +1,7 @@
 import { jsx as y } from "react/jsx-runtime";
 import { P as e } from "./index-CblbdqjE.js";
 import { forwardRef as g, useCallback as h } from "react";
-import { a as M } from "./CustomStyles-SyQRnjuy.js";
+import { a as M } from "./CustomStyles-ArAVZsIj.js";
 import { d as S } from "./index-Dt62UGku.js";
 import C from "./DropdownLookup.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/NestedDropdownItem.js

@@ -2,7 +2,7 @@ import { jsxs as S, Fragment as p, jsx as n } from "react/jsx-runtime";
 import { forwardRef as w, useState as x, cloneElement as l, Children as P, isValidElement as O } from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as D } from "./utils-BdsZgOUE.js";
+import { b as D } from "./utils-DHfRApMf.js";
 import { m as j } from "./motion-Ckekul_K.js";
 import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { A as C } from "./index-D-c5IxDk.js";

package/dist/NestedMenuItem.js

@@ -2,7 +2,7 @@ import { jsxs as O, Fragment as l, jsx as a } from "react/jsx-runtime";
 import { forwardRef as P, useState as h, cloneElement as u, Children as w, isValidElement as z } from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as j } from "./utils-BdsZgOUE.js";
+import { b as j } from "./utils-DHfRApMf.js";
 import { m as D } from "./motion-Ckekul_K.js";
 import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { A as C } from "./index-D-c5IxDk.js";

package/dist/NotificationContainer.js

@@ -3,7 +3,7 @@ import { forwardRef as O } from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { T as v } from "./react-toastify.esm-BLQznunb.js";
-import { b as e, a as C } from "./utils-BdsZgOUE.js";
+import { b as e, a as C } from "./utils-DHfRApMf.js";
 import { useTheme as $ } from "./ThemeProvider.js";
 const P = _.div`
   & .lnc-notification {

package/dist/NotificationMessage.js

@@ -3,7 +3,7 @@ import { forwardRef as N } from "react";
 import { P as i } from "./index-CblbdqjE.js";
 import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import w from "./Icon.js";
-import { c as $, b as s, g as B } from "./utils-BdsZgOUE.js";
+import { c as $, b as s, g as B } from "./utils-DHfRApMf.js";
 import P from "./Avatar.js";
 import { u as z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const T = v.div`

package/dist/NumberInput.js

@@ -3,7 +3,7 @@ import { P as t } from "./index-CblbdqjE.js";
 import { forwardRef as H, useRef as J, useState as D, useEffect as L, useCallback as Q } from "react";
 import { d as Y } from "./index-Dt62UGku.js";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as s, b as l, a as Z, e as v, h as F, c as ee } from "./utils-BdsZgOUE.js";
+import { d as s, b as l, a as Z, e as v, h as F, c as ee } from "./utils-DHfRApMf.js";
 import { u as ae } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const te = m.div`
   display: flex;

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),d=require("react"),t=require("./index-BpbMKBf_.cjs"),u=require("./Button.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),_=g.styled.div`
+"use strict";const n=require("react/jsx-runtime"),g=require("react"),t=require("./index-BpbMKBf_.cjs"),x=require("./Button.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),h=require("./consts-goSZX3xP.cjs"),_=require("./index-D-3I_Ppj.cjs"),p=f.styled.div`
   display: flex;
   height: 28.75rem;
   padding: 2.25rem;
@@ -60,7 +60,7 @@
     }
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
     padding: 2rem;
     min-height: 17.5rem;
     width: 100%;
@@ -83,7 +83,7 @@
       }
     }
   }
-`,h=d.forwardRef(({title:r,description:o,buttonText:i,imageUrl:s,backgroundColor:l="none",handleSelectCard:e=()=>{},handleButtonAction:a=()=>{}},m)=>n.jsxs(_,{backgroundImage:s,backgroundColor:l,onClick:e,children:[n.jsxs("div",{className:"section__text",children:[r&&n.jsx("div",{className:"section__title",children:r}),o&&n.jsx("div",{className:"section__description",children:o})]}),n.jsx(u,{text:i,onClick:c=>{c==null||c.stopPropagation(),a()},borderRadius:"regular",color:"gray",className:"section__action"})]}));h.propTypes={title:t.PropTypes.string,description:t.PropTypes.string,buttonText:t.PropTypes.string,imageUrl:t.PropTypes.string,backgroundColor:t.PropTypes.string,handleSelectCard:t.PropTypes.func,handleButtonAction:t.PropTypes.func};const x=g.styled.div`
+`,u=g.forwardRef(({title:r,description:o,buttonText:i,imageUrl:s,backgroundColor:l="none",handleSelectCard:a=()=>{},handleButtonAction:e=()=>{}},d)=>n.jsxs(p,{backgroundImage:s,backgroundColor:l,onClick:a,children:[n.jsxs("div",{className:"section__text",children:[r&&n.jsx("div",{className:"section__title",children:r}),o&&n.jsx("div",{className:"section__description",children:o})]}),n.jsx(x,{text:i,onClick:c=>{c==null||c.stopPropagation(),e()},borderRadius:"regular",color:"gray",className:"section__action"})]}));u.propTypes={title:t.PropTypes.string,description:t.PropTypes.string,buttonText:t.PropTypes.string,imageUrl:t.PropTypes.string,backgroundColor:t.PropTypes.string,handleSelectCard:t.PropTypes.func,handleButtonAction:t.PropTypes.func};const m=f.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -122,7 +122,7 @@
     }
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${h.MOBILE_SIZE_PX+"px"}) {
     & .section__title {
       font-size: 1.375rem;
       line-height: 1.75rem;
@@ -132,4 +132,4 @@
       flex-direction: column;
     }
   }
-`,p=d.forwardRef(({title:r,items:o,onSelectCard:i=()=>{},onButtonAction:s=()=>{}},l)=>n.jsxs(x,{ref:l,children:[n.jsx("div",{className:"section__title",children:r}),n.jsx("div",{className:"section__items",children:o==null?void 0:o.map((e,a)=>n.jsx(h,{title:e==null?void 0:e.title,description:e==null?void 0:e.description,imageUrl:e==null?void 0:e.imageUrl,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleSelectCard:()=>i(e),handleButtonAction:()=>s(e)},`overlay-general-card__${a+1}`))})]}));module.exports=p;
+`,y=g.forwardRef(({title:r,items:o,isLoading:i=!1,onSelectCard:s=()=>{},onButtonAction:l=()=>{}},a)=>n.jsxs(m,{ref:a,children:[n.jsx("div",{className:"section__title",children:r}),n.jsx(_.SuspenseBlogsSectionDetailed,{isLoading:i,keyPrefix:"overlay-general-cards-skeleton",children:n.jsx("div",{className:"section__items",children:o==null?void 0:o.map((e,d)=>n.jsx(u,{title:e==null?void 0:e.title,description:e==null?void 0:e.description,imageUrl:e==null?void 0:e.imageUrl,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleSelectCard:()=>s(e),handleButtonAction:()=>l(e)},`overlay-general-card__${d+1}`))})})]}));module.exports=y;

package/dist/OverlayGeneralCardsSection.js

@@ -1,10 +1,11 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
 import { P as t } from "./index-CblbdqjE.js";
-import _ from "./Button.js";
-import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as h } from "./consts-BuFChS64.js";
-const u = g.div`
+import u from "./Button.js";
+import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as m } from "./consts-BuFChS64.js";
+import { S as x } from "./index-BovNbKxB.js";
+const p = h.div`
   display: flex;
   height: 28.75rem;
   padding: 2.25rem;
@@ -66,7 +67,7 @@ const u = g.div`
     }
   }
 
-  @media (max-width: ${h + "px"}) {
+  @media (max-width: ${m + "px"}) {
     padding: 2rem;
     min-height: 17.5rem;
     width: 100%;
@@ -89,34 +90,34 @@ const u = g.div`
       }
     }
   }
-`, m = f(
+`, _ = g(
   ({
     title: r,
-    description: n,
+    description: o,
     buttonText: i,
     imageUrl: a,
     backgroundColor: l = "none",
-    handleSelectCard: e = () => {
+    handleSelectCard: s = () => {
     },
-    handleButtonAction: s = () => {
+    handleButtonAction: e = () => {
     }
-  }, p) => /* @__PURE__ */ d(
-    u,
+  }, f) => /* @__PURE__ */ d(
+    p,
     {
       backgroundImage: a,
       backgroundColor: l,
-      onClick: e,
+      onClick: s,
       children: [
         /* @__PURE__ */ d("div", { className: "section__text", children: [
-          r && /* @__PURE__ */ o("div", { className: "section__title", children: r }),
-          n && /* @__PURE__ */ o("div", { className: "section__description", children: n })
+          r && /* @__PURE__ */ n("div", { className: "section__title", children: r }),
+          o && /* @__PURE__ */ n("div", { className: "section__description", children: o })
         ] }),
-        /* @__PURE__ */ o(
-          _,
+        /* @__PURE__ */ n(
+          u,
           {
             text: i,
             onClick: (c) => {
-              c == null || c.stopPropagation(), s();
+              c == null || c.stopPropagation(), e();
             },
             borderRadius: "regular",
             color: "gray",
@@ -127,7 +128,7 @@ const u = g.div`
     }
   )
 );
-m.propTypes = {
+_.propTypes = {
   title: t.string,
   description: t.string,
   buttonText: t.string,
@@ -136,7 +137,7 @@ m.propTypes = {
   handleSelectCard: t.func,
   handleButtonAction: t.func
 };
-const x = g.div`
+const y = h.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -175,7 +176,7 @@ const x = g.div`
     }
   }
 
-  @media (max-width: ${h + "px"}) {
+  @media (max-width: ${m + "px"}) {
     & .section__title {
       font-size: 1.375rem;
       line-height: 1.75rem;
@@ -185,26 +186,39 @@ const x = g.div`
       flex-direction: column;
     }
   }
-`, z = f(
-  ({ title: r, items: n, onSelectCard: i = () => {
-  }, onButtonAction: a = () => {
-  } }, l) => /* @__PURE__ */ d(x, { ref: l, children: [
-    /* @__PURE__ */ o("div", { className: "section__title", children: r }),
-    /* @__PURE__ */ o("div", { className: "section__items", children: n == null ? void 0 : n.map((e, s) => /* @__PURE__ */ o(
-      m,
+`, N = g(
+  ({
+    title: r,
+    items: o,
+    isLoading: i = !1,
+    onSelectCard: a = () => {
+    },
+    onButtonAction: l = () => {
+    }
+  }, s) => /* @__PURE__ */ d(y, { ref: s, children: [
+    /* @__PURE__ */ n("div", { className: "section__title", children: r }),
+    /* @__PURE__ */ n(
+      x,
       {
-        title: e == null ? void 0 : e.title,
-        description: e == null ? void 0 : e.description,
-        imageUrl: e == null ? void 0 : e.imageUrl,
-        buttonText: e == null ? void 0 : e.buttonText,
-        backgroundColor: e == null ? void 0 : e.backgroundColor,
-        handleSelectCard: () => i(e),
-        handleButtonAction: () => a(e)
-      },
-      `overlay-general-card__${s + 1}`
-    )) })
+        isLoading: i,
+        keyPrefix: "overlay-general-cards-skeleton",
+        children: /* @__PURE__ */ n("div", { className: "section__items", children: o == null ? void 0 : o.map((e, f) => /* @__PURE__ */ n(
+          _,
+          {
+            title: e == null ? void 0 : e.title,
+            description: e == null ? void 0 : e.description,
+            imageUrl: e == null ? void 0 : e.imageUrl,
+            buttonText: e == null ? void 0 : e.buttonText,
+            backgroundColor: e == null ? void 0 : e.backgroundColor,
+            handleSelectCard: () => a(e),
+            handleButtonAction: () => l(e)
+          },
+          `overlay-general-card__${f + 1}`
+        )) })
+      }
+    )
   ] })
 );
 export {
-  z as default
+  N as default
 };

package/dist/PasswordInput.js

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

package/dist/PopoverContent.js

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