@lanaco/lnc-react-ui 4.0.122 → 4.0.123

package/dist/DateInput.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const At=require("react/jsx-runtime"),v=require("react"),K=require("./index-BpbMKBf_.cjs"),Aa=require("./Icon.cjs"),Fa=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./utils-CZynEOC_.cjs"),ie=require("./index-BZnmT78f.cjs"),h=require("./defineProperty-CqVRDJI8.cjs"),T=require("./setPrototypeOf-4aSEnBDm.cjs"),Nr=require("./index-41nUb2kP.cjs"),Wa=require("./index-CDGmG-qk.cjs"),Ua=require("./_commonjsHelpers-DwTZ_eVU.cjs"),Ha=require("./TextInput.cjs"),$a=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");function Ba(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>a[r]})}}return n.default=a,Object.freeze(n)}const j=Ba(v),qa=Fa.styled.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const At=require("react/jsx-runtime"),v=require("react"),K=require("./index-BpbMKBf_.cjs"),Aa=require("./Icon.cjs"),Fa=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./utils-CZynEOC_.cjs"),ie=require("./index-Bg5OOQN0.cjs"),h=require("./defineProperty-CqVRDJI8.cjs"),T=require("./setPrototypeOf-4aSEnBDm.cjs"),Nr=require("./index-41nUb2kP.cjs"),Wa=require("./index-CDGmG-qk.cjs"),Ua=require("./_commonjsHelpers-DwTZ_eVU.cjs"),Ha=require("./TextInput.cjs"),$a=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");function Ba(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>a[r]})}}return n.default=a,Object.freeze(n)}const j=Ba(v),qa=Fa.styled.div`
   ${a=>I.getComponentTypographyCss(a.theme,"DateInput",a.size,"enabled")}
   & .react-datepicker__header__dropdown {
     position: absolute !important;

package/dist/DateInput.js

@@ -5,7 +5,7 @@ import { P as J } from "./index-CblbdqjE.js";
 import Qa from "./Icon.js";
 import { s as Ka } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { c as hr, b as $ } from "./utils-BbgAIA9N.js";
-import { c as le } from "./index-BXrmgzsU.js";
+import { c as le } from "./index-fN7hCOo3.js";
 import { c as wt, a as Va, d as R, e as L, g as Y, _, f as I } from "./defineProperty-DF3p0mVo.js";
 import { a as x } from "./setPrototypeOf-CttqfWo1.js";
 import { r as zn, R as Xa } from "./index-B1vKwsDE.js";

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),y=require("./consts-goSZX3xP.cjs"),I=require("./Icon.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),y=require("./consts-goSZX3xP.cjs"),N=require("./Icon.cjs"),$=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),W=p.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -49,12 +49,12 @@
     }
   }
   cursor: pointer;
-`,W=p.styled.div`
+`,C=p.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${o.linearGradientAnimation("-90deg")};
-`,F=p.styled.div`
+`,R=p.styled.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -108,12 +108,12 @@
   @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     min-width: fit-content;
   }
-`,R=p.styled.div`
+`,F=p.styled.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${o.linearGradientAnimation("-90deg")};
-`,q=l.forwardRef(({},i)=>r.jsx(R,{})),E=l.forwardRef(({name:i,isActive:s,icon:t,onSelectCard:a=()=>{}},m)=>r.jsxs(F,{className:s?"active":"",onClick:a,children:[o.isDefinedNotEmptyString(t)&&r.jsx(I,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),O=l.forwardRef(({image:i,imageComponent:s,name:t,description:a,onSelectCard:m=()=>{}},g)=>{const{theme:d}=N.useTheme();return r.jsxs(C,{theme:d,onClick:m,children:[o.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),z=l.forwardRef(({},i)=>r.jsx(W,{})),A=p.styled.div`
+`,q=l.forwardRef(({},i)=>r.jsx(F,{})),E=l.forwardRef(({name:i,isActive:s,icon:t,onSelectCard:a=()=>{}},m)=>r.jsxs(R,{className:s?"active":"",onClick:a,children:[o.isDefinedNotEmptyString(t)&&r.jsx(N,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),O=l.forwardRef(({image:i,imageComponent:s,name:t,description:a,onSelectCard:m=()=>{}},g)=>{const{theme:d}=$.useTheme();return r.jsxs(W,{theme:d,onClick:m,children:[o.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),z=l.forwardRef(({},i)=>r.jsx(C,{})),A=p.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -183,8 +183,9 @@
     }
 
     & .wrapper__cards {
-      grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitCardsForMobile}, minmax(0, 1fr))`};
+      display: flex;
+      flex-direction: column;
       gap: 1rem;
     }
   }
-`,M=l.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:a=7,limitTagsForMobile:m=7,limit:g=3,limitForMobile:d=2,items:f=[],selectedTag:c,isLoadingTags:b=!1,isLoadingItems:j=!1,onSelectTag:_=()=>{},onSelectCard:h=()=>{},getImage:k=()=>{}},$)=>{var u,v;const w=e=>{_==null||_(e)},x=e=>{h==null||h(e)};return r.jsxs(A,{ref:$,limitTags:a,limitTagsForMobile:m,limitCards:g,limitCardsForMobile:d,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:b?(u=Array.from("123"))==null?void 0:u.map((e,n)=>r.jsx(q,{},`field-of-interests-with-tags-card-tag-skeleton__${n+1}`)):t==null?void 0:t.map((e,n)=>r.jsx(E,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.name,isActive:(e==null?void 0:e.uuid)===(c==null?void 0:c.uuid),onSelectCard:()=>w==null?void 0:w(e)},`field-of-interests-with-tags-card-tag__${n+1}`))}),r.jsx("div",{className:"wrapper__cards",children:j?(v=Array.from("123"))==null?void 0:v.map((e,n)=>r.jsx(z,{},`field-of-interests-with-tags-card-skeleton__${n+1}`)):f==null?void 0:f.map((e,n)=>r.jsx(O,{image:k(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid),imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.name,description:(e==null?void 0:e.description)||(e==null?void 0:e.shortDescription),onSelectCard:()=>x==null?void 0:x(e)},`field-of-interests-with-tags-card__${n+1}`))})]})});module.exports=M;
+`,D=l.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:a=7,limitTagsForMobile:m=7,limit:g=3,limitForMobile:d=2,items:f=[],selectedTag:c,isLoadingTags:b=!1,isLoadingItems:j=!1,onSelectTag:_=()=>{},onSelectCard:h=()=>{},getImage:k=()=>{}},I)=>{var u,v;const w=e=>{_==null||_(e)},x=e=>{h==null||h(e)};return r.jsxs(A,{ref:I,limitTags:a,limitTagsForMobile:m,limitCards:g,limitCardsForMobile:d,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:b?(u=Array.from("123"))==null?void 0:u.map((e,n)=>r.jsx(q,{},`field-of-interests-with-tags-card-tag-skeleton__${n+1}`)):t==null?void 0:t.map((e,n)=>r.jsx(E,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.name,isActive:(e==null?void 0:e.uuid)===(c==null?void 0:c.uuid),onSelectCard:()=>w==null?void 0:w(e)},`field-of-interests-with-tags-card-tag__${n+1}`))}),r.jsx("div",{className:"wrapper__cards",children:j?(v=Array.from("123"))==null?void 0:v.map((e,n)=>r.jsx(z,{},`field-of-interests-with-tags-card-skeleton__${n+1}`)):f==null?void 0:f.map((e,n)=>r.jsx(O,{image:k(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid),imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.name,description:(e==null?void 0:e.description)||(e==null?void 0:e.shortDescription),onSelectCard:()=>x==null?void 0:x(e)},`field-of-interests-with-tags-card__${n+1}`))})]})});module.exports=D;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,9 +1,9 @@
-import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { p as y, o as b, k as W, l as F } from "./utils-BbgAIA9N.js";
+import { p as y, o as b, k as C, l as j } from "./utils-BbgAIA9N.js";
 import { M as k } from "./consts-BuFChS64.js";
-import j from "./Icon.js";
+import F from "./Icon.js";
 import { u as z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const O = p.div`
   display: flex;
@@ -115,30 +115,30 @@ const O = p.div`
   @media (max-width: ${k + "px"}) {
     min-width: fit-content;
   }
-`, M = p.div`
+`, D = p.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${b("-90deg")};
-`, D = l(({}, r) => /* @__PURE__ */ i(M, {})), G = l(
-  ({ name: r, isActive: n, icon: t, onSelectCard: o = () => {
+`, M = l(({}, i) => /* @__PURE__ */ r(D, {})), G = l(
+  ({ name: i, isActive: n, icon: t, onSelectCard: o = () => {
   } }, m) => /* @__PURE__ */ s(E, { className: n ? "active" : "", onClick: o, children: [
-    W(t) && /* @__PURE__ */ i(j, { icon: t, className: "wrapper__icon" }),
-    /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
+    C(t) && /* @__PURE__ */ r(F, { icon: t, className: "wrapper__icon" }),
+    /* @__PURE__ */ r("div", { className: "wrapper__text", children: i })
   ] })
 ), L = l(
-  ({ image: r, imageComponent: n, name: t, description: o, onSelectCard: m = () => {
+  ({ image: i, imageComponent: n, name: t, description: o, onSelectCard: m = () => {
   } }, u) => {
     const { theme: f } = z();
     return /* @__PURE__ */ s(O, { theme: f, onClick: m, children: [
-      F(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+      j(n) ? n : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image" }),
       /* @__PURE__ */ s("div", { className: "wrapper__content", children: [
-        t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
-        o && /* @__PURE__ */ i("div", { className: "wrapper__description", children: o })
+        t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
+        o && /* @__PURE__ */ r("div", { className: "wrapper__description", children: o })
       ] })
     ] });
   }
-), R = l(({}, r) => /* @__PURE__ */ i(A, {})), T = p.div`
+), R = l(({}, i) => /* @__PURE__ */ r(A, {})), T = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -179,7 +179,7 @@ const O = p.div`
 
   & .wrapper__cards {
     display: grid;
-    grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCards}, minmax(0, 1fr))`};
+    grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCards}, minmax(0, 1fr))`};
     justify-content: center;
     align-items: center;
     gap: 1.5rem;
@@ -208,13 +208,14 @@ const O = p.div`
     }
 
     & .wrapper__cards {
-      grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCardsForMobile}, minmax(0, 1fr))`};
+      display: flex;
+      flex-direction: column;
       gap: 1rem;
     }
   }
 `, J = l(
   ({
-    title: r,
+    title: i,
     subtitle: n,
     tags: t = [],
     limitTags: o = 7,
@@ -223,15 +224,15 @@ const O = p.div`
     limitForMobile: f = 2,
     items: d = [],
     selectedTag: c,
-    isLoadingTags: $ = !1,
-    isLoadingItems: N = !1,
+    isLoadingTags: N = !1,
+    isLoadingItems: $ = !1,
     onSelectTag: h = () => {
     },
     onSelectCard: _ = () => {
     },
-    getImage: C = () => {
+    getImage: I = () => {
     }
-  }, I) => {
+  }, W) => {
     var x, v;
     const w = (e) => {
       h == null || h(e);
@@ -241,21 +242,21 @@ const O = p.div`
     return /* @__PURE__ */ s(
       T,
       {
-        ref: I,
+        ref: W,
         limitTags: o,
         limitTagsForMobile: m,
         limitCards: u,
         limitCardsForMobile: f,
         children: [
           /* @__PURE__ */ s("div", { className: "wrapper__heading", children: [
-            r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
-            n && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: n })
+            i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
+            n && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: n })
           ] }),
-          /* @__PURE__ */ i("div", { className: "wrapper__tags", children: $ ? (x = Array.from("123")) == null ? void 0 : x.map((e, a) => /* @__PURE__ */ i(
-            D,
+          /* @__PURE__ */ r("div", { className: "wrapper__tags", children: N ? (x = Array.from("123")) == null ? void 0 : x.map((e, a) => /* @__PURE__ */ r(
+            M,
             {},
             `field-of-interests-with-tags-card-tag-skeleton__${a + 1}`
-          )) : t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ i(
+          )) : t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ r(
             G,
             {
               icon: e == null ? void 0 : e.icon,
@@ -265,14 +266,14 @@ const O = p.div`
             },
             `field-of-interests-with-tags-card-tag__${a + 1}`
           )) }),
-          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: N ? (v = Array.from("123")) == null ? void 0 : v.map((e, a) => /* @__PURE__ */ i(
+          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: $ ? (v = Array.from("123")) == null ? void 0 : v.map((e, a) => /* @__PURE__ */ r(
             R,
             {},
             `field-of-interests-with-tags-card-skeleton__${a + 1}`
-          )) : d == null ? void 0 : d.map((e, a) => /* @__PURE__ */ i(
+          )) : d == null ? void 0 : d.map((e, a) => /* @__PURE__ */ r(
             L,
             {
-              image: C(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
+              image: I(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
               imageComponent: e == null ? void 0 : e.imageComponent,
               name: e == null ? void 0 : e.name,
               description: (e == null ? void 0 : e.description) || (e == null ? void 0 : e.shortDescription),

package/dist/Kanban.cjs

@@ -1,4 +1,4 @@
-"use strict";const oe=require("react/jsx-runtime"),d=require("react"),Vt=require("./index-41nUb2kP.cjs"),Q=require("./index-BpbMKBf_.cjs"),we=require("./utils-CZynEOC_.cjs"),Zr=require("./index-BZnmT78f.cjs"),en=require("./emotion-styled.browser.esm-BtEseadx.cjs"),zr=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),bo=require("./KanbanCard-CP60mpJO.cjs"),Dt=require("./_commonjsHelpers-DwTZ_eVU.cjs"),ii=require("./KanbanHeader.cjs"),si=require("./useUpdateEffect-BtMgpgIV.cjs");var ai=function(e){d.useEffect(e,[])};function ci(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return d.useMemo(()=>o=>{t.forEach(s=>s(o))},t)}const Un=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function tn(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Hr(e){return"nodeType"in e}function Ke(e){var t,n;return e?tn(e)?e:Hr(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function Kr(e){const{Document:t}=Ke(e);return e instanceof t}function hn(e){return tn(e)?!1:e instanceof Ke(e).HTMLElement}function yo(e){return e instanceof Ke(e).SVGElement}function nn(e){return e?tn(e)?e.document:Hr(e)?Kr(e)?e:hn(e)||yo(e)?e.ownerDocument:document:document:document}const bt=Un?d.useLayoutEffect:d.useEffect;function kn(e){const t=d.useRef(e);return bt(()=>{t.current=e}),d.useCallback(function(){for(var n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];return t.current==null?void 0:t.current(...o)},[])}function li(){const e=d.useRef(null),t=d.useCallback((o,s)=>{e.current=setInterval(o,s)},[]),n=d.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function gn(e,t){t===void 0&&(t=[e]);const n=d.useRef(e);return bt(()=>{n.current!==e&&(n.current=e)},t),n}function pn(e,t){const n=d.useRef();return d.useMemo(()=>{const o=e(n.current);return n.current=o,o},[...t])}function jn(e){const t=kn(e),n=d.useRef(null),o=d.useCallback(s=>{s!==n.current&&(t==null||t(s,n.current)),n.current=s},[]);return[n,o]}function $n(e){const t=d.useRef();return d.useEffect(()=>{t.current=e},[e]),t.current}let Tr={};function vn(e,t){return d.useMemo(()=>{if(t)return t;const n=Tr[e]==null?0:Tr[e]+1;return Tr[e]=n,e+"-"+n},[e,t])}function mo(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),s=1;s<n;s++)o[s-1]=arguments[s];return o.reduce((c,l)=>{const u=Object.entries(l);for(const[h,f]of u){const b=c[h];b!=null&&(c[h]=b+e*f)}return c},{...t})}}const Zt=mo(1),Bn=mo(-1);function ui(e){return"clientX"in e&&"clientY"in e}function Xn(e){if(!e)return!1;const{KeyboardEvent:t}=Ke(e.target);return t&&e instanceof t}function di(e){if(!e)return!1;const{TouchEvent:t}=Ke(e.target);return t&&e instanceof t}function Fn(e){if(di(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return ui(e)?{x:e.clientX,y:e.clientY}:null}const Gt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Gt.Translate.toString(e),Gt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:o}=e;return t+" "+n+"ms "+o}}}),Qr="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function fi(e){return e.matches(Qr)?e:e.querySelector(Qr)}const gi={display:"none"};function hi(e){let{id:t,value:n}=e;return d.createElement("div",{id:t,style:gi},n)}function pi(e){let{id:t,announcement:n,ariaLiveType:o="assertive"}=e;const s={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return d.createElement("div",{id:t,style:s,role:"status","aria-live":o,"aria-atomic":!0},n)}function vi(){const[e,t]=d.useState("");return{announce:d.useCallback(o=>{o!=null&&t(o)},[]),announcement:e}}const xo=d.createContext(null);function bi(e){const t=d.useContext(xo);d.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function yi(){const[e]=d.useState(()=>new Set),t=d.useCallback(o=>(e.add(o),()=>e.delete(o)),[e]);return[d.useCallback(o=>{let{type:s,event:c}=o;e.forEach(l=>{var u;return(u=l[s])==null?void 0:u.call(l,c)})},[e]),t]}const mi={draggable:`
+"use strict";const oe=require("react/jsx-runtime"),d=require("react"),Vt=require("./index-41nUb2kP.cjs"),Q=require("./index-BpbMKBf_.cjs"),we=require("./utils-CZynEOC_.cjs"),Zr=require("./index-Bg5OOQN0.cjs"),en=require("./emotion-styled.browser.esm-BtEseadx.cjs"),zr=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),bo=require("./KanbanCard-BDvoqTDS.cjs"),Dt=require("./_commonjsHelpers-DwTZ_eVU.cjs"),ii=require("./KanbanHeader.cjs"),si=require("./useUpdateEffect-BtMgpgIV.cjs");var ai=function(e){d.useEffect(e,[])};function ci(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return d.useMemo(()=>o=>{t.forEach(s=>s(o))},t)}const Un=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function tn(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Hr(e){return"nodeType"in e}function Ke(e){var t,n;return e?tn(e)?e:Hr(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function Kr(e){const{Document:t}=Ke(e);return e instanceof t}function hn(e){return tn(e)?!1:e instanceof Ke(e).HTMLElement}function yo(e){return e instanceof Ke(e).SVGElement}function nn(e){return e?tn(e)?e.document:Hr(e)?Kr(e)?e:hn(e)||yo(e)?e.ownerDocument:document:document:document}const bt=Un?d.useLayoutEffect:d.useEffect;function kn(e){const t=d.useRef(e);return bt(()=>{t.current=e}),d.useCallback(function(){for(var n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];return t.current==null?void 0:t.current(...o)},[])}function li(){const e=d.useRef(null),t=d.useCallback((o,s)=>{e.current=setInterval(o,s)},[]),n=d.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function gn(e,t){t===void 0&&(t=[e]);const n=d.useRef(e);return bt(()=>{n.current!==e&&(n.current=e)},t),n}function pn(e,t){const n=d.useRef();return d.useMemo(()=>{const o=e(n.current);return n.current=o,o},[...t])}function jn(e){const t=kn(e),n=d.useRef(null),o=d.useCallback(s=>{s!==n.current&&(t==null||t(s,n.current)),n.current=s},[]);return[n,o]}function $n(e){const t=d.useRef();return d.useEffect(()=>{t.current=e},[e]),t.current}let Tr={};function vn(e,t){return d.useMemo(()=>{if(t)return t;const n=Tr[e]==null?0:Tr[e]+1;return Tr[e]=n,e+"-"+n},[e,t])}function mo(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),s=1;s<n;s++)o[s-1]=arguments[s];return o.reduce((c,l)=>{const u=Object.entries(l);for(const[h,f]of u){const b=c[h];b!=null&&(c[h]=b+e*f)}return c},{...t})}}const Zt=mo(1),Bn=mo(-1);function ui(e){return"clientX"in e&&"clientY"in e}function Xn(e){if(!e)return!1;const{KeyboardEvent:t}=Ke(e.target);return t&&e instanceof t}function di(e){if(!e)return!1;const{TouchEvent:t}=Ke(e.target);return t&&e instanceof t}function Fn(e){if(di(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return ui(e)?{x:e.clientX,y:e.clientY}:null}const Gt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Gt.Translate.toString(e),Gt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:o}=e;return t+" "+n+"ms "+o}}}),Qr="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function fi(e){return e.matches(Qr)?e:e.querySelector(Qr)}const gi={display:"none"};function hi(e){let{id:t,value:n}=e;return d.createElement("div",{id:t,style:gi},n)}function pi(e){let{id:t,announcement:n,ariaLiveType:o="assertive"}=e;const s={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return d.createElement("div",{id:t,style:s,role:"status","aria-live":o,"aria-atomic":!0},n)}function vi(){const[e,t]=d.useState("");return{announce:d.useCallback(o=>{o!=null&&t(o)},[]),announcement:e}}const xo=d.createContext(null);function bi(e){const t=d.useContext(xo);d.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function yi(){const[e]=d.useState(()=>new Set),t=d.useCallback(o=>(e.add(o),()=>e.delete(o)),[e]);return[d.useCallback(o=>{let{type:s,event:c}=o;e.forEach(l=>{var u;return(u=l[s])==null?void 0:u.call(l,c)})},[e]),t]}const mi={draggable:`
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
     Press space again to drop the item in its new position, or press escape to cancel.

package/dist/Kanban.js

@@ -3,10 +3,10 @@ import ae, { useEffect as k, useLayoutEffect as vi, useRef as V, useMemo as Q, u
 import { r as on } from "./index-B1vKwsDE.js";
 import { P as te } from "./index-CblbdqjE.js";
 import { b as sn, r as nn, z as rn } from "./utils-BbgAIA9N.js";
-import { c as lo } from "./index-BXrmgzsU.js";
+import { c as lo } from "./index-fN7hCOo3.js";
 import { s as ln } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { u as Vr } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { H as mi, K as wi } from "./KanbanCard-Crf-cTxA.js";
+import { H as mi, K as wi } from "./KanbanCard-68kSAXL6.js";
 import { c as Yt, g as Eo } from "./_commonjsHelpers-BkfeUUK-.js";
 import xi from "./KanbanHeader.js";
 import { u as Ci } from "./useUpdateEffect-CuYWz7EA.js";

package/dist/{KanbanCard-Crf-cTxA.js → KanbanCard-68kSAXL6.js}

@@ -5,7 +5,7 @@ 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-BXrmgzsU.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

package/dist/{KanbanCard-CP60mpJO.cjs → KanbanCard-BDvoqTDS.cjs}

@@ -1,4 +1,4 @@
-"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-BZnmT78f.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`
+"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"}`};

package/dist/KanbanCard.cjs

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime");require("react");require("./emotion-styled.browser.esm-BtEseadx.cjs");require("./index-BpbMKBf_.cjs");require("./Icon.cjs");require("./DropdownMenu.cjs");require("./DropdownItem.cjs");const r=require("./KanbanCard-CP60mpJO.cjs");require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");module.exports=r.KanbanCard;
+"use strict";require("react/jsx-runtime");require("react");require("./emotion-styled.browser.esm-BtEseadx.cjs");require("./index-BpbMKBf_.cjs");require("./Icon.cjs");require("./DropdownMenu.cjs");require("./DropdownItem.cjs");const r=require("./KanbanCard-BDvoqTDS.cjs");require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");module.exports=r.KanbanCard;

package/dist/KanbanCard.js

@@ -5,7 +5,7 @@ import "./index-CblbdqjE.js";
 import "./Icon.js";
 import "./DropdownMenu.js";
 import "./DropdownItem.js";
-import { K as l } from "./KanbanCard-Crf-cTxA.js";
+import { K as l } from "./KanbanCard-68kSAXL6.js";
 import "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 export {
   l as default

package/dist/KanbanView.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),U=require("react"),e=require("./index-BpbMKBf_.cjs"),X=require("./emotion-styled.browser.esm-BtEseadx.cjs"),Z=require("./KanbanActionsToolbar.cjs"),a=require("./utils-CZynEOC_.cjs"),$=require("./Kanban.cjs"),k=require("./KanbanCard-CP60mpJO.cjs"),ee=require("./KanbanHeader.cjs"),oe=require("./KanbanFooter.cjs"),ne=X.styled.div`
+"use strict";const t=require("react/jsx-runtime"),U=require("react"),e=require("./index-BpbMKBf_.cjs"),X=require("./emotion-styled.browser.esm-BtEseadx.cjs"),Z=require("./KanbanActionsToolbar.cjs"),a=require("./utils-CZynEOC_.cjs"),$=require("./Kanban.cjs"),k=require("./KanbanCard-BDvoqTDS.cjs"),ee=require("./KanbanHeader.cjs"),oe=require("./KanbanFooter.cjs"),ne=X.styled.div`
   & .kanban-view-footer-lnc {
     padding: 0 0.625rem;
   }

package/dist/KanbanView.js

@@ -5,7 +5,7 @@ import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import P from "./KanbanActionsToolbar.js";
 import { r as i, i as d } from "./utils-BbgAIA9N.js";
 import ee from "./Kanban.js";
-import { K as oe } from "./KanbanCard-Crf-cTxA.js";
+import { K as oe } from "./KanbanCard-68kSAXL6.js";
 import ne from "./KanbanHeader.js";
 import ae from "./KanbanFooter.js";
 const te = k.div`

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,88 +1,133 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./consts-goSZX3xP.cjs"),f=require("./style-JqDQj4jh.cjs"),u=require("./utils-CZynEOC_.cjs"),p=require("./Button.cjs"),v=require("./ThemeProvider.cjs"),j=g.styled.div`
-  display: grid;
-  grid-template-columns: ${n=>`repeat(${n.limit}, auto)`};
-  gap: 1.25rem;
-  justify-items: center;
-
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-  }
-`,h=g.styled.div`
-  width: 100%;
-  overflow: hidden;
-  position: relative;
-
-  border-radius: 0.75rem;
-  background: ${n=>n==null?void 0:n.overlay};
+"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`
+  display: flex;
+  height: 28.75rem;
+  padding: 2.25rem;
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: space-between;
   cursor: pointer;
-
-  & img {
-    transition: var(--transition, all 0.3s ease);
-    overflow: hidden;
-    scale: 1.1;
-    aspect-ratio: 1 / 1;
-    mix-blend-mode: multiply;
-    width: 100%;
-    object-fit: cover;
-  }
+  flex: 1;
+  flex-shrink: 0;
+  background: ${r=>r==null?void 0:r.backgroundColor}, url(${r=>r==null?void 0:r.backgroundImage});
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  border-radius: 0.75rem;
 
   &:hover {
-    & img {
-      transform: scale(1.1);
-    }
+    flex: 2;
   }
 
-  & .content-wrapper {
-    position: absolute;
-    right: 0;
-    top: 0;
-    padding: 2.25rem;
+  & .section__text {
     display: flex;
     flex-direction: column;
+    align-items: flex-start;
     gap: 1rem;
-    justify-content: space-between;
-    height: 100%;
-    width: 100%;
+    align-self: stretch;
+
+    & .section__title {
+      color: var(--white, #fff);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+    }
+
+    & .section__description {
+      color: var(--white, #fff);
+      font-size: 1.375rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 1.75rem;
+    }
   }
 
-  & button {
-    width: fit-content;
-    color: var(--gray-950, #14161a);
+  & .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);
-      background: var(--white, #fff);
+    }
+
+    &:focus {
+      outline: none;
     }
   }
 
-  & .content-text {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+    padding: 2rem;
+    min-height: 17.5rem;
+
+    &:hover {
+      flex: 1;
+    }
+
+    & .section__text {
+      gap: 0.5rem;
+
+      & .section__title {
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+      }
+
+      & .section__description {
+        font-size: 1rem;
+        line-height: 1.5rem;
+      }
+    }
+  }
+`,h=d.forwardRef(({title:r,description:o,buttonText:i,imageUrl:s,backgroundColor:c,handleSelectCard:e=()=>{},handleButtonAction:l=()=>{}},m)=>n.jsxs(_,{backgroundImage:s,backgroundColor:c,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:a=>{a==null||a.stopPropagation(),l()},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`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1.5rem;
+
+  & .section__title {
+    color: var(--gray-950, #14161a);
+    font-size: 1.5rem;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 2rem;
+    letter-spacing: -0.0294rem;
+  }
+
+  & .section__items {
     display: flex;
-    flex-direction: column;
+    align-items: center;
     gap: 1rem;
-    color: var(--white, #fff);
-    font-size: 1rem;
-    font-weight: 500;
+    width: 100%;
+  }
 
-    & .content-text-title {
-      font-weight: 600;
-      ${u.truncateTextInRows(2)}
+  & .section__item {
+    background: lightblue;
+    height: 24rem;
+    transition: width 0.5s ease;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    flex: 1;
+
+    &:hover {
+      flex: 2;
+      transition: width 0.5s ease;
     }
   }
 
-  & .img-skeleton {
-    background-color: ${u.linearGradientAnimation("-90deg")};
-    min-height: 28.75rem;
-  }
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+    & .section__title {
+      font-size: 1.375rem;
+      line-height: 1.75rem;
+    }
 
-  @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
-    & img,
-    .img.skeleton {
-      aspect-ratio: unset;
-      min-height: 28.75rem;
-      max-height: 28.75rem;
+    & .section__items {
+      flex-direction: column;
     }
   }
-`,y=l.forwardRef(({},n)=>r.jsx(h,{ref:n,children:r.jsx("div",{className:"img-skeleton"})})),w=({limit:n=2,isLoading:t=!1,keyPrefix:o})=>r.jsx(r.Fragment,{children:Array.from({length:n},(s,a)=>r.jsx(y,{isLoading:t},`${o}-skeleton-product-card-${a}`))}),m=({children:n,fallbackComponent:t=r.jsx(r.Fragment,{}),isLoading:o=!1,limit:s,keyPrefix:a})=>r.jsx(l.Suspense,{fallbackComponent:t,children:o===!0?r.jsx(w,{isLoading:o,limit:s,keyPrefix:a}):n}),k=l.forwardRef(({title:n,image:t,backgroundColor:o,description:s,buttonText:a,handleClick:i=()=>{},onButtonAction:c=()=>{}},e)=>{const{theme:d}=v.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(h,{ref:e,theme:d,overlay:o,onClick:i,children:[r.jsx("img",{src:t}),r.jsxs("div",{className:"content-wrapper",children:[r.jsxs("div",{className:"content-text",children:[r.jsx("div",{children:n}),r.jsx("div",{className:"content-text-title",children:s})]}),u.isDefinedNotEmptyString(a)&&r.jsx(p,{text:a,onClick:c,className:"text__action",size:"medium",color:"gray"})]})]})})}),b=l.forwardRef(({title:n,items:t,limit:o=2,onSelectCard:s=()=>{},isLoading:a=!1,onButtonAction:i=()=>{}},c)=>r.jsxs(f.RegulatTitleSectionWrapper,{ref:c,children:[r.jsx("div",{className:"regular-title center",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:n})})}),r.jsx(j,{limit:o,children:r.jsx(m,{isLoading:a,limit:o,keyPrefix:"explore-landing",children:t==null?void 0:t.map((e,d)=>r.jsx(k,{title:e==null?void 0:e.title,image:e==null?void 0:e.imageUrl,description:e==null?void 0:e.description,buttonText:e==null?void 0:e.buttonText,backgroundColor:e==null?void 0:e.backgroundColor,handleClick:()=>s(e==null?void 0:e.selectAction,e),onButtonAction:()=>i(e==null?void 0:e.buttonLink,e)},`landing-page-overlay-general-card__${d+1}`))})})]}));module.exports=b;
+`,p=d.forwardRef(({title:r,items:o,onSelectCard:i=()=>{},onButtonAction:s=()=>{}},c)=>n.jsxs(x,{children:[n.jsx("div",{className:"section__title",children:r}),n.jsx("div",{className:"section__items",children:o==null?void 0:o.map((e,l)=>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__${l+1}`))})]}));module.exports=p;