@anoki/fse-ui 1.0.708 → 1.0.709

package/dist/index.cjs67.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TableMobile/TableMobile.css');const s=require("./index.cjs212.js"),h=require("./index.cjs213.js");;/* empty css              */const D=require("react"),R=require("./index.cjs10.js"),f=require("./index.cjs9.js"),I=require("./index.cjs60.js"),L=require("./index.cjs171.js"),z=require("./index.cjs172.js"),_=require("./index.cjs25.js"),V=require("./index.cjs164.js"),A=require("./index.cjs173.js"),U=({data:n,columns:t,pagination:x=!0,resultsPerPage:l=5,totalResults:a,initialCurrentPage:j=1,serverSidePagination:c=!1,totalItems:e,hasNextPage:i,onNextPage:d,onPageChange:r,setCurrentPage:o,nextButtonLabel:u="Visualizza altri",sortConfig:p=null,onSortChange:m})=>{const[E,k]=D.useState(j),q=b=>{k(b),o==null||o(b)},y=c?0:(E-1)*l,T=c?n.length:Math.min(y+l,n.length),M=n.slice(y,T);return s.jsxRuntimeExports.jsxs(R.Col,{className:"w-full h-full",gap:"x16",children:[M.map((b,$)=>s.jsxRuntimeExports.jsx(w,{columns:t,data:b,sortConfig:p,onSortChange:m},$)),x&&s.jsxRuntimeExports.jsx(N,{currentPage:E,totalResults:a||n.length,resultsPerPage:l,setCurrentPage:q,onPageChange:r,serverSide:c,totalItems:e,hasNextPage:i,onNextPage:d,className:"mt-x16",nextButtonLabel:u})]})},B=({data:n})=>n.type==="link"&&n.link?s.jsxRuntimeExports.jsx("a",{href:n.link,"aria-label":n.ariaLabel,children:n.label}):s.jsxRuntimeExports.jsx("button",{onClick:n.action,"aria-label":n.ariaLabel,children:n.label}),w=({columns:n,sortConfig:t,data:x,onSortChange:l})=>{const a=e=>{if(!e)return null;if(typeof e=="object"&&"firstLine"in e){const i=e;return`${i.firstLine}${i.secondLine?` ${i.secondLine}`:""}`}return typeof e=="object"&&"label"in e&&"type"in e?s.jsxRuntimeExports.jsx(B,{data:e}):e},j=e=>{switch(e){case"info":return s.jsxRuntimeExports.jsx(A.Info,{});case"download":return s.jsxRuntimeExports.jsx(V.Download,{});default:return e}},c=e=>{if(!l||!t)return;const i=t.key===e&&t.direction==="asc"?"desc":"asc";l(e,i)};return s.jsxRuntimeExports.jsx("div",{className:h.clsx("ui-card-table shadow br-x4 text-slate-28 fs-custom "),children:n.map((e,i)=>{if(!e.key||e.key==="actionData")return s.jsxRuntimeExports.jsx(f.Row,{p:"x16",className:"ui-table-header",justifyContent:"space-between",children:s.jsxRuntimeExports.jsx(R.Col,{justifyContent:"end",gap:"x4",className:"w-full",children:s.jsxRuntimeExports.jsx(f.Row,{justifyContent:"end",className:"table-mobile-actions",children:a(x.actionData)})})},i);const d=x[e.key],r=e,o=(t==null?void 0:t.key)===e.key,u=o?t.direction:null;return s.jsxRuntimeExports.jsx(f.Row,{p:"x16",className:"ui-table-header",justifyContent:"space-between",children:s.jsxRuntimeExports.jsxs(R.Col,{justifyContent:"center",gap:"x4",className:"w-full",children:[s.jsxRuntimeExports.jsx(I.ActionIconText,{justifyContent:"space-between",alignItems:"center",icon:j(r.icon),noIcon:!j(r.icon),textLabel:r.label,iconPosition:r.iconPosition,popupInfo:r.popupInfo,positionPopUp:"left",classNameText:"fw-bold text-slate-28 fs-custom md-fs-6",children:r.sortable&&s.jsxRuntimeExports.jsxs("span",{className:"sort-indicator",onClick:p=>{p.stopPropagation(),c(e.key)},children:[s.jsxRuntimeExports.jsx(L.TriangleUp,{filled:o&&u==="desc",className:h.clsx("sort-indicator__triangle",{active:o&&u==="desc"})}),s.jsxRuntimeExports.jsx(z.TriangleDown,{filled:o&&u==="asc",className:h.clsx("sort-indicator__triangle",{active:o&&u==="asc"})})]})}),s.jsxRuntimeExports.jsx(f.Row,{children:a(d)})]})},i)})})},N=({currentPage:n=1,totalResults:t=0,resultsPerPage:x,setCurrentPage:l,onPageChange:a,className:j,serverSide:c=!1,totalItems:e,hasNextPage:i,onNextPage:d,nextButtonLabel:r})=>{const o=Math.ceil(c?(e||t)/x:t/x),u=()=>{const m=n+1;c&&d&&d(),l==null||l(m),a==null||a(m)},p=c?!i:n===o;return s.jsxRuntimeExports.jsxs(R.Col,{className:h.clsx("pagination-mobile fs-6 text-slate-28",j),gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:"info",children:["Stai visualizzando"," ",s.jsxRuntimeExports.jsx("span",{className:"info_resultsPerPage fw-bold",children:Math.min(n*x,c&&e||t)})," ","di ",c&&e||t," risultati"]}),s.jsxRuntimeExports.jsx(_.Button,{variant:"primary",disabled:p,size:"2",onClick:u,children:r})]})};exports.CardTable=w;exports.TableMobile=U;exports.TableMobilePagination=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TableMobile/TableMobile.css');const s=require("./index.cjs212.js"),h=require("./index.cjs214.js");;/* empty css              */const D=require("react"),R=require("./index.cjs10.js"),f=require("./index.cjs9.js"),I=require("./index.cjs60.js"),L=require("./index.cjs171.js"),z=require("./index.cjs172.js"),_=require("./index.cjs25.js"),V=require("./index.cjs164.js"),A=require("./index.cjs173.js"),U=({data:n,columns:t,pagination:x=!0,resultsPerPage:l=5,totalResults:a,initialCurrentPage:j=1,serverSidePagination:c=!1,totalItems:e,hasNextPage:i,onNextPage:d,onPageChange:r,setCurrentPage:o,nextButtonLabel:u="Visualizza altri",sortConfig:p=null,onSortChange:m})=>{const[E,k]=D.useState(j),q=b=>{k(b),o==null||o(b)},y=c?0:(E-1)*l,T=c?n.length:Math.min(y+l,n.length),M=n.slice(y,T);return s.jsxRuntimeExports.jsxs(R.Col,{className:"w-full h-full",gap:"x16",children:[M.map((b,$)=>s.jsxRuntimeExports.jsx(w,{columns:t,data:b,sortConfig:p,onSortChange:m},$)),x&&s.jsxRuntimeExports.jsx(N,{currentPage:E,totalResults:a||n.length,resultsPerPage:l,setCurrentPage:q,onPageChange:r,serverSide:c,totalItems:e,hasNextPage:i,onNextPage:d,className:"mt-x16",nextButtonLabel:u})]})},B=({data:n})=>n.type==="link"&&n.link?s.jsxRuntimeExports.jsx("a",{href:n.link,"aria-label":n.ariaLabel,children:n.label}):s.jsxRuntimeExports.jsx("button",{onClick:n.action,"aria-label":n.ariaLabel,children:n.label}),w=({columns:n,sortConfig:t,data:x,onSortChange:l})=>{const a=e=>{if(!e)return null;if(typeof e=="object"&&"firstLine"in e){const i=e;return`${i.firstLine}${i.secondLine?` ${i.secondLine}`:""}`}return typeof e=="object"&&"label"in e&&"type"in e?s.jsxRuntimeExports.jsx(B,{data:e}):e},j=e=>{switch(e){case"info":return s.jsxRuntimeExports.jsx(A.Info,{});case"download":return s.jsxRuntimeExports.jsx(V.Download,{});default:return e}},c=e=>{if(!l||!t)return;const i=t.key===e&&t.direction==="asc"?"desc":"asc";l(e,i)};return s.jsxRuntimeExports.jsx("div",{className:h.clsx("ui-card-table shadow br-x4 text-slate-28 fs-custom "),children:n.map((e,i)=>{if(!e.key||e.key==="actionData")return s.jsxRuntimeExports.jsx(f.Row,{p:"x16",className:"ui-table-header",justifyContent:"space-between",children:s.jsxRuntimeExports.jsx(R.Col,{justifyContent:"end",gap:"x4",className:"w-full",children:s.jsxRuntimeExports.jsx(f.Row,{justifyContent:"end",className:"table-mobile-actions",children:a(x.actionData)})})},i);const d=x[e.key],r=e,o=(t==null?void 0:t.key)===e.key,u=o?t.direction:null;return s.jsxRuntimeExports.jsx(f.Row,{p:"x16",className:"ui-table-header",justifyContent:"space-between",children:s.jsxRuntimeExports.jsxs(R.Col,{justifyContent:"center",gap:"x4",className:"w-full",children:[s.jsxRuntimeExports.jsx(I.ActionIconText,{justifyContent:"space-between",alignItems:"center",icon:j(r.icon),noIcon:!j(r.icon),textLabel:r.label,iconPosition:r.iconPosition,popupInfo:r.popupInfo,positionPopUp:"left",classNameText:"fw-bold text-slate-28 fs-custom md-fs-6",children:r.sortable&&s.jsxRuntimeExports.jsxs("span",{className:"sort-indicator",onClick:p=>{p.stopPropagation(),c(e.key)},children:[s.jsxRuntimeExports.jsx(L.TriangleUp,{filled:o&&u==="desc",className:h.clsx("sort-indicator__triangle",{active:o&&u==="desc"})}),s.jsxRuntimeExports.jsx(z.TriangleDown,{filled:o&&u==="asc",className:h.clsx("sort-indicator__triangle",{active:o&&u==="asc"})})]})}),s.jsxRuntimeExports.jsx(f.Row,{children:a(d)})]})},i)})})},N=({currentPage:n=1,totalResults:t=0,resultsPerPage:x,setCurrentPage:l,onPageChange:a,className:j,serverSide:c=!1,totalItems:e,hasNextPage:i,onNextPage:d,nextButtonLabel:r})=>{const o=Math.ceil(c?(e||t)/x:t/x),u=()=>{const m=n+1;c&&d&&d(),l==null||l(m),a==null||a(m)},p=c?!i:n===o;return s.jsxRuntimeExports.jsxs(R.Col,{className:h.clsx("pagination-mobile fs-6 text-slate-28",j),gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:"info",children:["Stai visualizzando"," ",s.jsxRuntimeExports.jsx("span",{className:"info_resultsPerPage fw-bold",children:Math.min(n*x,c&&e||t)})," ","di ",c&&e||t," risultati"]}),s.jsxRuntimeExports.jsx(_.Button,{variant:"primary",disabled:p,size:"2",onClick:u,children:r})]})};exports.CardTable=w;exports.TableMobile=U;exports.TableMobilePagination=N;
 //# sourceMappingURL=index.cjs67.js.map

package/dist/index.cjs68.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const t=require("./index.cjs212.js"),a=require("react"),c=require("./index.cjs213.js");;/* empty css              */const p=require("./index.cjs134.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.cjs212.js"),a=require("react"),c=require("./index.cjs214.js");;/* empty css              */const p=require("./index.cjs134.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.cjs68.js.map

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs212.js"),o=require("react"),a=require("./index.cjs213.js"),u=require("./index.cjs228.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.cjs212.js"),o=require("react"),a=require("./index.cjs214.js"),u=require("./index.cjs227.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.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DatePicker/DatePicker.css');const i=require("./index.cjs212.js"),u=require("./index.cjs193.js");require("./index.cjs3.js");;/* empty css              */const D=require("./index.cjs213.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.cjs212.js"),u=require("./index.cjs193.js");require("./index.cjs3.js");;/* empty css              */const D=require("./index.cjs214.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.cjs70.js.map

package/dist/index.cjs71.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs212.js"),k=require("./index.cjs213.js"),m=require("react"),d=require("./index.cjs70.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.cjs212.js"),k=require("./index.cjs214.js"),m=require("react"),d=require("./index.cjs70.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.cjs71.js.map

package/dist/index.cjs72.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.cjs212.js"),i=require("./index.cjs213.js"),x=require("./index.cjs60.js");;/* empty css              */const a=require("./index.cjs173.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.cjs212.js"),i=require("./index.cjs214.js"),x=require("./index.cjs60.js");;/* empty css              */const a=require("./index.cjs173.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.cjs72.js.map

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs212.js"),s=require("react"),x=require("./index.cjs213.js"),C=require("./index.cjs228.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.cjs212.js"),s=require("react"),x=require("./index.cjs214.js"),C=require("./index.cjs227.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.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs212.js"),m=require("react"),q=require("./index.cjs213.js"),x=require("./index.cjs228.js"),j=require("./index.cjs214.js"),R=require("./index.cjs230.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.cjs212.js"),m=require("react"),q=require("./index.cjs214.js"),x=require("./index.cjs227.js"),j=require("./index.cjs229.js"),R=require("./index.cjs230.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.cjs92.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.cjs212.js");;/* empty css              */;/* empty css              */const c=require("./index.cjs213.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.cjs212.js");;/* empty css              */;/* empty css              */const c=require("./index.cjs214.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.cjs92.js.map

package/dist/index.cjs94.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardFile/CardFile.css');const e=require("./index.cjs212.js");;/* empty css              */const o=require("./index.cjs25.js"),l=require("./index.cjs36.js"),d=require("./index.cjs213.js"),a=require("./index.cjs159.js"),c=require("./index.cjs164.js"),p=require("./index.cjs132.js");var x=(t=>(t.DOWNLOAD="download",t.GOTO="goto",t.EXTERNAL="external",t))(x||{});function j({title:t,description:i,issued_at:n,file:r,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(a.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:t}),r&&e.jsxRuntimeExports.jsxs("p",{className:"file-type",children:[`${r.type} | `,r.size]})]}),!!i&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:i}),n&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:n})]})]}),e.jsxRuntimeExports.jsx("div",{className:d.clsx("card-file-footer py-x12 px-x16",s.type),children:s.type==="download"?e.jsxRuntimeExports.jsxs(o.Button,{className:"bg-transparent download-button",asLink:"a",target:"_blank",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(p.ExternalLink,{color:"primary",height:32,width:32})})]})}exports.CardFile=j;exports.CardFileActionTypeEnum=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardFile/CardFile.css');const e=require("./index.cjs212.js");;/* empty css              */const o=require("./index.cjs25.js"),l=require("./index.cjs36.js"),d=require("./index.cjs214.js"),a=require("./index.cjs159.js"),c=require("./index.cjs164.js"),p=require("./index.cjs132.js");var x=(t=>(t.DOWNLOAD="download",t.GOTO="goto",t.EXTERNAL="external",t))(x||{});function j({title:t,description:i,issued_at:n,file:r,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(a.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:t}),r&&e.jsxRuntimeExports.jsxs("p",{className:"file-type",children:[`${r.type} | `,r.size]})]}),!!i&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:i}),n&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:n})]})]}),e.jsxRuntimeExports.jsx("div",{className:d.clsx("card-file-footer py-x12 px-x16",s.type),children:s.type==="download"?e.jsxRuntimeExports.jsxs(o.Button,{className:"bg-transparent download-button",asLink:"a",target:"_blank",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(p.ExternalLink,{color:"primary",height:32,width:32})})]})}exports.CardFile=j;exports.CardFileActionTypeEnum=x;
 //# sourceMappingURL=index.cjs94.js.map

package/dist/index.cjs96.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DoctorModal/DoctorModal.css');const e=require("./index.cjs212.js"),c=require("./index.cjs213.js");;/* empty css              */const d=require("./index.cjs345.js"),x=require("./index.cjs97.js"),m=require("./index.cjs38.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.cjs212.js"),c=require("./index.cjs214.js");;/* empty css              */const d=require("./index.cjs345.js"),x=require("./index.cjs97.js"),m=require("./index.cjs38.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.cjs96.js.map

package/dist/index.d.ts

@@ -1382,9 +1382,7 @@ export declare interface ImagesDescriptionProps {
 
 export declare type IncomeBasedDeclarant = {
     code?: string;
-    labels: {
-        it: string;
-    };
+    labels: Labels;
 };
 
 export declare const Info: ({ width, height, className, filled, color, decorative, }: IconProps) => JSX.Element;
@@ -1424,6 +1422,10 @@ export declare type InfoPopupProps = PropsWithChildren<{
 
 export declare const Insights: ({ title, items, colorTitle, showBackgroundRectangle, }: Props_6) => JSX.Element;
 
+export declare type Labels = {
+    it?: string;
+};
+
 declare type Layout = (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];
 
 export declare const Lazio: ({ width, height, className, color, }: IconProps) => JSX.Element;

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es212.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es213.js";
-import { createSpacingClasses as g } from "./index.es228.js";
-import { createColorClasses as j } from "./index.es214.js";
+import { clsx as y } from "./index.es214.js";
+import { createSpacingClasses as g } from "./index.es227.js";
+import { createColorClasses as j } from "./index.es229.js";
 import { createTypographyClasses as u } from "./index.es230.js";
 const M = ({
   as: o,

package/dist/index.es102.js

@@ -2,7 +2,7 @@ import { j as s } from "./index.es212.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.es233.js";
-import { clsx as b } from "./index.es213.js";
+import { clsx as b } from "./index.es214.js";
 import { Row as j } from "./index.es9.js";
 import { ArrowDown as N } from "./index.es131.js";
 import { ScrollArea as g } from "./index.es350.js";

package/dist/index.es103.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es212.js";
-import { clsx as m } from "./index.es213.js";
+import { clsx as m } from "./index.es214.js";
 import { useState as p, useRef as x, useEffect as w } from "react";
 import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
 import { Close as S } from "./index.es134.js";

package/dist/index.es104.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es212.js";
-import { clsx as p } from "./index.es213.js";
+import { clsx as p } from "./index.es214.js";
 import { useState as f, useRef as w, useEffect as h } from "react";
 import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
 import { Close as D } from "./index.es134.js";

package/dist/index.es105.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
-import { clsx as l } from "./index.es213.js";
+import { clsx as l } from "./index.es214.js";
 import { Section as r } from "./index.es47.js";
 import { Col as c } from "./index.es10.js";
 var m = /* @__PURE__ */ ((s) => (s.LIGHT = "light", s.EVIDENCE = "evidence", s.DEFAULT = "default", s))(m || {});

package/dist/index.es106.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es213.js";
+import { clsx as a } from "./index.es214.js";
 import { Col as r } from "./index.es10.js";
 const m = ({ size: t = "2" }) => {
   const s = a(

package/dist/index.es109.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
 import { useRef as l, useState as x, useEffect as E } from "react";
-import { clsx as g } from "./index.es213.js";
+import { clsx as g } from "./index.es214.js";
 import './components/ui/ActionsPopup/ActionsPopup.css';/* empty css            */
 const N = ({
   isOpen: o = !1,

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as t } from "./index.es213.js";
+import { clsx as t } from "./index.es214.js";
 import { useState as x } from "react";
 import { Button as d } from "./index.es25.js";
 import { SearchIcon as o } from "./index.es192.js";

package/dist/index.es114.js

@@ -1,7 +1,7 @@
 import { j as t } from "./index.es212.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as p } from "./index.es213.js";
+import { clsx as p } from "./index.es214.js";
 import { useState as u, useRef as f, useEffect as d } from "react";
 import { ShareLink as h } from "./index.es179.js";
 import { Meta as x } from "./index.es189.js";

package/dist/index.es116.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es212.js";
-import { clsx as a } from "./index.es213.js";
+import { clsx as a } from "./index.es214.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
 import { DoctorModalContent as i } from "./index.es282.js";
 import { DoctorModalFooter as n } from "./index.es283.js";

package/dist/index.es117.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es212.js";
-import { clsx as f } from "./index.es213.js";
+import { clsx as f } from "./index.es214.js";
 import { useState as w, useRef as g, useEffect as b, useMemo as z } from "react";
 import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
 import { Close as B } from "./index.es134.js";

package/dist/index.es117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es117.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport \"./DeclarantsSelect.scss\";\nimport { Close } from \"@/icons\";\n\nexport type IncomeBasedDeclarant = {\n  code?: string;\n  labels: {\n    it: string;\n  };\n};\n\ntype DeclarantsSelectProps = {\n  size?: \"small\" | \"large\";\n  items: IncomeBasedDeclarant[];\n  className?: string;\n  selectedItem: string | null;\n  setSelectedItem: (item: string | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DeclarantsSelect = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedItem,\n  setSelectedItem,\n  placeholder = \"\",\n  btnText = \"Cerca\",\n}: DeclarantsSelectProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const filteredItems = items.filter((item) => {\n    const fullName = `${item.labels?.it}`.toLowerCase();\n    return fullName.includes(searchTerm.toLowerCase());\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setSearchTerm(\"\");\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }\n  }, [isExpanded]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isExpanded) {\n      setSearchTerm(e.target.value);\n    }\n  };\n\n  const handleInputClick = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSelectedItem(null);\n    setSearchTerm(\"\");\n  };\n\n  const displayValue = useMemo(() => {\n    if (!isExpanded && selectedItem) {\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\n    }\n    return searchTerm;\n  }, [isExpanded, selectedItem, searchTerm]);\n\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\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      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\n    >\n      <div className=\"ui-input-container\">\n        <input\n          ref={inputRef}\n          className={clsx(\n            \"ui-related-dropdown-input\",\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\n            { active: isExpanded },\n          )}\n          value={displayValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          onClick={handleInputClick}\n        />\n\n        {showCloseButton && (\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\n            <Close width={20} />\n          </div>\n        )}\n\n        <div className=\"ui-div-btn\">\n          <Button\n            className={clsx(\n              \"ui-btn-search\",\n              \"bg-primary text-white fs-7 fw-semibold br-x4\",\n            )}\n            onClick={handleInputClick}\n          >\n            {btnText}\n          </Button>\n        </div>\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((item, index) => {\n                  const fullName = `${item.labels?.it} `;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={item?.code || index}\n                      onClick={() => {\n                        setSelectedItem(item?.code || \"\");\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(fullName, searchTerm)}\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"ui-option-item no-results\">\n                  <span style={{ color: \"gray\" }}>\n                    Nessun risultato trovato\n                  </span>\n                </div>\n              )}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","btnText","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","Button","Col","fullName"],"mappings":";;;;;;;AAuBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AACZ,MAA6B;AAC3B,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,MAAS;;AAE3C,WADiB,IAAGC,IAAAD,EAAK,WAAL,gBAAAC,EAAa,EAAE,GAAG,YAAY,EAClC,SAASP,EAAW,YAAA,CAAa;AAAA,EAAA,CAClD;AAED,EAAAQ,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAR,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASQ,EAAM,MAAc,KAElDZ,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaY,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACZ,CAAU,CAAC,GAEfW,EAAU,MAAM;AACd,IAAIX,MACFI,EAAc,EAAE,GACZG,EAAS,WACXA,EAAS,QAAQ,MAAM;AAAA,EAE3B,GACC,CAACP,CAAU,CAAC;AAET,QAAAc,IAAoB,CAAC,MAA2C;AACpE,IAAId,KACYI,EAAA,EAAE,OAAO,KAAK;AAAA,EAEhC,GAEMW,IAAmB,MAAM;AAC7B,IAAAd,EAAc,CAACD,CAAU;AAAA,EAC3B,GAEMgB,IAAmB,CAAC,MAAwB;AAChD,MAAE,gBAAgB,GAClBnB,EAAgB,IAAI,GACpBO,EAAc,EAAE;AAAA,EAClB,GAEMa,IAAeC,EAAQ,MAAM;;AAC7B,WAAA,CAAClB,KAAcJ,MACVc,IAAAhB,EAAM,KAAK,CAACe,MAASA,EAAK,SAASb,CAAY,MAA/C,gBAAAc,EAAkD,OAAO,OAAM,KAEjEP;AAAA,EACN,GAAA,CAACH,GAAYJ,GAAcO,CAAU,CAAC,GAEnCgB,IAAkBvB,MAAiB,QAAQO,EAAW,SAAS,GAE/DiB,IAAiB,CAACC,GAAcC,MAAkB;AACtD,QAAI,CAACA,KAASA,EAAM,KAAW,MAAA;AAE3B,aAAAC,gBAAAA,EAAA,KAAC,UAAK,OAAO,EAAE,OAAO,SAAS,UAAU,UAAa,GAAA,UAAA;AAAA,QAAA;AAAA,QAAEF;AAAA,QAAK;AAAA,MAAA,GAAC;AAGlE,UAAMG,IAAQH,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa;AACxD,QAAAE,MAAU,GAAW,QAAAH;AAEzB,UAAMI,IAAcJ,EAAK,MAAM,GAAGG,CAAK,GACjCE,IAAQL,EAAK,MAAMG,GAAOA,IAAQF,EAAM,MAAM,GAC9CK,IAAaN,EAAK,MAAMG,IAAQF,EAAM,MAAM;AAGhD,WAAAC,gBAAAA,EAAA,KAAC,UAAK,OAAO,EAAE,OAAO,SAAS,UAAU,UACtC,GAAA,UAAA;AAAA,MAAAE;AAAA,MACDG,gBAAAA,EAAAA,IAAC,UAAK,OAAO,EAAE,UAAU,UAAU,GAAG,WAAU,wBAC7C,UACHF,EAAA,CAAA;AAAA,MACCC;AAAA,IAAA,GACH;AAAA,EAEJ;AAGE,SAAAJ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKlB;AAAA,MACL,WAAWwB;AAAA,QACT;AAAA,QACA;AAAA,QACAlC;AAAA,MACF;AAAA,MACA,OAAOF,MAAS,UAAU,EAAE,UAAU,WAAW,EAAE,UAAU,QAAQ;AAAA,MAErE,UAAA;AAAA,QAAC8B,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,UAAAK,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKrB;AAAA,cACL,WAAWsB;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,EAAE,QAAQ7B,EAAW;AAAA,cACvB;AAAA,cACA,OAAOiB;AAAA,cACP,UAAUH;AAAA,cACV,aAAAhB;AAAA,cACA,SAASiB;AAAA,YAAA;AAAA,UACX;AAAA,UAECI,KACES,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,mBAAkB,SAASZ,GACxC,UAACY,gBAAAA,EAAAA,IAAAE,GAAA,EAAM,OAAO,GAAA,CAAI,EACpB,CAAA;AAAA,UAGFF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,cACb,UAAAA,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAWF;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cACA,SAASd;AAAA,cAER,UAAAhB;AAAA,YAAA;AAAA,UAAA,EAEL,CAAA;AAAA,QAAA,GACF;AAAA,QAECC,2BACE,OAAI,EAAA,WAAU,+BACb,UAAC4B,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,wBACb,UAAAA,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAM;AAAA,YACN,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,WAAW;AAAA,YAEV,YAAc,SAAS,IACtBxB,EAAc,IAAI,CAACC,GAAMe,MAAU;;AACjC,oBAAMS,IAAW,IAAGvB,IAAAD,EAAK,WAAL,gBAAAC,EAAa,EAAE;AAEjC,qBAAAkB,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBAEV,SAAS,MAAM;AACG,oBAAA/B,GAAAY,KAAA,gBAAAA,EAAM,SAAQ,EAAE,GAChCR,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAmB,EAAea,GAAU9B,CAAU;AAAA,gBAAA;AAAA,iBAN/BM,KAAA,gBAAAA,EAAM,SAAQe;AAAA,cAOrB;AAAA,YAAA,CAEH,IAEAI,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.es117.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport \"./DeclarantsSelect.scss\";\nimport { Close } from \"@/icons\";\n\nexport type Labels = {\n  it?: string;\n};\n\nexport type IncomeBasedDeclarant = {\n  code?: string;\n  labels: Labels;\n};\n\ntype DeclarantsSelectProps = {\n  size?: \"small\" | \"large\";\n  items: IncomeBasedDeclarant[];\n  className?: string;\n  selectedItem: string | null;\n  setSelectedItem: (item: string | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DeclarantsSelect = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedItem,\n  setSelectedItem,\n  placeholder = \"\",\n  btnText = \"Cerca\",\n}: DeclarantsSelectProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const filteredItems = items.filter((item) => {\n    const fullName = `${item.labels?.it}`.toLowerCase();\n    return fullName.includes(searchTerm.toLowerCase());\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setSearchTerm(\"\");\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }\n  }, [isExpanded]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isExpanded) {\n      setSearchTerm(e.target.value);\n    }\n  };\n\n  const handleInputClick = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSelectedItem(null);\n    setSearchTerm(\"\");\n  };\n\n  const displayValue = useMemo(() => {\n    if (!isExpanded && selectedItem) {\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\n    }\n    return searchTerm;\n  }, [isExpanded, selectedItem, searchTerm]);\n\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\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      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\n    >\n      <div className=\"ui-input-container\">\n        <input\n          ref={inputRef}\n          className={clsx(\n            \"ui-related-dropdown-input\",\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\n            { active: isExpanded },\n          )}\n          value={displayValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          onClick={handleInputClick}\n        />\n\n        {showCloseButton && (\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\n            <Close width={20} />\n          </div>\n        )}\n\n        <div className=\"ui-div-btn\">\n          <Button\n            className={clsx(\n              \"ui-btn-search\",\n              \"bg-primary text-white fs-7 fw-semibold br-x4\",\n            )}\n            onClick={handleInputClick}\n          >\n            {btnText}\n          </Button>\n        </div>\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((item, index) => {\n                  const fullName = `${item.labels?.it} `;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={item?.code || index}\n                      onClick={() => {\n                        setSelectedItem(item?.code || \"\");\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(fullName, searchTerm)}\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"ui-option-item no-results\">\n                  <span style={{ color: \"gray\" }}>\n                    Nessun risultato trovato\n                  </span>\n                </div>\n              )}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","btnText","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","Button","Col","fullName"],"mappings":"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"}

package/dist/index.es119.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es212.js";
 import { Section as u } from "./index.es47.js";
-import { clsx as f } from "./index.es213.js";
+import { clsx as f } from "./index.es214.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as t } from "./index.es217.js";
+import { l as t } from "./index.es216.js";
 import { CardCategory as v } from "./index.es26.js";
 import { Col as w } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es36.js";

package/dist/index.es12.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es213.js";
+import { clsx as l } from "./index.es214.js";
 import { useState as h } from "react";
 import { useMediaQuery as N } from "./index.es233.js";
 import { Close as I } from "./index.es134.js";

package/dist/index.es121.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es212.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTMLBalancer as a } from "./index.es126.js";
 import n from "react";
-import { clsx as x } from "./index.es213.js";
+import { clsx as x } from "./index.es214.js";
 import { Section as e } from "./index.es47.js";
 import { Col as f } from "./index.es10.js";
 const T = ({

package/dist/index.es122.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es212.js";
 import { Section as l } from "./index.es47.js";
-import { clsx as f } from "./index.es213.js";
+import { clsx as f } from "./index.es214.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as a } from "./index.es217.js";
+import { l as a } from "./index.es216.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as v } from "./index.es36.js";
 import { CardCategory as g } from "./index.es26.js";

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { Section as c } from "./index.es47.js";
-import { clsx as u } from "./index.es213.js";
+import { clsx as u } from "./index.es214.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.es126.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es212.js";
-import i from "./index.es224.js";
-import o from "./index.es225.js";
+import i from "./index.es223.js";
+import o from "./index.es224.js";
 const c = (t, n = void 0) => {
   const r = i.sanitize(t).replace(
     /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,

package/dist/index.es128.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es212.js";
-import { clsx as c } from "./index.es213.js";
+import { clsx as c } from "./index.es214.js";
 import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
 import { Section as l } from "./index.es47.js";
 const _ = {

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es213.js";
+import { clsx as n } from "./index.es214.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es134.js";
 import { Col as C } from "./index.es10.js";

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
-import { clsx as t } from "./index.es213.js";
-import { createColorClasses as e } from "./index.es214.js";
+import { clsx as t } from "./index.es214.js";
+import { createColorClasses as e } from "./index.es229.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
-import { clsx as a } from "./index.es213.js";
-import { createColorClasses as i } from "./index.es214.js";
+import { clsx as a } from "./index.es214.js";
+import { createColorClasses as i } from "./index.es229.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es132.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
-import { clsx as l } from "./index.es213.js";
-import { createColorClasses as a } from "./index.es214.js";
+import { clsx as l } from "./index.es214.js";
+import { createColorClasses as a } from "./index.es229.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es133.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
-import { clsx as a } from "./index.es213.js";
-import { createColorClasses as l } from "./index.es214.js";
+import { clsx as a } from "./index.es214.js";
+import { createColorClasses as l } from "./index.es229.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es134.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
-import { clsx as a } from "./index.es213.js";
-import { createColorClasses as i } from "./index.es214.js";
+import { clsx as a } from "./index.es214.js";
+import { createColorClasses as i } from "./index.es229.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
-import { clsx as l } from "./index.es213.js";
-import { createColorClasses as a } from "./index.es214.js";
+import { clsx as l } from "./index.es214.js";
+import { createColorClasses as a } from "./index.es229.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es136.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
-import { clsx as l } from "./index.es213.js";
-import { createColorClasses as c } from "./index.es214.js";
+import { clsx as l } from "./index.es214.js";
+import { createColorClasses as c } from "./index.es229.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es137.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es212.js";
-import { clsx as t } from "./index.es213.js";
-import { createColorClasses as e } from "./index.es214.js";
+import { clsx as t } from "./index.es214.js";
+import { createColorClasses as e } from "./index.es229.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es138.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
-import { clsx as s } from "./index.es213.js";
-import { createColorClasses as a } from "./index.es214.js";
+import { clsx as s } from "./index.es214.js";
+import { createColorClasses as a } from "./index.es229.js";
 const V = ({
   width: l = 263,
   height: h = 40,

package/dist/index.es139.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es212.js";
-import { clsx as M } from "./index.es213.js";
-import { createColorClasses as t } from "./index.es214.js";
+import { clsx as M } from "./index.es214.js";
+import { createColorClasses as t } from "./index.es229.js";
 const i = ({
   width: v = 137,
   height: h = 40,

package/dist/index.es14.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es212.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es213.js";
+import { clsx as n } from "./index.es214.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es134.js";
 import { Col as N } from "./index.es10.js";

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es212.js";
-import { clsx as s } from "./index.es213.js";
-import { createColorClasses as r } from "./index.es214.js";
+import { clsx as s } from "./index.es214.js";
+import { createColorClasses as r } from "./index.es229.js";
 const a = ({
   width: v = 118,
   height: m = 40,

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es212.js";
-import { clsx as c } from "./index.es213.js";
-import { createColorClasses as r } from "./index.es214.js";
+import { clsx as c } from "./index.es214.js";
+import { createColorClasses as r } from "./index.es229.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es212.js";
-import { clsx as t } from "./index.es213.js";
-import { createColorClasses as s } from "./index.es214.js";
+import { clsx as t } from "./index.es214.js";
+import { createColorClasses as s } from "./index.es229.js";
 const x = ({
   width: l = 101,
   height: a = 40,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es212.js";
-import { clsx as M } from "./index.es213.js";
-import { createColorClasses as c } from "./index.es214.js";
+import { clsx as M } from "./index.es214.js";
+import { createColorClasses as c } from "./index.es229.js";
 const V = ({
   width: h = 181,
   height: v = 40,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
-import { clsx as s } from "./index.es213.js";
-import { createColorClasses as f } from "./index.es214.js";
+import { clsx as s } from "./index.es214.js";
+import { createColorClasses as f } from "./index.es229.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es212.js";
-import { clsx as o } from "./index.es213.js";
-import { createColorClasses as t } from "./index.es214.js";
+import { clsx as o } from "./index.es214.js";
+import { createColorClasses as t } from "./index.es229.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
-import { clsx as i } from "./index.es213.js";
-import { createColorClasses as a } from "./index.es214.js";
+import { clsx as i } from "./index.es214.js";
+import { createColorClasses as a } from "./index.es229.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
-import { clsx as i } from "./index.es213.js";
-import { createColorClasses as a } from "./index.es214.js";
+import { clsx as i } from "./index.es214.js";
+import { createColorClasses as a } from "./index.es229.js";
 const x = ({
   width: s = 24,
   height: o = 24,