@anoki/fse-ui 2.3.0-RC3 → 2.3.0-RC4

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ActionBanner/ActionBanner.css');const r=require("./index.cjs263.js"),a=require("./index.cjs319.js"),w=require("react"),g=require("./index.cjs21.js"),E=require("./index.cjs36.js"),$=require("./index.cjs235.js"),k=require("./index.cjs320.js");;/* empty css              */const A=require("./index.cjs225.js"),m=require("./index.cjs128.js"),p=require("./index.cjs180.js"),S=require("./index.cjs117.js");var h=(n=>(n.DEFAULT="default",n.OUTLINE="outline",n.SIMPLE="simple",n))(h||{});const j=({linkData:n,onDownload:t,iconColor:i="primary",textColor:o="primary"})=>r.jsxRuntimeExports.jsx(E.Button,{className:"bg-transparent download-button",onClick:()=>t(n,n.title),"aria-label":`Scarica ${n.title}`,children:r.jsxRuntimeExports.jsxs("span",{style:{color:`var(--${o})`,display:"flex",alignItems:"center",gap:"8px"},children:[r.jsxRuntimeExports.jsx(S.Download,{color:i,"aria-hidden":"true"}),n.title]})}),T=({title:n,description:t,variant:i="default",withIcon:o=!1,icon:l,link:f,firstAction:b,secondAction:y,maxWidth:R="642px",minHeight:L,linkPositionFixed:v=!1})=>{const x=w.useId(),c=async(e,s)=>{try{const q=await(await fetch(e.link)).blob();k.FileSaver_minExports.saveAs(q,s)}catch(d){console.error("Error downloading file:",d)}},N=e=>!e||!e.title?null:e.linkType===a.distExports.LinkTypeEnum.DOWNLOAD?r.jsxRuntimeExports.jsx(j,{linkData:e,onDownload:c}):e.isExternal?r.jsxRuntimeExports.jsx(p.Link,{title:e.title,src:e.link,icon:m.ExternalLink,external:!0}):r.jsxRuntimeExports.jsx(g.ArrowLink,{asLink:"a",href:e.link,isExternal:!1,children:e.title}),u=(e,s)=>!e||!e.title?null:e.linkType===a.distExports.LinkTypeEnum.DOWNLOAD?r.jsxRuntimeExports.jsx(j,{linkData:e,onDownload:c}):e.isExternal?r.jsxRuntimeExports.jsx(p.Link,{title:e.title,src:e.link,icon:m.ExternalLink,decoration:"ui-footer-logo-link",transform:"none",external:!0}):r.jsxRuntimeExports.jsx(E.Button,{variant:s,className:s==="secondary"?"left-button":"",asLink:"a",href:e.link,border:"primary",isExternal:!1,children:e.title});return r.jsxRuntimeExports.jsxs("section",{className:`action-banner action-banner-${i}`,"aria-labelledby":x,style:{maxWidth:R,minHeight:L,width:"100%",height:"100%"},children:[r.jsxRuntimeExports.jsx("header",{className:"banner-head",children:r.jsxRuntimeExports.jsx("h2",{id:x,className:"banner-title fs-3 md-fs-2",children:n})}),r.jsxRuntimeExports.jsxs("div",{className:"banner-body",style:v?{flex:1}:void 0,children:[o&&r.jsxRuntimeExports.jsx("div",{className:"banner-icon","aria-hidden":"true",children:l?r.jsxRuntimeExports.jsx($.SvgIcon,{icon:l,className:"banner-icon__svg"}):r.jsxRuntimeExports.jsx(A.Shape,{})}),r.jsxRuntimeExports.jsx("div",{className:"banner-description text-slate-28",children:t})]}),r.jsxRuntimeExports.jsxs("div",{className:"banner-actions",children:[N(f),u(b,"primary"),u(y,"secondary")]})]})};exports.ActionBanner=T;exports.ActionBannerVariantEnum=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ActionBanner/ActionBanner.css');const r=require("./index.cjs263.js"),a=require("./index.cjs318.js"),w=require("react"),g=require("./index.cjs21.js"),E=require("./index.cjs36.js"),$=require("./index.cjs235.js"),k=require("./index.cjs319.js");;/* empty css              */const A=require("./index.cjs225.js"),m=require("./index.cjs128.js"),p=require("./index.cjs180.js"),S=require("./index.cjs117.js");var h=(n=>(n.DEFAULT="default",n.OUTLINE="outline",n.SIMPLE="simple",n))(h||{});const j=({linkData:n,onDownload:t,iconColor:i="primary",textColor:o="primary"})=>r.jsxRuntimeExports.jsx(E.Button,{className:"bg-transparent download-button",onClick:()=>t(n,n.title),"aria-label":`Scarica ${n.title}`,children:r.jsxRuntimeExports.jsxs("span",{style:{color:`var(--${o})`,display:"flex",alignItems:"center",gap:"8px"},children:[r.jsxRuntimeExports.jsx(S.Download,{color:i,"aria-hidden":"true"}),n.title]})}),T=({title:n,description:t,variant:i="default",withIcon:o=!1,icon:l,link:f,firstAction:b,secondAction:y,maxWidth:R="642px",minHeight:L,linkPositionFixed:v=!1})=>{const x=w.useId(),c=async(e,s)=>{try{const q=await(await fetch(e.link)).blob();k.FileSaver_minExports.saveAs(q,s)}catch(d){console.error("Error downloading file:",d)}},N=e=>!e||!e.title?null:e.linkType===a.distExports.LinkTypeEnum.DOWNLOAD?r.jsxRuntimeExports.jsx(j,{linkData:e,onDownload:c}):e.isExternal?r.jsxRuntimeExports.jsx(p.Link,{title:e.title,src:e.link,icon:m.ExternalLink,external:!0}):r.jsxRuntimeExports.jsx(g.ArrowLink,{asLink:"a",href:e.link,isExternal:!1,children:e.title}),u=(e,s)=>!e||!e.title?null:e.linkType===a.distExports.LinkTypeEnum.DOWNLOAD?r.jsxRuntimeExports.jsx(j,{linkData:e,onDownload:c}):e.isExternal?r.jsxRuntimeExports.jsx(p.Link,{title:e.title,src:e.link,icon:m.ExternalLink,decoration:"ui-footer-logo-link",transform:"none",external:!0}):r.jsxRuntimeExports.jsx(E.Button,{variant:s,className:s==="secondary"?"left-button":"",asLink:"a",href:e.link,border:"primary",isExternal:!1,children:e.title});return r.jsxRuntimeExports.jsxs("section",{className:`action-banner action-banner-${i}`,"aria-labelledby":x,style:{maxWidth:R,minHeight:L,width:"100%",height:"100%"},children:[r.jsxRuntimeExports.jsx("header",{className:"banner-head",children:r.jsxRuntimeExports.jsx("h2",{id:x,className:"banner-title fs-3 md-fs-2",children:n})}),r.jsxRuntimeExports.jsxs("div",{className:"banner-body",style:v?{flex:1}:void 0,children:[o&&r.jsxRuntimeExports.jsx("div",{className:"banner-icon","aria-hidden":"true",children:l?r.jsxRuntimeExports.jsx($.SvgIcon,{icon:l,className:"banner-icon__svg"}):r.jsxRuntimeExports.jsx(A.Shape,{})}),r.jsxRuntimeExports.jsx("div",{className:"banner-description text-slate-28",children:t})]}),r.jsxRuntimeExports.jsxs("div",{className:"banner-actions",children:[N(f),u(b,"primary"),u(y,"secondary")]})]})};exports.ActionBanner=T;exports.ActionBannerVariantEnum=h;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs80.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs263.js"),a=require("./index.cjs265.js"),u=require("./index.cjs299.js"),x=({width:r=24,height:o=24,className:l,color:t,onClick:i,decorative:s=!1,ariaLabel:n="Close"})=>{const c=u.createColorClasses({color:t});return e.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,fill:"currentColor",viewBox:"0 0 24 24",className:a.clsx(l,c),"aria-hidden":s,"aria-label":s?void 0:n,onClick:i,children:e.jsxRuntimeExports.jsx("path",{d:"m12.7 12 6.7 6.6-.8.8-6.6-6.7-6.6 6.7-.8-.8 6.7-6.6-6.7-6.6.8-.8 6.6 6.7 6.6-6.7.8.8z"})})};exports.Close=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs263.js"),a=require("./index.cjs265.js"),u=require("./index.cjs338.js"),x=({width:r=24,height:o=24,className:l,color:t,onClick:i,decorative:s=!1,ariaLabel:n="Close"})=>{const c=u.createColorClasses({color:t});return e.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:o,fill:"currentColor",viewBox:"0 0 24 24",className:a.clsx(l,c),"aria-hidden":s,"aria-label":s?void 0:n,onClick:i,children:e.jsxRuntimeExports.jsx("path",{d:"m12.7 12 6.7 6.6-.8.8-6.6-6.7-6.6 6.7-.8-.8 6.7-6.6-6.7-6.6.8-.8 6.6 6.7 6.6-6.7.8.8z"})})};exports.Close=x;
 //# sourceMappingURL=index.cjs80.js.map

package/dist/index.cjs81.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs263.js"),i=require("./index.cjs265.js"),n=require("./index.cjs299.js"),h=({width:e=24,height:r=24,className:t,color:l,decorative:c=!1,ariaLabel:a="CNS"})=>{const o=n.createColorClasses({color:l});return s.jsxRuntimeExports.jsxs("svg",{width:e,height:r,viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":c,"aria-label":c?void 0:a,className:i.clsx(t,o),children:[s.jsxRuntimeExports.jsx("path",{fill:"#fff",d:"M21.068 9.195h-8.902c-.22 0-.4.182-.4.405s.18.406.4.406h8.902c.22 0 .4-.182.4-.406a.403.403 0 0 0-.4-.405M21.068 12.148h-8.902c-.22 0-.4.19-.4.413a.41.41 0 0 0 .4.413h8.902c.22 0 .4-.19.4-.413a.41.41 0 0 0-.4-.413M21.068 15.129h-8.902c-.22 0-.4.182-.4.405s.18.405.4.405h8.902c.22 0 .4-.182.4-.405a.403.403 0 0 0-.4-.405M6.416 12.395c1.37 0 2.482-1.124 2.482-2.51s-1.111-2.51-2.482-2.51-2.482 1.124-2.482 2.51 1.11 2.51 2.482 2.51M10.195 14.064a3.2 3.2 0 0 0-.948-1.02 4.2 4.2 0 0 0-1.056-.528 3.107 3.107 0 0 1-3.55 0c-.39.132-.745.309-1.056.528-.4.281-.72.624-.947 1.02-.238.41-.372.869-.398 1.361a97 97 0 0 0-.005 1.073c0 .38.342.688.763.688h6.836c.421 0 .763-.308.763-.688 0-.01 0-.994-.005-1.072a3 3 0 0 0-.397-1.362"}),s.jsxRuntimeExports.jsx("path",{fill:"#fff",d:"M22.065 4.793H1.935A1.95 1.95 0 0 0 0 6.75v11.267c0 1.079.868 1.957 1.936 1.957h20.129A1.95 1.95 0 0 0 24 18.017V6.75c0-1.079-.868-1.957-1.936-1.957m1.179 13.224c0 .657-.53 1.192-1.18 1.192H1.936c-.65 0-1.18-.535-1.18-1.192V6.75c0-.658.53-1.192 1.18-1.192h20.129c.65 0 1.179.534 1.179 1.192z"})]})};exports.Cns=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs263.js"),i=require("./index.cjs265.js"),n=require("./index.cjs338.js"),h=({width:e=24,height:r=24,className:t,color:l,decorative:c=!1,ariaLabel:a="CNS"})=>{const o=n.createColorClasses({color:l});return s.jsxRuntimeExports.jsxs("svg",{width:e,height:r,viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":c,"aria-label":c?void 0:a,className:i.clsx(t,o),children:[s.jsxRuntimeExports.jsx("path",{fill:"#fff",d:"M21.068 9.195h-8.902c-.22 0-.4.182-.4.405s.18.406.4.406h8.902c.22 0 .4-.182.4-.406a.403.403 0 0 0-.4-.405M21.068 12.148h-8.902c-.22 0-.4.19-.4.413a.41.41 0 0 0 .4.413h8.902c.22 0 .4-.19.4-.413a.41.41 0 0 0-.4-.413M21.068 15.129h-8.902c-.22 0-.4.182-.4.405s.18.405.4.405h8.902c.22 0 .4-.182.4-.405a.403.403 0 0 0-.4-.405M6.416 12.395c1.37 0 2.482-1.124 2.482-2.51s-1.111-2.51-2.482-2.51-2.482 1.124-2.482 2.51 1.11 2.51 2.482 2.51M10.195 14.064a3.2 3.2 0 0 0-.948-1.02 4.2 4.2 0 0 0-1.056-.528 3.107 3.107 0 0 1-3.55 0c-.39.132-.745.309-1.056.528-.4.281-.72.624-.947 1.02-.238.41-.372.869-.398 1.361a97 97 0 0 0-.005 1.073c0 .38.342.688.763.688h6.836c.421 0 .763-.308.763-.688 0-.01 0-.994-.005-1.072a3 3 0 0 0-.397-1.362"}),s.jsxRuntimeExports.jsx("path",{fill:"#fff",d:"M22.065 4.793H1.935A1.95 1.95 0 0 0 0 6.75v11.267c0 1.079.868 1.957 1.936 1.957h20.129A1.95 1.95 0 0 0 24 18.017V6.75c0-1.079-.868-1.957-1.936-1.957m1.179 13.224c0 .657-.53 1.192-1.18 1.192H1.936c-.65 0-1.18-.535-1.18-1.192V6.75c0-.658.53-1.192 1.18-1.192h20.129c.65 0 1.179.534 1.179 1.192z"})]})};exports.Cns=h;
 //# sourceMappingURL=index.cjs81.js.map

package/dist/index.cjs82.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index.cjs263.js"),g=require("react"),m=require("./index.cjs265.js"),q=require("./index.cjs386.js"),x=require("./index.cjs299.js"),j=require("./index.cjs387.js"),b=({as:e,className:o,justifyContent:c,alignItems:t,flexWrap:r,ref:n,style:a,...s})=>{const l=e||"div",i=g.useMemo(()=>{const u=q.createSpacingClasses(s),p=x.createColorClasses(s),C=j.createTypographyClasses(s);return[...u,...p,...C].join(" ")},[s]);return y.jsxRuntimeExports.jsx(l,{ref:n,className:m.clsx("base-col",o,i),style:{justifyContent:c,alignItems:t,flexWrap:r,...a},...s})};exports.Col=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index.cjs263.js"),g=require("react"),m=require("./index.cjs265.js"),q=require("./index.cjs386.js"),x=require("./index.cjs338.js"),j=require("./index.cjs387.js"),b=({as:e,className:o,justifyContent:c,alignItems:t,flexWrap:r,ref:n,style:a,...s})=>{const l=e||"div",i=g.useMemo(()=>{const u=q.createSpacingClasses(s),p=x.createColorClasses(s),C=j.createTypographyClasses(s);return[...u,...p,...C].join(" ")},[s]);return y.jsxRuntimeExports.jsx(l,{ref:n,className:m.clsx("base-col",o,i),style:{justifyContent:c,alignItems:t,flexWrap:r,...a},...s})};exports.Col=b;
 //# sourceMappingURL=index.cjs82.js.map

package/dist/index.cjs86.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CommunicationSeach/CommunicationSearch.css');const s=require("./index.cjs263.js");;/* empty css              */const a=require("./index.cjs265.js"),x=require("react"),w=require("./index.cjs229.js"),C=require("./index.cjs80.js"),y=require("./index.cjs82.js"),v=require("./index.cjs36.js");function S({btnText:j,helperText:f="Cosa vuoi approfondire?",value:i,loading:h,items:n,emptyLabel:g="Nessun risultato disponibile",setValue:R,setSelectedElement:E}){const[u,c]=x.useState(!1),m=e=>{const t=e.target.value;R(t)},b=e=>{E(e),c(!1)},N=x.useCallback((e,t)=>{if(!t)return e;const r=e.toLowerCase().indexOf(t.toLowerCase());if(r===-1)return e;const o=e.slice(0,r),p=e.slice(r,r+t.length),l=e.slice(r+t.length);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o,s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:p}),l]})},[]),d=x.useMemo(()=>u||i.length>=3&&(n==null?void 0:n.length)>0?!0:u,[u,n==null?void 0:n.length,i.length]);return s.jsxRuntimeExports.jsxs("div",{className:a.clsx("ui-communication-search","br-x4 bg-border-secondary w-full"),onBlur:()=>{setTimeout(()=>{c(!1)},150)},children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative w-full",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:a.clsx("ui-communication-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"),placeholder:f,"aria-label":"Barra di ricerca",value:i,onChange:m,onFocus:()=>c(!0)}),h&&s.jsxRuntimeExports.jsx(w.Spinner,{className:"ui-loading-spinner"}),i&&i.length>=3&&s.jsxRuntimeExports.jsx(C.Close,{className:"ui-clean-button",onClick:()=>{m({target:{value:""}})}})]}),s.jsxRuntimeExports.jsx("div",{className:a.clsx("ui-wrap-list-item-search shadow position-absolute",{"py-x24":d}),children:s.jsxRuntimeExports.jsx(y.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto",children:d&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[n.map((e,t)=>{var r;return(r=e.items)!=null&&r.length?s.jsxRuntimeExports.jsx(x.Fragment,{children:s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx("h1",{className:"category-title fw-semibold text-dark fs-6 mb-x8 px-x24",children:e.category}),s.jsxRuntimeExports.jsx("ul",{className:"list-unstyled",children:e.items.map((o,p)=>s.jsxRuntimeExports.jsx("li",{onClick:l=>{l.stopPropagation(),l.preventDefault(),b(o)},className:"cursor-pointer py-x8 px-x24",children:N(o.name,i||"")},o.id??`${t}-${p}`))})]})},t):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{})}),!h&&n.every(e=>e.items.length===0)?s.jsxRuntimeExports.jsx("p",{className:" px-x24 fs-6",children:g}):""]})})}),s.jsxRuntimeExports.jsx("div",{className:a.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(v.Button,{className:a.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{m({target:{value:i}}),c(!0)},children:j})})]})}exports.CommunicationSearch=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CommunicationSeach/CommunicationSearch.css');const s=require("./index.cjs263.js");;/* empty css              */const a=require("./index.cjs265.js"),x=require("react"),w=require("./index.cjs229.js"),C=require("./index.cjs80.js"),y=require("./index.cjs82.js"),v=require("./index.cjs36.js"),S=({btnText:d,helperText:j="Cosa vuoi approfondire?",value:i,loading:p,items:t,emptyLabel:f="Nessun risultato disponibile",setValue:g,setSelectedElement:R})=>{const[u,c]=x.useState(!1),m=e=>{const n=e.target.value;g(n)},E=e=>{R(e),c(!1)},b=x.useCallback((e,n)=>{if(!n)return e;const r=e.toLowerCase().indexOf(n.toLowerCase());if(r===-1)return e;const o=e.slice(0,r),l=e.slice(r,r+n.length),N=e.slice(r+n.length);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o,s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l}),N]})},[]),h=x.useMemo(()=>u||i.length>=3&&(t==null?void 0:t.length)>0?!0:u,[u,t==null?void 0:t.length,i.length]);return s.jsxRuntimeExports.jsxs("div",{className:a.clsx("ui-communication-search","br-x4 bg-border-secondary w-full"),onBlur:()=>{setTimeout(()=>{c(!1)},150)},children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative w-full",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:a.clsx("ui-communication-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"),placeholder:j,"aria-label":"Barra di ricerca",value:i,onChange:m,onFocus:()=>c(!0)}),p&&s.jsxRuntimeExports.jsx(w.Spinner,{className:"ui-loading-spinner"}),i&&i.length>=3&&s.jsxRuntimeExports.jsx(C.Close,{className:"ui-clean-button",onClick:()=>{m({target:{value:""}})}})]}),s.jsxRuntimeExports.jsx("div",{className:a.clsx("ui-wrap-list-item-search shadow position-absolute",{"py-x24":h}),children:s.jsxRuntimeExports.jsx(y.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto",children:h&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[t.map((e,n)=>{var r;return(r=e.items)!=null&&r.length?s.jsxRuntimeExports.jsx(x.Fragment,{children:s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx("h1",{className:"category-title fw-semibold text-dark fs-6 mb-x8 px-x24",children:e.category}),s.jsxRuntimeExports.jsx("ul",{className:"list-unstyled",children:e.items.map(o=>s.jsxRuntimeExports.jsx("li",{onClick:l=>{l.stopPropagation(),l.preventDefault(),E(o)},className:"cursor-pointer py-x8 px-x24",children:b(o.name,i||"")},o.id))})]})},n):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{})}),!p&&t.every(e=>e.items.length===0)?s.jsxRuntimeExports.jsx("p",{className:" px-x24 fs-6",children:f}):""]})})}),s.jsxRuntimeExports.jsx("div",{className:a.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(v.Button,{className:a.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{m({target:{value:i}}),c(!0)},children:d})})]})};exports.CommunicationSearch=S;
 //# sourceMappingURL=index.cjs86.js.map

package/dist/index.cjs86.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs86.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, Fragment, useCallback, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\n\nexport type SuggestionItem = {\n  id?: string;\n  name: string;\n};\n\nexport type Suggestion<T extends SuggestionItem = SuggestionItem> = {\n  category: string;\n  items: T[];\n};\n\nexport type CommunicationSearchProps<T extends SuggestionItem = SuggestionItem> = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion<T>[];\n  loading?: boolean;\n  emptyLabel?: string;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: T) => void;\n};\n\nexport function CommunicationSearch<T extends SuggestionItem = SuggestionItem>({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps<T>) {\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValue(inputValue);\n  };\n\n  const handleSelectItem = (item: T) => {\n    setSelectedElement(item);\n    setFocus(false);\n  };\n\n  const highlightMatch = useCallback((text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  }, []);\n\n  const showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (value.length >= 3 && items?.length > 0) {\n      return true;\n    }\n\n    return focus;\n  }, [focus, items?.length, value.length]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => {\n        setTimeout(() => {\n          setFocus(false);\n        }, 150);\n      }}\n    >\n      <div className={\"position-relative w-full\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={value}\n          onChange={handleInputChange}\n          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\n        {value && value.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\n      >\n        <Col\n          gap=\"x24\"\n          fw=\"regular\"\n          text=\"secondary\"\n          fs=\"6\"\n          className=\"ui-list-item-search overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {items.map((group, index) =>\n                group.items?.length ? (\n                  <Fragment key={index}>\n                    <div>\n                      <h1 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                        {group.category}\n                      </h1>\n                      <ul className=\"list-unstyled\">\n                        {group.items.map((item, itemIndex) => (\n                          <li\n                            key={item.id ?? `${index}-${itemIndex}`}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n\n                              handleSelectItem(item);\n                            }}\n                            className=\"cursor-pointer py-x8 px-x24\"\n                          >\n                            {highlightMatch(item.name, value || \"\")}\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  </Fragment>\n                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              items.every((suggestion) => suggestion.items.length === 0) ? (\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            handleInputChange({ target: { value } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","itemIndex","e","suggestion","Button"],"mappings":"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"}
+{"version":3,"file":"index.cjs86.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, Fragment, useCallback, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  emptyLabel?: string;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValue(inputValue);\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setSelectedElement(item);\n    setFocus(false);\n  };\n\n  const highlightMatch = useCallback((text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  }, []);\n\n  const showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (value.length >= 3 && items?.length > 0) {\n      return true;\n    }\n\n    return focus;\n  }, [focus, items?.length, value.length]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => {\n        setTimeout(() => {\n          setFocus(false);\n        }, 150);\n      }}\n    >\n      <div className={\"position-relative w-full\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={value}\n          onChange={handleInputChange}\n          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\n        {value && value.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\n      >\n        <Col\n          gap=\"x24\"\n          fw=\"regular\"\n          text=\"secondary\"\n          fs=\"6\"\n          className=\"ui-list-item-search overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {items.map((group, index) =>\n                group.items?.length ? (\n                  <Fragment key={index}>\n                    <div>\n                      <h1 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                        {group.category}\n                      </h1>\n                      <ul className=\"list-unstyled\">\n                        {group.items.map((item) => (\n                          <li\n                            key={item.id}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n\n                              handleSelectItem(item);\n                            }}\n                            className=\"cursor-pointer py-x8 px-x24\"\n                          >\n                            {highlightMatch(item.name, value || \"\")}\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  </Fragment>\n                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              items.every((suggestion) => suggestion.items.length === 0) ? (\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            handleInputChange({ target: { value } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","e","suggestion","Button"],"mappings":"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"}

package/dist/index.cjs87.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs263.js"),n=require("./index.cjs86.js"),o=require("./index.cjs223.js");function s({title:t,searchProps:i}){return e.jsxRuntimeExports.jsxs("section",{className:"d-flex flex-column gap-x28",children:[e.jsxRuntimeExports.jsx(o.SectionHeading,{className:"title",title:t,titleMarginBottom:"mb-x0"}),e.jsxRuntimeExports.jsx(n.CommunicationSearch,{...i})]})}exports.CommunicationSearchSection=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs263.js"),n=require("./index.cjs86.js"),o=require("./index.cjs223.js"),s=({title:t,searchProps:i})=>e.jsxRuntimeExports.jsxs("section",{className:"d-flex flex-column gap-x28",children:[e.jsxRuntimeExports.jsx(o.SectionHeading,{className:"title",title:t,titleMarginBottom:"mb-x0"}),e.jsxRuntimeExports.jsx(n.CommunicationSearch,{...i})]});exports.CommunicationSearchSection=s;
 //# sourceMappingURL=index.cjs87.js.map

package/dist/index.cjs87.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs87.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import {\n  CommunicationSearch,\n  CommunicationSearchProps,\n  SuggestionItem,\n  SectionHeading,\n} from \"@/components\";\n\ntype Props<T extends SuggestionItem = SuggestionItem> = {\n  title: string;\n  tags?: Array<{ title: string; href: string }>;\n  searchProps: CommunicationSearchProps<T>;\n};\n\nexport function CommunicationSearchSection<T extends SuggestionItem = SuggestionItem>({\n  title,\n  /* tags, */\n  searchProps,\n}: Props<T>) {\n  return (\n    <section className=\"d-flex flex-column gap-x28\">\n      <SectionHeading\n        className=\"title\"\n        title={title}\n        titleMarginBottom=\"mb-x0\"\n      />\n      <CommunicationSearch<T> {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n}\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","SectionHeading","CommunicationSearch"],"mappings":"kLAaO,SAASA,EAAsE,CACpF,MAAAC,EAEA,YAAAC,CACF,EAAa,CACX,OACEC,EAAAA,kBAAAA,KAAC,UAAA,CAAQ,UAAU,6BACjB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,UAAU,QACV,MAAAJ,EACA,kBAAkB,OAAA,CAAA,EAEpBG,wBAACE,EAAAA,oBAAA,CAAwB,GAAGJ,CAAA,CAAa,CAAA,EAE3C,CAEJ"}
+{"version":3,"file":"index.cjs87.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import {\n  CommunicationSearch,\n  CommunicationSearchProps,\n  SectionHeading,\n} from \"@/components\";\n\ntype Props = {\n  title: string;\n  tags?: Array<{ title: string; href: string }>;\n  searchProps: CommunicationSearchProps;\n};\n\nexport const CommunicationSearchSection = ({\n  title,\n  /* tags, */\n  searchProps,\n}: Props) => {\n  return (\n    <section className=\"d-flex flex-column gap-x28\">\n      <SectionHeading\n        className=\"title\"\n        title={title}\n        titleMarginBottom=\"mb-x0\"\n      />\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","SectionHeading","CommunicationSearch"],"mappings":"kLAYaA,EAA6B,CAAC,CACzC,MAAAC,EAEA,YAAAC,CACF,IAEIC,EAAAA,kBAAAA,KAAC,UAAA,CAAQ,UAAU,6BACjB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,UAAU,QACV,MAAAJ,EACA,kBAAkB,OAAA,CAAA,EAEpBG,wBAACE,EAAAA,oBAAA,CAAqB,GAAGJ,CAAA,CAAa,CAAA,EAExC"}

package/dist/index.cjs88.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs263.js"),n=require("./index.cjs265.js"),a=require("./index.cjs299.js"),u=({width:r=40,height:l=40,className:o,color:i,decorative:e=!1,ariaLabel:t="Confirm"})=>{const c=a.createColorClasses({color:i});return s.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:l,fill:"currentColor",viewBox:"0 0 40 40",className:n.clsx(o,c),"aria-hidden":e,"aria-label":e?void 0:t,children:s.jsxRuntimeExports.jsx("path",{fill:"#008055",fillRule:"evenodd",d:"M20.695 36.665c-9.588 0-17.361-7.462-17.361-16.666S11.107 3.332 20.695 3.332c4.605 0 9.02 1.756 12.276 4.882s5.085 7.364 5.085 11.785c0 9.204-7.773 16.666-17.36 16.666m8.854-23.5 1.216 1.167-13.542 12.667-8.16-7.667 1.215-1.167 6.945 6.5zM20.695 5c8.63 0 15.625 6.715 15.625 15s-6.995 15-15.625 15-15.625-6.716-15.625-15c0-8.285 6.996-15 15.625-15",clipRule:"evenodd"})})};exports.Confirm=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs263.js"),n=require("./index.cjs265.js"),a=require("./index.cjs338.js"),u=({width:r=40,height:l=40,className:o,color:i,decorative:e=!1,ariaLabel:t="Confirm"})=>{const c=a.createColorClasses({color:i});return s.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:l,fill:"currentColor",viewBox:"0 0 40 40",className:n.clsx(o,c),"aria-hidden":e,"aria-label":e?void 0:t,children:s.jsxRuntimeExports.jsx("path",{fill:"#008055",fillRule:"evenodd",d:"M20.695 36.665c-9.588 0-17.361-7.462-17.361-16.666S11.107 3.332 20.695 3.332c4.605 0 9.02 1.756 12.276 4.882s5.085 7.364 5.085 11.785c0 9.204-7.773 16.666-17.36 16.666m8.854-23.5 1.216 1.167-13.542 12.667-8.16-7.667 1.215-1.167 6.945 6.5zM20.695 5c8.63 0 15.625 6.715 15.625 15s-6.995 15-15.625 15-15.625-6.716-15.625-15c0-8.285 6.996-15 15.625-15",clipRule:"evenodd"})})};exports.Confirm=u;
 //# sourceMappingURL=index.cjs88.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs263.js"),E=require("./index.cjs265.js"),h=require("react"),q=require("./index.cjs174.js");require("./index.cjs322.js");const w=require("./index.cjs130.js"),x=require("./index.cjs214.js"),L=({iconColor:a,icon:c=t.jsxRuntimeExports.jsx(w.Favourite,{color:a}),noIcon:i=!1,textLabel:k="Default text",handleAction:R=()=>{},handleIconAction:d,classNameComponent:C="fs-7",classNameText:N="",disablePointer:n=!1,iconPosition:r="left",popupInfo:e,positionPopUp:g="right",justifyContent:b="center",alignItems:v="center",children:m=void 0})=>{const u=s=>{n||d&&(s.stopPropagation(),e&&j(!l),d())},[l,j]=h.useState(!1),O=h.useMemo(()=>c||t.jsxRuntimeExports.jsx(w.Favourite,{color:a}),[a,c]);return t.jsxRuntimeExports.jsxs(x.Row,{justifyContent:b,alignItems:v,gap:"x8",className:E.clsx("position-relative",n?"text-muted":"cursor-pointer text-primary",C),onClick:()=>R&&!n&&R(),children:[!i&&(r==="left"||r==null)&&!e?t.jsxRuntimeExports.jsx(x.Row,{alignItems:"center",onClick:s=>u(s),children:O}):e&&!i&&(r==="left"||r==null)&&t.jsxRuntimeExports.jsx(q.InfoPopup,{title:e.title,description:e.description,isOpen:l,positionPopUp:g,onClickCloseBtn:()=>j(!l),className:e.className,ariaLabel:e.ariaLabel,width:e.width,children:e.children}),t.jsxRuntimeExports.jsx("p",{className:E.clsx("fw-bold",N),children:k}),!i&&r==="right"&&!e?t.jsxRuntimeExports.jsxs(x.Row,{gap:"x24",alignItems:"center",onClick:s=>u(s),children:[m,c]}):e&&!i&&r==="right"&&t.jsxRuntimeExports.jsx(q.InfoPopup,{title:e.title,description:e.description,isOpen:l,positionPopUp:g,onClickCloseBtn:()=>j(!l),className:e.className,ariaLabel:e.ariaLabel}),i&&m&&t.jsxRuntimeExports.jsx(x.Row,{gap:"x24",alignItems:"center",onClick:s=>u(s),children:m})]})};exports.ActionIconText=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs263.js"),E=require("./index.cjs265.js"),h=require("react"),q=require("./index.cjs174.js");require("./index.cjs321.js");const w=require("./index.cjs130.js"),x=require("./index.cjs214.js"),L=({iconColor:a,icon:c=t.jsxRuntimeExports.jsx(w.Favourite,{color:a}),noIcon:i=!1,textLabel:k="Default text",handleAction:R=()=>{},handleIconAction:d,classNameComponent:C="fs-7",classNameText:N="",disablePointer:n=!1,iconPosition:r="left",popupInfo:e,positionPopUp:g="right",justifyContent:b="center",alignItems:v="center",children:m=void 0})=>{const u=s=>{n||d&&(s.stopPropagation(),e&&j(!l),d())},[l,j]=h.useState(!1),O=h.useMemo(()=>c||t.jsxRuntimeExports.jsx(w.Favourite,{color:a}),[a,c]);return t.jsxRuntimeExports.jsxs(x.Row,{justifyContent:b,alignItems:v,gap:"x8",className:E.clsx("position-relative",n?"text-muted":"cursor-pointer text-primary",C),onClick:()=>R&&!n&&R(),children:[!i&&(r==="left"||r==null)&&!e?t.jsxRuntimeExports.jsx(x.Row,{alignItems:"center",onClick:s=>u(s),children:O}):e&&!i&&(r==="left"||r==null)&&t.jsxRuntimeExports.jsx(q.InfoPopup,{title:e.title,description:e.description,isOpen:l,positionPopUp:g,onClickCloseBtn:()=>j(!l),className:e.className,ariaLabel:e.ariaLabel,width:e.width,children:e.children}),t.jsxRuntimeExports.jsx("p",{className:E.clsx("fw-bold",N),children:k}),!i&&r==="right"&&!e?t.jsxRuntimeExports.jsxs(x.Row,{gap:"x24",alignItems:"center",onClick:s=>u(s),children:[m,c]}):e&&!i&&r==="right"&&t.jsxRuntimeExports.jsx(q.InfoPopup,{title:e.title,description:e.description,isOpen:l,positionPopUp:g,onClickCloseBtn:()=>j(!l),className:e.className,ariaLabel:e.ariaLabel}),i&&m&&t.jsxRuntimeExports.jsx(x.Row,{gap:"x24",alignItems:"center",onClick:s=>u(s),children:m})]})};exports.ActionIconText=L;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.cjs93.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index.cjs263.js"),n=require("./index.cjs265.js"),c=require("./index.cjs299.js"),u=({width:s=24,height:r=24,className:o,color:a="primary",decorative:e=!1,ariaLabel:i="Copy link"})=>{const t=c.createColorClasses({color:a});return l.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:r,fill:"currentColor",viewBox:"0 0 24 24",className:n.clsx(o,t),"aria-hidden":e,"aria-label":e?void 0:i,children:l.jsxRuntimeExports.jsx("path",{fill:"#06C",fillRule:"evenodd",d:"m12.7 12.7.7.7a3.6 3.6 0 0 0 1.2-2.8 3.6 3.6 0 0 0-1.2-2.8L9.9 4.2a4.2 4.2 0 0 0-5.7 0 4.2 4.2 0 0 0 0 5.7l2.9 2.8.7-.7-2.9-2.8a3.2 3.2 0 0 1 0-4.3 3.2 3.2 0 0 1 4.3 0l3.5 3.6a2.7 2.7 0 0 1 .9 2.1 2.9 2.9 0 0 1-.9 2.1m7.1 1.4a4.2 4.2 0 0 1 0 5.7 3.9 3.9 0 0 1-2.9 1.1 3.8 3.8 0 0 1-2.8-1.1l-3.5-3.6a3.6 3.6 0 0 1-1.2-2.8 3.6 3.6 0 0 1 1.2-2.8l.7.7a2.9 2.9 0 0 0-.9 2.1 2.7 2.7 0 0 0 .9 2.1l3.5 3.6a3.2 3.2 0 0 0 4.3 0 3.2 3.2 0 0 0 0-4.3L16.2 12l.7-.7z",clipRule:"evenodd"})})};exports.CopyLink=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index.cjs263.js"),n=require("./index.cjs265.js"),c=require("./index.cjs338.js"),u=({width:s=24,height:r=24,className:o,color:a="primary",decorative:e=!1,ariaLabel:i="Copy link"})=>{const t=c.createColorClasses({color:a});return l.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:r,fill:"currentColor",viewBox:"0 0 24 24",className:n.clsx(o,t),"aria-hidden":e,"aria-label":e?void 0:i,children:l.jsxRuntimeExports.jsx("path",{fill:"#06C",fillRule:"evenodd",d:"m12.7 12.7.7.7a3.6 3.6 0 0 0 1.2-2.8 3.6 3.6 0 0 0-1.2-2.8L9.9 4.2a4.2 4.2 0 0 0-5.7 0 4.2 4.2 0 0 0 0 5.7l2.9 2.8.7-.7-2.9-2.8a3.2 3.2 0 0 1 0-4.3 3.2 3.2 0 0 1 4.3 0l3.5 3.6a2.7 2.7 0 0 1 .9 2.1 2.9 2.9 0 0 1-.9 2.1m7.1 1.4a4.2 4.2 0 0 1 0 5.7 3.9 3.9 0 0 1-2.9 1.1 3.8 3.8 0 0 1-2.8-1.1l-3.5-3.6a3.6 3.6 0 0 1-1.2-2.8 3.6 3.6 0 0 1 1.2-2.8l.7.7a2.9 2.9 0 0 0-.9 2.1 2.7 2.7 0 0 0 .9 2.1l3.5 3.6a3.2 3.2 0 0 0 4.3 0 3.2 3.2 0 0 0 0-4.3L16.2 12l.7-.7z",clipRule:"evenodd"})})};exports.CopyLink=u;
 //# sourceMappingURL=index.cjs93.js.map

package/dist/index.cjs95.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs263.js"),l=require("./index.cjs265.js"),a=require("./index.cjs299.js"),c=({width:s=24,height:t=24,className:o,color:i="primary",decorative:r=!1,ariaLabel:n="Credit card"})=>{const x=a.createColorClasses({color:i});return e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round",className:l.clsx(o,x),"aria-hidden":r,"aria-label":r?void 0:n,children:[e.jsxRuntimeExports.jsx("rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",ry:"2",stroke:"#06C"}),e.jsxRuntimeExports.jsx("line",{x1:"2",y1:"9",x2:"22",y2:"9",stroke:"#06C"}),e.jsxRuntimeExports.jsx("line",{x1:"6",y1:"14",x2:"10",y2:"14",stroke:"#06C"})]})};exports.CreditCard=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs263.js"),l=require("./index.cjs265.js"),a=require("./index.cjs338.js"),c=({width:s=24,height:t=24,className:o,color:i="primary",decorative:r=!1,ariaLabel:n="Credit card"})=>{const x=a.createColorClasses({color:i});return e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round",className:l.clsx(o,x),"aria-hidden":r,"aria-label":r?void 0:n,children:[e.jsxRuntimeExports.jsx("rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",ry:"2",stroke:"#06C"}),e.jsxRuntimeExports.jsx("line",{x1:"2",y1:"9",x2:"22",y2:"9",stroke:"#06C"}),e.jsxRuntimeExports.jsx("line",{x1:"6",y1:"14",x2:"10",y2:"14",stroke:"#06C"})]})};exports.CreditCard=c;
 //# sourceMappingURL=index.cjs95.js.map

package/dist/index.cjs96.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs263.js"),d=require("./index.cjs299.js"),a=require("./index.cjs265.js"),c=({width:s=27,height:o=19,className:t,color:i="primary",decorative:e=!1,ariaLabel:l="Credit card"})=>{const n=d.createColorClasses({color:i});return r.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:o,viewBox:"0 0 27 19",fill:"none",stroke:"currentColor",strokeWidth:"0.01",strokeLinecap:"round",strokeLinejoin:"round",className:a.clsx(t,n),"aria-hidden":e,"aria-label":e?void 0:l,children:r.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.6667 0H2C0.895431 0 0 0.895431 0 2V16.6667C0 17.7712 0.895431 18.6667 2 18.6667H24.6667C25.7712 18.6667 26.6667 17.7712 26.6667 16.6667V2C26.6667 0.895431 25.7712 0 24.6667 0ZM1.33333 5.33333H25.3333V9.33333H1.33333V5.33333ZM24.6667 17.3333C25.0349 17.3333 25.3333 17.0349 25.3333 16.6667V10.6667H1.33333V16.6667C1.33333 17.0349 1.63181 17.3333 2 17.3333H24.6667ZM1.33333 4V2C1.33333 1.63181 1.63181 1.33333 2 1.33333H24.6667C25.0349 1.33333 25.3333 1.63181 25.3333 2V4H1.33333ZM2.66667 13.3333H8V12H2.66667V13.3333Z",fill:"currentColor"})})};exports.CreditCardV2=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs263.js"),d=require("./index.cjs338.js"),a=require("./index.cjs265.js"),c=({width:s=27,height:o=19,className:t,color:i="primary",decorative:e=!1,ariaLabel:l="Credit card"})=>{const n=d.createColorClasses({color:i});return r.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:o,viewBox:"0 0 27 19",fill:"none",stroke:"currentColor",strokeWidth:"0.01",strokeLinecap:"round",strokeLinejoin:"round",className:a.clsx(t,n),"aria-hidden":e,"aria-label":e?void 0:l,children:r.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.6667 0H2C0.895431 0 0 0.895431 0 2V16.6667C0 17.7712 0.895431 18.6667 2 18.6667H24.6667C25.7712 18.6667 26.6667 17.7712 26.6667 16.6667V2C26.6667 0.895431 25.7712 0 24.6667 0ZM1.33333 5.33333H25.3333V9.33333H1.33333V5.33333ZM24.6667 17.3333C25.0349 17.3333 25.3333 17.0349 25.3333 16.6667V10.6667H1.33333V16.6667C1.33333 17.0349 1.63181 17.3333 2 17.3333H24.6667ZM1.33333 4V2C1.33333 1.63181 1.63181 1.33333 2 1.33333H24.6667C25.0349 1.33333 25.3333 1.63181 25.3333 2V4H1.33333ZM2.66667 13.3333H8V12H2.66667V13.3333Z",fill:"currentColor"})})};exports.CreditCardV2=c;
 //# sourceMappingURL=index.cjs96.js.map

package/dist/index.d.ts

@@ -20,7 +20,7 @@ import { PropsWithChildren } from 'react';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { SectionLink } from '@anoki/fse-common';
-import { Service as Service_3 } from '@anoki/fse-common';
+import { Service as Service_2 } from '@anoki/fse-common';
 import { SettingFooterLink } from '@anoki/fse-common/dist';
 import { Structure } from '@anoki/fse-common';
 
@@ -1179,20 +1179,20 @@ declare type CommunicationContentsSkeletonProps = {
     cardsCount?: number;
 };
 
-export declare function CommunicationSearch<T extends SuggestionItem = SuggestionItem>({ btnText, helperText, value, loading, items, emptyLabel, setValue, setSelectedElement, }: CommunicationSearchProps<T>): JSX.Element;
+export declare const CommunicationSearch: ({ btnText, helperText, value, loading, items, emptyLabel, setValue, setSelectedElement, }: CommunicationSearchProps) => JSX.Element;
 
-export declare type CommunicationSearchProps<T extends SuggestionItem = SuggestionItem> = {
+export declare type CommunicationSearchProps = {
     btnText: string;
     helperText?: string;
     value: string;
-    items: Suggestion<T>[];
+    items: Suggestion[];
     loading?: boolean;
     emptyLabel?: string;
     setValue: (value: string) => void;
-    setSelectedElement: (value: T) => void;
+    setSelectedElement: (value: Service_2) => void;
 };
 
-export declare function CommunicationSearchSection<T extends SuggestionItem = SuggestionItem>({ title, searchProps, }: Props_15<T>): JSX.Element;
+export declare const CommunicationSearchSection: ({ title, searchProps, }: Props_15) => JSX.Element;
 
 declare type Config = {
     REGION: "marche" | "lazio" | "nazionale";
@@ -2512,13 +2512,13 @@ declare type Props_14 = {
     onTagClick: () => void;
 };
 
-declare type Props_15<T extends SuggestionItem = SuggestionItem> = {
+declare type Props_15 = {
     title: string;
     tags?: Array<{
         title: string;
         href: string;
     }>;
-    searchProps: CommunicationSearchProps<T>;
+    searchProps: CommunicationSearchProps;
 };
 
 declare type Props_16 = {
@@ -2725,7 +2725,7 @@ export declare type SearchServiceProps = {
     btnText: string;
     helperText: string;
     value: string;
-    items: Service_3[];
+    items: Service_2[];
     setValue: (value: string) => void;
 };
 
@@ -2748,7 +2748,7 @@ declare type SectionProps = PropsWithChildren<{
 
 declare type Service = BaseServiceProps;
 
-declare type Service_2 = BaseServiceProps_2;
+declare type Service_3 = BaseServiceProps_2;
 
 declare type ServiceProps = {
     data: Service;
@@ -2756,7 +2756,7 @@ declare type ServiceProps = {
 } & AuthorWithImageCommonProps;
 
 declare type ServiceProps_2 = {
-    data: Service_2;
+    data: Service_3;
     variant: "service";
 } & HeroContentCardCommonProps;
 
@@ -2924,14 +2924,9 @@ export declare type SuggestedServicesProps = {
     className?: string;
 };
 
-export declare type Suggestion<T extends SuggestionItem = SuggestionItem> = {
+export declare type Suggestion = {
     category: string;
-    items: T[];
-};
-
-export declare type SuggestionItem = {
-    id?: string;
-    name: string;
+    items: Service_2[];
 };
 
 export declare const Support: ({ width, height, className, decorative, ariaLabel, }: IconProps) => JSX.Element;

package/dist/index.es104.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as a } from "./index.es265.js";
-import { createColorClasses as e } from "./index.es299.js";
+import { createColorClasses as e } from "./index.es338.js";
 import './components/ui/Divider/Divider.css';/* empty css            */
 const p = ({
   direction: o = "horizontal",

package/dist/index.es105.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es263.js";
 import { clsx as t } from "./index.es265.js";
-import { createColorClasses as i } from "./index.es299.js";
+import { createColorClasses as i } from "./index.es338.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es109.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es263.js";
 import { clsx as c } from "./index.es265.js";
-import { createColorClasses as i } from "./index.es299.js";
+import { createColorClasses as i } from "./index.es338.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es299.js";
+import { createColorClasses as n } from "./index.es338.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es110.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es299.js";
+import { createColorClasses as n } from "./index.es338.js";
 const v = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es112.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es263.js";
 import { clsx as t } from "./index.es265.js";
-import { createColorClasses as i } from "./index.es299.js";
+import { createColorClasses as i } from "./index.es338.js";
 const f = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es263.js";
 import { clsx as o } from "./index.es265.js";
-import { createColorClasses as d } from "./index.es299.js";
+import { createColorClasses as d } from "./index.es338.js";
 const v = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es118.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es263.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es420.js";
 import { clsx as o } from "./index.es265.js";
-import { createColorClasses as h } from "./index.es299.js";
+import { createColorClasses as h } from "./index.es338.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { Row as w } from "./index.es214.js";
 import { ArrowDown as p } from "./index.es19.js";

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es263.js";
 import { clsx as m } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es299.js";
+import { createColorClasses as n } from "./index.es338.js";
 const x = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es121.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es263.js";
 import { clsx as p } from "./index.es265.js";
-import { createColorClasses as m } from "./index.es299.js";
+import { createColorClasses as m } from "./index.es338.js";
 const x = ({
   width: r = 114,
   height: e = 115,

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es263.js";
 import { clsx as c } from "./index.es265.js";
-import { createColorClasses as y } from "./index.es299.js";
+import { createColorClasses as y } from "./index.es338.js";
 const n = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as t } from "./index.es299.js";
+import { createColorClasses as t } from "./index.es338.js";
 const x = ({
   width: m = 100,
   height: c = 100,

package/dist/index.es127.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es263.js";
 import { clsx as a } from "./index.es265.js";
-import { createColorClasses as v } from "./index.es299.js";
+import { createColorClasses as v } from "./index.es338.js";
 const x = ({
   width: r = 18,
   height: i = 18,

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es299.js";
+import { createColorClasses as n } from "./index.es338.js";
 const p = ({
   width: C = 32,
   height: l = 32,

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as d } from "./index.es265.js";
-import { createColorClasses as m } from "./index.es299.js";
+import { createColorClasses as m } from "./index.es338.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es263.js";
 import { clsx as n } from "./index.es265.js";
-import { createColorClasses as d } from "./index.es299.js";
+import { createColorClasses as d } from "./index.es338.js";
 const u = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es138.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es263.js";
-import { createColorClasses as a } from "./index.es299.js";
+import { createColorClasses as a } from "./index.es338.js";
 import { clsx as d } from "./index.es265.js";
 const f = ({
   width: e = 24,

package/dist/index.es14.js

@@ -2,9 +2,9 @@ import { j as a } from "./index.es263.js";
 import { BaseModal as i } from "./index.es32.js";
 import { clsx as s } from "./index.es265.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es326.js";
-import { AddNewModalContent as p } from "./index.es327.js";
-import { AddNewModalFooter as n } from "./index.es328.js";
+import { AddNewModalHeader as l } from "./index.es325.js";
+import { AddNewModalContent as p } from "./index.es326.js";
+import { AddNewModalFooter as n } from "./index.es327.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as e } from "./index.es265.js";
-import { createColorClasses as x } from "./index.es299.js";
+import { createColorClasses as x } from "./index.es338.js";
 const n = ({
   width: t = 44,
   height: a = 44,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es263.js";
 import { clsx as t } from "./index.es265.js";
-import { createColorClasses as M } from "./index.es299.js";
+import { createColorClasses as M } from "./index.es338.js";
 const o = ({
   width: v = 263,
   height: m = 40,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as t } from "./index.es265.js";
-import { createColorClasses as s } from "./index.es299.js";
+import { createColorClasses as s } from "./index.es338.js";
 const f = ({
   width: h = 137,
   height: V = 40,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as a } from "./index.es299.js";
+import { createColorClasses as a } from "./index.es338.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as z } from "./index.es265.js";
-import { createColorClasses as d } from "./index.es299.js";
+import { createColorClasses as d } from "./index.es338.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as p } from "./index.es265.js";
-import { createColorClasses as e } from "./index.es299.js";
+import { createColorClasses as e } from "./index.es338.js";
 const c = ({
   width: s = 44,
   height: t = 44,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as r } from "./index.es299.js";
+import { createColorClasses as r } from "./index.es338.js";
 const a = ({
   width: H = 117,
   height: L = 40,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as d } from "./index.es265.js";
-import { createColorClasses as i } from "./index.es299.js";
+import { createColorClasses as i } from "./index.es338.js";
 const f = ({
   width: H = 262,
   height: l = 40,

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as H } from "./index.es299.js";
+import { createColorClasses as H } from "./index.es338.js";
 const f = ({
   width: l = 248,
   height: e = 40,

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es263.js";
 import { clsx as v } from "./index.es265.js";
-import { createColorClasses as t } from "./index.es299.js";
+import { createColorClasses as t } from "./index.es338.js";
 const d = ({
   width: h = 181,
   height: V = 40,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es263.js";
 import { useState as a } from "react";
-import { StepItemGenericAccordion as m } from "./index.es316.js";
+import { StepItemGenericAccordion as m } from "./index.es315.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 import { SectionHeading as p } from "./index.es223.js";
 const S = ({

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es263.js";
 import { clsx as i } from "./index.es265.js";
-import { createColorClasses as n } from "./index.es299.js";
+import { createColorClasses as n } from "./index.es338.js";
 const h = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es161.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es263.js";
-import { HeaderMobile as l } from "./index.es305.js";
-import { HeaderDesktop as h } from "./index.es306.js";
-import { useMediaQuery as H } from "./index.es307.js";
+import { HeaderMobile as l } from "./index.es304.js";
+import { HeaderDesktop as h } from "./index.es305.js";
+import { useMediaQuery as H } from "./index.es306.js";
 import './components/navigations/Header/Header.css';/* empty css            */
 import { Lazio as n } from "./index.es179.js";
 import { Marche as u } from "./index.es187.js";

package/dist/index.es167.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es263.js";
-import { useCopyToClipboardCurrentPage as a } from "./index.es337.js";
-import { fromISODateToDateFormatted as d } from "./index.es336.js";
-import { getFullNameInitials as $ } from "./index.es338.js";
+import { useCopyToClipboardCurrentPage as a } from "./index.es336.js";
+import { fromISODateToDateFormatted as d } from "./index.es335.js";
+import { getFullNameInitials as $ } from "./index.es337.js";
 import { splitInTwo as E } from "./index.es281.js";
 import { clsx as s } from "./index.es265.js";
 import { useMemo as t } from "react";

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es263.js";
 import { clsx as v } from "./index.es265.js";
-import { createColorClasses as i } from "./index.es299.js";
+import { createColorClasses as i } from "./index.es338.js";
 const p = ({
   width: e = 32,
   height: o = 32,