@lanaco/lnc-react-ui 4.0.116 → 4.0.118

package/dist/FaqSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("react"),r=require("./index-BpbMKBf_.cjs"),q=require("./Chip.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),j=require("./Icon.cjs"),P=require("./IconButton.cjs"),C=require("./Button.cjs"),M=v.styled.div`
+"use strict";const e=require("react/jsx-runtime"),f=require("react"),n=require("./index-BpbMKBf_.cjs"),q=require("./Chip.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),N=require("./useDetectMobile-zkbzoOGV.cjs"),j=require("./Icon.cjs"),P=require("./IconButton.cjs"),C=require("./Button.cjs"),M=b.styled.div`
   display: flex;
   gap: 0.75rem;
   align-items: center;
@@ -34,7 +34,7 @@
     }
   }
 
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     width: 100%;
     overflow-x: auto;
     white-space: nowrap;
@@ -53,7 +53,7 @@
       /* Safari and Chrome */
     }
   }
-`,E=v.styled.div`
+`,E=b.styled.div`
   display: flex;
   gap: 1.25rem;
   width: 100%;
@@ -78,10 +78,10 @@
     }
   }
 
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
   }
-`,$=v.styled.div`
+`,$=b.styled.div`
   width: 100%;
   height: fit-content;
   background: var(--white, #fff);
@@ -161,7 +161,7 @@
     }
   }
 
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     & .card__impression {
       justify-content: space-between;
 
@@ -170,7 +170,7 @@
       }
     }
   }
-`,I=h.forwardRef(({tags:s=[],selectedTagCode:a=null,onSelectTag:l=()=>{}},g)=>e.jsx(M,{children:s==null?void 0:s.map((t,d)=>e.jsx(q,{label:t==null?void 0:t.name,borderRadius:"curved",color:"neutral",className:`tags__item ${a===(t==null?void 0:t.code)?"active":""}`,onClick:()=>{l(t)}},`faq-section-tag__${d+1}`))}));I.propTypes={tags:r.PropTypes.array,onSelectTag:r.PropTypes.func};const b=({title:s,description:a,questionText:l,feedbackText:g,impressions:t=!1,onSelectItem:d=()=>{},onImpressed:u=()=>{}})=>{const[p,_]=h.useState(!1),[m,x]=h.useState(!1),f=()=>{_(o=>!o),d()},i=(o,c)=>{o==null||o.stopPropagation(),x(!0),u(c)};return e.jsxs($,{className:p?"expanded":"",onClick:f,children:[e.jsxs("div",{className:"card__heading",children:[e.jsx("div",{className:"card__title",children:s}),e.jsx(j,{icon:p?" mng-lnc-subtract":" mng-lnc-add",sizeInUnits:"1.25rem",className:"card__icon"})]}),p&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"card__description",children:a}),t&&e.jsx(e.Fragment,{children:m?e.jsxs("div",{className:"card__impression feedback",children:[e.jsx(j,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1.25rem",color:"success"}),e.jsx("div",{className:"imppression__question",children:g})]}):e.jsxs("div",{className:"card__impression",children:[e.jsx("div",{className:"imppression__question",children:l}),e.jsxs("div",{className:"impression__actions",children:[e.jsx(P,{icon:" mng-lnc-thumbs-up",borderRadius:"curved",btnType:"outline",onClick:o=>i(o,!0)}),e.jsx(P,{icon:" mng-lnc-thumbs-down",borderRadius:"curved",btnType:"outline",onClick:o=>i(o,!1)})]})]})})]})]})},S=h.forwardRef(({items:s=[],questionText:a,feedbackText:l,showMoreText:g,impressions:t=!1,onSelectItem:d=()=>{},onImpressed:u=()=>{}},p)=>{const _=N.useDetectMobile(),[m,x]=h.useState(!1),f=()=>{x(o=>!o)},i=h.useMemo(()=>{if(_)return s==null?void 0:s.map((n,y)=>e.jsx(b,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:a,feedbackText:l,impressions:t,onSelectItem:()=>d(n),onImpressed:w=>u(n,w)},`faq-section-item__${y+1}`));const o=[],c=[];return s==null||s.forEach((n,y)=>{y%2===0?o.push(e.jsx(b,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:a,feedbackText:l,impressions:t,onSelectItem:()=>d(n),onImpressed:w=>u(n,w)},`faq-section-item__${y+1}`)):c.push(e.jsx(b,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,questionText:a,feedbackText:l,impressions:t,onSelectItem:()=>d(n),onImpressed:w=>u(n,w)},`faq-section-item__${y+1}`))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"section__column",children:o}),e.jsx("div",{className:"section__column",children:c})]})},[s,_]);return e.jsx(E,{children:_?m?i:e.jsxs(e.Fragment,{children:[i==null?void 0:i.slice(0,4),(i==null?void 0:i.length)>4&&e.jsx(C,{text:g,btnType:"basic",color:"neutral",className:"section__show-more",onClick:f})]}):i})});b.propTypes={title:r.PropTypes.string,description:r.PropTypes.string,questionText:r.PropTypes.string,feedbackText:r.PropTypes.string,showMoreText:r.PropTypes.string,impressions:r.PropTypes.bool,onSelectItem:r.PropTypes.func,onImpressed:r.PropTypes.func};S.propTypes={items:r.PropTypes.array,questionText:r.PropTypes.string,feedbackText:r.PropTypes.string,showMoreText:r.PropTypes.string,impressions:r.PropTypes.bool,onSelectItem:r.PropTypes.func,onImpressed:r.PropTypes.func};const F=v.styled.div`
+`,I=f.forwardRef(({tags:i=[],allTagText:c,selectedTagCode:l=null,onSelectTag:h=()=>{}},d)=>e.jsx(M,{children:[{name:c,code:null},...i].map((t,p)=>e.jsx(q,{label:t==null?void 0:t.name,borderRadius:"curved",color:"neutral",className:`tags__item ${l===(t==null?void 0:t.code)?"active":""}`,onClick:()=>{h(t)}},`faq-section-tag__${p+1}`))}));I.propTypes={tags:n.PropTypes.array,allTagText:n.PropTypes.string,onSelectTag:n.PropTypes.func};const w=({title:i,description:c,questionText:l,feedbackText:h,impressions:d=!1,onSelectItem:t=()=>{},onImpressed:p=()=>{}})=>{const[u,a]=f.useState(!1),[_,m]=f.useState(!1),x=()=>{a(o=>!o),t()},s=(o,g)=>{o==null||o.stopPropagation(),m(!0),p(g)};return e.jsxs($,{className:u?"expanded":"",onClick:x,children:[e.jsxs("div",{className:"card__heading",children:[e.jsx("div",{className:"card__title",children:i}),e.jsx(j,{icon:u?" mng-lnc-subtract":" mng-lnc-add",sizeInUnits:"1.25rem",className:"card__icon"})]}),u&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"card__description",children:c}),d&&e.jsx(e.Fragment,{children:_?e.jsxs("div",{className:"card__impression feedback",children:[e.jsx(j,{icon:" mng-lnc-checkmark--outline",sizeInUnits:"1.25rem",color:"success"}),e.jsx("div",{className:"imppression__question",children:h})]}):e.jsxs("div",{className:"card__impression",children:[e.jsx("div",{className:"imppression__question",children:l}),e.jsxs("div",{className:"impression__actions",children:[e.jsx(P,{icon:" mng-lnc-thumbs-up",borderRadius:"curved",btnType:"outline",onClick:o=>s(o,!0)}),e.jsx(P,{icon:" mng-lnc-thumbs-down",borderRadius:"curved",btnType:"outline",onClick:o=>s(o,!1)})]})]})})]})]})},S=f.forwardRef(({items:i=[],questionText:c,feedbackText:l,showMoreText:h,impressions:d=!1,onSelectItem:t=()=>{},onImpressed:p=()=>{}},u)=>{const a=N.useDetectMobile(),[_,m]=f.useState(!1),x=()=>{m(o=>!o)},s=f.useMemo(()=>{if(a)return i==null?void 0:i.map((r,y)=>e.jsx(w,{title:r==null?void 0:r.title,description:r==null?void 0:r.description,questionText:c,feedbackText:l,impressions:d,onSelectItem:()=>t(r),onImpressed:T=>p(r,T)},`faq-section-item__${y+1}`));const o=[],g=[];return i==null||i.forEach((r,y)=>{y%2===0?o.push(e.jsx(w,{title:r==null?void 0:r.title,description:r==null?void 0:r.description,questionText:c,feedbackText:l,impressions:d,onSelectItem:()=>t(r),onImpressed:T=>p(r,T)},`faq-section-item__${y+1}`)):g.push(e.jsx(w,{title:r==null?void 0:r.title,description:r==null?void 0:r.description,questionText:c,feedbackText:l,impressions:d,onSelectItem:()=>t(r),onImpressed:T=>p(r,T)},`faq-section-item__${y+1}`))}),e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"section__column",children:o}),e.jsx("div",{className:"section__column",children:g})]})},[i,a]);return e.jsx(E,{children:a?_?s:e.jsxs(e.Fragment,{children:[s==null?void 0:s.slice(0,4),(s==null?void 0:s.length)>4&&e.jsx(C,{text:h,btnType:"basic",color:"neutral",className:"section__show-more",onClick:x})]}):s})});w.propTypes={title:n.PropTypes.string,description:n.PropTypes.string,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};S.propTypes={items:n.PropTypes.array,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};const F=b.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -202,7 +202,7 @@
     line-height: 1.5rem;
   }
 
-  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     & .section__title {
       font-size: 1rem;
       font-weight: 500;
@@ -216,4 +216,4 @@
       letter-spacing: 0.25px;
     }
   }
-`,k=h.forwardRef(({title:s,description:a,questionText:l="What do you think about this answer?",feedbackText:g="Thank you for feedback!",showMoreText:t="Show more",impressions:d=!1,tags:u=[],items:p=[],onSelectItem:_=()=>{},onImpressed:m=()=>{}},x)=>{const[f,i]=h.useState(null),o=c=>{i(c==null?void 0:c.code)};return e.jsxs(F,{ref:x,children:[e.jsxs("div",{className:"section__heading",children:[s&&e.jsx("div",{className:"section__title",children:s}),a&&e.jsx("div",{className:"section__description",children:a})]}),e.jsx(I,{tags:u,selectedTagCode:f,onSelectTag:o}),e.jsx(S,{items:f===null?p:p==null?void 0:p.filter(c=>(c==null?void 0:c.tagCode)===f),questionText:l,feedbackText:g,showMoreText:t,impressions:d,onSelectItem:_,onImpressed:m},`faq-section-items__${f}`)]})});k.propTypes={title:r.PropTypes.string,description:r.PropTypes.string,tags:r.PropTypes.array,items:r.PropTypes.array,questionText:r.PropTypes.string,feedbackText:r.PropTypes.string,showMoreText:r.PropTypes.string,impressions:r.PropTypes.bool,onSelectItem:r.PropTypes.func,onImpressed:r.PropTypes.func};module.exports=k;
+`,k=f.forwardRef(({title:i,description:c,questionText:l="What do you think about this answer?",feedbackText:h="Thank you for feedback!",showMoreText:d="Show more",allTagText:t="All",impressions:p=!1,tags:u=[],items:a=[],onSelectItem:_=()=>{},onImpressed:m=()=>{}},x)=>{const[s,o]=f.useState(null),g=r=>{o(r==null?void 0:r.code)};return e.jsxs(F,{ref:x,children:[e.jsxs("div",{className:"section__heading",children:[i&&e.jsx("div",{className:"section__title",children:i}),c&&e.jsx("div",{className:"section__description",children:c})]}),e.jsx(I,{tags:u,allTagText:t,selectedTagCode:s,onSelectTag:g}),e.jsx(S,{items:s===null?a:a==null?void 0:a.filter(r=>(r==null?void 0:r.tagCode)===s),questionText:l,feedbackText:h,showMoreText:d,impressions:p,onSelectItem:_,onImpressed:m},`faq-section-items__${s}`)]})});k.propTypes={title:n.PropTypes.string,description:n.PropTypes.string,tags:n.PropTypes.array,items:n.PropTypes.array,questionText:n.PropTypes.string,feedbackText:n.PropTypes.string,showMoreText:n.PropTypes.string,allTagText:n.PropTypes.string,impressions:n.PropTypes.bool,onSelectItem:n.PropTypes.func,onImpressed:n.PropTypes.func};module.exports=k;

package/dist/FaqSection.js

@@ -1,14 +1,14 @@
-import { jsx as r, jsxs as l, Fragment as x } from "react/jsx-runtime";
-import { forwardRef as S, useState as k, useMemo as $ } from "react";
-import { P as e } from "./index-CblbdqjE.js";
+import { jsx as r, jsxs as l, Fragment as y } from "react/jsx-runtime";
+import { forwardRef as S, useState as T, useMemo as $ } from "react";
+import { P as n } from "./index-CblbdqjE.js";
 import z from "./Chip.js";
-import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as I } from "./consts-BuFChS64.js";
 import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
 import N from "./Icon.js";
 import C from "./IconButton.js";
 import F from "./Button.js";
-const j = T.div`
+const j = k.div`
   display: flex;
   gap: 0.75rem;
   align-items: center;
@@ -63,7 +63,7 @@ const j = T.div`
       /* Safari and Chrome */
     }
   }
-`, P = T.div`
+`, P = k.div`
   display: flex;
   gap: 1.25rem;
   width: 100%;
@@ -91,7 +91,7 @@ const j = T.div`
   @media (max-width: ${I + "px"}) {
     flex-direction: column;
   }
-`, R = T.div`
+`, R = k.div`
   width: 100%;
   height: fit-content;
   background: var(--white, #fff);
@@ -181,61 +181,62 @@ const j = T.div`
     }
   }
 `, q = S(
-  ({ tags: o = [], selectedTagCode: c = null, onSelectTag: d = () => {
-  } }, u) => /* @__PURE__ */ r(j, { children: o == null ? void 0 : o.map((t, f) => /* @__PURE__ */ r(
+  ({ tags: s = [], allTagText: a, selectedTagCode: d = null, onSelectTag: h = () => {
+  } }, p) => /* @__PURE__ */ r(j, { children: [{ name: a, code: null }, ...s].map((i, f) => /* @__PURE__ */ r(
     z,
     {
-      label: t == null ? void 0 : t.name,
+      label: i == null ? void 0 : i.name,
       borderRadius: "curved",
       color: "neutral",
-      className: `tags__item ${c === (t == null ? void 0 : t.code) ? "active" : ""}`,
+      className: `tags__item ${d === (i == null ? void 0 : i.code) ? "active" : ""}`,
       onClick: () => {
-        d(t);
+        h(i);
       }
     },
     `faq-section-tag__${f + 1}`
   )) })
 );
 q.propTypes = {
-  tags: e.array,
-  onSelectTag: e.func
+  tags: n.array,
+  allTagText: n.string,
+  onSelectTag: n.func
 };
-const y = ({
-  title: o,
-  description: c,
+const b = ({
+  title: s,
+  description: a,
   questionText: d,
-  feedbackText: u,
-  impressions: t = !1,
-  onSelectItem: f = () => {
+  feedbackText: h,
+  impressions: p = !1,
+  onSelectItem: i = () => {
   },
-  onImpressed: m = () => {
+  onImpressed: f = () => {
   }
 }) => {
-  const [p, g] = k(!1), [_, w] = k(!1), h = () => {
-    g((i) => !i), f();
-  }, s = (i, a) => {
-    i == null || i.stopPropagation(), w(!0), m(a);
+  const [m, c] = T(!1), [g, u] = T(!1), _ = () => {
+    c((t) => !t), i();
+  }, o = (t, w) => {
+    t == null || t.stopPropagation(), u(!0), f(w);
   };
   return /* @__PURE__ */ l(
     R,
     {
-      className: p ? "expanded" : "",
-      onClick: h,
+      className: m ? "expanded" : "",
+      onClick: _,
       children: [
         /* @__PURE__ */ l("div", { className: "card__heading", children: [
-          /* @__PURE__ */ r("div", { className: "card__title", children: o }),
+          /* @__PURE__ */ r("div", { className: "card__title", children: s }),
           /* @__PURE__ */ r(
             N,
             {
-              icon: p ? " mng-lnc-subtract" : " mng-lnc-add",
+              icon: m ? " mng-lnc-subtract" : " mng-lnc-add",
               sizeInUnits: "1.25rem",
               className: "card__icon"
             }
           )
         ] }),
-        p && /* @__PURE__ */ l(x, { children: [
-          /* @__PURE__ */ r("div", { className: "card__description", children: c }),
-          t && /* @__PURE__ */ r(x, { children: _ ? /* @__PURE__ */ l("div", { className: "card__impression feedback", children: [
+        m && /* @__PURE__ */ l(y, { children: [
+          /* @__PURE__ */ r("div", { className: "card__description", children: a }),
+          p && /* @__PURE__ */ r(y, { children: g ? /* @__PURE__ */ l("div", { className: "card__impression feedback", children: [
             /* @__PURE__ */ r(
               N,
               {
@@ -244,7 +245,7 @@ const y = ({
                 color: "success"
               }
             ),
-            /* @__PURE__ */ r("div", { className: "imppression__question", children: u })
+            /* @__PURE__ */ r("div", { className: "imppression__question", children: h })
           ] }) : /* @__PURE__ */ l("div", { className: "card__impression", children: [
             /* @__PURE__ */ r("div", { className: "imppression__question", children: d }),
             /* @__PURE__ */ l("div", { className: "impression__actions", children: [
@@ -254,7 +255,7 @@ const y = ({
                   icon: " mng-lnc-thumbs-up",
                   borderRadius: "curved",
                   btnType: "outline",
-                  onClick: (i) => s(i, !0)
+                  onClick: (t) => o(t, !0)
                 }
               ),
               /* @__PURE__ */ r(
@@ -263,7 +264,7 @@ const y = ({
                   icon: " mng-lnc-thumbs-down",
                   borderRadius: "curved",
                   btnType: "outline",
-                  onClick: (i) => s(i, !1)
+                  onClick: (t) => o(t, !1)
                 }
               )
             ] })
@@ -274,104 +275,104 @@ const y = ({
   );
 }, M = S(
   ({
-    items: o = [],
-    questionText: c,
+    items: s = [],
+    questionText: a,
     feedbackText: d,
-    showMoreText: u,
-    impressions: t = !1,
-    onSelectItem: f = () => {
+    showMoreText: h,
+    impressions: p = !1,
+    onSelectItem: i = () => {
     },
-    onImpressed: m = () => {
+    onImpressed: f = () => {
     }
-  }, p) => {
-    const g = E(), [_, w] = k(!1), h = () => {
-      w((i) => !i);
-    }, s = $(() => {
-      if (g)
-        return o == null ? void 0 : o.map((n, v) => /* @__PURE__ */ r(
-          y,
+  }, m) => {
+    const c = E(), [g, u] = T(!1), _ = () => {
+      u((t) => !t);
+    }, o = $(() => {
+      if (c)
+        return s == null ? void 0 : s.map((e, v) => /* @__PURE__ */ r(
+          b,
           {
-            title: n == null ? void 0 : n.title,
-            description: n == null ? void 0 : n.description,
-            questionText: c,
+            title: e == null ? void 0 : e.title,
+            description: e == null ? void 0 : e.description,
+            questionText: a,
             feedbackText: d,
-            impressions: t,
-            onSelectItem: () => f(n),
-            onImpressed: (b) => m(n, b)
+            impressions: p,
+            onSelectItem: () => i(e),
+            onImpressed: (x) => f(e, x)
           },
           `faq-section-item__${v + 1}`
         ));
-      const i = [], a = [];
-      return o == null || o.forEach((n, v) => {
-        v % 2 === 0 ? i.push(
+      const t = [], w = [];
+      return s == null || s.forEach((e, v) => {
+        v % 2 === 0 ? t.push(
           /* @__PURE__ */ r(
-            y,
+            b,
             {
-              title: n == null ? void 0 : n.title,
-              description: n == null ? void 0 : n.description,
-              questionText: c,
+              title: e == null ? void 0 : e.title,
+              description: e == null ? void 0 : e.description,
+              questionText: a,
               feedbackText: d,
-              impressions: t,
-              onSelectItem: () => f(n),
-              onImpressed: (b) => m(n, b)
+              impressions: p,
+              onSelectItem: () => i(e),
+              onImpressed: (x) => f(e, x)
             },
             `faq-section-item__${v + 1}`
           )
-        ) : a.push(
+        ) : w.push(
           /* @__PURE__ */ r(
-            y,
+            b,
             {
-              title: n == null ? void 0 : n.title,
-              description: n == null ? void 0 : n.description,
-              questionText: c,
+              title: e == null ? void 0 : e.title,
+              description: e == null ? void 0 : e.description,
+              questionText: a,
               feedbackText: d,
-              impressions: t,
-              onSelectItem: () => f(n),
-              onImpressed: (b) => m(n, b)
+              impressions: p,
+              onSelectItem: () => i(e),
+              onImpressed: (x) => f(e, x)
             },
             `faq-section-item__${v + 1}`
           )
         );
-      }), /* @__PURE__ */ l(x, { children: [
-        /* @__PURE__ */ r("div", { className: "section__column", children: i }),
-        /* @__PURE__ */ r("div", { className: "section__column", children: a })
+      }), /* @__PURE__ */ l(y, { children: [
+        /* @__PURE__ */ r("div", { className: "section__column", children: t }),
+        /* @__PURE__ */ r("div", { className: "section__column", children: w })
       ] });
-    }, [o, g]);
-    return /* @__PURE__ */ r(P, { children: g ? _ ? s : /* @__PURE__ */ l(x, { children: [
-      s == null ? void 0 : s.slice(0, 4),
-      (s == null ? void 0 : s.length) > 4 && /* @__PURE__ */ r(
+    }, [s, c]);
+    return /* @__PURE__ */ r(P, { children: c ? g ? o : /* @__PURE__ */ l(y, { children: [
+      o == null ? void 0 : o.slice(0, 4),
+      (o == null ? void 0 : o.length) > 4 && /* @__PURE__ */ r(
         F,
         {
-          text: u,
+          text: h,
           btnType: "basic",
           color: "neutral",
           className: "section__show-more",
-          onClick: h
+          onClick: _
         }
       )
-    ] }) : s });
+    ] }) : o });
   }
 );
-y.propTypes = {
-  title: e.string,
-  description: e.string,
-  questionText: e.string,
-  feedbackText: e.string,
-  showMoreText: e.string,
-  impressions: e.bool,
-  onSelectItem: e.func,
-  onImpressed: e.func
+b.propTypes = {
+  title: n.string,
+  description: n.string,
+  questionText: n.string,
+  feedbackText: n.string,
+  showMoreText: n.string,
+  impressions: n.bool,
+  onSelectItem: n.func,
+  onImpressed: n.func
 };
 M.propTypes = {
-  items: e.array,
-  questionText: e.string,
-  feedbackText: e.string,
-  showMoreText: e.string,
-  impressions: e.bool,
-  onSelectItem: e.func,
-  onImpressed: e.func
+  items: n.array,
+  questionText: n.string,
+  feedbackText: n.string,
+  showMoreText: n.string,
+  impressions: n.bool,
+  onSelectItem: n.func,
+  onImpressed: n.func
 };
-const B = T.div`
+const B = k.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -419,62 +420,65 @@ const B = T.div`
   }
 `, U = S(
   ({
-    title: o,
-    description: c,
+    title: s,
+    description: a,
     questionText: d = "What do you think about this answer?",
-    feedbackText: u = "Thank you for feedback!",
-    showMoreText: t = "Show more",
+    feedbackText: h = "Thank you for feedback!",
+    showMoreText: p = "Show more",
+    allTagText: i = "All",
     impressions: f = !1,
     tags: m = [],
-    items: p = [],
+    items: c = [],
     onSelectItem: g = () => {
     },
-    onImpressed: _ = () => {
+    onImpressed: u = () => {
     }
-  }, w) => {
-    const [h, s] = k(null);
-    return /* @__PURE__ */ l(B, { ref: w, children: [
+  }, _) => {
+    const [o, t] = T(null);
+    return /* @__PURE__ */ l(B, { ref: _, children: [
       /* @__PURE__ */ l("div", { className: "section__heading", children: [
-        o && /* @__PURE__ */ r("div", { className: "section__title", children: o }),
-        c && /* @__PURE__ */ r("div", { className: "section__description", children: c })
+        s && /* @__PURE__ */ r("div", { className: "section__title", children: s }),
+        a && /* @__PURE__ */ r("div", { className: "section__description", children: a })
       ] }),
       /* @__PURE__ */ r(
         q,
         {
           tags: m,
-          selectedTagCode: h,
-          onSelectTag: (a) => {
-            s(a == null ? void 0 : a.code);
+          allTagText: i,
+          selectedTagCode: o,
+          onSelectTag: (e) => {
+            t(e == null ? void 0 : e.code);
           }
         }
       ),
       /* @__PURE__ */ r(
         M,
         {
-          items: h === null ? p : p == null ? void 0 : p.filter((a) => (a == null ? void 0 : a.tagCode) === h),
+          items: o === null ? c : c == null ? void 0 : c.filter((e) => (e == null ? void 0 : e.tagCode) === o),
           questionText: d,
-          feedbackText: u,
-          showMoreText: t,
+          feedbackText: h,
+          showMoreText: p,
           impressions: f,
           onSelectItem: g,
-          onImpressed: _
+          onImpressed: u
         },
-        `faq-section-items__${h}`
+        `faq-section-items__${o}`
       )
     ] });
   }
 );
 U.propTypes = {
-  title: e.string,
-  description: e.string,
-  tags: e.array,
-  items: e.array,
-  questionText: e.string,
-  feedbackText: e.string,
-  showMoreText: e.string,
-  impressions: e.bool,
-  onSelectItem: e.func,
-  onImpressed: e.func
+  title: n.string,
+  description: n.string,
+  tags: n.array,
+  items: n.array,
+  questionText: n.string,
+  feedbackText: n.string,
+  showMoreText: n.string,
+  allTagText: n.string,
+  impressions: n.bool,
+  onSelectItem: n.func,
+  onImpressed: n.func
 };
 export {
   U as default

package/dist/ToggleSection.cjs

@@ -0,0 +1,248 @@
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),r=require("./index-BpbMKBf_.cjs"),T=require("./Chip.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),b=require("./useDetectMobile-zkbzoOGV.cjs"),_=require("./Button.cjs"),j=g.styled.div`
+  display: flex;
+
+  border: 1px solid var(--gray-200, #e4e9f0);
+  border-radius: 999px;
+
+  & .options__item {
+    display: flex;
+    padding: 0.5rem 2rem;
+    align-items: center;
+    gap: 6px;
+
+    color: var(--neutral-600, #0f2a46);
+    background: var(--gray-100, #f3f6fb);
+    border: 1px solid var(--gray-200, #e4e9f0);
+    font-size: 1rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.5rem;
+
+    &:first-of-type {
+      padding-right: 3rem;
+    }
+
+    &:last-of-type {
+      padding-left: 3rem;
+    }
+
+    &.active {
+      color: var(--white, #fff);
+      background: var(--neutral-600, #0f2a46);
+      font-weight: 500;
+
+      &:hover {
+        color: var(--white, #fff);
+        background: var(--neutral-600, #0f2a46);
+      }
+
+      &:first-of-type {
+        margin-right: -1.5rem;
+        padding-right: 2rem;
+        z-index: 1;
+      }
+
+      &:last-of-type {
+        margin-left: -1.5rem;
+        padding-left: 2rem;
+        z-index: 1;
+      }
+    }
+
+    &:hover {
+      background: var(--gray-200, #e4e9f0);
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+    width: 100%;
+
+    & .options__item {
+      width: 100%;
+    }
+  }
+`,P=g.styled.div`
+  display: flex;
+  gap: 1.25rem;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+
+  & .section__show-more {
+    color: var(--neutral-600, #0f2a46);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+    flex-direction: column;
+
+    & .learn-more {
+      display: none;
+    }
+  }
+`,S=g.styled.div`
+  display: flex;
+  padding: 2rem 1.25rem 1.25rem 1.25rem;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-200, #e4e9f0);
+  background: var(--white, #fff);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  width: 100%;
+  max-width: 17.5rem;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  & .card__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.25rem;
+
+    & .card__image {
+      max-width: 3.5rem;
+      max-height: 3.5rem;
+      width: 100%;
+      height: 100%;
+      aspect-ratio: 1 / 1;
+    }
+
+    & .card__text {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: 1rem;
+
+      & .card__title {
+        color: var(--gray-900, #0c1520);
+        text-align: center;
+        font-size: 1.125rem;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 1.5rem;
+      }
+
+      & .card__divider {
+        height: 1px;
+        width: 100%;
+        background: var(--gray-200, #e4e9f0);
+      }
+
+      & .card__description {
+        color: var(--gray-600, #5a6573);
+        text-align: center;
+        font-size: 0.875rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 1.25rem;
+        letter-spacing: 0.0156rem;
+      }
+    }
+  }
+
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+    max-width: 100%;
+    flex-direction: row;
+    padding: 1rem;
+
+    & .card__content {
+      flex-direction: row;
+      align-items: flex-start;
+
+      & .card__image {
+        max-width: 2.5rem;
+        max-height: 2.5rem;
+      }
+
+      & .card__text {
+        align-items: flex-start;
+        gap: 0.625rem;
+
+        & .card__divider {
+          display: none;
+        }
+
+        & .card__title {
+          text-align: left;
+          font-size: 1rem;
+        }
+
+        & .card__description {
+          text-align: left;
+        }
+      }
+    }
+  }
+`,y=d.forwardRef(({options:t=[],selectedOptionCode:a=null,onSelectOption:s=()=>{}},l)=>e.jsx(j,{children:t==null?void 0:t.map((c,o)=>e.jsx(T,{label:c,borderRadius:"curved",color:"neutral",className:`options__item ${a===o?"active":""}`,onClick:()=>{s(o)}},`toggle-section-tag__${o+1}`))}));y.propTypes={options:r.PropTypes.array,selectedOptionCode:r.PropTypes.any,onSelectOption:r.PropTypes.func};const u=({title:t,description:a,image:s,learnMoreText:l,onSelectItem:c=()=>{}})=>e.jsxs(S,{onClick:c,children:[e.jsxs("div",{className:"card__content",children:[e.jsx("img",{src:s,alt:`Card ${t}`,className:"card__image"}),e.jsxs("div",{className:"card__text",children:[e.jsx("div",{className:"card__title",children:t}),e.jsx("div",{className:"card__divider"}),e.jsx("div",{className:"card__description",children:a})]})]}),e.jsx(_,{text:l,btnType:"basic",color:"neutral",className:"section__show-more learn-more"})]}),w=d.forwardRef(({items:t=[],showMoreText:a,learnMoreText:s,onSelectItem:l=()=>{}},c)=>{const o=b.useDetectMobile(),[f,h]=d.useState(!1),p=()=>{h(n=>!n)},i=d.useMemo(()=>t==null?void 0:t.map((n,x)=>e.jsx(u,{title:n==null?void 0:n.title,description:n==null?void 0:n.description,image:n==null?void 0:n.image,learnMoreText:s,onSelectItem:()=>l(n)},`toggle-section-item__${x+1}`)),[t]);return e.jsx(P,{children:o?f?i:e.jsxs(e.Fragment,{children:[i==null?void 0:i.slice(0,4),(i==null?void 0:i.length)>4&&e.jsx(_,{text:a,btnType:"basic",color:"neutral",className:"section__show-more",onClick:p})]}):i})});u.propTypes={title:r.PropTypes.string,description:r.PropTypes.string,image:r.PropTypes.string,learnMoreText:r.PropTypes.string,onSelectItem:r.PropTypes.func};w.propTypes={items:r.PropTypes.array,showMoreText:r.PropTypes.string,learnMoreText:r.PropTypes.string,onSelectItem:r.PropTypes.func};const M=g.styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2rem;
+
+  & .section__heading {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    text-align: center;
+    width: 100%;
+  }
+
+  & .section__title {
+    color: var(--navy-900, #0c1520);
+    text-align: center;
+    font-size: 1.5rem;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 2rem;
+  }
+
+  & .section__description {
+    color: var(--navy-500, #7a8594);
+    text-align: center;
+    font-size: 1rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.5rem;
+  }
+
+  @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
+    gap: 1.5rem;
+
+    & .section__heading {
+      gap: 0.5rem;
+    }
+
+    & .section__title {
+      font-size: 1.375rem;
+      font-weight: 600;
+      line-height: 1.75rem;
+      text-align: left;
+    }
+
+    & .section__description {
+      font-size: 0.875rem;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: 0.25px;
+      text-align: left;
+    }
+  }
+`,v=d.forwardRef(({title:t,description:a,showMoreText:s="Show more",learnMoreText:l="Learn more",options:c=[],items:o=[],onSelectItem:f=()=>{}},h)=>{const[p,i]=d.useState(0),n=x=>{i(x)};return e.jsxs(M,{ref:h,children:[e.jsxs("div",{className:"section__heading",children:[t&&e.jsx("div",{className:"section__title",children:t}),a&&e.jsx("div",{className:"section__description",children:a})]}),e.jsx(y,{options:c,selectedOptionCode:p,onSelectOption:n}),e.jsx(w,{items:o==null?void 0:o[p],showMoreText:s,learnMoreText:l,onSelectItem:f},`toggle-section-items__${p}`)]})});v.propTypes={title:r.PropTypes.string,description:r.PropTypes.string,options:r.PropTypes.array,items:r.PropTypes.array,showMoreText:r.PropTypes.string,learnMoreText:r.PropTypes.string,onSelectItem:r.PropTypes.func};module.exports=v;

package/dist/ToggleSection.js

@@ -0,0 +1,397 @@
+import { jsx as r, jsxs as d, Fragment as S } from "react/jsx-runtime";
+import { forwardRef as x, useState as u, useMemo as T } from "react";
+import { P as e } from "./index-CblbdqjE.js";
+import M from "./Chip.js";
+import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as f } from "./consts-BuFChS64.js";
+import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
+import y from "./Button.js";
+const N = m.div`
+  display: flex;
+
+  border: 1px solid var(--gray-200, #e4e9f0);
+  border-radius: 999px;
+
+  & .options__item {
+    display: flex;
+    padding: 0.5rem 2rem;
+    align-items: center;
+    gap: 6px;
+
+    color: var(--neutral-600, #0f2a46);
+    background: var(--gray-100, #f3f6fb);
+    border: 1px solid var(--gray-200, #e4e9f0);
+    font-size: 1rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.5rem;
+
+    &:first-of-type {
+      padding-right: 3rem;
+    }
+
+    &:last-of-type {
+      padding-left: 3rem;
+    }
+
+    &.active {
+      color: var(--white, #fff);
+      background: var(--neutral-600, #0f2a46);
+      font-weight: 500;
+
+      &:hover {
+        color: var(--white, #fff);
+        background: var(--neutral-600, #0f2a46);
+      }
+
+      &:first-of-type {
+        margin-right: -1.5rem;
+        padding-right: 2rem;
+        z-index: 1;
+      }
+
+      &:last-of-type {
+        margin-left: -1.5rem;
+        padding-left: 2rem;
+        z-index: 1;
+      }
+    }
+
+    &:hover {
+      background: var(--gray-200, #e4e9f0);
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${f + "px"}) {
+    width: 100%;
+
+    & .options__item {
+      width: 100%;
+    }
+  }
+`, O = m.div`
+  display: flex;
+  gap: 1.25rem;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+
+  & .section__show-more {
+    color: var(--neutral-600, #0f2a46);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  @media (max-width: ${f + "px"}) {
+    flex-direction: column;
+
+    & .learn-more {
+      display: none;
+    }
+  }
+`, k = m.div`
+  display: flex;
+  padding: 2rem 1.25rem 1.25rem 1.25rem;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
+  border-radius: 0.75rem;
+  border: 1px solid var(--gray-200, #e4e9f0);
+  background: var(--white, #fff);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  width: 100%;
+  max-width: 17.5rem;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  & .card__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1.25rem;
+
+    & .card__image {
+      max-width: 3.5rem;
+      max-height: 3.5rem;
+      width: 100%;
+      height: 100%;
+      aspect-ratio: 1 / 1;
+    }
+
+    & .card__text {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: 1rem;
+
+      & .card__title {
+        color: var(--gray-900, #0c1520);
+        text-align: center;
+        font-size: 1.125rem;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 1.5rem;
+      }
+
+      & .card__divider {
+        height: 1px;
+        width: 100%;
+        background: var(--gray-200, #e4e9f0);
+      }
+
+      & .card__description {
+        color: var(--gray-600, #5a6573);
+        text-align: center;
+        font-size: 0.875rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 1.25rem;
+        letter-spacing: 0.0156rem;
+      }
+    }
+  }
+
+  @media (max-width: ${f + "px"}) {
+    max-width: 100%;
+    flex-direction: row;
+    padding: 1rem;
+
+    & .card__content {
+      flex-direction: row;
+      align-items: flex-start;
+
+      & .card__image {
+        max-width: 2.5rem;
+        max-height: 2.5rem;
+      }
+
+      & .card__text {
+        align-items: flex-start;
+        gap: 0.625rem;
+
+        & .card__divider {
+          display: none;
+        }
+
+        & .card__title {
+          text-align: left;
+          font-size: 1rem;
+        }
+
+        & .card__description {
+          text-align: left;
+        }
+      }
+    }
+  }
+`, w = x(
+  ({ options: t = [], selectedOptionCode: a = null, onSelectOption: l = () => {
+  } }, c) => /* @__PURE__ */ r(N, { children: t == null ? void 0 : t.map((s, o) => /* @__PURE__ */ r(
+    M,
+    {
+      label: s,
+      borderRadius: "curved",
+      color: "neutral",
+      className: `options__item ${a === o ? "active" : ""}`,
+      onClick: () => {
+        l(o);
+      }
+    },
+    `toggle-section-tag__${o + 1}`
+  )) })
+);
+w.propTypes = {
+  options: e.array,
+  selectedOptionCode: e.any,
+  onSelectOption: e.func
+};
+const v = ({
+  title: t,
+  description: a,
+  image: l,
+  learnMoreText: c,
+  onSelectItem: s = () => {
+  }
+}) => /* @__PURE__ */ d(k, { onClick: s, children: [
+  /* @__PURE__ */ d("div", { className: "card__content", children: [
+    /* @__PURE__ */ r("img", { src: l, alt: `Card ${t}`, className: "card__image" }),
+    /* @__PURE__ */ d("div", { className: "card__text", children: [
+      /* @__PURE__ */ r("div", { className: "card__title", children: t }),
+      /* @__PURE__ */ r("div", { className: "card__divider" }),
+      /* @__PURE__ */ r("div", { className: "card__description", children: a })
+    ] })
+  ] }),
+  /* @__PURE__ */ r(
+    y,
+    {
+      text: c,
+      btnType: "basic",
+      color: "neutral",
+      className: "section__show-more learn-more"
+    }
+  )
+] }), b = x(
+  ({ items: t = [], showMoreText: a, learnMoreText: l, onSelectItem: c = () => {
+  } }, s) => {
+    const o = C(), [p, h] = u(!1), g = () => {
+      h((n) => !n);
+    }, i = T(() => t == null ? void 0 : t.map((n, _) => /* @__PURE__ */ r(
+      v,
+      {
+        title: n == null ? void 0 : n.title,
+        description: n == null ? void 0 : n.description,
+        image: n == null ? void 0 : n.image,
+        learnMoreText: l,
+        onSelectItem: () => c(n)
+      },
+      `toggle-section-item__${_ + 1}`
+    )), [t]);
+    return /* @__PURE__ */ r(O, { children: o ? p ? i : /* @__PURE__ */ d(S, { children: [
+      i == null ? void 0 : i.slice(0, 4),
+      (i == null ? void 0 : i.length) > 4 && /* @__PURE__ */ r(
+        y,
+        {
+          text: a,
+          btnType: "basic",
+          color: "neutral",
+          className: "section__show-more",
+          onClick: g
+        }
+      )
+    ] }) : i });
+  }
+);
+v.propTypes = {
+  title: e.string,
+  description: e.string,
+  image: e.string,
+  learnMoreText: e.string,
+  onSelectItem: e.func
+};
+b.propTypes = {
+  items: e.array,
+  showMoreText: e.string,
+  learnMoreText: e.string,
+  onSelectItem: e.func
+};
+const $ = m.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2rem;
+
+  & .section__heading {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    text-align: center;
+    width: 100%;
+  }
+
+  & .section__title {
+    color: var(--navy-900, #0c1520);
+    text-align: center;
+    font-size: 1.5rem;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 2rem;
+  }
+
+  & .section__description {
+    color: var(--navy-500, #7a8594);
+    text-align: center;
+    font-size: 1rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.5rem;
+  }
+
+  @media (max-width: ${f + "px"}) {
+    gap: 1.5rem;
+
+    & .section__heading {
+      gap: 0.5rem;
+    }
+
+    & .section__title {
+      font-size: 1.375rem;
+      font-weight: 600;
+      line-height: 1.75rem;
+      text-align: left;
+    }
+
+    & .section__description {
+      font-size: 0.875rem;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: 0.25px;
+      text-align: left;
+    }
+  }
+`, z = x(
+  ({
+    title: t,
+    description: a,
+    showMoreText: l = "Show more",
+    learnMoreText: c = "Learn more",
+    options: s = [],
+    items: o = [],
+    onSelectItem: p = () => {
+    }
+  }, h) => {
+    const [g, i] = u(0);
+    return /* @__PURE__ */ d($, { ref: h, children: [
+      /* @__PURE__ */ d("div", { className: "section__heading", children: [
+        t && /* @__PURE__ */ r("div", { className: "section__title", children: t }),
+        a && /* @__PURE__ */ r("div", { className: "section__description", children: a })
+      ] }),
+      /* @__PURE__ */ r(
+        w,
+        {
+          options: s,
+          selectedOptionCode: g,
+          onSelectOption: (_) => {
+            i(_);
+          }
+        }
+      ),
+      /* @__PURE__ */ r(
+        b,
+        {
+          items: o == null ? void 0 : o[g],
+          showMoreText: l,
+          learnMoreText: c,
+          onSelectItem: p
+        },
+        `toggle-section-items__${g}`
+      )
+    ] });
+  }
+);
+z.propTypes = {
+  title: e.string,
+  description: e.string,
+  options: e.array,
+  items: e.array,
+  showMoreText: e.string,
+  learnMoreText: e.string,
+  onSelectItem: e.func
+};
+export {
+  z as default
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-CP60mpJO.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),G=require("./Notification.cjs"),v=require("./NotificationContainer.cjs"),L=require("./NotificationMessage.cjs"),x=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),Q=require("./DragAndDropFile.cjs"),U=require("./DragDropFiles.cjs"),z=require("./Dropdown.cjs"),E=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),Ge=require("./SwipeableDrawer.cjs"),ve=require("./TreeMenu.cjs"),Le=require("./MenuItem.cjs"),xe=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./ProductsWithBannerSection.cjs"),We=require("./SimpleProductsSection.cjs"),ke=require("./UrgentSaleProductsSection.cjs"),He=require("./BannerSectionCarousel.cjs"),Re=require("./BannerSectionGrid.cjs"),Oe=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),Ee=require("./BrandHitsSection.cjs"),je=require("./FieldOfInterestsMasonrySection.cjs"),Je=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Xe=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ye=require("./BannerSectionBasic.cjs"),Ze=require("./GeneralWithTagsCardsSection.cjs"),_e=require("./ShopCardsSection.cjs"),$e=require("./QuizSection.cjs"),er=require("./SalesCampaignsSection.cjs"),rr=require("./CalorieCalculatorSection.cjs"),or=require("./BlogCategoryCardsSection.cjs"),tr=require("./BlogProductCardsSection.cjs"),nr=require("./BlogShopCardsSection.cjs"),ir=require("./BlogCardsSponsoredSection.cjs"),cr=require("./BlogListSection.cjs"),ar=require("./AdBannerSection.cjs"),sr=require("./QuattroCardsSection.cjs"),ur=require("./FeedbackSection.cjs"),dr=require("./HelpBannerSection.cjs"),qr=require("./ContactSection.cjs"),lr=require("./FaqSection.cjs"),Sr=require("./SearchSection-BGK1Fxaj.cjs"),pr=require("./StatsSection.cjs"),r=require("./ThemeProvider.cjs"),gr=require("./CustomStyles-D3JePSNK.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=G;exports.NotificationContainer=v;exports.NotificationMessage=L;exports.ProgressBar=x;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=Q;exports.DragDropFiles=U;exports.Dropdown=z.default;exports.DropdownLookup=E;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=Ge;exports.TreeMenu=ve;exports.MenuItem=Le;exports.NestedMenuItem=xe;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.ProductsWithBannerSection=Ve;exports.SimpleProductsSection=We;exports.UrgentSaleProductsSection=ke;exports.BannerSectionCarousel=He;exports.BannerSectionGrid=Re;exports.BannerSectionSimple=Oe;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=Ee;exports.FieldOfInterestsMasonrySection=je;exports.FieldOfInterestsWithAvatarsCardsSection=Je;exports.FieldOfInterestsWithTagsCardsSection=Xe;exports.BannerSectionBasic=Ye;exports.GeneralWithTagsCardsSection=Ze;exports.ShopCardsSection=_e;exports.QuizSection=$e;exports.SalesCampaignsSection=er;exports.CalorieCalculatorSection=rr;exports.BlogCategoryCardsSection=or;exports.BlogProductCardsSection=tr;exports.BlogShopCardsSection=nr;exports.BlogCardsSponsoredSection=ir;exports.BlogListSection=cr;exports.AdBannerSection=ar;exports.QuattroCardsSection=sr;exports.FeedbackSection=ur;exports.HelpBannerSection=dr;exports.ContactSection=qr;exports.FaqSection=lr;exports.SearchSection=Sr.SearchSection;exports.StatsSection=pr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=gr.components;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-CP60mpJO.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),G=require("./Notification.cjs"),v=require("./NotificationContainer.cjs"),L=require("./NotificationMessage.cjs"),x=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),Q=require("./DragAndDropFile.cjs"),U=require("./DragDropFiles.cjs"),z=require("./Dropdown.cjs"),E=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),Ge=require("./SwipeableDrawer.cjs"),ve=require("./TreeMenu.cjs"),Le=require("./MenuItem.cjs"),xe=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./ProductsWithBannerSection.cjs"),We=require("./SimpleProductsSection.cjs"),ke=require("./UrgentSaleProductsSection.cjs"),He=require("./BannerSectionCarousel.cjs"),Re=require("./BannerSectionGrid.cjs"),Oe=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),Ee=require("./BrandHitsSection.cjs"),je=require("./FieldOfInterestsMasonrySection.cjs"),Je=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Xe=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ye=require("./BannerSectionBasic.cjs"),Ze=require("./GeneralWithTagsCardsSection.cjs"),_e=require("./ShopCardsSection.cjs"),$e=require("./QuizSection.cjs"),er=require("./SalesCampaignsSection.cjs"),rr=require("./CalorieCalculatorSection.cjs"),or=require("./BlogCategoryCardsSection.cjs"),tr=require("./BlogProductCardsSection.cjs"),nr=require("./BlogShopCardsSection.cjs"),ir=require("./BlogCardsSponsoredSection.cjs"),cr=require("./BlogListSection.cjs"),ar=require("./AdBannerSection.cjs"),sr=require("./QuattroCardsSection.cjs"),ur=require("./FeedbackSection.cjs"),dr=require("./HelpBannerSection.cjs"),qr=require("./ContactSection.cjs"),lr=require("./FaqSection.cjs"),Sr=require("./SearchSection-BGK1Fxaj.cjs"),pr=require("./StatsSection.cjs"),gr=require("./ToggleSection.cjs"),r=require("./ThemeProvider.cjs"),Cr=require("./CustomStyles-D3JePSNK.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=G;exports.NotificationContainer=v;exports.NotificationMessage=L;exports.ProgressBar=x;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=Q;exports.DragDropFiles=U;exports.Dropdown=z.default;exports.DropdownLookup=E;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=Ge;exports.TreeMenu=ve;exports.MenuItem=Le;exports.NestedMenuItem=xe;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.ProductsWithBannerSection=Ve;exports.SimpleProductsSection=We;exports.UrgentSaleProductsSection=ke;exports.BannerSectionCarousel=He;exports.BannerSectionGrid=Re;exports.BannerSectionSimple=Oe;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=Ee;exports.FieldOfInterestsMasonrySection=je;exports.FieldOfInterestsWithAvatarsCardsSection=Je;exports.FieldOfInterestsWithTagsCardsSection=Xe;exports.BannerSectionBasic=Ye;exports.GeneralWithTagsCardsSection=Ze;exports.ShopCardsSection=_e;exports.QuizSection=$e;exports.SalesCampaignsSection=er;exports.CalorieCalculatorSection=rr;exports.BlogCategoryCardsSection=or;exports.BlogProductCardsSection=tr;exports.BlogShopCardsSection=nr;exports.BlogCardsSponsoredSection=ir;exports.BlogListSection=cr;exports.AdBannerSection=ar;exports.QuattroCardsSection=sr;exports.FeedbackSection=ur;exports.HelpBannerSection=dr;exports.ContactSection=qr;exports.FaqSection=lr;exports.SearchSection=Sr.SearchSection;exports.StatsSection=pr;exports.ToggleSection=gr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Cr.components;

package/dist/index.js

@@ -8,7 +8,7 @@ import { default as c } from "./NumberInput.js";
 import { default as g } from "./PasswordInput.js";
 import { default as B } from "./RadioInput.js";
 import { default as D } from "./RangeSlider.js";
-import { default as F } from "./TextAreaInput.js";
+import { default as T } from "./TextAreaInput.js";
 import { default as w } from "./TextInput.js";
 import { default as h } from "./TimeInput.js";
 import { default as M } from "./Badge.js";
@@ -35,7 +35,7 @@ import { default as ce } from "./Spinner.js";
 import { default as ge } from "./Avatar.js";
 import { default as Be } from "./Button.js";
 import { default as De } from "./Icon.js";
-import { default as Fe } from "./IconButton.js";
+import { default as Te } from "./IconButton.js";
 import { default as we } from "./Link.js";
 import { default as he } from "./Surface.js";
 import { default as Me } from "./UploadedFile.js";
@@ -62,7 +62,7 @@ import { default as So } from "./Header.js";
 import { default as Co } from "./PageLayout.js";
 import { default as Io } from "./Sidebar.js";
 import { default as bo } from "./Tabs.js";
-import { default as To } from "./TabItem.js";
+import { default as Fo } from "./TabItem.js";
 import { default as Po } from "./Accordion.js";
 import { default as Ao } from "./AccordionSummary.js";
 import { default as Go } from "./AccordionDetails.js";
@@ -89,7 +89,7 @@ import { default as St } from "./TreeMenuSeparator.js";
 import { default as Ct } from "./MasonryGeneralCardsSection.js";
 import { default as It } from "./DetailedProductsSection.js";
 import { default as bt } from "./ProductsWithBannerSection.js";
-import { default as Tt } from "./SimpleProductsSection.js";
+import { default as Ft } from "./SimpleProductsSection.js";
 import { default as Pt } from "./UrgentSaleProductsSection.js";
 import { default as At } from "./BannerSectionCarousel.js";
 import { default as Gt } from "./BannerSectionGrid.js";
@@ -116,12 +116,13 @@ import { default as Sr } from "./AdBannerSection.js";
 import { default as Cr } from "./QuattroCardsSection.js";
 import { default as Ir } from "./FeedbackSection.js";
 import { default as br } from "./HelpBannerSection.js";
-import { default as Tr } from "./ContactSection.js";
+import { default as Fr } from "./ContactSection.js";
 import { default as Pr } from "./FaqSection.js";
 import { S as Ar } from "./SearchSection-CsfURtvf.js";
 import { default as Gr } from "./StatsSection.js";
-import { default as Lr, useTheme as Kr } from "./ThemeProvider.js";
-import { c as Vr } from "./CustomStyles-DpKzWczC.js";
+import { default as Lr } from "./ToggleSection.js";
+import { default as Nr, useTheme as Vr } from "./ThemeProvider.js";
+import { c as kr } from "./CustomStyles-DpKzWczC.js";
 export {
   Po as Accordion,
   Go as AccordionDetails,
@@ -151,7 +152,7 @@ export {
   v as Chip,
   a as ColorInput,
   No as ConfirmationForm,
-  Tr as ContactSection,
+  Fr as ContactSection,
   $e as Content,
   K as DataView,
   d as DateInput,
@@ -187,7 +188,7 @@ export {
   So as Header,
   br as HelpBannerSection,
   De as Icon,
-  Fe as IconButton,
+  Te as IconButton,
   O as Kanban,
   Z as KanbanActionsToolbar,
   U as KanbanCard,
@@ -228,25 +229,26 @@ export {
   qo as Separator,
   _t as ShopCardsSection,
   Io as Sidebar,
-  Tt as SimpleProductsSection,
+  Ft as SimpleProductsSection,
   ce as Spinner,
   Gr as StatsSection,
   he as Surface,
   lt as SwipeableDrawer,
-  To as TabItem,
+  Fo as TabItem,
   $ as Table,
   oe as TableView,
   bo as Tabs,
-  F as TextAreaInput,
+  T as TextAreaInput,
   w as TextInput,
-  Lr as ThemeProvider,
+  Nr as ThemeProvider,
   h as TimeInput,
   Xe as Toggle,
+  Lr as ToggleSection,
   ut as TreeMenu,
   St as TreeMenuSeparator,
   Me as UploadedFile,
   Pt as UrgentSaleProductsSection,
-  Vr as components,
+  kr as components,
   s as registerLocale,
-  Kr as useTheme
+  Vr as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.116",
+  "version": "4.0.118",
   "description": "React component library",
   "type": "module",
   "keywords": [
@@ -162,7 +162,8 @@
     "./ContactSection": "./dist/ContactSection.js",
     "./FaqSection": "./dist/FaqSection.js",
     "./SearchSection": "./dist/SearchSection.js",
-    "./StatsSection": "./dist/StatsSection.js"
+    "./StatsSection": "./dist/StatsSection.js",
+    "./ToggleSection": "./dist/ToggleSection.js"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.0.5",

package/vite.config.js

@@ -331,6 +331,10 @@ export default defineConfig({
           "src/Help Sections/search-section/SearchSection.jsx"
         ),
         resolve(__dirname, "src/Help Sections/stats-section/StatsSection.jsx"),
+        resolve(
+          __dirname,
+          "src/Help Sections/toggle-section/ToggleSection.jsx"
+        ),
       ],
       name: "@lanaco/lnc-react-ui",
       fileName: (format, name) => {