@lanaco/lnc-react-ui 4.0.93 → 4.0.95

package/dist/DropdownMenu.js

@@ -3,7 +3,7 @@ import { forwardRef as K, useRef as l, useState as L, Children as U, isValidElem
 import { P as o } from "./index-S5Cd7WrG.js";
 import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import $ from "./Button.js";
-import { b as q } from "./utils-BXCGNjIy.js";
+import { b as q } from "./utils-WHYrEnYF.js";
 import { useTheme as A } from "./ThemeProvider.js";
 import G from "./Popover.js";
 import H from "./PopoverTrigger.js";

package/dist/EditableTable.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),i=require("react"),r=require("./index-BPVoEhTF.cjs"),w=require("./utils-BWzf4vLl.cjs"),H=require("./Table.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./TextInput.cjs"),W=require("./NumberInput.cjs"),J=require("./DecimalInput.cjs"),Q=require("./CheckBoxInput.cjs"),U=require("./Dropdown.cjs"),X=require("./DecimalInputV2.cjs"),Z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C={BOOLEAN:"BOOLEAN",STRING:"STRING",INTEGER:"INTEGER",DECIMAL:"DECIMAL",DECIMAL2:"DECIMAL2",DATE:"DATE",SELECT:"SELECT"},ee=$.styled.td`
+"use strict";const c=require("react/jsx-runtime"),i=require("react"),r=require("./index-BPVoEhTF.cjs"),w=require("./utils-BOtq2mcF.cjs"),H=require("./Table.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./TextInput.cjs"),W=require("./NumberInput.cjs"),J=require("./DecimalInput.cjs"),Q=require("./CheckBoxInput.cjs"),U=require("./Dropdown.cjs"),X=require("./DecimalInputV2.cjs"),Z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C={BOOLEAN:"BOOLEAN",STRING:"STRING",INTEGER:"INTEGER",DECIMAL:"DECIMAL",DECIMAL2:"DECIMAL2",DATE:"DATE",SELECT:"SELECT"},ee=$.styled.td`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/dist/EditableTable.js

@@ -1,7 +1,7 @@
 import { jsx as l, Fragment as $, jsxs as U } from "react/jsx-runtime";
 import { useState as X, useRef as A, useEffect as F, createElement as Z, forwardRef as ee, useImperativeHandle as re } from "react";
 import { P as r } from "./index-S5Cd7WrG.js";
-import { c as z, r as G, i as V } from "./utils-BXCGNjIy.js";
+import { c as z, r as G, i as V } from "./utils-WHYrEnYF.js";
 import te from "./Table.js";
 import { s as Y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import N from "./TextInput.js";

package/dist/FeedbackSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react"),n=require("./utils-BWzf4vLl.cjs"),o=require("./Button.cjs"),d=require("./styled-components.browser.esm-CMTEDJ_5.cjs"),f=require("./consts-goSZX3xP.cjs"),m=d.qe.div`
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),n=require("./utils-BOtq2mcF.cjs"),o=require("./Button.cjs"),d=require("./styled-components.browser.esm-CMTEDJ_5.cjs"),f=require("./consts-goSZX3xP.cjs"),m=d.qe.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/dist/FeedbackSection.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { k as t } from "./utils-BXCGNjIy.js";
+import { k as t } from "./utils-WHYrEnYF.js";
 import d from "./Button.js";
 import { q as f } from "./styled-components.browser.esm-C9FYANiy.js";
 import { M as m } from "./consts-BuFChS64.js";

package/dist/FieldOfInterestsMasonrySection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),l=require("./utils-BWzf4vLl.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),M=require("./Icon.cjs"),R=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=m.styled.div`
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),l=require("./utils-BOtq2mcF.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),M=require("./Icon.cjs"),R=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=m.styled.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -55,7 +55,7 @@
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${l.linearGradientAnimation("-90deg")};
-`,L=m.styled.div`
+`,S=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -110,6 +110,18 @@
     background: var(--neutral-95004, rgba(20, 22, 26, 0.04));
     padding: 0 0.75rem;
 
+    &.active {
+      background: var(--gray-950, #14161a);
+
+      & .wrapper__icon {
+        background: transparent;
+      }
+
+      & .wrapper__text {
+        color: var(--white, #fff);
+      }
+    }
+
     & .wrapper__icon {
       display: flex;
       width: 1.25rem;
@@ -128,7 +140,7 @@
       white-space: nowrap;
     }
   }
-`,S=m.styled.div`
+`,F=m.styled.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
@@ -138,7 +150,7 @@
     width: 7.5rem;
     height: 2.5rem;
   }
-`,F=o.forwardRef(({},t)=>r.jsx(S,{})),O=o.forwardRef(({text:t,isActive:s=!1,icon:n,onSelectCard:i=()=>{}},f)=>r.jsxs(L,{className:s?"active":"",onClick:i,children:[r.jsx(M,{icon:n,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),A=o.forwardRef(({image:t,imageComponent:s,title:n,description:i,className:f,onSelectCard:g=()=>{}},j)=>{const{theme:x}=R.useTheme();return r.jsxs(z,{theme:x,className:f,onClick:g,children:[l.isDefined(s)?s:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[n&&r.jsx("div",{className:"wrapper__title",children:n}),i&&r.jsx("div",{className:"wrapper__description",children:i})]})]})}),T=o.forwardRef(({},t)=>r.jsxs(C,{children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__title"}),r.jsx("div",{className:"wrapper__description"})]})]})),W=m.styled.div`
+`,L=s.forwardRef(({},t)=>r.jsx(F,{})),O=s.forwardRef(({text:t,isActive:o=!1,icon:n,onSelectCard:i=()=>{}},f)=>r.jsxs(S,{className:o?"active":"",onClick:i,children:[r.jsx(M,{icon:n,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),A=s.forwardRef(({image:t,imageComponent:o,title:n,description:i,className:f,onSelectCard:g=()=>{}},j)=>{const{theme:x}=R.useTheme();return r.jsxs(z,{theme:x,className:f,onClick:g,children:[l.isDefined(o)?o:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[n&&r.jsx("div",{className:"wrapper__title",children:n}),i&&r.jsx("div",{className:"wrapper__description",children:i})]})]})}),W=s.forwardRef(({},t)=>r.jsxs(C,{children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__title"}),r.jsx("div",{className:"wrapper__description"})]})]})),T=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -171,8 +183,7 @@
   }
 
   & .wrapper__tags {
-    display: grid;
-    grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitTags}, minmax(0, 1fr))`};
+    display: flex;
     justify-content: center;
     align-items: center;
     gap: 0.75rem;
@@ -193,14 +204,27 @@
 
   @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__tags {
-      display: flex;
       overflow-x: scroll;
       justify-content: flex-start;
       width: 100%;
+
+      -webkit-overflow-scrolling: touch;
+      ::-webkit-scrollbar {
+        -webkit-appearance: none;
+      }
+      -ms-overflow-style: none;
+      /* Internet Explorer 10+ */
+      scrollbar-width: none;
+      /* Firefox */
+
+      &::-webkit-scrollbar {
+        display: none;
+        /* Safari and Chrome */
+      }
     }
 
     & .wrapper__cards {
       grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`,B=o.forwardRef(({title:t,subtitle:s,tags:n=[],items:i=[],limitTags:f=5,limitTagsForMobile:g=5,limit:j=3,limitForMobile:x=2,selectedTag:E,onSelectTag:u=()=>{},onSelectCard:y=()=>{},className:d},I)=>{var $,k;return o.useLayoutEffect(()=>{if(!l.isDefinedNotEmptyString(d))return;const e=()=>{const p=document.querySelector(`.${d} .wrapper__cards`),c=p.querySelectorAll(".wrapper__card");c.forEach(w=>{const N=w.getBoundingClientRect().height,q=Math.ceil((N+10)/20);w.style.gridRowEnd=`span ${q}`});const v=c==null?void 0:c[c.length-1];if(v){const w=v.offsetTop+v.offsetHeight;p.style.height=`${w}px`}},_=document.querySelector(`.${d} .wrapper__cards`).querySelectorAll(".wrapper__image");let h=0;return _.length===0?e():(_.forEach(p=>{p.complete?h++:p.addEventListener("load",()=>{h++,h===_.length&&e()})}),h===_.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[d,i]),r.jsxs(W,{ref:I,limitTags:f,limitTagsForMobile:g,limitCards:j,limitCardsForMobile:x,className:d,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,a)=>r.jsx(O,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===E,onSelectCard:()=>u==null?void 0:u(e)},`field-of-interests-masonry-tag__${a+1}`)):($=Array.from("12345"))==null?void 0:$.map((e,a)=>r.jsx(F,{},`field-of-interests-masonry-tag-skeleton__${a+1}`))}),r.jsx("div",{className:"wrapper__cards",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,a)=>r.jsx(A,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>y==null?void 0:y(e),className:"wrapper__card"},`field-of-interests-with-tags-card__${a+1}`)):(k=Array.from("12345"))==null?void 0:k.map((e,a)=>r.jsx(T,{},`field-of-interests-with-tags-card-skeleton__${a+1}`))})]})});module.exports=B;
+`,B=s.forwardRef(({title:t,subtitle:o,tags:n=[],items:i=[],limitTags:f=5,limitTagsForMobile:g=5,limit:j=3,limitForMobile:x=2,selectedTag:E,onSelectTag:u=()=>{},onSelectCard:y=()=>{},className:d},I)=>{var k,$;return s.useLayoutEffect(()=>{if(!l.isDefinedNotEmptyString(d))return;const e=()=>{const p=document.querySelector(`.${d} .wrapper__cards`),c=p.querySelectorAll(".wrapper__card");c.forEach(w=>{const N=w.getBoundingClientRect().height,q=Math.ceil((N+10)/20);w.style.gridRowEnd=`span ${q}`});const v=c==null?void 0:c[c.length-1];if(v){const w=v.offsetTop+v.offsetHeight;p.style.height=`${w}px`}},_=document.querySelector(`.${d} .wrapper__cards`).querySelectorAll(".wrapper__image");let h=0;return _.length===0?e():(_.forEach(p=>{p.complete?h++:p.addEventListener("load",()=>{h++,h===_.length&&e()})}),h===_.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[d,i]),r.jsxs(T,{ref:I,limitTags:f,limitTagsForMobile:g,limitCards:j,limitCardsForMobile:x,className:d,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),o&&r.jsx("div",{className:"wrapper__subtitle",children:o})]}),r.jsx("div",{className:"wrapper__tags",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,a)=>r.jsx(O,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===E,onSelectCard:()=>u==null?void 0:u(e)},`field-of-interests-masonry-tag__${a+1}`)):(k=Array.from("12345"))==null?void 0:k.map((e,a)=>r.jsx(L,{},`field-of-interests-masonry-tag-skeleton__${a+1}`))}),r.jsx("div",{className:"wrapper__cards",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,a)=>r.jsx(A,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>y==null?void 0:y(e),className:"wrapper__card"},`field-of-interests-with-tags-card__${a+1}`)):($=Array.from("12345"))==null?void 0:$.map((e,a)=>r.jsx(W,{},`field-of-interests-with-tags-card-skeleton__${a+1}`))})]})});module.exports=B;

package/dist/FieldOfInterestsMasonrySection.js

@@ -1,11 +1,11 @@
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as m, useLayoutEffect as L } from "react";
-import { p as z, o as E, l as A, k as O } from "./utils-BXCGNjIy.js";
-import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as c, useLayoutEffect as L } from "react";
+import { p as E, o as I, l as S, k as A } from "./utils-WHYrEnYF.js";
+import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as b } from "./consts-BuFChS64.js";
-import S from "./Icon.js";
+import O from "./Icon.js";
 import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const T = c.div`
+const j = m.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -44,7 +44,7 @@ const T = c.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${z(2)}
+      ${E(2)}
     }
 
     & .wrapper__description {
@@ -54,15 +54,15 @@ const T = c.div`
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${z(2)}
+      ${E(2)}
     }
   }
-`, j = c.div`
+`, q = m.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
-  background: ${E("-90deg")};
-`, q = c.div`
+  background: ${I("-90deg")};
+`, R = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -117,6 +117,18 @@ const T = c.div`
     background: var(--neutral-95004, rgba(20, 22, 26, 0.04));
     padding: 0 0.75rem;
 
+    &.active {
+      background: var(--gray-950, #14161a);
+
+      & .wrapper__icon {
+        background: transparent;
+      }
+
+      & .wrapper__text {
+        color: var(--white, #fff);
+      }
+    }
+
     & .wrapper__icon {
       display: flex;
       width: 1.25rem;
@@ -135,48 +147,48 @@ const T = c.div`
       white-space: nowrap;
     }
   }
-`, R = c.div`
+`, T = m.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
-  background: ${E("-90deg")};
+  background: ${I("-90deg")};
 
   @media (max-width: ${b + "px"}) {
     width: 7.5rem;
     height: 2.5rem;
   }
-`, B = m(({}, r) => /* @__PURE__ */ i(R, {})), D = m(
-  ({ text: r, isActive: o = !1, icon: a, onSelectCard: t = () => {
-  } }, f) => /* @__PURE__ */ l(q, { className: o ? "active" : "", onClick: t, children: [
-    /* @__PURE__ */ i(S, { icon: a, className: "wrapper__icon" }),
-    /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
+`, B = c(({}, i) => /* @__PURE__ */ r(T, {})), D = c(
+  ({ text: i, isActive: o = !1, icon: a, onSelectCard: t = () => {
+  } }, f) => /* @__PURE__ */ l(R, { className: o ? "active" : "", onClick: t, children: [
+    /* @__PURE__ */ r(O, { icon: a, className: "wrapper__icon" }),
+    /* @__PURE__ */ r("div", { className: "wrapper__text", children: i })
   ] })
-), G = m(
+), G = c(
   ({
-    image: r,
+    image: i,
     imageComponent: o,
     title: a,
     description: t,
     className: f,
-    onSelectCard: w = () => {
+    onSelectCard: g = () => {
     }
-  }, $) => {
+  }, k) => {
     const { theme: u } = W();
-    return /* @__PURE__ */ l(T, { theme: u, className: f, onClick: w, children: [
-      A(o) ? o : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+    return /* @__PURE__ */ l(j, { theme: u, className: f, onClick: g, children: [
+      S(o) ? o : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image" }),
       /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
-        a && /* @__PURE__ */ i("div", { className: "wrapper__title", children: a }),
-        t && /* @__PURE__ */ i("div", { className: "wrapper__description", children: t })
+        a && /* @__PURE__ */ r("div", { className: "wrapper__title", children: a }),
+        t && /* @__PURE__ */ r("div", { className: "wrapper__description", children: t })
       ] })
     ] });
   }
-), H = m(({}, r) => /* @__PURE__ */ l(j, { children: [
-  /* @__PURE__ */ i("div", { className: "wrapper__image" }),
+), H = c(({}, i) => /* @__PURE__ */ l(q, { children: [
+  /* @__PURE__ */ r("div", { className: "wrapper__image" }),
   /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
-    /* @__PURE__ */ i("div", { className: "wrapper__title" }),
-    /* @__PURE__ */ i("div", { className: "wrapper__description" })
+    /* @__PURE__ */ r("div", { className: "wrapper__title" }),
+    /* @__PURE__ */ r("div", { className: "wrapper__description" })
   ] })
-] })), P = c.div`
+] })), P = m.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -209,8 +221,7 @@ const T = c.div`
   }
 
   & .wrapper__tags {
-    display: grid;
-    grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitTags}, minmax(0, 1fr))`};
+    display: flex;
     justify-content: center;
     align-items: center;
     gap: 0.75rem;
@@ -218,7 +229,7 @@ const T = c.div`
 
   & .wrapper__cards {
     display: grid;
-    grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCards}, minmax(12.5rem, 1fr))`};
+    grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCards}, minmax(12.5rem, 1fr))`};
     grid-auto-rows: 0.625rem;
     gap: 0.625rem;
     width: 100%;
@@ -231,47 +242,60 @@ const T = c.div`
 
   @media (max-width: ${b + "px"}) {
     & .wrapper__tags {
-      display: flex;
       overflow-x: scroll;
       justify-content: flex-start;
       width: 100%;
+
+      -webkit-overflow-scrolling: touch;
+      ::-webkit-scrollbar {
+        -webkit-appearance: none;
+      }
+      -ms-overflow-style: none;
+      /* Internet Explorer 10+ */
+      scrollbar-width: none;
+      /* Firefox */
+
+      &::-webkit-scrollbar {
+        display: none;
+        /* Safari and Chrome */
+      }
     }
 
     & .wrapper__cards {
-      grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCardsForMobile}, minmax(0, 1fr))`};
+      grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`, Y = m(
+`, Y = c(
   ({
-    title: r,
+    title: i,
     subtitle: o,
     tags: a = [],
     items: t = [],
     limitTags: f = 5,
-    limitTagsForMobile: w = 5,
-    limit: $ = 3,
+    limitTagsForMobile: g = 5,
+    limit: k = 3,
     limitForMobile: u = 2,
-    selectedTag: I,
+    selectedTag: z,
     onSelectTag: x = () => {
     },
     onSelectCard: v = () => {
     },
     className: s
-  }, M) => {
-    var k, N;
+  }, C) => {
+    var $, N;
     return L(() => {
-      if (!O(s))
+      if (!A(s))
         return;
       const e = () => {
         const p = document.querySelector(`.${s} .wrapper__cards`), d = p.querySelectorAll(".wrapper__card");
-        d.forEach((g) => {
-          const C = g.getBoundingClientRect().height, F = Math.ceil((C + 10) / 20);
-          g.style.gridRowEnd = `span ${F}`;
+        d.forEach((w) => {
+          const M = w.getBoundingClientRect().height, F = Math.ceil((M + 10) / 20);
+          w.style.gridRowEnd = `span ${F}`;
         });
         const y = d == null ? void 0 : d[d.length - 1];
         if (y) {
-          const g = y.offsetTop + y.offsetHeight;
-          p.style.height = `${g}px`;
+          const w = y.offsetTop + y.offsetHeight;
+          p.style.height = `${w}px`;
         }
       }, h = document.querySelector(`.${s} .wrapper__cards`).querySelectorAll(".wrapper__image");
       let _ = 0;
@@ -285,32 +309,32 @@ const T = c.div`
     }, [s, t]), /* @__PURE__ */ l(
       P,
       {
-        ref: M,
+        ref: C,
         limitTags: f,
-        limitTagsForMobile: w,
-        limitCards: $,
+        limitTagsForMobile: g,
+        limitCards: k,
         limitCardsForMobile: u,
         className: s,
         children: [
           /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
-            r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
-            o && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: o })
+            i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
+            o && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: o })
           ] }),
-          /* @__PURE__ */ i("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, n) => /* @__PURE__ */ i(
+          /* @__PURE__ */ r("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, n) => /* @__PURE__ */ r(
             D,
             {
               icon: e == null ? void 0 : e.icon,
               text: e == null ? void 0 : e.title,
-              isActive: (e == null ? void 0 : e.code) === I,
+              isActive: (e == null ? void 0 : e.code) === z,
               onSelectCard: () => x == null ? void 0 : x(e)
             },
             `field-of-interests-masonry-tag__${n + 1}`
-          )) : (k = Array.from("12345")) == null ? void 0 : k.map((e, n) => /* @__PURE__ */ i(
+          )) : ($ = Array.from("12345")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ r(
             B,
             {},
             `field-of-interests-masonry-tag-skeleton__${n + 1}`
           )) }),
-          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ i(
+          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(
             G,
             {
               image: e == null ? void 0 : e.image,
@@ -321,7 +345,7 @@ const T = c.div`
               className: "wrapper__card"
             },
             `field-of-interests-with-tags-card__${n + 1}`
-          )) : (N = Array.from("12345")) == null ? void 0 : N.map((e, n) => /* @__PURE__ */ i(
+          )) : (N = Array.from("12345")) == null ? void 0 : N.map((e, n) => /* @__PURE__ */ r(
             H,
             {},
             `field-of-interests-with-tags-card-skeleton__${n + 1}`

package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-BWzf4vLl.cjs"),$=require("./index-D8lR_JKg.cjs"),c=h.styled.div`
+"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-BOtq2mcF.cjs"),$=require("./index-DyMv0g-E.cjs"),c=h.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

@@ -2,8 +2,8 @@ import { jsx as t, jsxs as y } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as x } from "./consts-BuFChS64.js";
-import { o as v, l as C } from "./utils-BXCGNjIy.js";
-import { S as F } from "./index-DfHm_Mv1.js";
+import { o as v, l as C } from "./utils-WHYrEnYF.js";
+import { S as F } from "./index-DtlD7gBK.js";
 const N = _.div`
   width: 100%;
   height: 11.625rem;

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-BWzf4vLl.cjs"),k=require("./Icon.cjs"),$=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./consts-goSZX3xP.cjs"),I=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-BOtq2mcF.cjs"),k=require("./Icon.cjs"),$=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./consts-goSZX3xP.cjs"),I=p.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as i, 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 C, l as I } from "./utils-BXCGNjIy.js";
+import { p as y, o as b, k as C, l as I } from "./utils-WHYrEnYF.js";
 import W from "./Icon.js";
 import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { M as j } from "./consts-BuFChS64.js";

package/dist/FileInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const c=require("react/jsx-runtime"),g=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),r=require("./utils-BWzf4vLl.cjs"),k=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=b.styled.label`
+"use strict";const c=require("react/jsx-runtime"),g=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),r=require("./utils-BOtq2mcF.cjs"),k=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=b.styled.label`
   display: inline-flex;
   box-sizing: border-box;
   width: 100%;

package/dist/FileInput.js

@@ -2,7 +2,7 @@ import { jsxs as R, jsx as m } from "react/jsx-runtime";
 import { forwardRef as S, useState as g } from "react";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { d as y, b as r, e as V, c as x, h as p } from "./utils-BXCGNjIy.js";
+import { d as y, b as r, e as V, c as x, h as p } from "./utils-WHYrEnYF.js";
 import { u as B } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const D = c.label`
   display: inline-flex;

package/dist/FlexGridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./utils-BWzf4vLl.cjs"),$=g.styled.div`
+"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./utils-BOtq2mcF.cjs"),$=g.styled.div`
   ${s=>s.width>0?"":"flex: 1;"}
   min-width: ${s=>100/s.columns}%;
   width: ${s=>s.width}%;

package/dist/FlexGridItem.js

@@ -2,7 +2,7 @@ import { jsx as y } from "react/jsx-runtime";
 import { forwardRef as N, useState as S, useEffect as b } from "react";
 import { P as i } from "./index-S5Cd7WrG.js";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { u as M } from "./utils-BXCGNjIy.js";
+import { u as M } from "./utils-WHYrEnYF.js";
 const W = I.div`
   ${(t) => t.width > 0 ? "" : "flex: 1;"}
   min-width: ${(t) => 100 / t.columns}%;

package/dist/FormField.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),r=require("./index-BPVoEhTF.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-BWzf4vLl.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=a.styled.label`
+"use strict";const o=require("react/jsx-runtime"),r=require("./index-BPVoEhTF.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-BOtq2mcF.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=a.styled.label`
   display: block;
   margin-bottom: 4px;
   ${e=>s.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}

package/dist/FormField.js

@@ -1,7 +1,7 @@
 import { jsxs as b, jsx as a } from "react/jsx-runtime";
 import { P as l } from "./index-S5Cd7WrG.js";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as i, b as n } from "./utils-BXCGNjIy.js";
+import { c as i, b as n } from "./utils-WHYrEnYF.js";
 import { u as g } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const f = m.label`
   display: block;

package/dist/FormView.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-BWzf4vLl.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),oe=g.styled.div`
+"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-BOtq2mcF.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),oe=g.styled.div`
   display: flex;
   justify-content: space-between;
 `,se=g.styled.form`

package/dist/FormView.js

@@ -17,7 +17,7 @@ import X from "./TimeInput.js";
 import Z from "./ColorInput.js";
 import z from "./FileInput.js";
 import ee from "./RangeSlider.js";
-import { g as re, a as te, b as oe } from "./utils-BXCGNjIy.js";
+import { g as re, a as te, b as oe } from "./utils-WHYrEnYF.js";
 import ae from "./FormField.js";
 import { u as ne } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const ie = y.div`

package/dist/GeneralWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),d=require("./utils-BWzf4vLl.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=o.styled.div`
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),d=require("./utils-BOtq2mcF.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -85,7 +85,7 @@
   }
 `,$=o.styled.div`
   display: flex;
-  padding: 0 0.5rem 0 0.5rem;
+  padding: 0 0.75rem 0 0.75rem;
   align-items: center;
   justify-content: center;
   background: var(--white, #fff);
@@ -104,7 +104,7 @@
     border-radius: 999px;
     width: 2.5rem;
     height: 2.5rem;
-    margin-left: -0.5rem;
+    margin-left: -0.75rem;
 
     & i {
       width: auto;

package/dist/GeneralWithTagsCardsSection.js

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as d } from "./consts-BuFChS64.js";
-import { p as y, o as x, k, l as $ } from "./utils-BXCGNjIy.js";
+import { p as y, o as x, k, l as $ } from "./utils-WHYrEnYF.js";
 import N from "./Icon.js";
 import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const W = s.div`
@@ -92,7 +92,7 @@ const W = s.div`
   }
 `, G = s.div`
   display: flex;
-  padding: 0 0.5rem 0 0.5rem;
+  padding: 0 0.75rem 0 0.75rem;
   align-items: center;
   justify-content: center;
   background: var(--white, #fff);
@@ -111,7 +111,7 @@ const W = s.div`
     border-radius: 999px;
     width: 2.5rem;
     height: 2.5rem;
-    margin-left: -0.5rem;
+    margin-left: -0.75rem;
 
     & i {
       width: auto;

package/dist/GiftCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-B8wrlDzY.cjs"),o=require("./utils-BWzf4vLl.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-Ce-JyTaX.cjs"),o=require("./utils-BOtq2mcF.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -6,7 +6,7 @@
   @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,G=c.styled.div`
+`,k=c.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -21,7 +21,7 @@
   & .text-wrap {
     text-align: center;
   }
-`,k=c.styled.div`
+`,G=c.styled.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -74,4 +74,4 @@
   height: 11.5rem;
   border-radius: 0.75rem;
   background: ${o.linearGradientAnimation("-90deg")};
-`;const p=f.forwardRef((a,d)=>{const{image:s,text:l,price:i,currency:t,onSelectGiftCard:m=()=>{}}=a;return r.jsxs(G,{ref:d,className:"simple-gift-card",onClick:()=>m(i),children:[r.jsxs(k,{children:[r.jsx("div",{className:"price-tag",children:i&&t&&`${o.formatPrice(i)} ${o.GetCurrencySymbol(t)}`}),r.jsx("img",{src:s})]}),r.jsx("div",{className:"text-wrap",children:l})]})}),q=f.forwardRef((a,d)=>{const{icon:s,title:l,buttonLink:i,items:t,buttonText:m,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=a,b=w.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:d,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[o.isDefinedNotEmptyString(s)&&r.jsx("i",{className:s}),r.jsx("span",{children:l})]}),o.isDefinedNotEmptyString(i)&&r.jsx(j,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),h(i)},borderRadius:"curved",children:m})]}),r.jsx(S,{limit:u,children:b===!0?t==null?void 0:t.map((e,n)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n)):t==null?void 0:t.slice(0,u).map((e,n)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n))})]})});module.exports=q;
+`;const p=f.forwardRef((a,d)=>{const{image:s,text:l,price:i,currency:t,onSelectGiftCard:m=()=>{}}=a;return r.jsxs(k,{ref:d,className:"simple-gift-card",onClick:()=>m(i),children:[r.jsxs(G,{children:[r.jsx("div",{className:"price-tag",children:i&&t&&`${o.formatPrice(i)} ${o.GetCurrencySymbol(t)}`}),r.jsx("img",{src:s})]}),r.jsx("div",{className:"text-wrap",children:l})]})}),N=f.forwardRef((a,d)=>{const{icon:s,title:l,buttonLink:i,items:t,buttonText:m,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=a,b=w.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:d,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[o.isDefinedNotEmptyString(s)&&r.jsx("i",{className:s}),r.jsx("span",{children:l})]}),o.isDefinedNotEmptyString(i)&&r.jsx(j,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),h(i)},borderRadius:"curved",className:"button-link",children:m})]}),r.jsx(S,{limit:u,children:b===!0?t==null?void 0:t.map((e,n)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n)):t==null?void 0:t.slice(0,u).map((e,n)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n))})]})});module.exports=N;