@lanaco/lnc-react-ui 4.0.90 → 4.0.91

package/dist/QuattroCardsSection.cjs

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

package/dist/QuattroCardsSection.js

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

package/package.json

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