@lanaco/lnc-react-ui 4.0.199 → 4.0.201

package/dist/{style-CkcozOY6.cjs → style-B4kAj6YU.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),r=require("./utils-RnrgDDZP.cjs"),i=t.styled.div`
+"use strict";const r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),t=require("./utils-RnrgDDZP.cjs"),i=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -37,7 +37,7 @@
       }
     }
   }
-`,n=t.styled.div`
+`,n=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -55,10 +55,10 @@
       display: flex;
       gap: 0.5rem;
       align-items: center;
-      ${r.truncateText()}
+      ${t.truncateText()}
 
       & span {
-        ${r.truncateText()}
+        ${t.truncateText()}
       }
     }
 
@@ -78,7 +78,7 @@
       padding-bottom: 0.5rem;
     }
   }
-`,s=e=>(e==null?void 0:e.toLowerCase())=="success"?"color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);":(e==null?void 0:e.toLowerCase())=="warning"?"color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);":(e==null?void 0:e.toLowerCase())=="info"?"color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);":(e==null?void 0:e.toLowerCase())=="danger"?"color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);":(e==null?void 0:e.toLowerCase())=="secondary"?"color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);":"color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);",o=t.styled.div`
+`,o=e=>(e==null?void 0:e.toLowerCase())=="success"?"color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);":(e==null?void 0:e.toLowerCase())=="warning"?"color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);":(e==null?void 0:e.toLowerCase())=="info"?"color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);":(e==null?void 0:e.toLowerCase())=="danger"?"color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);":(e==null?void 0:e.toLowerCase())=="secondary"?"color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);":"color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);",s=r.styled.div`
   font-size: 0.75rem;
   font-weight: 500;
   padding: 0 0.5rem;
@@ -88,6 +88,36 @@
   border-radius: 0.25rem;
   display: flex;
   max-width: 12.5rem;
-  ${e=>s(e.color)}
-  ${r.truncateText()}
-`;exports.BlogTag=o;exports.RegulatTitleSectionWrapper=i;exports.TitleWithOptionsSectionWrapper=n;
+  ${e=>o(e.color)}
+  ${t.truncateText()}
+`,d=r.styled.div`
+  display: flex;
+  justify-content: space-between;
+
+  & .heading__title {
+    color: var(--gray-950, #14161a);
+    font-weight: 600;
+    font-size: 1.5rem;
+    line-height: 2rem;
+    letter-spacing: -0.0294rem;
+
+    & i {
+      font-size: 1.5rem;
+      color: var(--primary-500, #f59e0b);
+    }
+  }
+
+  & .heading__action {
+    /* color: var(--gray-950, #14161a);
+    background: var(--neutral-9504, rgba(20, 22, 26, 0.04)); */
+    white-space: nowrap;
+
+    /* &:hover {
+      background: var(--neutral-9504, rgba(20, 22, 26, 0.12));
+    } */
+
+    &:focus {
+      outline: none;
+    }
+  }
+`;exports.BlogTag=s;exports.RegulatTitleSectionWrapper=i;exports.SectionHeadingContainer=d;exports.TitleWithOptionsSectionWrapper=n;

package/dist/{style-Cmlod7oq.js → style-neMbLWE6.js}

@@ -1,7 +1,7 @@
-import { s as a } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as t } from "./consts-BuFChS64.js";
-import { t as r } from "./utils-DtEfC-TX.js";
-const o = a.div`
+import { t as a } from "./utils-DtEfC-TX.js";
+const d = r.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -40,7 +40,7 @@ const o = a.div`
       }
     }
   }
-`, f = a.div`
+`, g = r.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -58,10 +58,10 @@ const o = a.div`
       display: flex;
       gap: 0.5rem;
       align-items: center;
-      ${r()}
+      ${a()}
 
       & span {
-        ${r()}
+        ${a()}
       }
     }
 
@@ -81,7 +81,7 @@ const o = a.div`
       padding-bottom: 0.5rem;
     }
   }
-`, i = (e) => (e == null ? void 0 : e.toLowerCase()) == "success" ? "color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);" : (e == null ? void 0 : e.toLowerCase()) == "warning" ? "color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);" : (e == null ? void 0 : e.toLowerCase()) == "info" ? "color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);" : (e == null ? void 0 : e.toLowerCase()) == "danger" ? "color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);" : (e == null ? void 0 : e.toLowerCase()) == "secondary" ? "color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);" : "color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);", g = a.div`
+`, i = (e) => (e == null ? void 0 : e.toLowerCase()) == "success" ? "color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);" : (e == null ? void 0 : e.toLowerCase()) == "warning" ? "color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);" : (e == null ? void 0 : e.toLowerCase()) == "info" ? "color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);" : (e == null ? void 0 : e.toLowerCase()) == "danger" ? "color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);" : (e == null ? void 0 : e.toLowerCase()) == "secondary" ? "color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);" : "color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);", f = r.div`
   font-size: 0.75rem;
   font-weight: 500;
   padding: 0 0.5rem;
@@ -92,10 +92,41 @@ const o = a.div`
   display: flex;
   max-width: 12.5rem;
   ${(e) => i(e.color)}
-  ${r()}
+  ${a()}
+`, l = r.div`
+  display: flex;
+  justify-content: space-between;
+
+  & .heading__title {
+    color: var(--gray-950, #14161a);
+    font-weight: 600;
+    font-size: 1.5rem;
+    line-height: 2rem;
+    letter-spacing: -0.0294rem;
+
+    & i {
+      font-size: 1.5rem;
+      color: var(--primary-500, #f59e0b);
+    }
+  }
+
+  & .heading__action {
+    /* color: var(--gray-950, #14161a);
+    background: var(--neutral-9504, rgba(20, 22, 26, 0.04)); */
+    white-space: nowrap;
+
+    /* &:hover {
+      background: var(--neutral-9504, rgba(20, 22, 26, 0.12));
+    } */
+
+    &:focus {
+      outline: none;
+    }
+  }
 `;
 export {
-  g as B,
-  o as R,
-  f as T
+  f as B,
+  d as R,
+  l as S,
+  g as T
 };

package/dist/{tag-BtS5lWJ0.js → tag-Dm8CW4TM.js}

@@ -1,10 +1,9 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { P as r } from "./index-CblbdqjE.js";
-import d from "./Chip.js";
-import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as a } from "./consts-BuFChS64.js";
-const p = o.div`
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import f from "./Chip.js";
+import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as o } from "./consts-BuFChS64.js";
+const d = r.div`
   display: flex;
   gap: 0.75rem;
   align-items: center;
@@ -41,7 +40,7 @@ const p = o.div`
     }
   }
 
-  @media (max-width: ${a + "px"}) {
+  @media (max-width: ${o + "px"}) {
     width: 100%;
     overflow-x: auto;
     white-space: nowrap;
@@ -60,7 +59,7 @@ const p = o.div`
       /* Safari and Chrome */
     }
   }
-`, v = o.div`
+`, b = r.div`
   display: flex;
   gap: 1.25rem;
   width: 100%;
@@ -85,10 +84,10 @@ const p = o.div`
     }
   }
 
-  @media (max-width: ${a + "px"}) {
+  @media (max-width: ${o + "px"}) {
     flex-direction: column;
   }
-`, y = o.div`
+`, x = r.div`
   width: 100%;
   height: fit-content;
   background: var(--white, #fff);
@@ -168,7 +167,7 @@ const p = o.div`
     }
   }
 
-  @media (max-width: ${a + "px"}) {
+  @media (max-width: ${o + "px"}) {
     & .card__impression {
       justify-content: space-between;
 
@@ -177,29 +176,24 @@ const p = o.div`
       }
     }
   }
-`, g = f(
-  ({ tags: n = [], allTagText: i, selectedTagCode: l = null, onSelectTag: s = () => {
-  } }, c) => /* @__PURE__ */ t(p, { ref: c, className: "section__tags", children: [{ name: i, code: null }, ...n].map((e, m) => /* @__PURE__ */ t(
-    d,
+`, _ = m(
+  ({ tags: t = [], allTagText: a, selectedTagCode: i = null, onSelectTag: l = () => {
+  } }, s) => /* @__PURE__ */ n(d, { ref: s, className: "section__tags", children: [{ name: a, code: null }, ...t].map((e, c) => /* @__PURE__ */ n(
+    f,
     {
       label: e == null ? void 0 : e.name,
       borderRadius: "curved",
       color: "neutral",
-      className: `tags__item ${l === (e == null ? void 0 : e.code) ? "active" : ""}`,
+      className: `tags__item ${i === (e == null ? void 0 : e.code) ? "active" : ""}`,
       onClick: () => {
-        s(e);
+        l(e);
       }
     },
-    `faq-section-tag__${m + 1}`
+    `faq-section-tag__${c + 1}`
   )) })
 );
-g.propTypes = {
-  tags: r.array,
-  allTagText: r.string,
-  onSelectTag: r.func
-};
 export {
-  g as F,
-  v as I,
-  y as a
+  _ as F,
+  b as I,
+  x as a
 };

package/dist/{tag-CmeZsPQt.cjs → tag-UQjq2_Ba.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),m=require("react"),r=require("./index-BpbMKBf_.cjs"),p=require("./Chip.cjs"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-goSZX3xP.cjs"),g=n.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),m=require("./Chip.cjs"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./consts-goSZX3xP.cjs"),f=r.styled.div`
   display: flex;
   gap: 0.75rem;
   align-items: center;
@@ -35,7 +35,7 @@
     }
   }
 
-  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${n.MOBILE_SIZE_PX+"px"}) {
     width: 100%;
     overflow-x: auto;
     white-space: nowrap;
@@ -54,7 +54,7 @@
       /* Safari and Chrome */
     }
   }
-`,u=n.styled.div`
+`,p=r.styled.div`
   display: flex;
   gap: 1.25rem;
   width: 100%;
@@ -79,10 +79,10 @@
     }
   }
 
-  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${n.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
   }
-`,h=n.styled.div`
+`,g=r.styled.div`
   width: 100%;
   height: fit-content;
   background: var(--white, #fff);
@@ -162,7 +162,7 @@
     }
   }
 
-  @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${n.MOBILE_SIZE_PX+"px"}) {
     & .card__impression {
       justify-content: space-between;
 
@@ -171,4 +171,4 @@
       }
     }
   }
-`,a=m.forwardRef(({tags:i=[],allTagText:s,selectedTagCode:l=null,onSelectTag:c=()=>{}},d)=>t.jsx(g,{ref:d,className:"section__tags",children:[{name:s,code:null},...i].map((e,f)=>t.jsx(p,{label:e==null?void 0:e.name,borderRadius:"curved",color:"neutral",className:`tags__item ${l===(e==null?void 0:e.code)?"active":""}`,onClick:()=>{c(e)}},`faq-section-tag__${f+1}`))}));a.propTypes={tags:r.PropTypes.array,allTagText:r.PropTypes.string,onSelectTag:r.PropTypes.func};exports.FaqSectionTags=a;exports.ItemContainer=h;exports.ItemsContainer=u;
+`,u=d.forwardRef(({tags:o=[],allTagText:i,selectedTagCode:a=null,onSelectTag:s=()=>{}},l)=>t.jsx(f,{ref:l,className:"section__tags",children:[{name:i,code:null},...o].map((e,c)=>t.jsx(m,{label:e==null?void 0:e.name,borderRadius:"curved",color:"neutral",className:`tags__item ${a===(e==null?void 0:e.code)?"active":""}`,onClick:()=>{s(e)}},`faq-section-tag__${c+1}`))}));exports.FaqSectionTags=u;exports.ItemContainer=g;exports.ItemsContainer=p;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.199",
+  "version": "4.0.201",
   "description": "React component library",
   "type": "module",
   "keywords": [
@@ -167,7 +167,9 @@
     "./ToggleSection": "./dist/ToggleSection.js",
     "./BlogExploreSection": "./dist/BlogExploreSection.js",
     "./BlogImagePathSection": "./dist/BlogImagePathSection.js",
-    "./BannerNextSection": "./dist/BannerNextSection.js"
+    "./BannerNextSection": "./dist/BannerNextSection.js",
+    "./PartnerStatsSection": "./dist/PartnerStatsSection.js",
+    "./PartnerBrandsSection": "./dist/PartnerBrandsSection.js"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.0.5",

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-stats-section/PartnerStatsSection.jsx",
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/partner-sections/partner-brands-section/PartnerBrandsSection.jsx",
+        ),
       ],
       name: "@lanaco/lnc-react-ui",
       fileName: (format, name) => {

package/dist/KanbanCard-68kSAXL6.js

@@ -1,175 +0,0 @@
-import { jsx as e, jsxs as z } from "react/jsx-runtime";
-import { forwardRef as d, memo as T } from "react";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as r } from "./index-CblbdqjE.js";
-import C from "./Icon.js";
-import P from "./DropdownMenu.js";
-import K from "./DropdownItem.js";
-import { c as O } from "./index-fN7hCOo3.js";
-import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const j = "_Action_bw0a9_5", B = {
-  Action: j
-}, D = d(
-  ({ active: o, className: a, cursor: s, style: l, ...t }, i) => /* @__PURE__ */ e(
-    "button",
-    {
-      ref: i,
-      ...t,
-      className: O(B.Action, a),
-      tabIndex: 0,
-      style: {
-        ...l,
-        cursor: s,
-        "--fill": o == null ? void 0 : o.fill,
-        "--background": o == null ? void 0 : o.background
-      }
-    }
-  )
-), I = d((o, a) => /* @__PURE__ */ e(D, { ref: a, cursor: "grab", "data-cypress": "draggable-handle", ...o, children: /* @__PURE__ */ e("svg", { viewBox: "0 0 20 20", width: "12", children: /* @__PURE__ */ e("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }) }) })), M = m.div`
-  height: 100%;
-  width: 100%;
-  padding: ${(o) => `18px 20px 18px ${o.handle == !0 ? "10px" : "20px"}`};
-  position: relative;
-  word-wrap: break-word;
-  white-space: pre-wrap;
-  word-break: break-word;
-  display: flex;
-  gap: 8px;
-  & .card-action-lnc {
-    position: absolute;
-    right: 10px;
-    cursor: pointer;
-  }
-
-  & > .kanban-card-content {
-    ${(o) => o.clickable && "cursor: pointer;"}
-  }
-`, R = m.div`
-  display: flex;
-
-  & > *:first-of-type:not(:last-of-type) {
-    opacity: 0;
-  }
-
-  & > *:first-of-type:not(:last-of-type):focus-visible {
-    opacity: 1;
-  }
-`, f = T(
-  d(
-    ({
-      __TYPE__: o = "KANBAN_CARD",
-      id: a,
-      containerId: s,
-      item: l,
-      handle: t = !0,
-      handleProps: i,
-      actionsMenu: u = !1,
-      actions: c = [],
-      onDetails: p,
-      color: b = "primary",
-      size: y = "small",
-      className: A = "",
-      style: g = {},
-      children: h,
-      ...w
-    }, x) => {
-      const _ = $();
-      return /* @__PURE__ */ z(
-        M,
-        {
-          ref: x,
-          handle: t,
-          theme: _,
-          className: A,
-          style: g,
-          clickable: !!p,
-          ...w,
-          children: [
-            t && /* @__PURE__ */ e(R, { className: "Actions", children: /* @__PURE__ */ e(I, { ...i }) }),
-            u && /* @__PURE__ */ e(
-              P,
-              {
-                className: "card-action-lnc",
-                horizontalAlignment: "right",
-                verticalAlignment: "bottom",
-                color: b,
-                size: y,
-                control: /* @__PURE__ */ e(
-                  C,
-                  {
-                    color: "neutral",
-                    className: "card-action-lnc",
-                    icon: "ellipsis-v"
-                  }
-                ),
-                children: c == null ? void 0 : c.map((n, N) => {
-                  if ((n == null ? void 0 : n.show) != !1)
-                    return /* @__PURE__ */ e(
-                      K,
-                      {
-                        icon: n.icon,
-                        disabled: n.enable == !1,
-                        onClick: (k) => n.onAction(k, l, s),
-                        children: n.name
-                      },
-                      N
-                    );
-                })
-              }
-            ),
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: "kanban-card-content-lnc",
-                onClick: (n) => {
-                  p && p(n, l, s);
-                },
-                children: h
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-f.propTypes = {
-  __TYPE__: r.string,
-  id: r.oneOfType([r.string, r.number]),
-  containerId: r.oneOfType([r.string, r.number]),
-  className: r.string,
-  style: r.object,
-  handle: r.bool,
-  handleProps: r.any,
-  /**
-   * Show actions menu on Card
-   */
-  actionsMenu: r.bool,
-  /**
-   * type of: [{ name: `<string>`, show: `<bool>`, enable: `<bool>`, onAction: `<func>`, icon: `<string>`}]
-   * show and enable are true by default
-   */
-  actions: r.array,
-  //-------------------------------------------------------------
-  /**
-   * (e, item, columnId) => { }
-   */
-  onDetails: r.func,
-  //-------------------------------------------------------------
-  color: r.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  size: r.oneOf(["small", "medium", "large"])
-};
-f.displayName = "KANBAN_CARD";
-export {
-  I as H,
-  f as K
-};

package/dist/KanbanCard-BDvoqTDS.cjs

@@ -1,30 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),p=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BpbMKBf_.cjs"),N=require("./Icon.cjs"),k=require("./DropdownMenu.cjs"),q=require("./DropdownItem.cjs"),z=require("./index-Bg5OOQN0.cjs"),C=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),R="_Action_bw0a9_5",$={Action:R},K=p.forwardRef(({active:r,className:n,cursor:a,style:t,...l},i)=>s.jsx("button",{ref:i,...l,className:z.classNames($.Action,n),tabIndex:0,style:{...t,cursor:a,"--fill":r==null?void 0:r.fill,"--background":r==null?void 0:r.background}})),u=p.forwardRef((r,n)=>s.jsx(K,{ref:n,cursor:"grab","data-cypress":"draggable-handle",...r,children:s.jsx("svg",{viewBox:"0 0 20 20",width:"12",children:s.jsx("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"})})})),O=m.styled.div`
-  height: 100%;
-  width: 100%;
-  padding: ${r=>`18px 20px 18px ${r.handle==!0?"10px":"20px"}`};
-  position: relative;
-  word-wrap: break-word;
-  white-space: pre-wrap;
-  word-break: break-word;
-  display: flex;
-  gap: 8px;
-  & .card-action-lnc {
-    position: absolute;
-    right: 10px;
-    cursor: pointer;
-  }
-
-  & > .kanban-card-content {
-    ${r=>r.clickable&&"cursor: pointer;"}
-  }
-`,B=m.styled.div`
-  display: flex;
-
-  & > *:first-of-type:not(:last-of-type) {
-    opacity: 0;
-  }
-
-  & > *:first-of-type:not(:last-of-type):focus-visible {
-    opacity: 1;
-  }
-`,y=p.memo(p.forwardRef(({__TYPE__:r="KANBAN_CARD",id:n,containerId:a,item:t,handle:l=!0,handleProps:i,actionsMenu:b=!1,actions:c=[],onDetails:d,color:f="primary",size:x="small",className:A="",style:T={},children:g,...h},w)=>{const P=C.useTheme();return s.jsxs(O,{ref:w,handle:l,theme:P,className:A,style:T,clickable:!!d,...h,children:[l&&s.jsx(B,{className:"Actions",children:s.jsx(u,{...i})}),b&&s.jsx(k,{className:"card-action-lnc",horizontalAlignment:"right",verticalAlignment:"bottom",color:f,size:x,control:s.jsx(N,{color:"neutral",className:"card-action-lnc",icon:"ellipsis-v"}),children:c==null?void 0:c.map((o,_)=>{if((o==null?void 0:o.show)!=!1)return s.jsx(q,{icon:o.icon,disabled:o.enable==!1,onClick:j=>o.onAction(j,t,a),children:o.name},_)})}),s.jsx("div",{className:"kanban-card-content-lnc",onClick:o=>{d&&d(o,t,a)},children:g})]})}));y.propTypes={__TYPE__:e.PropTypes.string,id:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),containerId:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),className:e.PropTypes.string,style:e.PropTypes.object,handle:e.PropTypes.bool,handleProps:e.PropTypes.any,actionsMenu:e.PropTypes.bool,actions:e.PropTypes.array,onDetails:e.PropTypes.func,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};y.displayName="KANBAN_CARD";exports.Handle=u;exports.KanbanCard=y;