@anoki/fse-ui 1.0.476 → 1.0.478

package/dist/index.cjs65.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Table/Table.css');const t=require("./index.cjs179.js"),G=require("react"),c=require("./index.cjs180.js");;/* empty css              */const J=require("./index.cjs59.js"),Q=require("./index.cjs150.js"),W=require("./index.cjs151.js"),X=require("./index.cjs143.js"),Y=require("./index.cjs152.js");function Z(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const b=Z(G),D=b.forwardRef(({className:e,columns:s,data:n,pagination:i,initialCurrentPage:_=1,resultsPerPage:u=10,defaultSortDirection:r="desc",...p},T)=>{const[x,h]=b.useState({key:s[0].key||s[0].label,direction:r}),[v,q]=b.useState(_),E=b.useMemo(()=>[...n].sort((o,m)=>{const l=o[x.key],a=m[x.key],d=s.find(j=>(j.key||j.label)===x.key);if(typeof l=="string"&&typeof a=="string"){if((d==null?void 0:d.type)==="date"){const j=O=>{const[H,I]=O.split(" - "),[F,z,V]=H.split("/").map(Number),[P,U]=I.split(":").map(Number);return new Date(V,z-1,F,P,U)},R=j(l),L=j(a);return x.direction==="asc"?R.getTime()-L.getTime():L.getTime()-R.getTime()}if((d==null?void 0:d.type)==="number"){const j=parseFloat(l),R=parseFloat(a);return x.direction==="asc"?j-R:R-j}return x.direction==="asc"?l.localeCompare(a):a.localeCompare(l)}return y(l)&&y(a)?x.direction==="asc"?l.firstLine.localeCompare(a.firstLine):a.firstLine.localeCompare(l.firstLine):0}),[n,x,s]),A=o=>{h(m=>({key:o,direction:m.key===o&&m.direction==="asc"?"desc":"asc"}))},C=i?(v-1)*u:0,B=i?Math.min(C+u,E.length):E.length,M=E.slice(C,B);return t.jsxRuntimeExports.jsxs("div",{className:"position-relative w-full",children:[t.jsxRuntimeExports.jsxs("table",{ref:T,className:c.clsx("table",e),role:"table",...p,children:[t.jsxRuntimeExports.jsx(g,{className:"table__header",children:t.jsxRuntimeExports.jsx(N,{children:s.map((o,m)=>t.jsxRuntimeExports.jsx(k,{config:o,sortConfig:x,onSort:()=>o.sortable&&A(o.key||o.label)},`${o.label}-${m}`))})}),t.jsxRuntimeExports.jsx(w,{className:"table__body",children:M.map((o,m)=>t.jsxRuntimeExports.jsx(N,{className:"table__row",children:Object.entries(o).map(([l,a],d)=>a?l==="actionData"&&$(a)?t.jsxRuntimeExports.jsx(f,{content:a,type:"action"},`${l}-${d}`):y(a)?t.jsxRuntimeExports.jsx(f,{content:a,type:"double-line"},`${l}-${d}`):typeof a=="string"?t.jsxRuntimeExports.jsx(f,{content:a},`${l}-${d}`):null:null)},m))})]}),i&&t.jsxRuntimeExports.jsx(S,{currentPage:v,totalResults:E.length,resultsPerPage:u,setCurrentPage:q})]})});D.displayName="Table";const g=b.forwardRef(({className:e,children:s,...n},i)=>t.jsxRuntimeExports.jsx("thead",{ref:i,className:c.clsx("[&_tr]:border-b-0",e),...n,children:s}));g.displayName="TableHeader";const w=b.forwardRef(({className:e,children:s,...n},i)=>t.jsxRuntimeExports.jsx("tbody",{ref:i,className:c.clsx("[&_tr:last-child]:border-0",e),...n,children:s}));w.displayName="TableBody";const N=b.forwardRef(({className:e,children:s,...n},i)=>t.jsxRuntimeExports.jsx("tr",{ref:i,className:c.clsx("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...n,children:s}));N.displayName="TableRow";const k=b.forwardRef(({className:e,config:s,sortConfig:n,onSort:i,..._},u)=>{const r=n.key===(s.key||s.label),p=r?n.direction:null,T=()=>p==="asc"?"ascending":"descending",x=h=>{switch(h){case"info":return t.jsxRuntimeExports.jsx(Y.Info,{});case"download":return t.jsxRuntimeExports.jsx(X.Download,{});default:return h}};return t.jsxRuntimeExports.jsx("th",{ref:u,className:c.clsx("table__cell table__cell--header",{"table__cell--sortable":s.sortable,"table__cell--action":s.action},e),onClick:s.sortable?i:s.action,"aria-label":s.ariaLabel,"aria-sort":r?T():void 0,..._,children:t.jsxRuntimeExports.jsxs("div",{className:"table__cell--header--content",children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(J.ActionIconText,{icon:x(s.icon),textLabel:s.label,iconPosition:s.iconPosition,handleIconAction:()=>{s.iconAction},popupInfo:s.popupInfo})}),s.sortable&&t.jsxRuntimeExports.jsxs("span",{className:"sort-indicator",children:[t.jsxRuntimeExports.jsx(Q.TriangleUp,{filled:r&&p==="desc",className:c.clsx("sort-indicator__triangle",{active:r&&p==="desc"})}),t.jsxRuntimeExports.jsx(W.TriangleDown,{filled:r&&p==="asc",className:c.clsx("sort-indicator__triangle",{active:r&&p==="asc"})})]})]})})});k.displayName="TableHead";const K=({data:e})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{className:"table__cell--firstLine",children:e.firstLine}),t.jsxRuntimeExports.jsx("div",{className:"table__cell--secondLine",children:e.secondLine})]}),ee=({data:e})=>e.type==="link"&&e.link?t.jsxRuntimeExports.jsx("a",{href:e.link,"aria-label":e.ariaLabel,children:e.label}):t.jsxRuntimeExports.jsx("button",{onClick:e.action,"aria-label":e.ariaLabel,children:e.label}),y=e=>typeof e=="object"&&e!==null&&"firstLine"in e&&"secondLine"in e,$=e=>typeof e=="object"&&e!==null&&"label"in e&&"type"in e,te=({content:e})=>typeof e=="string"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e}):y(e)?t.jsxRuntimeExports.jsx(K,{data:e}):$(e)?t.jsxRuntimeExports.jsx(ee,{data:e}):null,f=b.forwardRef(({className:e,content:s,type:n,...i},_)=>t.jsxRuntimeExports.jsx("td",{ref:_,className:c.clsx("table__cell",{"table__cell--double-line":n==="double-line","table__cell--action":n==="action"},e),...i,children:t.jsxRuntimeExports.jsx(te,{content:s})}));f.displayName="TableCell";const S=({currentPage:e=1,totalResults:s,resultsPerPage:n,setCurrentPage:i,className:_})=>{const u=Math.ceil(s/n);return t.jsxRuntimeExports.jsxs("div",{className:c.clsx("pagination",_),children:[t.jsxRuntimeExports.jsxs("div",{className:"pagination__info",children:["Stai visualizzando"," ",t.jsxRuntimeExports.jsx("span",{className:"pagination__info__resultsPerPage",children:n})," ","di ",s," risultati"]}),t.jsxRuntimeExports.jsxs("div",{className:"pagination__nav",children:[t.jsxRuntimeExports.jsx("button",{className:c.clsx("pagination__button",e===1&&"pagination__button--disabled"),onClick:()=>i(e-1),disabled:e===1,"aria-label":"Previous page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24",children:t.jsxRuntimeExports.jsx("path",{d:"M15 18l-6-6 6-6"})})}),Array.from({length:u},(r,p)=>p+1).map(r=>t.jsxRuntimeExports.jsx("button",{className:c.clsx("pagination__button",e===r&&"pagination__button--active"),onClick:()=>i(r),children:r},r)),t.jsxRuntimeExports.jsx("button",{className:c.clsx("pagination__button",e===u&&"pagination__button--disabled"),onClick:()=>i(e+1),disabled:e===u,"aria-label":"Next page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24",children:t.jsxRuntimeExports.jsx("path",{d:"M9 6l6 6-6 6"})})})]})]})};exports.Pagination=S;exports.Table=D;exports.TableBody=w;exports.TableCell=f;exports.TableHead=k;exports.TableHeader=g;exports.TableRow=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Table/Table.css');const t=require("./index.cjs179.js"),G=require("react"),c=require("./index.cjs181.js");;/* empty css              */const J=require("./index.cjs59.js"),Q=require("./index.cjs150.js"),W=require("./index.cjs151.js"),X=require("./index.cjs152.js"),Y=require("./index.cjs143.js");function Z(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const b=Z(G),D=b.forwardRef(({className:e,columns:s,data:n,pagination:i,initialCurrentPage:_=1,resultsPerPage:u=10,defaultSortDirection:r="desc",...p},T)=>{const[x,h]=b.useState({key:s[0].key||s[0].label,direction:r}),[v,q]=b.useState(_),E=b.useMemo(()=>[...n].sort((o,m)=>{const l=o[x.key],a=m[x.key],d=s.find(j=>(j.key||j.label)===x.key);if(typeof l=="string"&&typeof a=="string"){if((d==null?void 0:d.type)==="date"){const j=O=>{const[H,I]=O.split(" - "),[F,z,V]=H.split("/").map(Number),[P,U]=I.split(":").map(Number);return new Date(V,z-1,F,P,U)},R=j(l),L=j(a);return x.direction==="asc"?R.getTime()-L.getTime():L.getTime()-R.getTime()}if((d==null?void 0:d.type)==="number"){const j=parseFloat(l),R=parseFloat(a);return x.direction==="asc"?j-R:R-j}return x.direction==="asc"?l.localeCompare(a):a.localeCompare(l)}return y(l)&&y(a)?x.direction==="asc"?l.firstLine.localeCompare(a.firstLine):a.firstLine.localeCompare(l.firstLine):0}),[n,x,s]),A=o=>{h(m=>({key:o,direction:m.key===o&&m.direction==="asc"?"desc":"asc"}))},C=i?(v-1)*u:0,B=i?Math.min(C+u,E.length):E.length,M=E.slice(C,B);return t.jsxRuntimeExports.jsxs("div",{className:"position-relative w-full",children:[t.jsxRuntimeExports.jsxs("table",{ref:T,className:c.clsx("table",e),role:"table",...p,children:[t.jsxRuntimeExports.jsx(g,{className:"table__header",children:t.jsxRuntimeExports.jsx(N,{children:s.map((o,m)=>t.jsxRuntimeExports.jsx(k,{config:o,sortConfig:x,onSort:()=>o.sortable&&A(o.key||o.label)},`${o.label}-${m}`))})}),t.jsxRuntimeExports.jsx(w,{className:"table__body",children:M.map((o,m)=>t.jsxRuntimeExports.jsx(N,{className:"table__row",children:Object.entries(o).map(([l,a],d)=>a?l==="actionData"&&$(a)?t.jsxRuntimeExports.jsx(f,{content:a,type:"action"},`${l}-${d}`):y(a)?t.jsxRuntimeExports.jsx(f,{content:a,type:"double-line"},`${l}-${d}`):typeof a=="string"?t.jsxRuntimeExports.jsx(f,{content:a},`${l}-${d}`):null:null)},m))})]}),i&&t.jsxRuntimeExports.jsx(S,{currentPage:v,totalResults:E.length,resultsPerPage:u,setCurrentPage:q})]})});D.displayName="Table";const g=b.forwardRef(({className:e,children:s,...n},i)=>t.jsxRuntimeExports.jsx("thead",{ref:i,className:c.clsx("[&_tr]:border-b-0",e),...n,children:s}));g.displayName="TableHeader";const w=b.forwardRef(({className:e,children:s,...n},i)=>t.jsxRuntimeExports.jsx("tbody",{ref:i,className:c.clsx("[&_tr:last-child]:border-0",e),...n,children:s}));w.displayName="TableBody";const N=b.forwardRef(({className:e,children:s,...n},i)=>t.jsxRuntimeExports.jsx("tr",{ref:i,className:c.clsx("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...n,children:s}));N.displayName="TableRow";const k=b.forwardRef(({className:e,config:s,sortConfig:n,onSort:i,..._},u)=>{const r=n.key===(s.key||s.label),p=r?n.direction:null,T=()=>p==="asc"?"ascending":"descending",x=h=>{switch(h){case"info":return t.jsxRuntimeExports.jsx(X.Info,{});case"download":return t.jsxRuntimeExports.jsx(Y.Download,{});default:return h}};return t.jsxRuntimeExports.jsx("th",{ref:u,className:c.clsx("table__cell table__cell--header",{"table__cell--sortable":s.sortable,"table__cell--action":s.action},e),onClick:s.sortable?i:s.action,"aria-label":s.ariaLabel,"aria-sort":r?T():void 0,..._,children:t.jsxRuntimeExports.jsxs("div",{className:"table__cell--header--content",children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(J.ActionIconText,{icon:x(s.icon),textLabel:s.label,iconPosition:s.iconPosition,handleIconAction:()=>{s.iconAction},popupInfo:s.popupInfo})}),s.sortable&&t.jsxRuntimeExports.jsxs("span",{className:"sort-indicator",children:[t.jsxRuntimeExports.jsx(Q.TriangleUp,{filled:r&&p==="desc",className:c.clsx("sort-indicator__triangle",{active:r&&p==="desc"})}),t.jsxRuntimeExports.jsx(W.TriangleDown,{filled:r&&p==="asc",className:c.clsx("sort-indicator__triangle",{active:r&&p==="asc"})})]})]})})});k.displayName="TableHead";const K=({data:e})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{className:"table__cell--firstLine",children:e.firstLine}),t.jsxRuntimeExports.jsx("div",{className:"table__cell--secondLine",children:e.secondLine})]}),ee=({data:e})=>e.type==="link"&&e.link?t.jsxRuntimeExports.jsx("a",{href:e.link,"aria-label":e.ariaLabel,children:e.label}):t.jsxRuntimeExports.jsx("button",{onClick:e.action,"aria-label":e.ariaLabel,children:e.label}),y=e=>typeof e=="object"&&e!==null&&"firstLine"in e&&"secondLine"in e,$=e=>typeof e=="object"&&e!==null&&"label"in e&&"type"in e,te=({content:e})=>typeof e=="string"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e}):y(e)?t.jsxRuntimeExports.jsx(K,{data:e}):$(e)?t.jsxRuntimeExports.jsx(ee,{data:e}):null,f=b.forwardRef(({className:e,content:s,type:n,...i},_)=>t.jsxRuntimeExports.jsx("td",{ref:_,className:c.clsx("table__cell",{"table__cell--double-line":n==="double-line","table__cell--action":n==="action"},e),...i,children:t.jsxRuntimeExports.jsx(te,{content:s})}));f.displayName="TableCell";const S=({currentPage:e=1,totalResults:s,resultsPerPage:n,setCurrentPage:i,className:_})=>{const u=Math.ceil(s/n);return t.jsxRuntimeExports.jsxs("div",{className:c.clsx("pagination",_),children:[t.jsxRuntimeExports.jsxs("div",{className:"pagination__info",children:["Stai visualizzando"," ",t.jsxRuntimeExports.jsx("span",{className:"pagination__info__resultsPerPage",children:n})," ","di ",s," risultati"]}),t.jsxRuntimeExports.jsxs("div",{className:"pagination__nav",children:[t.jsxRuntimeExports.jsx("button",{className:c.clsx("pagination__button",e===1&&"pagination__button--disabled"),onClick:()=>i(e-1),disabled:e===1,"aria-label":"Previous page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24",children:t.jsxRuntimeExports.jsx("path",{d:"M15 18l-6-6 6-6"})})}),Array.from({length:u},(r,p)=>p+1).map(r=>t.jsxRuntimeExports.jsx("button",{className:c.clsx("pagination__button",e===r&&"pagination__button--active"),onClick:()=>i(r),children:r},r)),t.jsxRuntimeExports.jsx("button",{className:c.clsx("pagination__button",e===u&&"pagination__button--disabled"),onClick:()=>i(e+1),disabled:e===u,"aria-label":"Next page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24",children:t.jsxRuntimeExports.jsx("path",{d:"M9 6l6 6-6 6"})})})]})]})};exports.Pagination=S;exports.Table=D;exports.TableBody=w;exports.TableCell=f;exports.TableHead=k;exports.TableHeader=g;exports.TableRow=N;
 //# sourceMappingURL=index.cjs65.js.map

package/dist/index.cjs66.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const t=require("./index.cjs179.js"),a=require("react"),c=require("./index.cjs180.js");;/* empty css              */const p=require("./index.cjs115.js"),f=({title:d="Info",description:o,isOpen:s=!1,onClickCloseBtn:e,className:l="",positionPopUp:x="right"})=>{const n=a.useRef(null),i=a.useRef(null);return a.useEffect(()=>{var u;const r=m=>{m.key==="Escape"&&s&&(e==null||e())};return s?(i.current=document.activeElement,(u=n.current)==null||u.focus(),document.addEventListener("keydown",r)):i.current&&i.current.focus(),()=>{document.removeEventListener("keydown",r)}},[s,e]),s?t.jsxRuntimeExports.jsx("div",{className:c.clsx("popupContainer",s?"open":"close",l),onClick:r=>{r.stopPropagation()},children:t.jsxRuntimeExports.jsxs("div",{ref:n,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title","aria-describedby":"dialog-description",className:c.clsx("dialog",`position-${x}`),tabIndex:-1,children:[t.jsxRuntimeExports.jsxs("div",{className:"header",children:[t.jsxRuntimeExports.jsx("h3",{id:"dialog-title",className:"title",children:d}),t.jsxRuntimeExports.jsx("button",{onClick:r=>{r.stopPropagation(),e==null||e()},className:"closeButton","aria-label":"Close dialog",children:t.jsxRuntimeExports.jsx(p.Close,{className:"closeIcon"})})]}),o&&t.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:o})]})}):null};exports.InfoPopup=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const t=require("./index.cjs179.js"),a=require("react"),c=require("./index.cjs181.js");;/* empty css              */const p=require("./index.cjs115.js"),f=({title:d="Info",description:o,isOpen:s=!1,onClickCloseBtn:e,className:l="",positionPopUp:x="right"})=>{const n=a.useRef(null),i=a.useRef(null);return a.useEffect(()=>{var u;const r=m=>{m.key==="Escape"&&s&&(e==null||e())};return s?(i.current=document.activeElement,(u=n.current)==null||u.focus(),document.addEventListener("keydown",r)):i.current&&i.current.focus(),()=>{document.removeEventListener("keydown",r)}},[s,e]),s?t.jsxRuntimeExports.jsx("div",{className:c.clsx("popupContainer",s?"open":"close",l),onClick:r=>{r.stopPropagation()},children:t.jsxRuntimeExports.jsxs("div",{ref:n,role:"dialog","aria-modal":"true","aria-labelledby":"dialog-title","aria-describedby":"dialog-description",className:c.clsx("dialog",`position-${x}`),tabIndex:-1,children:[t.jsxRuntimeExports.jsxs("div",{className:"header",children:[t.jsxRuntimeExports.jsx("h3",{id:"dialog-title",className:"title",children:d}),t.jsxRuntimeExports.jsx("button",{onClick:r=>{r.stopPropagation(),e==null||e()},className:"closeButton","aria-label":"Close dialog",children:t.jsxRuntimeExports.jsx(p.Close,{className:"closeIcon"})})]}),o&&t.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:o})]})}):null};exports.InfoPopup=f;
 //# sourceMappingURL=index.cjs66.js.map

package/dist/index.cjs68.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DatePicker/DatePicker.css');const i=require("./index.cjs179.js"),u=require("./index.cjs160.js");require("./index.cjs3.js");;/* empty css              */const D=require("./index.cjs180.js"),f=require("react"),R=({label:s,value:o,maxValue:c,minValue:l,className:p,disabled:d,onClick:a,onChange:x,error:t,required:m=!1,id:b})=>{const r=f.useRef(null),e=b||`datepicker-${s.toLowerCase().replace(/\s+/g,"-")}`;f.useEffect(()=>{t&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${e}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[t,e]);const v=n=>{n.key==="Enter"&&!d&&(a==null||a())},j=o?u.default.fromJSDate(o).toFormat("yyyy-MM-dd"):"";return i.jsxRuntimeExports.jsxs("div",{className:D.clsx("datepicker-container",p),role:"group","aria-labelledby":`${e}-label`,"aria-describedby":t?`${e}-error`:void 0,children:[i.jsxRuntimeExports.jsxs("label",{id:`${e}-label`,htmlFor:e,className:"datepicker-label fs-7",children:[s,m&&i.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),i.jsxRuntimeExports.jsx("input",{ref:r,id:e,type:"date",className:"datepicker-input fs-6",disabled:d,value:j,max:c?u.default.fromJSDate(c).toFormat("yyyy-MM-dd"):void 0,min:l?u.default.fromJSDate(l).toFormat("yyyy-MM-dd"):void 0,onClick:()=>a==null?void 0:a(),onChange:n=>{const y=new Date(n.target.value);isNaN(y.getTime())||x(y)},onKeyDown:v,"aria-required":m,"aria-disabled":d,"aria-label":s,"aria-invalid":!!t,"aria-describedby":t?`${e}-error`:void 0}),t&&i.jsxRuntimeExports.jsx("div",{id:`${e}-error`,className:"datepicker-error",role:"alert","aria-live":"polite",children:t})]})};exports.DatePicker=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DatePicker/DatePicker.css');const i=require("./index.cjs179.js"),u=require("./index.cjs160.js");require("./index.cjs3.js");;/* empty css              */const D=require("./index.cjs181.js"),f=require("react"),R=({label:s,value:o,maxValue:c,minValue:l,className:p,disabled:d,onClick:a,onChange:x,error:t,required:m=!1,id:b})=>{const r=f.useRef(null),e=b||`datepicker-${s.toLowerCase().replace(/\s+/g,"-")}`;f.useEffect(()=>{t&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${e}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[t,e]);const v=n=>{n.key==="Enter"&&!d&&(a==null||a())},j=o?u.default.fromJSDate(o).toFormat("yyyy-MM-dd"):"";return i.jsxRuntimeExports.jsxs("div",{className:D.clsx("datepicker-container",p),role:"group","aria-labelledby":`${e}-label`,"aria-describedby":t?`${e}-error`:void 0,children:[i.jsxRuntimeExports.jsxs("label",{id:`${e}-label`,htmlFor:e,className:"datepicker-label fs-7",children:[s,m&&i.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),i.jsxRuntimeExports.jsx("input",{ref:r,id:e,type:"date",className:"datepicker-input fs-6",disabled:d,value:j,max:c?u.default.fromJSDate(c).toFormat("yyyy-MM-dd"):void 0,min:l?u.default.fromJSDate(l).toFormat("yyyy-MM-dd"):void 0,onClick:()=>a==null?void 0:a(),onChange:n=>{const y=new Date(n.target.value);isNaN(y.getTime())||x(y)},onKeyDown:v,"aria-required":m,"aria-disabled":d,"aria-label":s,"aria-invalid":!!t,"aria-describedby":t?`${e}-error`:void 0}),t&&i.jsxRuntimeExports.jsx("div",{id:`${e}-error`,className:"datepicker-error",role:"alert","aria-live":"polite",children:t})]})};exports.DatePicker=R;
 //# sourceMappingURL=index.cjs68.js.map

package/dist/index.cjs69.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs179.js"),k=require("./index.cjs180.js"),m=require("react"),d=require("./index.cjs68.js"),h=require("./index.cjs9.js"),E=({label:t,startDateLabel:p="Start Date",endDateLabel:j="End Date",startDate:l,endDate:c,className:b,disabled:x=!1,required:n=!1,error:a,onStartDateChange:o,onEndDateChange:u,onStartDateClick:f,onEndDateClick:R})=>{const r=m.useRef(null),i=t?`datepicker-range-${t.toLowerCase().replace(/\s+/g,"-")}`:"datepicker-range";m.useEffect(()=>{a&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${i}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[a,i]);const g=e=>{c&&e>c?(o(e),u(e)):o(e)},v=e=>{l&&e<l&&o(e),u(e)};return s.jsxRuntimeExports.jsxs("div",{ref:r,className:k.clsx("base-col gap-x8",b),role:"group","aria-labelledby":t?`${i}-label`:void 0,"aria-describedby":a?`${i}-error`:void 0,children:[t&&s.jsxRuntimeExports.jsxs("label",{id:`${i}-label`,className:"text-sm text-dark",children:[t,n&&s.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),s.jsxRuntimeExports.jsxs(h.Row,{gap:"x16",role:"group",children:[s.jsxRuntimeExports.jsx(d.DatePicker,{label:p,value:l,maxValue:c,disabled:x,required:n,onChange:g,onClick:f,className:"flex-1"}),s.jsxRuntimeExports.jsx(d.DatePicker,{label:j,value:c,minValue:l,disabled:x,required:n,onChange:v,onClick:R,className:"flex-1"})]}),a&&s.jsxRuntimeExports.jsx("div",{id:`${i}-error`,className:"text-sm text-error",role:"alert","aria-live":"polite",children:a})]})};exports.DatePickerRange=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs179.js"),k=require("./index.cjs181.js"),m=require("react"),d=require("./index.cjs68.js"),h=require("./index.cjs9.js"),E=({label:t,startDateLabel:p="Start Date",endDateLabel:j="End Date",startDate:l,endDate:c,className:b,disabled:x=!1,required:n=!1,error:a,onStartDateChange:o,onEndDateChange:u,onStartDateClick:f,onEndDateClick:R})=>{const r=m.useRef(null),i=t?`datepicker-range-${t.toLowerCase().replace(/\s+/g,"-")}`:"datepicker-range";m.useEffect(()=>{a&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${i}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[a,i]);const g=e=>{c&&e>c?(o(e),u(e)):o(e)},v=e=>{l&&e<l&&o(e),u(e)};return s.jsxRuntimeExports.jsxs("div",{ref:r,className:k.clsx("base-col gap-x8",b),role:"group","aria-labelledby":t?`${i}-label`:void 0,"aria-describedby":a?`${i}-error`:void 0,children:[t&&s.jsxRuntimeExports.jsxs("label",{id:`${i}-label`,className:"text-sm text-dark",children:[t,n&&s.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),s.jsxRuntimeExports.jsxs(h.Row,{gap:"x16",role:"group",children:[s.jsxRuntimeExports.jsx(d.DatePicker,{label:p,value:l,maxValue:c,disabled:x,required:n,onChange:g,onClick:f,className:"flex-1"}),s.jsxRuntimeExports.jsx(d.DatePicker,{label:j,value:c,minValue:l,disabled:x,required:n,onChange:v,onClick:R,className:"flex-1"})]}),a&&s.jsxRuntimeExports.jsx("div",{id:`${i}-error`,className:"text-sm text-error",role:"alert","aria-live":"polite",children:a})]})};exports.DatePickerRange=E;
 //# sourceMappingURL=index.cjs69.js.map

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs179.js"),o=require("react"),a=require("./index.cjs180.js"),u=require("./index.cjs181.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs179.js"),o=require("react"),a=require("./index.cjs181.js"),u=require("./index.cjs191.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs70.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs179.js"),i=require("./index.cjs180.js"),x=require("./index.cjs59.js");;/* empty css              */const a=require("./index.cjs152.js"),l=({className:n,...r})=>{const s=[{label:"Categoria notifica",noIcon:!0,isFlex:!0},{label:"SMS",fixedWidth:!0,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}},{label:"Email",fixedWidth:!0,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}}];return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:i.clsx(n),...r,children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:s.map((t,o)=>e.jsxRuntimeExports.jsx("th",{className:i.clsx("table-header-divider-cell   w-full",t.isFlex?"flex-1":"flex-none"),children:e.jsxRuntimeExports.jsx("div",{className:i.clsx("table__cell--header--content",t.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(x.ActionIconText,{classNameText:"text-grey-black",noIcon:t.noIcon,icon:e.jsxRuntimeExports.jsx(a.Info,{}),textLabel:t.label,iconPosition:"right",popupInfo:t.popupInfo,positionPopUp:s.length===o+1?"left":"right"})})})},`${t.label}-${o}`))})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs179.js"),i=require("./index.cjs181.js"),x=require("./index.cjs59.js");;/* empty css              */const a=require("./index.cjs152.js"),l=({className:n,...r})=>{const s=[{label:"Categoria notifica",noIcon:!0,isFlex:!0},{label:"SMS",fixedWidth:!0,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}},{label:"Email",fixedWidth:!0,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}}];return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:i.clsx(n),...r,children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:s.map((t,o)=>e.jsxRuntimeExports.jsx("th",{className:i.clsx("table-header-divider-cell   w-full",t.isFlex?"flex-1":"flex-none"),children:e.jsxRuntimeExports.jsx("div",{className:i.clsx("table__cell--header--content",t.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(x.ActionIconText,{classNameText:"text-grey-black",noIcon:t.noIcon,icon:e.jsxRuntimeExports.jsx(a.Info,{}),textLabel:t.label,iconPosition:"right",popupInfo:t.popupInfo,positionPopUp:s.length===o+1?"left":"right"})})})},`${t.label}-${o}`))})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=l;exports.default=l;
 //# sourceMappingURL=index.cjs70.js.map

package/dist/index.cjs71.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoModal/InfoModal.css');const s=require("./index.cjs179.js"),e=require("./index.cjs220.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs136.js"),a=require("./index.cjs115.js"),c=({open:o,setOpen:i,id:t="",title:r,text:x})=>s.jsxRuntimeExports.jsx(e.Root,{open:o,onOpenChange:i,children:s.jsxRuntimeExports.jsx(e.Portal,{children:s.jsxRuntimeExports.jsx(e.Content,{className:"shadow br-x4 ui-info-modal-body",id:t,children:s.jsxRuntimeExports.jsx("div",{className:"bg-lightblue-a03 ui-info-modal-container shadow br-x4",children:s.jsxRuntimeExports.jsxs(n.Row,{p:"x20",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-info-modal-icon base-row bg-lightblue-a03",children:[s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge"})}),s.jsxRuntimeExports.jsx(n.Row,{className:"ui-info-modal-action-container",alignItems:"center",justifyContent:"center",children:s.jsxRuntimeExports.jsx(l.Actions,{width:24,height:26,color:"slate-28"})})]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:r}),s.jsxRuntimeExports.jsx("p",{children:x})]}),s.jsxRuntimeExports.jsx(a.Close,{className:"cursor-pointer",onClick:()=>i(!1),width:32,height:32,color:"slate-28"})]})})})})});exports.InfoModal=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoModal/InfoModal.css');const s=require("./index.cjs179.js"),e=require("./index.cjs229.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs136.js"),a=require("./index.cjs115.js"),c=({open:o,setOpen:i,id:t="",title:r,text:x})=>s.jsxRuntimeExports.jsx(e.Root,{open:o,onOpenChange:i,children:s.jsxRuntimeExports.jsx(e.Portal,{children:s.jsxRuntimeExports.jsx(e.Content,{className:"shadow br-x4 ui-info-modal-body",id:t,children:s.jsxRuntimeExports.jsx("div",{className:"bg-lightblue-a03 ui-info-modal-container shadow br-x4",children:s.jsxRuntimeExports.jsxs(n.Row,{p:"x20",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-info-modal-icon base-row bg-lightblue-a03",children:[s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge"})}),s.jsxRuntimeExports.jsx(n.Row,{className:"ui-info-modal-action-container",alignItems:"center",justifyContent:"center",children:s.jsxRuntimeExports.jsx(l.Actions,{width:24,height:26,color:"slate-28"})})]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:r}),s.jsxRuntimeExports.jsx("p",{children:x})]}),s.jsxRuntimeExports.jsx(a.Close,{className:"cursor-pointer",onClick:()=>i(!1),width:32,height:32,color:"slate-28"})]})})})})});exports.InfoModal=c;
 //# sourceMappingURL=index.cjs71.js.map

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs179.js"),s=require("react"),x=require("./index.cjs180.js"),C=require("./index.cjs181.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs179.js"),s=require("react"),x=require("./index.cjs181.js"),C=require("./index.cjs191.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs88.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Alert/Alert.css');const e=require("./index.cjs179.js");;/* empty css              */const x=require("./index.cjs192.js"),c=require("./index.cjs90.js"),s=require("./index.cjs152.js"),u=require("./index.cjs156.js"),l={DEFAULT:"default",INFO:"info",WARNING:"warning",DANGER:"danger",SUCCESS:"success"},a={default:e.jsxRuntimeExports.jsx(s.Info,{color:"primary",width:32,height:32}),info:e.jsxRuntimeExports.jsx(s.Info,{color:"primary",width:32,height:32}),warning:e.jsxRuntimeExports.jsx(s.Info,{color:"warning",width:32,height:32}),danger:e.jsxRuntimeExports.jsx(u.ErrorExagon,{width:32,height:32}),success:e.jsxRuntimeExports.jsx(s.Info,{color:"status-success",width:32,height:32})},j=({title:r,description:n,subtitle:o,link:t,variant:i="default"})=>e.jsxRuntimeExports.jsx("blockquote",{className:`styled-alert alert-${i}`,children:e.jsxRuntimeExports.jsxs("div",{className:"container",children:[a[i],e.jsxRuntimeExports.jsxs("div",{className:"right-container",children:[e.jsxRuntimeExports.jsx("h4",{className:"title",children:r}),e.jsxRuntimeExports.jsx("p",{className:"subtitle",children:o}),e.jsxRuntimeExports.jsx(x.Divider,{bg:"blue-30"}),e.jsxRuntimeExports.jsx("p",{className:"description",children:n}),e.jsxRuntimeExports.jsx(c.Link,{title:t.title,src:t.link})]})]})});exports.Alert=j;exports.AlertVariantEnum=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Alert/Alert.css');const e=require("./index.cjs179.js");;/* empty css              */const x=require("./index.cjs201.js"),c=require("./index.cjs90.js"),s=require("./index.cjs152.js"),u=require("./index.cjs156.js"),l={DEFAULT:"default",INFO:"info",WARNING:"warning",DANGER:"danger",SUCCESS:"success"},a={default:e.jsxRuntimeExports.jsx(s.Info,{color:"primary",width:32,height:32}),info:e.jsxRuntimeExports.jsx(s.Info,{color:"primary",width:32,height:32}),warning:e.jsxRuntimeExports.jsx(s.Info,{color:"warning",width:32,height:32}),danger:e.jsxRuntimeExports.jsx(u.ErrorExagon,{width:32,height:32}),success:e.jsxRuntimeExports.jsx(s.Info,{color:"status-success",width:32,height:32})},j=({title:r,description:n,subtitle:o,link:t,variant:i="default"})=>e.jsxRuntimeExports.jsx("blockquote",{className:`styled-alert alert-${i}`,children:e.jsxRuntimeExports.jsxs("div",{className:"container",children:[a[i],e.jsxRuntimeExports.jsxs("div",{className:"right-container",children:[e.jsxRuntimeExports.jsx("h4",{className:"title",children:r}),e.jsxRuntimeExports.jsx("p",{className:"subtitle",children:o}),e.jsxRuntimeExports.jsx(x.Divider,{bg:"blue-30"}),e.jsxRuntimeExports.jsx("p",{className:"description",children:n}),e.jsxRuntimeExports.jsx(c.Link,{title:t.title,src:t.link})]})]})});exports.Alert=j;exports.AlertVariantEnum=l;
 //# sourceMappingURL=index.cjs88.js.map

package/dist/index.cjs89.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AlertDialogUI/AlertDialogUI.css');const e=require("./index.cjs179.js"),t=require("./index.cjs286.js");;/* empty css              */const l=require("./index.cjs9.js"),a=require("./index.cjs25.js"),x=({title:s="Alert",description:i="Funzione al momento non ancora disponibile",confirmBtnLabel:n="OK",isOpen:r,onClose:o})=>e.jsxRuntimeExports.jsx(t.Root,{open:r,onOpenChange:o,children:e.jsxRuntimeExports.jsxs(t.Portal,{children:[e.jsxRuntimeExports.jsx(t.Overlay,{className:"ui-alertDialogOverlay"}),e.jsxRuntimeExports.jsxs(t.Content,{className:"ui-alertDialogContent fs-6 text-slate-28",children:[e.jsxRuntimeExports.jsx(t.Title,{className:"ui-alertDialogTitle fw-bold fs-custom text-slate-20",children:s}),e.jsxRuntimeExports.jsx(t.Description,{className:"ui-alertDialogDescription",children:i}),e.jsxRuntimeExports.jsx(l.Row,{justifyContent:"flex-end",children:e.jsxRuntimeExports.jsx(t.Cancel,{asChild:!0,children:e.jsxRuntimeExports.jsx(a.Button,{variant:"primary",size:"3",children:n})})})]})]})});exports.AlertDialogUI=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AlertDialogUI/AlertDialogUI.css');const e=require("./index.cjs179.js"),t=require("./index.cjs295.js");;/* empty css              */const l=require("./index.cjs9.js"),a=require("./index.cjs25.js"),x=({title:s="Alert",description:i="Funzione al momento non ancora disponibile",confirmBtnLabel:n="OK",isOpen:r,onClose:o})=>e.jsxRuntimeExports.jsx(t.Root,{open:r,onOpenChange:o,children:e.jsxRuntimeExports.jsxs(t.Portal,{children:[e.jsxRuntimeExports.jsx(t.Overlay,{className:"ui-alertDialogOverlay"}),e.jsxRuntimeExports.jsxs(t.Content,{className:"ui-alertDialogContent fs-6 text-slate-28",children:[e.jsxRuntimeExports.jsx(t.Title,{className:"ui-alertDialogTitle fw-bold fs-custom text-slate-20",children:s}),e.jsxRuntimeExports.jsx(t.Description,{className:"ui-alertDialogDescription",children:i}),e.jsxRuntimeExports.jsx(l.Row,{justifyContent:"flex-end",children:e.jsxRuntimeExports.jsx(t.Cancel,{asChild:!0,children:e.jsxRuntimeExports.jsx(a.Button,{variant:"primary",size:"3",children:n})})})]})]})});exports.AlertDialogUI=x;
 //# sourceMappingURL=index.cjs89.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs179.js"),m=require("react"),q=require("./index.cjs180.js"),x=require("./index.cjs181.js"),j=require("./index.cjs183.js"),R=require("./index.cjs184.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs179.js"),m=require("react"),q=require("./index.cjs181.js"),x=require("./index.cjs191.js"),j=require("./index.cjs190.js"),R=require("./index.cjs193.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.cjs90.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./styles/typography.css');require('./components/ui/link/Link.css');const n=require("./index.cjs179.js");;/* empty css              */;/* empty css              */const c=require("./index.cjs180.js");function u({title:s,src:i,decoration:r="",transform:t="none",icon:e,asLink:l="a"}){const o=l||"a";return n.jsxRuntimeExports.jsxs(o,{className:c.clsx("link link-sans-bold-sm",r,`link-${t}`),href:i,children:[s,e&&n.jsxRuntimeExports.jsx(e,{class:"link-icon",size:"md"})]})}exports.Link=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./styles/typography.css');require('./components/ui/link/Link.css');const n=require("./index.cjs179.js");;/* empty css              */;/* empty css              */const c=require("./index.cjs181.js");function u({title:s,src:i,decoration:r="",transform:t="none",icon:e,asLink:l="a"}){const o=l||"a";return n.jsxRuntimeExports.jsxs(o,{className:c.clsx("link link-sans-bold-sm",r,`link-${t}`),href:i,children:[s,e&&n.jsxRuntimeExports.jsx(e,{class:"link-icon",size:"md"})]})}exports.Link=u;
 //# sourceMappingURL=index.cjs90.js.map

package/dist/index.cjs92.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardFile/CardFile.css');const e=require("./index.cjs179.js");;/* empty css              */const x=require("./index.cjs25.js"),l=require("./index.cjs35.js"),o=require("./index.cjs180.js"),d=require("./index.cjs138.js"),c=require("./index.cjs143.js"),a=require("./index.cjs113.js");function p({title:n,description:r,issued_at:i,file:t,action:s}){return e.jsxRuntimeExports.jsxs("div",{className:"card-file shadow rounded h-100 w-100 bg-white",children:[e.jsxRuntimeExports.jsxs("div",{className:"top-container p-x16",children:[e.jsxRuntimeExports.jsx("div",{className:"icon-wrapper",children:e.jsxRuntimeExports.jsx(d.File,{height:27,width:27})}),e.jsxRuntimeExports.jsxs("div",{className:"content-container",children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h4",{className:"card-file-title text-primary mt-x8",children:n}),t&&e.jsxRuntimeExports.jsxs("p",{className:"file-type",children:[t.type," | ",t.size]})]}),!!r&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:r}),i&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:i})]})]}),e.jsxRuntimeExports.jsx("div",{className:o.clsx("card-file-footer py-x12 px-x16",s.type),children:s.type==="download"?e.jsxRuntimeExports.jsxs(x.Button,{className:"bg-transparent download-button",asLink:"a",href:s.link.link,children:[e.jsxRuntimeExports.jsx(c.Download,{}),s.link.title]}):s.type==="goto"?e.jsxRuntimeExports.jsx(l.ArrowLink,{href:s.link.link,children:s.link.title}):e.jsxRuntimeExports.jsx(a.ExternalLink,{color:"primary",height:32,width:32})})]})}exports.CardFile=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardFile/CardFile.css');const e=require("./index.cjs179.js");;/* empty css              */const x=require("./index.cjs25.js"),l=require("./index.cjs35.js"),o=require("./index.cjs181.js"),d=require("./index.cjs138.js"),c=require("./index.cjs143.js"),a=require("./index.cjs113.js");function p({title:n,description:r,issued_at:i,file:t,action:s}){return e.jsxRuntimeExports.jsxs("div",{className:"card-file shadow rounded h-100 w-100 bg-white",children:[e.jsxRuntimeExports.jsxs("div",{className:"top-container p-x16",children:[e.jsxRuntimeExports.jsx("div",{className:"icon-wrapper",children:e.jsxRuntimeExports.jsx(d.File,{height:27,width:27})}),e.jsxRuntimeExports.jsxs("div",{className:"content-container",children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h4",{className:"card-file-title text-primary mt-x8",children:n}),t&&e.jsxRuntimeExports.jsxs("p",{className:"file-type",children:[t.type," | ",t.size]})]}),!!r&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:r}),i&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:i})]})]}),e.jsxRuntimeExports.jsx("div",{className:o.clsx("card-file-footer py-x12 px-x16",s.type),children:s.type==="download"?e.jsxRuntimeExports.jsxs(x.Button,{className:"bg-transparent download-button",asLink:"a",href:s.link.link,children:[e.jsxRuntimeExports.jsx(c.Download,{}),s.link.title]}):s.type==="goto"?e.jsxRuntimeExports.jsx(l.ArrowLink,{href:s.link.link,children:s.link.title}):e.jsxRuntimeExports.jsx(a.ExternalLink,{color:"primary",height:32,width:32})})]})}exports.CardFile=p;
 //# sourceMappingURL=index.cjs92.js.map

package/dist/index.cjs94.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DoctorModal/DoctorModal.css');const e=require("./index.cjs179.js"),c=require("./index.cjs180.js");;/* empty css              */const d=require("./index.cjs294.js"),x=require("./index.cjs95.js"),m=require("./index.cjs37.js"),j=require("./index.cjs25.js"),r=({open:s,overrideClassNames:t,showFooter:n=!0,showHeader:i=!0,OnPressConfirm:l,disabledConfirm:a,setOpen:o,children:u})=>e.jsxRuntimeExports.jsxs(m.BaseModal,{open:s,setOpen:o,overrideClassNames:c.clsx("ui-consent-modal-override",t),children:[i&&e.jsxRuntimeExports.jsx(x.ModalsHeader,{title:"Cambia profilo",closeButton:"Annulla",onCloseClick:()=>o(!1)}),u,n&&e.jsxRuntimeExports.jsx("footer",{className:"ui-consent-modal-footer bg-white shadow",children:e.jsxRuntimeExports.jsx("div",{className:"base-row gap-x16 flex-wrap justify-content-center",children:e.jsxRuntimeExports.jsx(j.Button,{disabled:a,onClick:l,children:"Conferma"})})})]});r.Content=d.ChangeProfileModalContent;exports.ChangeProfileModal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DoctorModal/DoctorModal.css');const e=require("./index.cjs179.js"),c=require("./index.cjs181.js");;/* empty css              */const d=require("./index.cjs303.js"),x=require("./index.cjs95.js"),m=require("./index.cjs37.js"),j=require("./index.cjs25.js"),r=({open:s,overrideClassNames:t,showFooter:n=!0,showHeader:i=!0,OnPressConfirm:l,disabledConfirm:a,setOpen:o,children:u})=>e.jsxRuntimeExports.jsxs(m.BaseModal,{open:s,setOpen:o,overrideClassNames:c.clsx("ui-consent-modal-override",t),children:[i&&e.jsxRuntimeExports.jsx(x.ModalsHeader,{title:"Cambia profilo",closeButton:"Annulla",onCloseClick:()=>o(!1)}),u,n&&e.jsxRuntimeExports.jsx("footer",{className:"ui-consent-modal-footer bg-white shadow",children:e.jsxRuntimeExports.jsx("div",{className:"base-row gap-x16 flex-wrap justify-content-center",children:e.jsxRuntimeExports.jsx(j.Button,{disabled:a,onClick:l,children:"Conferma"})})})]});r.Content=d.ChangeProfileModalContent;exports.ChangeProfileModal=r;
 //# sourceMappingURL=index.cjs94.js.map

package/dist/index.cjs95.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ModalsHeader/ModalsHeader.css');const e=require("./index.cjs179.js");;/* empty css              */const r=require("./index.cjs220.js"),n=require("./index.cjs25.js"),a=require("./index.cjs115.js"),o=({title:s,closeButton:t,onCloseClick:i})=>e.jsxRuntimeExports.jsxs("header",{className:"ui-modal-header ",children:[e.jsxRuntimeExports.jsx(r.Title,{className:"base-col justify-content-center align-items-center mb-5 pb-x8",children:s&&e.jsxRuntimeExports.jsx("div",{className:"fw-bold fs-7 md-fs-custom",children:s})}),e.jsxRuntimeExports.jsx(r.Close,{asChild:!0,className:"ui-modal-header-close",children:e.jsxRuntimeExports.jsxs(n.Button,{size:"4",textColor:"primary",bg:"transparent","aria-label":"Chiudi modale",onClick:i,children:[t,e.jsxRuntimeExports.jsx(a.Close,{className:"ml-x8"})]})})]});exports.ModalsHeader=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ModalsHeader/ModalsHeader.css');const e=require("./index.cjs179.js");;/* empty css              */const r=require("./index.cjs229.js"),n=require("./index.cjs25.js"),a=require("./index.cjs115.js"),o=({title:s,closeButton:t,onCloseClick:i})=>e.jsxRuntimeExports.jsxs("header",{className:"ui-modal-header ",children:[e.jsxRuntimeExports.jsx(r.Title,{className:"base-col justify-content-center align-items-center mb-5 pb-x8",children:s&&e.jsxRuntimeExports.jsx("div",{className:"fw-bold fs-7 md-fs-custom",children:s})}),e.jsxRuntimeExports.jsx(r.Close,{asChild:!0,className:"ui-modal-header-close",children:e.jsxRuntimeExports.jsxs(n.Button,{size:"4",textColor:"primary",bg:"transparent","aria-label":"Chiudi modale",onClick:i,children:[t,e.jsxRuntimeExports.jsx(a.Close,{className:"ml-x8"})]})})]});exports.ModalsHeader=o;
 //# sourceMappingURL=index.cjs95.js.map

package/dist/index.cjs98.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DelegateCard/DelegateCard.css');const e=require("./index.cjs179.js");;/* empty css              */const f=require("react"),a=require("./index.cjs209.js"),t=require("./index.cjs9.js"),n=require("./index.cjs10.js"),w=({id:i,isSelected:x,title:d,subtitle:u,region:o,relation:r,isMe:s=!1,showRegion:l=!1,setSelectedCard:j=()=>{},className:p})=>{const m=f.useRef(null),h=c=>c.charAt(0).toUpperCase()+c.slice(1),R=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});return e.jsxRuntimeExports.jsxs(t.Row,{br:"x4",p:"x24",gap:"x16",bg:"white",text:"slate-20",ref:m,className:`${p} ${x?"ui-is-active":""} ui-card-delegate shadow cursor-pointer`,onClick:()=>{j(i)},style:{width:"100%"},children:[e.jsxRuntimeExports.jsx(a.Root,{id:i,checked:x,className:"ui-checkbox-filter",children:e.jsxRuntimeExports.jsx(a.Indicator,{children:e.jsxRuntimeExports.jsx(R,{})})}),e.jsxRuntimeExports.jsxs(t.Row,{alignItems:"flex-start",style:{width:"100%"},justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(n.Col,{style:{flex:1},justifyContent:"center",className:"w-full",children:[e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",pb:(s||!s&&!r)&&!l?void 0:"x16",children:[e.jsxRuntimeExports.jsx("h3",{className:"flex-1 text-decoration-none fs-4 fw-semibold",children:d}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-normal text-slate-28",children:u})]}),e.jsxRuntimeExports.jsxs(t.Row,{justifyContent:"space-between",children:[!s&&r&&e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",children:[e.jsxRuntimeExports.jsx("div",{className:"fw-bold",children:"Relazione con il delegante"}),e.jsxRuntimeExports.jsx("p",{className:"fw-normal",children:r})]}),l&&o&&e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",children:[e.jsxRuntimeExports.jsx("div",{className:"fw-bold",children:"Regione di assistenza"}),e.jsxRuntimeExports.jsx("p",{className:"fw-normal",children:h(o)})]})]})]}),s&&e.jsxRuntimeExports.jsx(t.Row,{className:"ui-fascicolo-label",children:"IL TUO FASCICOLO"})]})]})};exports.DelegateCard=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DelegateCard/DelegateCard.css');const e=require("./index.cjs179.js");;/* empty css              */const f=require("react"),a=require("./index.cjs218.js"),t=require("./index.cjs9.js"),n=require("./index.cjs10.js"),w=({id:i,isSelected:x,title:d,subtitle:u,region:o,relation:r,isMe:s=!1,showRegion:l=!1,setSelectedCard:j=()=>{},className:p})=>{const m=f.useRef(null),h=c=>c.charAt(0).toUpperCase()+c.slice(1),R=()=>e.jsxRuntimeExports.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});return e.jsxRuntimeExports.jsxs(t.Row,{br:"x4",p:"x24",gap:"x16",bg:"white",text:"slate-20",ref:m,className:`${p} ${x?"ui-is-active":""} ui-card-delegate shadow cursor-pointer`,onClick:()=>{j(i)},style:{width:"100%"},children:[e.jsxRuntimeExports.jsx(a.Root,{id:i,checked:x,className:"ui-checkbox-filter",children:e.jsxRuntimeExports.jsx(a.Indicator,{children:e.jsxRuntimeExports.jsx(R,{})})}),e.jsxRuntimeExports.jsxs(t.Row,{alignItems:"flex-start",style:{width:"100%"},justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(n.Col,{style:{flex:1},justifyContent:"center",className:"w-full",children:[e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",pb:(s||!s&&!r)&&!l?void 0:"x16",children:[e.jsxRuntimeExports.jsx("h3",{className:"flex-1 text-decoration-none fs-4 fw-semibold",children:d}),e.jsxRuntimeExports.jsx("p",{className:"fs-6 fw-normal text-slate-28",children:u})]}),e.jsxRuntimeExports.jsxs(t.Row,{justifyContent:"space-between",children:[!s&&r&&e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",children:[e.jsxRuntimeExports.jsx("div",{className:"fw-bold",children:"Relazione con il delegante"}),e.jsxRuntimeExports.jsx("p",{className:"fw-normal",children:r})]}),l&&o&&e.jsxRuntimeExports.jsxs(n.Col,{gap:"x4",children:[e.jsxRuntimeExports.jsx("div",{className:"fw-bold",children:"Regione di assistenza"}),e.jsxRuntimeExports.jsx("p",{className:"fw-normal",children:h(o)})]})]})]}),s&&e.jsxRuntimeExports.jsx(t.Row,{className:"ui-fascicolo-label",children:"IL TUO FASCICOLO"})]})]})};exports.DelegateCard=w;
 //# sourceMappingURL=index.cjs98.js.map

package/dist/index.cjs99.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ChangeRelatedCard/ChangeRelatedCard.css');const e=require("./index.cjs179.js");;/* empty css              */const l=require("./index.cjs192.js"),n=require("./index.cjs24.js"),d=require("./index.cjs10.js"),r=require("./index.cjs9.js"),j=({title:i,isSelected:o=!1,region:t})=>{const x=n.LOGOS.nazionale,c=n.LOGOS[t],a=s=>s.charAt(0).toUpperCase()+s.slice(1);return e.jsxRuntimeExports.jsxs(d.Col,{className:`position-relative change-related-card-container ${o?"change-related-card-container-selected":""}`,children:[e.jsxRuntimeExports.jsx(r.Row,{mb:"x16",alignItems:"center",justifyContent:"center",children:e.jsxRuntimeExports.jsx("p",{children:e.jsxRuntimeExports.jsx("strong",{children:i})})}),e.jsxRuntimeExports.jsxs(r.Row,{gap:"x24",alignItems:"center",justifyContent:"center",children:[e.jsxRuntimeExports.jsx(x,{width:27,height:44}),e.jsxRuntimeExports.jsx(l.Divider,{bg:"border-divider",direction:"vertical"}),e.jsxRuntimeExports.jsx(c,{width:44,height:44})]}),e.jsxRuntimeExports.jsxs("h3",{className:"fs-custom fw-normal text-slate-20 text-align-center",children:[e.jsxRuntimeExports.jsx("span",{children:"Fascicolo Sanitario"}),e.jsxRuntimeExports.jsx("p",{children:e.jsxRuntimeExports.jsxs("strong",{children:["Salute",a(t)]})})]})]})};exports.ChangeRelatedCard=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ChangeRelatedCard/ChangeRelatedCard.css');const e=require("./index.cjs179.js");;/* empty css              */const l=require("./index.cjs201.js"),n=require("./index.cjs24.js"),d=require("./index.cjs10.js"),r=require("./index.cjs9.js"),j=({title:i,isSelected:o=!1,region:t})=>{const x=n.LOGOS.nazionale,c=n.LOGOS[t],a=s=>s.charAt(0).toUpperCase()+s.slice(1);return e.jsxRuntimeExports.jsxs(d.Col,{className:`position-relative change-related-card-container ${o?"change-related-card-container-selected":""}`,children:[e.jsxRuntimeExports.jsx(r.Row,{mb:"x16",alignItems:"center",justifyContent:"center",children:e.jsxRuntimeExports.jsx("p",{children:e.jsxRuntimeExports.jsx("strong",{children:i})})}),e.jsxRuntimeExports.jsxs(r.Row,{gap:"x24",alignItems:"center",justifyContent:"center",children:[e.jsxRuntimeExports.jsx(x,{width:27,height:44}),e.jsxRuntimeExports.jsx(l.Divider,{bg:"border-divider",direction:"vertical"}),e.jsxRuntimeExports.jsx(c,{width:44,height:44})]}),e.jsxRuntimeExports.jsxs("h3",{className:"fs-custom fw-normal text-slate-20 text-align-center",children:[e.jsxRuntimeExports.jsx("span",{children:"Fascicolo Sanitario"}),e.jsxRuntimeExports.jsx("p",{children:e.jsxRuntimeExports.jsxs("strong",{children:["Salute",a(t)]})})]})]})};exports.ChangeRelatedCard=j;
 //# sourceMappingURL=index.cjs99.js.map

package/dist/index.es10.js

@@ -1,9 +1,9 @@
 import { j as f } from "./index.es179.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es180.js";
-import { createSpacingClasses as g } from "./index.es181.js";
-import { createColorClasses as j } from "./index.es183.js";
-import { createTypographyClasses as u } from "./index.es184.js";
+import { clsx as y } from "./index.es181.js";
+import { createSpacingClasses as g } from "./index.es191.js";
+import { createColorClasses as j } from "./index.es190.js";
+import { createTypographyClasses as u } from "./index.es193.js";
 const M = ({
   as: o,
   className: r,

package/dist/index.es100.js

@@ -1,11 +1,11 @@
 import { j as s } from "./index.es179.js";
 import f, { useState as w, useEffect as i } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQuery as v } from "./index.es188.js";
-import { clsx as b } from "./index.es180.js";
+import { useMediaQuery as v } from "./index.es197.js";
+import { clsx as b } from "./index.es181.js";
 import { Row as j } from "./index.es9.js";
 import { ArrowDown as N } from "./index.es112.js";
-import { ScrollArea as g } from "./index.es299.js";
+import { ScrollArea as g } from "./index.es308.js";
 const H = ({
   title: n = "Indice",
   headings: r,

package/dist/index.es102.js

@@ -1,99 +1,114 @@
-import { j as t } from "./index.es179.js";
-import { clsx as u } from "./index.es180.js";
-import { useState as p, useRef as x, useEffect as h } from "react";
+import { j as s } from "./index.es179.js";
+import { clsx as m } from "./index.es181.js";
+import { useState as p, useRef as x, useEffect as w } from "react";
 import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
-import { Close as $ } from "./index.es115.js";
-import { Button as L } from "./index.es25.js";
-import { Col as I } from "./index.es10.js";
-const S = ({
-  size: w = "large",
-  items: N = [],
-  className: v,
-  selectedPerson: l,
-  setSelectedPerson: d,
-  placeholder: g = "",
-  btnText: C = "Cerca"
+import { Close as D } from "./index.es115.js";
+import { Button as M } from "./index.es25.js";
+import { Col as B } from "./index.es10.js";
+const A = ({
+  size: N = "large",
+  items: g = [],
+  className: C,
+  selectedPerson: r,
+  setSelectedPerson: u,
+  placeholder: j = "",
+  btnText: v = "Cerca"
 }) => {
-  const [s, a] = p(!1), [i, n] = p(""), o = x(null), c = x(null), m = N.filter((e) => `${e.firstName} ${e.lastName}`.toLowerCase().includes(i.toLowerCase()));
-  h(() => {
-    const e = (r) => {
-      o.current && !o.current.contains(r.target) && a(!1);
+  const [l, i] = p(!1), [a, o] = p(""), c = x(null), d = x(null), f = g.filter((e) => `${e.firstName} ${e.lastName}`.toLowerCase().includes(a.toLowerCase()));
+  w(() => {
+    const e = (t) => {
+      c.current && !c.current.contains(t.target) && i(!1);
     };
-    return s ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => {
+    return l ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
-  }, [s]), h(() => {
-    s && (n(""), c.current && c.current.focus());
-  }, [s]);
-  const j = (e) => {
-    s && n(e.target.value);
-  }, f = () => {
-    a(!s);
-  }, b = (e) => {
-    e.stopPropagation(), d(null), n("");
-  }, k = !s && l ? `${l.firstName} ${l.lastName}` : i, y = l !== null || i.length > 0;
-  return /* @__PURE__ */ t.jsxs(
+  }, [l]), w(() => {
+    l && (o(""), d.current && d.current.focus());
+  }, [l]);
+  const b = (e) => {
+    l && o(e.target.value);
+  }, h = () => {
+    i(!l);
+  }, k = (e) => {
+    e.stopPropagation(), u(null), o("");
+  }, E = !l && r ? `${r.firstName} ${r.lastName}` : a, L = r !== null || a.length > 0, y = (e, t) => {
+    if (!t || t.trim() === "")
+      return /* @__PURE__ */ s.jsxs("span", { style: { color: "black" }, children: [
+        " ",
+        e,
+        " "
+      ] });
+    const n = e.toLowerCase().indexOf(t.toLowerCase());
+    if (n === -1) return e;
+    const $ = e.slice(0, n), I = e.slice(n, n + t.length), R = e.slice(n + t.length);
+    return /* @__PURE__ */ s.jsxs("span", { style: { color: "black" }, children: [
+      $,
+      /* @__PURE__ */ s.jsx("span", { className: "text-primary fw-bold", children: I }),
+      R
+    ] });
+  };
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ref: o,
-      className: u(
+      ref: c,
+      className: m(
         "ui-related-dropdown",
         "br-x4 bg-border-secondary w-full",
-        v
+        C
       ),
-      style: w === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
+      style: N === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
       children: [
-        /* @__PURE__ */ t.jsxs("div", { className: "ui-input-container", children: [
-          /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ s.jsxs("div", { className: "ui-input-container", children: [
+          /* @__PURE__ */ s.jsx(
             "input",
             {
-              ref: c,
-              className: u(
+              ref: d,
+              className: m(
                 "ui-related-dropdown-input",
                 "bg-white fs-6 br-x4 w-full pl-x24",
-                { active: s }
+                { active: l }
               ),
-              value: k,
-              onChange: j,
-              placeholder: g,
-              onClick: f
+              value: E,
+              onChange: b,
+              placeholder: j,
+              onClick: h
             }
           ),
-          y && /* @__PURE__ */ t.jsx("div", { className: "ui-close-button", onClick: b, children: /* @__PURE__ */ t.jsx($, { width: 20 }) }),
-          /* @__PURE__ */ t.jsx("div", { className: "ui-div-btn", children: /* @__PURE__ */ t.jsx(
-            L,
+          L && /* @__PURE__ */ s.jsx("div", { className: "ui-close-button", onClick: k, children: /* @__PURE__ */ s.jsx(D, { width: 20 }) }),
+          /* @__PURE__ */ s.jsx("div", { className: "ui-div-btn", children: /* @__PURE__ */ s.jsx(
+            M,
             {
-              className: u(
+              className: m(
                 "ui-btn-search",
                 "bg-primary text-white fs-7 fw-semibold br-x4"
               ),
-              onClick: f,
-              children: C
+              onClick: h,
+              children: v
             }
           ) })
         ] }),
-        s && /* @__PURE__ */ t.jsx("div", { className: "ui-related-dropdown-options", children: /* @__PURE__ */ t.jsx("div", { className: "p-x24 shadow w-full", children: /* @__PURE__ */ t.jsx(
-          I,
+        l && /* @__PURE__ */ s.jsx("div", { className: "ui-related-dropdown-options", children: /* @__PURE__ */ s.jsx("div", { className: "p-x24 shadow w-full", children: /* @__PURE__ */ s.jsx(
+          B,
           {
             gap: "x16",
             text: "primary",
             fs: "custom",
             fw: "regular",
             className: "ui-options-list fw-regular",
-            children: m.length > 0 ? m.map((e, r) => {
-              const E = `${e.firstName} ${e.lastName}`;
-              return /* @__PURE__ */ t.jsx(
+            children: f.length > 0 ? f.map((e, t) => {
+              const n = `${e.firstName} ${e.lastName}`;
+              return /* @__PURE__ */ s.jsx(
                 "div",
                 {
                   className: "ui-option-item",
                   onClick: () => {
-                    d(e), a(!1);
+                    u(e), i(!1);
                   },
-                  children: /* @__PURE__ */ t.jsx("span", { style: { color: "black" }, children: E })
+                  children: y(n, a)
                 },
-                e.fiscalCode || r
+                e.fiscalCode || t
               );
-            }) : /* @__PURE__ */ t.jsx("div", { className: "ui-option-item no-results", children: /* @__PURE__ */ t.jsx("span", { style: { color: "gray" }, children: "Nessun risultato trovato" }) })
+            }) : /* @__PURE__ */ s.jsx("div", { className: "ui-option-item no-results", children: /* @__PURE__ */ s.jsx("span", { style: { color: "gray" }, children: "Nessun risultato trovato" }) })
           }
         ) }) })
       ]
@@ -101,6 +116,6 @@ const S = ({
   );
 };
 export {
-  S as DelegateFilterDropDown
+  A as DelegateFilterDropDown
 };
 //# sourceMappingURL=index.es102.js.map

package/dist/index.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es102.js","sources":["../src/components/ui/DelegateFilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport \"./DelegateFilterDropDown.scss\";\r\nimport { Close } from \"@/icons\";\r\n\r\nexport type RelatedPeople = {\r\n  birthDate: string;\r\n  firstName: string;\r\n  fiscalCode: string;\r\n  lastName: string;\r\n  relationship: string;\r\n};\r\n\r\ntype RelatedPeopleDropDownProps = {\r\n  size?: \"small\" | \"large\";\r\n  items: RelatedPeople[];\r\n  className?: string;\r\n  selectedPerson: RelatedPeople | null;\r\n  setSelectedPerson: (person: RelatedPeople | null) => void;\r\n  placeholder?: string;\r\n  btnText?: string;\r\n};\r\n\r\nexport const DelegateFilterDropDown = ({\r\n  size = \"large\",\r\n  items = [],\r\n  className,\r\n  selectedPerson,\r\n  setSelectedPerson,\r\n  placeholder = \"\",\r\n  btnText = \"Cerca\",\r\n}: RelatedPeopleDropDownProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const filteredItems = items.filter((person) => {\r\n    const fullName = `${person.firstName} ${person.lastName}`.toLowerCase();\r\n    return fullName.includes(searchTerm.toLowerCase());\r\n  });\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  useEffect(() => {\r\n    if (isExpanded) {\r\n      setSearchTerm(\"\");\r\n      if (inputRef.current) {\r\n        inputRef.current.focus();\r\n      }\r\n    }\r\n  }, [isExpanded]);\r\n\r\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (isExpanded) {\r\n      setSearchTerm(e.target.value);\r\n    }\r\n  };\r\n\r\n  const handleInputClick = () => {\r\n    setIsExpanded(!isExpanded);\r\n  };\r\n\r\n  const handleClearClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    setSelectedPerson(null);\r\n    setSearchTerm(\"\");\r\n  };\r\n\r\n  const displayValue =\r\n    !isExpanded && selectedPerson\r\n      ? `${selectedPerson.firstName} ${selectedPerson.lastName}`\r\n      : searchTerm;\r\n\r\n  const showCloseButton = selectedPerson !== null || searchTerm.length > 0;\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={clsx(\r\n        \"ui-related-dropdown\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n      )}\r\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\r\n    >\r\n      <div className=\"ui-input-container\">\r\n        <input\r\n          ref={inputRef}\r\n          className={clsx(\r\n            \"ui-related-dropdown-input\",\r\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\r\n            { active: isExpanded },\r\n          )}\r\n          value={displayValue}\r\n          onChange={handleInputChange}\r\n          placeholder={placeholder}\r\n          onClick={handleInputClick}\r\n        />\r\n\r\n        {showCloseButton && (\r\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\r\n            <Close width={20} />\r\n          </div>\r\n        )}\r\n\r\n        <div className=\"ui-div-btn\">\r\n          <Button\r\n            className={clsx(\r\n              \"ui-btn-search\",\r\n              \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n            )}\r\n            onClick={handleInputClick}\r\n          >\r\n            {btnText}\r\n          </Button>\r\n        </div>\r\n      </div>\r\n\r\n      {isExpanded && (\r\n        <div className=\"ui-related-dropdown-options\">\r\n          <div className=\"p-x24 shadow w-full\">\r\n            <Col\r\n              gap={\"x16\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-options-list fw-regular\"}\r\n            >\r\n              {filteredItems.length > 0 ? (\r\n                filteredItems.map((person, index) => {\r\n                  const fullName = `${person.firstName} ${person.lastName}`;\r\n                  return (\r\n                    <div\r\n                      className=\"ui-option-item\"\r\n                      key={person.fiscalCode || index}\r\n                      onClick={() => {\r\n                        setSelectedPerson(person);\r\n                        setIsExpanded(false);\r\n                      }}\r\n                    >\r\n                      <span style={{ color: \"black\" }}>{fullName}</span>\r\n                    </div>\r\n                  );\r\n                })\r\n              ) : (\r\n                <div className=\"ui-option-item no-results\">\r\n                  <span style={{ color: \"gray\" }}>\r\n                    Nessun risultato trovato\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DelegateFilterDropDown","size","items","className","selectedPerson","setSelectedPerson","placeholder","btnText","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","person","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","showCloseButton","jsxs","clsx","jsx","Close","Button","Col","index","fullName"],"mappings":";;;;;;;AAwBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AACZ,MAAkC;AAChC,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAE,GACzCG,IAAcC,EAAuB,IAAI,GACzCC,IAAWD,EAAyB,IAAI,GAExCE,IAAgBd,EAAM,OAAO,CAACe,MACjB,GAAGA,EAAO,SAAS,IAAIA,EAAO,QAAQ,GAAG,YAAY,EACtD,SAASN,EAAW,YAAA,CAAa,CAClD;AAED,EAAAO,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAP,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASO,EAAM,MAAc,KAElDX,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaW,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACX,CAAU,CAAC,GAEfU,EAAU,MAAM;AACd,IAAIV,MACFI,EAAc,EAAE,GACZG,EAAS,WACXA,EAAS,QAAQ,MAAM;AAAA,EAE3B,GACC,CAACP,CAAU,CAAC;AAET,QAAAa,IAAoB,CAAC,MAA2C;AACpE,IAAIb,KACYI,EAAA,EAAE,OAAO,KAAK;AAAA,EAEhC,GAEMU,IAAmB,MAAM;AAC7B,IAAAb,EAAc,CAACD,CAAU;AAAA,EAC3B,GAEMe,IAAmB,CAAC,MAAwB;AAChD,MAAE,gBAAgB,GAClBlB,EAAkB,IAAI,GACtBO,EAAc,EAAE;AAAA,EAClB,GAEMY,IACJ,CAAChB,KAAcJ,IACX,GAAGA,EAAe,SAAS,IAAIA,EAAe,QAAQ,KACtDO,GAEAc,IAAkBrB,MAAmB,QAAQO,EAAW,SAAS;AAGrE,SAAAe,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKb;AAAA,MACL,WAAWc;AAAA,QACT;AAAA,QACA;AAAA,QACAxB;AAAA,MACF;AAAA,MACA,OAAOF,MAAS,UAAU,EAAE,UAAU,WAAW,EAAE,UAAU,QAAQ;AAAA,MAErE,UAAA;AAAA,QAACyB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,UAAAE,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKb;AAAA,cACL,WAAWY;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,EAAE,QAAQnB,EAAW;AAAA,cACvB;AAAA,cACA,OAAOgB;AAAA,cACP,UAAUH;AAAA,cACV,aAAAf;AAAA,cACA,SAASgB;AAAA,YAAA;AAAA,UACX;AAAA,UAECG,KACEG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,mBAAkB,SAASL,GACxC,UAACK,gBAAAA,EAAAA,IAAAC,GAAA,EAAM,OAAO,GAAA,CAAI,EACpB,CAAA;AAAA,UAGFD,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,cACb,UAAAA,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAWH;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cACA,SAASL;AAAA,cAER,UAAAf;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA,GACF;AAAA,QAECC,2BACE,OAAI,EAAA,WAAU,+BACb,UAACoB,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,uBACb,UAAAA,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAM;AAAA,YACN,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,WAAW;AAAA,YAEV,YAAc,SAAS,IACtBf,EAAc,IAAI,CAACC,GAAQe,MAAU;AACnC,oBAAMC,IAAW,GAAGhB,EAAO,SAAS,IAAIA,EAAO,QAAQ;AAErD,qBAAAW,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBAEV,SAAS,MAAM;AACb,oBAAAvB,EAAkBY,CAAM,GACxBR,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEA,gCAAC,QAAK,EAAA,OAAO,EAAE,OAAO,QAAA,GAAY,UAASwB,EAAA,CAAA;AAAA,gBAAA;AAAA,gBANtChB,EAAO,cAAce;AAAA,cAO5B;AAAA,YAAA,CAEH,IAEAJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,6BACb,UAAAA,gBAAAA,EAAA,IAAC,QAAK,EAAA,OAAO,EAAE,OAAO,OAAO,GAAG,sCAEhC,EACF,CAAA;AAAA,UAAA;AAAA,WAGN,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es102.js","sources":["../src/components/ui/DelegateFilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport \"./DelegateFilterDropDown.scss\";\r\nimport { Close } from \"@/icons\";\r\n\r\nexport type RelatedPeople = {\r\n  birthDate: string;\r\n  firstName: string;\r\n  fiscalCode: string;\r\n  lastName: string;\r\n  relationship: string;\r\n};\r\n\r\ntype RelatedPeopleDropDownProps = {\r\n  size?: \"small\" | \"large\";\r\n  items: RelatedPeople[];\r\n  className?: string;\r\n  selectedPerson: RelatedPeople | null;\r\n  setSelectedPerson: (person: RelatedPeople | null) => void;\r\n  placeholder?: string;\r\n  btnText?: string;\r\n};\r\n\r\nexport const DelegateFilterDropDown = ({\r\n  size = \"large\",\r\n  items = [],\r\n  className,\r\n  selectedPerson,\r\n  setSelectedPerson,\r\n  placeholder = \"\",\r\n  btnText = \"Cerca\",\r\n}: RelatedPeopleDropDownProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const filteredItems = items.filter((person) => {\r\n    const fullName = `${person.firstName} ${person.lastName}`.toLowerCase();\r\n    return fullName.includes(searchTerm.toLowerCase());\r\n  });\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  useEffect(() => {\r\n    if (isExpanded) {\r\n      setSearchTerm(\"\");\r\n      if (inputRef.current) {\r\n        inputRef.current.focus();\r\n      }\r\n    }\r\n  }, [isExpanded]);\r\n\r\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (isExpanded) {\r\n      setSearchTerm(e.target.value);\r\n    }\r\n  };\r\n\r\n  const handleInputClick = () => {\r\n    setIsExpanded(!isExpanded);\r\n  };\r\n\r\n  const handleClearClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    setSelectedPerson(null);\r\n    setSearchTerm(\"\");\r\n  };\r\n\r\n  const displayValue =\r\n    !isExpanded && selectedPerson\r\n      ? `${selectedPerson.firstName} ${selectedPerson.lastName}`\r\n      : searchTerm;\r\n\r\n  const showCloseButton = selectedPerson !== null || searchTerm.length > 0;\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query || query.trim() === \"\")\r\n      return <span style={{ color: \"black\" }}> {text} </span>;\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <span style={{ color: \"black\" }}>\r\n        {beforeMatch}\r\n        <span className=\"text-primary fw-bold\">{match}</span>\r\n        {afterMatch}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={clsx(\r\n        \"ui-related-dropdown\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n      )}\r\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\r\n    >\r\n      <div className=\"ui-input-container\">\r\n        <input\r\n          ref={inputRef}\r\n          className={clsx(\r\n            \"ui-related-dropdown-input\",\r\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\r\n            { active: isExpanded },\r\n          )}\r\n          value={displayValue}\r\n          onChange={handleInputChange}\r\n          placeholder={placeholder}\r\n          onClick={handleInputClick}\r\n        />\r\n\r\n        {showCloseButton && (\r\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\r\n            <Close width={20} />\r\n          </div>\r\n        )}\r\n\r\n        <div className=\"ui-div-btn\">\r\n          <Button\r\n            className={clsx(\r\n              \"ui-btn-search\",\r\n              \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n            )}\r\n            onClick={handleInputClick}\r\n          >\r\n            {btnText}\r\n          </Button>\r\n        </div>\r\n      </div>\r\n\r\n      {isExpanded && (\r\n        <div className=\"ui-related-dropdown-options\">\r\n          <div className=\"p-x24 shadow w-full\">\r\n            <Col\r\n              gap={\"x16\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-options-list fw-regular\"}\r\n            >\r\n              {filteredItems.length > 0 ? (\r\n                filteredItems.map((person, index) => {\r\n                  const fullName = `${person.firstName} ${person.lastName}`;\r\n                  return (\r\n                    <div\r\n                      className=\"ui-option-item\"\r\n                      key={person.fiscalCode || index}\r\n                      onClick={() => {\r\n                        setSelectedPerson(person);\r\n                        setIsExpanded(false);\r\n                      }}\r\n                    >\r\n                      {highlightMatch(fullName, searchTerm)}\r\n                    </div>\r\n                  );\r\n                })\r\n              ) : (\r\n                <div className=\"ui-option-item no-results\">\r\n                  <span style={{ color: \"gray\" }}>\r\n                    Nessun risultato trovato\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DelegateFilterDropDown","size","items","className","selectedPerson","setSelectedPerson","placeholder","btnText","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","person","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","showCloseButton","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsx","jsxs","clsx","Close","Button","Col","fullName"],"mappings":"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"}

package/dist/index.es104.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es179.js";
 import { Section as u } from "./index.es46.js";
-import { clsx as f } from "./index.es180.js";
+import { clsx as f } from "./index.es181.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as t } from "./index.es304.js";
+import { l as t } from "./index.es183.js";
 import { CardCategory as v } from "./index.es26.js";
 import { Col as w } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es35.js";

package/dist/index.es107.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es179.js";
 import { Section as l } from "./index.es46.js";
-import { clsx as f } from "./index.es180.js";
+import { clsx as f } from "./index.es181.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as a } from "./index.es304.js";
+import { l as a } from "./index.es183.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as v } from "./index.es35.js";
 import { CardCategory as g } from "./index.es26.js";

package/dist/index.es108.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es179.js";
 import { Section as c } from "./index.es46.js";
-import { clsx as u } from "./index.es180.js";
+import { clsx as u } from "./index.es181.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as p } from "./index.es29.js";
 import { Col as x } from "./index.es10.js";

package/dist/index.es11.js

@@ -1,8 +1,8 @@
 import { j as r } from "./index.es179.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as e } from "./index.es180.js";
+import { clsx as e } from "./index.es181.js";
 import { useState as m } from "react";
-import { useAlertDialog as p } from "./index.es186.js";
+import { useAlertDialog as p } from "./index.es195.js";
 import { Button as x } from "./index.es25.js";
 const v = ({
   btnText: i,

package/dist/index.es111.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es179.js";
-import { clsx as t } from "./index.es180.js";
-import { createColorClasses as e } from "./index.es183.js";
+import { clsx as t } from "./index.es181.js";
+import { createColorClasses as e } from "./index.es190.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es112.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es179.js";
-import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es183.js";
+import { clsx as a } from "./index.es181.js";
+import { createColorClasses as i } from "./index.es190.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es179.js";
-import { clsx as l } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es183.js";
+import { clsx as l } from "./index.es181.js";
+import { createColorClasses as a } from "./index.es190.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es114.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es179.js";
-import { clsx as a } from "./index.es180.js";
-import { createColorClasses as l } from "./index.es183.js";
+import { clsx as a } from "./index.es181.js";
+import { createColorClasses as l } from "./index.es190.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es179.js";
-import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es183.js";
+import { clsx as a } from "./index.es181.js";
+import { createColorClasses as i } from "./index.es190.js";
 const p = ({
   width: r = 24,
   height: o = 24,