@anoki/fse-ui 1.0.0-beta1.51.2 → 1.0.0-beta1.51.4

package/dist/index.cjs73.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Table/Table.css');const t=require("./index.cjs246.js"),z=require("react"),d=require("./index.cjs248.js");;/* empty css              */const se=require("./index.cjs67.js"),ae=require("./index.cjs199.js"),ne=require("./index.cjs200.js"),ie=require("./index.cjs192.js"),le=require("./index.cjs201.js");function oe(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(s,a,i.get?i:{enumerable:!0,get:()=>e[a]})}}return s.default=e,Object.freeze(s)}const f=oe(z),U=f.forwardRef(({className:e,columns:s,data:a,pagination:i,initialCurrentPage:R=1,resultsPerPage:E=10,defaultSortDirection:b="desc",setSelectedSort:l,initialSortConfig:h,serverSidePagination:m=!1,totalItems:N,hasNextPage:T,hasPreviousPage:C,onNextPage:p,onPreviousPage:k,onPageChange:I,...L},D)=>{const[o,M]=f.useState(h||{key:s[0].key||s[0].label,direction:b}),[n,q]=f.useState(R);z.useEffect(()=>{h&&M(h)},[h]);const c=f.useMemo(()=>[...a].sort((x,y)=>{const u=x[o.key],j=y[o.key],_=s.find(r=>(r.key||r.label)===o.key);if(typeof u=="string"&&typeof j=="string"){if((_==null?void 0:_.type)==="date"){const r=W=>{const[X,Y]=W.split(" - "),[Z,K,S]=X.split("/").map(Number),[ee,te]=Y.split(":").map(Number);return new Date(S,K-1,Z,ee,te)},g=r(u),F=r(j);return o.direction==="asc"?g.getTime()-F.getTime():F.getTime()-g.getTime()}if((_==null?void 0:_.type)==="number"){const r=parseFloat(u),g=parseFloat(j);return o.direction==="asc"?r-g:g-r}return o.direction==="asc"?u.localeCompare(j):j.localeCompare(u)}return A(u)&&A(j)?o.direction==="asc"?u.firstLine.localeCompare(j.firstLine):j.firstLine.localeCompare(u.firstLine):0}),[a,o,s]),v=x=>{const y={key:x,direction:o.key===x&&o.direction==="asc"?"desc":"asc"};M(y),l&&l(y)},w=i&&!m?(n-1)*E:0,P=i&&!m?Math.min(w+E,c.length):c.length,Q=m?c:c.slice(w,P);return t.jsxRuntimeExports.jsxs("div",{className:"position-relative w-full",children:[t.jsxRuntimeExports.jsxs("table",{ref:D,className:d.clsx("table",e),role:"table",...L,children:[t.jsxRuntimeExports.jsx(B,{className:"table__header",children:t.jsxRuntimeExports.jsx($,{children:s.map((x,y)=>t.jsxRuntimeExports.jsx(O,{config:x,sortConfig:o,onSort:()=>x.sortable&&v(x.key||x.label),variant:L.variant},`${x.label}-${y}`))})}),t.jsxRuntimeExports.jsx(H,{className:"table__body",children:Q.map((x,y)=>t.jsxRuntimeExports.jsx($,{className:"table__row",children:s.map((u,j)=>{const _=u.key||u.label,r=x[_];return t.jsxRuntimeExports.jsx(V,{content:r||"",type:r&&A(r)?"double-line":r&&G(r)?"action":void 0},`${_}-${j}`)})},y))})]}),i&&t.jsxRuntimeExports.jsx(J,{currentPage:n,totalResults:m?N||0:c.length,currentResultsPerPage:a.length,resultsPerPage:E,setCurrentPage:q,onPageChange:I,serverSide:m,totalItems:N,hasNextPage:T,hasPreviousPage:C,onNextPage:p,onPreviousPage:k})]})});U.displayName="Table";const B=f.forwardRef(({className:e,children:s,...a},i)=>t.jsxRuntimeExports.jsx("thead",{ref:i,className:d.clsx("[&_tr]:border-b-0",e),...a,children:s}));B.displayName="TableHeader";const H=f.forwardRef(({className:e,children:s,...a},i)=>t.jsxRuntimeExports.jsx("tbody",{ref:i,className:d.clsx("[&_tr:last-child]:border-0",e),...a,children:s}));H.displayName="TableBody";const $=f.forwardRef(({className:e,children:s,...a},i)=>t.jsxRuntimeExports.jsx("tr",{ref:i,className:d.clsx("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...a,children:s}));$.displayName="TableRow";const O=f.forwardRef(({className:e,config:s,sortConfig:a,onSort:i,...R},E)=>{var N;const b=a.key===(s.key||s.label),l=b?a.direction:null,h=()=>l==="asc"?"ascending":"descending",m=T=>{switch(T){case"info":return t.jsxRuntimeExports.jsx(le.Info,{});case"download":return t.jsxRuntimeExports.jsx(ie.Download,{});default:return T}};return t.jsxRuntimeExports.jsx("th",{ref:E,className:d.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":b?h():void 0,scope:s.scope||"col",...R,children:t.jsxRuntimeExports.jsxs("div",{className:"table__cell--header--content",children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(se.ActionIconText,{icon:m(s.icon),noIcon:!m(s.icon),textLabel:s.label,iconPosition:s.iconPosition,handleIconAction:()=>{s.iconAction&&s.iconAction()},popupInfo:s.popupInfo,positionPopUp:(N=s.popupInfo)==null?void 0:N.positionPopUp,classNameText:R.variant&&"fw-bold text-slate-28 fs-custom md-fs-6"})}),s.sortable&&t.jsxRuntimeExports.jsxs("span",{className:"sort-indicator",children:[t.jsxRuntimeExports.jsx(ae.TriangleUp,{filled:b&&l==="desc",className:d.clsx("sort-indicator__triangle",{active:b&&l==="desc"})}),t.jsxRuntimeExports.jsx(ne.TriangleDown,{filled:b&&l==="asc",className:d.clsx("sort-indicator__triangle",{active:b&&l==="asc"})})]})]})})});O.displayName="TableHead";const re=({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})]}),ce=({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}),A=e=>typeof e=="object"&&e!==null&&"firstLine"in e&&"secondLine"in e,G=e=>typeof e=="object"&&e!==null&&"label"in e&&"type"in e,xe=({content:e})=>typeof e=="string"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e}):A(e)?t.jsxRuntimeExports.jsx(re,{data:e}):G(e)?t.jsxRuntimeExports.jsx(ce,{data:e}):null,V=f.forwardRef(({className:e,content:s,type:a,...i},R)=>t.jsxRuntimeExports.jsx("td",{ref:R,className:d.clsx("table__cell",{"table__cell--double-line":a==="double-line","table__cell--action":a==="action"},e),...i,children:t.jsxRuntimeExports.jsx(xe,{content:s})}));V.displayName="TableCell";const J=({currentPage:e=1,totalResults:s,resultsPerPage:a,currentResultsPerPage:i,setCurrentPage:R,onPageChange:E,className:b,serverSide:l=!1,totalItems:h,hasNextPage:m,hasPreviousPage:N,onNextPage:T,onPreviousPage:C})=>{const p=Math.ceil(l?(h||s)/a:s/a),k=n=>{R(n),E&&E(n)},I=()=>{const n=e+1;l&&T&&T(),k(n)},L=()=>{const n=e-1;l&&C&&C(),k(n)},D=l?!m:e===p,o=l?!N:e===1,M=()=>{const n=[];if(p<=5)for(let c=1;c<=p;c++)n.push(c);else{n.push(1);let c=Math.max(2,e-1),v=Math.min(p-1,e+1);e<=3?v=4:e>=p-2&&(c=p-3),c>2&&n.push("...");for(let w=c;w<=v;w++)n.push(w);v<p-1&&n.push("..."),n.push(p)}return n};return t.jsxRuntimeExports.jsxs("div",{className:d.clsx("pagination",b),children:[t.jsxRuntimeExports.jsxs("div",{className:"pagination__info",children:["Stai visualizzando"," ",t.jsxRuntimeExports.jsx("span",{className:"pagination__info__resultsPerPage",children:l?i:e===p&&s%a!==0?s%a:a})," ","di ",l&&h||s," risultati"]}),t.jsxRuntimeExports.jsxs("div",{className:"pagination__nav",children:[t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",o&&"pagination__button--disabled"),onClick:L,disabled:o,"aria-label":"Previous page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation",children:t.jsxRuntimeExports.jsx("path",{d:"M15 18l-6-6 6-6"})})}),M().map((n,q)=>n==="..."?t.jsxRuntimeExports.jsx("span",{className:"pagination__ellipsis",children:"..."},`ellipsis-${q}`):t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",e===n&&"pagination__button--active"),onClick:()=>k(n),disabled:n===e,children:n},n)),t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",D&&"pagination__button--disabled"),onClick:I,disabled:D,"aria-label":"Next page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation",children:t.jsxRuntimeExports.jsx("path",{d:"M9 6l6 6-6 6"})})})]})]})};exports.Pagination=J;exports.Table=U;exports.TableBody=H;exports.TableCell=V;exports.TableHead=O;exports.TableHeader=B;exports.TableRow=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Table/Table.css');const t=require("./index.cjs246.js"),z=require("react"),d=require("./index.cjs247.js");;/* empty css              */const se=require("./index.cjs67.js"),ae=require("./index.cjs199.js"),ne=require("./index.cjs200.js"),ie=require("./index.cjs192.js"),le=require("./index.cjs201.js");function oe(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(s,a,i.get?i:{enumerable:!0,get:()=>e[a]})}}return s.default=e,Object.freeze(s)}const f=oe(z),U=f.forwardRef(({className:e,columns:s,data:a,pagination:i,initialCurrentPage:R=1,resultsPerPage:E=10,defaultSortDirection:b="desc",setSelectedSort:l,initialSortConfig:h,serverSidePagination:m=!1,totalItems:N,hasNextPage:T,hasPreviousPage:C,onNextPage:p,onPreviousPage:k,onPageChange:I,...L},D)=>{const[o,M]=f.useState(h||{key:s[0].key||s[0].label,direction:b}),[n,q]=f.useState(R);z.useEffect(()=>{h&&M(h)},[h]);const c=f.useMemo(()=>[...a].sort((x,y)=>{const u=x[o.key],j=y[o.key],_=s.find(r=>(r.key||r.label)===o.key);if(typeof u=="string"&&typeof j=="string"){if((_==null?void 0:_.type)==="date"){const r=W=>{const[X,Y]=W.split(" - "),[Z,K,S]=X.split("/").map(Number),[ee,te]=Y.split(":").map(Number);return new Date(S,K-1,Z,ee,te)},g=r(u),F=r(j);return o.direction==="asc"?g.getTime()-F.getTime():F.getTime()-g.getTime()}if((_==null?void 0:_.type)==="number"){const r=parseFloat(u),g=parseFloat(j);return o.direction==="asc"?r-g:g-r}return o.direction==="asc"?u.localeCompare(j):j.localeCompare(u)}return A(u)&&A(j)?o.direction==="asc"?u.firstLine.localeCompare(j.firstLine):j.firstLine.localeCompare(u.firstLine):0}),[a,o,s]),v=x=>{const y={key:x,direction:o.key===x&&o.direction==="asc"?"desc":"asc"};M(y),l&&l(y)},w=i&&!m?(n-1)*E:0,P=i&&!m?Math.min(w+E,c.length):c.length,Q=m?c:c.slice(w,P);return t.jsxRuntimeExports.jsxs("div",{className:"position-relative w-full",children:[t.jsxRuntimeExports.jsxs("table",{ref:D,className:d.clsx("table",e),role:"table",...L,children:[t.jsxRuntimeExports.jsx(B,{className:"table__header",children:t.jsxRuntimeExports.jsx($,{children:s.map((x,y)=>t.jsxRuntimeExports.jsx(O,{config:x,sortConfig:o,onSort:()=>x.sortable&&v(x.key||x.label),variant:L.variant},`${x.label}-${y}`))})}),t.jsxRuntimeExports.jsx(H,{className:"table__body",children:Q.map((x,y)=>t.jsxRuntimeExports.jsx($,{className:"table__row",children:s.map((u,j)=>{const _=u.key||u.label,r=x[_];return t.jsxRuntimeExports.jsx(V,{content:r||"",type:r&&A(r)?"double-line":r&&G(r)?"action":void 0},`${_}-${j}`)})},y))})]}),i&&t.jsxRuntimeExports.jsx(J,{currentPage:n,totalResults:m?N||0:c.length,currentResultsPerPage:a.length,resultsPerPage:E,setCurrentPage:q,onPageChange:I,serverSide:m,totalItems:N,hasNextPage:T,hasPreviousPage:C,onNextPage:p,onPreviousPage:k})]})});U.displayName="Table";const B=f.forwardRef(({className:e,children:s,...a},i)=>t.jsxRuntimeExports.jsx("thead",{ref:i,className:d.clsx("[&_tr]:border-b-0",e),...a,children:s}));B.displayName="TableHeader";const H=f.forwardRef(({className:e,children:s,...a},i)=>t.jsxRuntimeExports.jsx("tbody",{ref:i,className:d.clsx("[&_tr:last-child]:border-0",e),...a,children:s}));H.displayName="TableBody";const $=f.forwardRef(({className:e,children:s,...a},i)=>t.jsxRuntimeExports.jsx("tr",{ref:i,className:d.clsx("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...a,children:s}));$.displayName="TableRow";const O=f.forwardRef(({className:e,config:s,sortConfig:a,onSort:i,...R},E)=>{var N;const b=a.key===(s.key||s.label),l=b?a.direction:null,h=()=>l==="asc"?"ascending":"descending",m=T=>{switch(T){case"info":return t.jsxRuntimeExports.jsx(le.Info,{});case"download":return t.jsxRuntimeExports.jsx(ie.Download,{});default:return T}};return t.jsxRuntimeExports.jsx("th",{ref:E,className:d.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":b?h():void 0,scope:s.scope||"col",...R,children:t.jsxRuntimeExports.jsxs("div",{className:"table__cell--header--content",children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(se.ActionIconText,{icon:m(s.icon),noIcon:!m(s.icon),textLabel:s.label,iconPosition:s.iconPosition,handleIconAction:()=>{s.iconAction&&s.iconAction()},popupInfo:s.popupInfo,positionPopUp:(N=s.popupInfo)==null?void 0:N.positionPopUp,classNameText:R.variant&&"fw-bold text-slate-28 fs-custom md-fs-6"})}),s.sortable&&t.jsxRuntimeExports.jsxs("span",{className:"sort-indicator",children:[t.jsxRuntimeExports.jsx(ae.TriangleUp,{filled:b&&l==="desc",className:d.clsx("sort-indicator__triangle",{active:b&&l==="desc"})}),t.jsxRuntimeExports.jsx(ne.TriangleDown,{filled:b&&l==="asc",className:d.clsx("sort-indicator__triangle",{active:b&&l==="asc"})})]})]})})});O.displayName="TableHead";const re=({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})]}),ce=({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}),A=e=>typeof e=="object"&&e!==null&&"firstLine"in e&&"secondLine"in e,G=e=>typeof e=="object"&&e!==null&&"label"in e&&"type"in e,xe=({content:e})=>typeof e=="string"?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e}):A(e)?t.jsxRuntimeExports.jsx(re,{data:e}):G(e)?t.jsxRuntimeExports.jsx(ce,{data:e}):null,V=f.forwardRef(({className:e,content:s,type:a,...i},R)=>t.jsxRuntimeExports.jsx("td",{ref:R,className:d.clsx("table__cell",{"table__cell--double-line":a==="double-line","table__cell--action":a==="action"},e),...i,children:t.jsxRuntimeExports.jsx(xe,{content:s})}));V.displayName="TableCell";const J=({currentPage:e=1,totalResults:s,resultsPerPage:a,currentResultsPerPage:i,setCurrentPage:R,onPageChange:E,className:b,serverSide:l=!1,totalItems:h,hasNextPage:m,hasPreviousPage:N,onNextPage:T,onPreviousPage:C})=>{const p=Math.ceil(l?(h||s)/a:s/a),k=n=>{R(n),E&&E(n)},I=()=>{const n=e+1;l&&T&&T(),k(n)},L=()=>{const n=e-1;l&&C&&C(),k(n)},D=l?!m:e===p,o=l?!N:e===1,M=()=>{const n=[];if(p<=5)for(let c=1;c<=p;c++)n.push(c);else{n.push(1);let c=Math.max(2,e-1),v=Math.min(p-1,e+1);e<=3?v=4:e>=p-2&&(c=p-3),c>2&&n.push("...");for(let w=c;w<=v;w++)n.push(w);v<p-1&&n.push("..."),n.push(p)}return n};return t.jsxRuntimeExports.jsxs("div",{className:d.clsx("pagination",b),children:[t.jsxRuntimeExports.jsxs("div",{className:"pagination__info",children:["Stai visualizzando"," ",t.jsxRuntimeExports.jsx("span",{className:"pagination__info__resultsPerPage",children:l?i:e===p&&s%a!==0?s%a:a})," ","di ",l&&h||s," risultati"]}),t.jsxRuntimeExports.jsxs("div",{className:"pagination__nav",children:[t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",o&&"pagination__button--disabled"),onClick:L,disabled:o,"aria-label":"Previous page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation",children:t.jsxRuntimeExports.jsx("path",{d:"M15 18l-6-6 6-6"})})}),M().map((n,q)=>n==="..."?t.jsxRuntimeExports.jsx("span",{className:"pagination__ellipsis",children:"..."},`ellipsis-${q}`):t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",e===n&&"pagination__button--active"),onClick:()=>k(n),disabled:n===e,children:n},n)),t.jsxRuntimeExports.jsx("button",{className:d.clsx("pagination__button",D&&"pagination__button--disabled"),onClick:I,disabled:D,"aria-label":"Next page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination__button-arrow",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation",children:t.jsxRuntimeExports.jsx("path",{d:"M9 6l6 6-6 6"})})})]})]})};exports.Pagination=J;exports.Table=U;exports.TableBody=H;exports.TableCell=V;exports.TableHead=O;exports.TableHeader=B;exports.TableRow=$;
 //# sourceMappingURL=index.cjs73.js.map

package/dist/index.cjs74.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TableMobile/TableMobile.css');const t=require("./index.cjs246.js"),R=require("./index.cjs248.js");;/* empty css              */const V=require("react"),q=require("./index.cjs10.js"),D=require("./index.cjs9.js"),z=require("./index.cjs67.js"),v=require("./index.cjs199.js"),A=require("./index.cjs200.js"),B=require("./index.cjs192.js"),U=require("./index.cjs201.js");function C(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(i,o,l.get?l:{enumerable:!0,get:()=>e[o]})}}return i.default=e,Object.freeze(i)}const F=C(V),G=({data:e,columns:i,pagination:o=!0,resultsPerPage:l=5,totalResults:j,initialCurrentPage:_=1,serverSidePagination:c=!1,totalItems:n,hasNextPage:r,hasPreviousPage:E,onNextPage:x,onPreviousPage:p,onPageChange:b,setCurrentPage:a,sortConfig:u=null,onSortChange:L})=>{const[N,y]=V.useState(_),w=d=>{y(d),a==null||a(d)},f=F.useMemo(()=>u?[...e].sort((d,h)=>{const M=d[u.key],T=h[u.key],I=typeof M=="object"&&"firstLine"in M?M.firstLine:M,$=typeof T=="object"&&"firstLine"in T?T.firstLine:T;return I<$?u.direction==="asc"?-1:1:I>$?u.direction==="asc"?1:-1:0}):e,[e,u]),s=c?0:(N-1)*l,k=c?f.length:Math.min(s+l,f.length),m=f.slice(s,k);return t.jsxRuntimeExports.jsxs(q.Col,{className:"w-full h-full",gap:"x16",children:[m.map((d,h)=>t.jsxRuntimeExports.jsx(O,{columns:i,data:d,sortConfig:u,onSortChange:L},h)),o&&t.jsxRuntimeExports.jsx(g,{currentPage:N,totalResults:j||f.length,resultsPerPage:l,setCurrentPage:w,onPageChange:b,serverSide:c,totalItems:n,hasNextPage:r,hasPreviousPage:E,onNextPage:x,onPreviousPage:p,currentResultsPerPage:c?f.length:l,className:"mt-x16"})]})},H=({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}),O=({columns:e,sortConfig:i,data:o,onSortChange:l})=>{const j=n=>{if(!n)return"";if(typeof n=="object"&&"firstLine"in n){const r=n;return`${r.firstLine}${r.secondLine?` ${r.secondLine}`:""}`}return typeof n=="object"&&"label"in n&&"type"in n?t.jsxRuntimeExports.jsx(H,{data:n}):n},_=n=>{switch(n){case"info":return t.jsxRuntimeExports.jsx(U.Info,{});case"download":return t.jsxRuntimeExports.jsx(B.Download,{});default:return n}},c=n=>{if(!l||!i)return;const r=i.key===n&&i.direction==="asc"?"desc":"asc";l(n,r)};return t.jsxRuntimeExports.jsx("div",{className:R.clsx("ui-card-table shadow br-x4 text-slate-28 fs-custom "),children:e.map((n,r)=>{if(!n.key||n.key==="actionData")return t.jsxRuntimeExports.jsx(D.Row,{p:"x16",className:"ui-table-header",justifyContent:"space-between",children:t.jsxRuntimeExports.jsx(q.Col,{justifyContent:"end",gap:"x4",className:"w-full",children:t.jsxRuntimeExports.jsx(D.Row,{justifyContent:"end",className:"table-mobile-actions",children:j(o.actionData)})})},r);const E=o[n.key],x=n,p=(i==null?void 0:i.key)===n.key,b=p?i.direction:null;return t.jsxRuntimeExports.jsx(D.Row,{p:"x16",className:"ui-table-header",justifyContent:"space-between",children:t.jsxRuntimeExports.jsxs(q.Col,{justifyContent:"center",gap:"x4",className:"w-full",children:[t.jsxRuntimeExports.jsx(z.ActionIconText,{justifyContent:"space-between",alignItems:"center",icon:_(x.icon),noIcon:!_(x.icon),textLabel:x.label,iconPosition:x.iconPosition,popupInfo:x.popupInfo,positionPopUp:"left",classNameText:"fw-bold text-slate-28 fs-custom md-fs-6",children:x.sortable&&t.jsxRuntimeExports.jsxs("span",{className:"sort-indicator",onClick:a=>{a.stopPropagation(),c(n.key)},children:[t.jsxRuntimeExports.jsx(v.TriangleUp,{filled:p&&b==="desc",className:R.clsx("sort-indicator__triangle",{active:p&&b==="desc"})}),t.jsxRuntimeExports.jsx(A.TriangleDown,{filled:p&&b==="asc",className:R.clsx("sort-indicator__triangle",{active:p&&b==="asc"})})]})}),t.jsxRuntimeExports.jsx(D.Row,{children:j(E)})]})},r)})})},g=({currentPage:e=1,totalResults:i=0,resultsPerPage:o,setCurrentPage:l,onPageChange:j,className:_,serverSide:c=!1,totalItems:n,hasNextPage:r,hasPreviousPage:E,onNextPage:x,onPreviousPage:p,currentResultsPerPage:b=o})=>{const a=Math.ceil(c?(n||i)/o:i/o),u=s=>{l==null||l(s),j&&j(s)},L=()=>{const s=e+1;c&&x&&x(),u(s)},N=()=>{const s=e-1;c&&p&&p(),u(s)},y=c?!r:e===a,w=c?!E:e===1,f=()=>{const s=[];if(a<=5)for(let m=1;m<=a;m++)s.push(m);else{s.push(1);let m=Math.max(2,e-1),d=Math.min(a-1,e+1);e<=3?d=4:e>=a-2&&(m=a-3),m>2&&s.push("...");for(let h=m;h<=d;h++)s.push(h);d<a-1&&s.push("..."),s.push(a)}return s};return t.jsxRuntimeExports.jsxs("div",{className:R.clsx("pagination-mobile",_),children:[t.jsxRuntimeExports.jsxs("div",{className:"pagination-mobile__info",children:["Stai visualizzando"," ",t.jsxRuntimeExports.jsx("span",{className:"pagination-mobile__info__resultsPerPage",children:c?b:e===a&&i%o!==0?i%o:o})," ","di ",c&&n||i," risultati"]}),t.jsxRuntimeExports.jsxs("div",{className:"pagination-mobile__nav",children:[t.jsxRuntimeExports.jsx("button",{className:R.clsx("pagination-mobile__button",w&&"pagination-mobile__button--disabled"),onClick:N,disabled:w,"aria-label":"Previous page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination-mobile__button-arrow",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation",children:t.jsxRuntimeExports.jsx("path",{d:"M15 18l-6-6 6-6"})})}),f().map((s,k)=>s==="..."?t.jsxRuntimeExports.jsx("span",{className:"pagination-mobile__ellipsis",children:"..."},`ellipsis-${k}`):t.jsxRuntimeExports.jsx("button",{className:R.clsx("pagination-mobile__button",e===s&&"pagination-mobile__button--active"),onClick:()=>u(s),disabled:s===e,children:s},s)),t.jsxRuntimeExports.jsx("button",{className:R.clsx("pagination-mobile__button",y&&"pagination-mobile__button--disabled"),onClick:L,disabled:y,"aria-label":"Next page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination-mobile__button-arrow",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation",children:t.jsxRuntimeExports.jsx("path",{d:"M9 6l6 6-6 6"})})})]})]})};exports.CardTable=O;exports.TableMobile=G;exports.TableMobilePagination=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TableMobile/TableMobile.css');const t=require("./index.cjs246.js"),R=require("./index.cjs247.js");;/* empty css              */const V=require("react"),q=require("./index.cjs10.js"),D=require("./index.cjs9.js"),z=require("./index.cjs67.js"),v=require("./index.cjs199.js"),A=require("./index.cjs200.js"),B=require("./index.cjs192.js"),U=require("./index.cjs201.js");function C(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(i,o,l.get?l:{enumerable:!0,get:()=>e[o]})}}return i.default=e,Object.freeze(i)}const F=C(V),G=({data:e,columns:i,pagination:o=!0,resultsPerPage:l=5,totalResults:j,initialCurrentPage:_=1,serverSidePagination:c=!1,totalItems:n,hasNextPage:r,hasPreviousPage:E,onNextPage:x,onPreviousPage:p,onPageChange:b,setCurrentPage:a,sortConfig:u=null,onSortChange:L})=>{const[N,y]=V.useState(_),w=d=>{y(d),a==null||a(d)},f=F.useMemo(()=>u?[...e].sort((d,h)=>{const M=d[u.key],T=h[u.key],I=typeof M=="object"&&"firstLine"in M?M.firstLine:M,$=typeof T=="object"&&"firstLine"in T?T.firstLine:T;return I<$?u.direction==="asc"?-1:1:I>$?u.direction==="asc"?1:-1:0}):e,[e,u]),s=c?0:(N-1)*l,k=c?f.length:Math.min(s+l,f.length),m=f.slice(s,k);return t.jsxRuntimeExports.jsxs(q.Col,{className:"w-full h-full",gap:"x16",children:[m.map((d,h)=>t.jsxRuntimeExports.jsx(O,{columns:i,data:d,sortConfig:u,onSortChange:L},h)),o&&t.jsxRuntimeExports.jsx(g,{currentPage:N,totalResults:j||f.length,resultsPerPage:l,setCurrentPage:w,onPageChange:b,serverSide:c,totalItems:n,hasNextPage:r,hasPreviousPage:E,onNextPage:x,onPreviousPage:p,currentResultsPerPage:c?f.length:l,className:"mt-x16"})]})},H=({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}),O=({columns:e,sortConfig:i,data:o,onSortChange:l})=>{const j=n=>{if(!n)return"";if(typeof n=="object"&&"firstLine"in n){const r=n;return`${r.firstLine}${r.secondLine?` ${r.secondLine}`:""}`}return typeof n=="object"&&"label"in n&&"type"in n?t.jsxRuntimeExports.jsx(H,{data:n}):n},_=n=>{switch(n){case"info":return t.jsxRuntimeExports.jsx(U.Info,{});case"download":return t.jsxRuntimeExports.jsx(B.Download,{});default:return n}},c=n=>{if(!l||!i)return;const r=i.key===n&&i.direction==="asc"?"desc":"asc";l(n,r)};return t.jsxRuntimeExports.jsx("div",{className:R.clsx("ui-card-table shadow br-x4 text-slate-28 fs-custom "),children:e.map((n,r)=>{if(!n.key||n.key==="actionData")return t.jsxRuntimeExports.jsx(D.Row,{p:"x16",className:"ui-table-header",justifyContent:"space-between",children:t.jsxRuntimeExports.jsx(q.Col,{justifyContent:"end",gap:"x4",className:"w-full",children:t.jsxRuntimeExports.jsx(D.Row,{justifyContent:"end",className:"table-mobile-actions",children:j(o.actionData)})})},r);const E=o[n.key],x=n,p=(i==null?void 0:i.key)===n.key,b=p?i.direction:null;return t.jsxRuntimeExports.jsx(D.Row,{p:"x16",className:"ui-table-header",justifyContent:"space-between",children:t.jsxRuntimeExports.jsxs(q.Col,{justifyContent:"center",gap:"x4",className:"w-full",children:[t.jsxRuntimeExports.jsx(z.ActionIconText,{justifyContent:"space-between",alignItems:"center",icon:_(x.icon),noIcon:!_(x.icon),textLabel:x.label,iconPosition:x.iconPosition,popupInfo:x.popupInfo,positionPopUp:"left",classNameText:"fw-bold text-slate-28 fs-custom md-fs-6",children:x.sortable&&t.jsxRuntimeExports.jsxs("span",{className:"sort-indicator",onClick:a=>{a.stopPropagation(),c(n.key)},children:[t.jsxRuntimeExports.jsx(v.TriangleUp,{filled:p&&b==="desc",className:R.clsx("sort-indicator__triangle",{active:p&&b==="desc"})}),t.jsxRuntimeExports.jsx(A.TriangleDown,{filled:p&&b==="asc",className:R.clsx("sort-indicator__triangle",{active:p&&b==="asc"})})]})}),t.jsxRuntimeExports.jsx(D.Row,{children:j(E)})]})},r)})})},g=({currentPage:e=1,totalResults:i=0,resultsPerPage:o,setCurrentPage:l,onPageChange:j,className:_,serverSide:c=!1,totalItems:n,hasNextPage:r,hasPreviousPage:E,onNextPage:x,onPreviousPage:p,currentResultsPerPage:b=o})=>{const a=Math.ceil(c?(n||i)/o:i/o),u=s=>{l==null||l(s),j&&j(s)},L=()=>{const s=e+1;c&&x&&x(),u(s)},N=()=>{const s=e-1;c&&p&&p(),u(s)},y=c?!r:e===a,w=c?!E:e===1,f=()=>{const s=[];if(a<=5)for(let m=1;m<=a;m++)s.push(m);else{s.push(1);let m=Math.max(2,e-1),d=Math.min(a-1,e+1);e<=3?d=4:e>=a-2&&(m=a-3),m>2&&s.push("...");for(let h=m;h<=d;h++)s.push(h);d<a-1&&s.push("..."),s.push(a)}return s};return t.jsxRuntimeExports.jsxs("div",{className:R.clsx("pagination-mobile",_),children:[t.jsxRuntimeExports.jsxs("div",{className:"pagination-mobile__info",children:["Stai visualizzando"," ",t.jsxRuntimeExports.jsx("span",{className:"pagination-mobile__info__resultsPerPage",children:c?b:e===a&&i%o!==0?i%o:o})," ","di ",c&&n||i," risultati"]}),t.jsxRuntimeExports.jsxs("div",{className:"pagination-mobile__nav",children:[t.jsxRuntimeExports.jsx("button",{className:R.clsx("pagination-mobile__button",w&&"pagination-mobile__button--disabled"),onClick:N,disabled:w,"aria-label":"Previous page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination-mobile__button-arrow",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation",children:t.jsxRuntimeExports.jsx("path",{d:"M15 18l-6-6 6-6"})})}),f().map((s,k)=>s==="..."?t.jsxRuntimeExports.jsx("span",{className:"pagination-mobile__ellipsis",children:"..."},`ellipsis-${k}`):t.jsxRuntimeExports.jsx("button",{className:R.clsx("pagination-mobile__button",e===s&&"pagination-mobile__button--active"),onClick:()=>u(s),disabled:s===e,children:s},s)),t.jsxRuntimeExports.jsx("button",{className:R.clsx("pagination-mobile__button",y&&"pagination-mobile__button--disabled"),onClick:L,disabled:y,"aria-label":"Next page",children:t.jsxRuntimeExports.jsx("svg",{className:"pagination-mobile__button-arrow",viewBox:"0 0 24 24","aria-hidden":"true",role:"presentation",children:t.jsxRuntimeExports.jsx("path",{d:"M9 6l6 6-6 6"})})})]})]})};exports.CardTable=O;exports.TableMobile=G;exports.TableMobilePagination=g;
 //# sourceMappingURL=index.cjs74.js.map

package/dist/index.cjs75.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const s=require("./index.cjs246.js");;/* empty css              */const a=require("./index.cjs248.js"),r=require("./index.cjs377.js"),u=require("./index.cjs378.js"),m=require("./index.cjs201.js"),c=require("./index.cjs162.js"),j=({title:n="Info",description:o,width:e=248,className:t="",positionPopUp:i="right",onClickCloseBtn:x,isOpen:p})=>s.jsxRuntimeExports.jsxs(r.Root,{defaultOpen:!1,open:p,onOpenChange:x,modal:!1,children:[s.jsxRuntimeExports.jsx(r.Trigger,{className:"position-relative",children:s.jsxRuntimeExports.jsx(u.Button,{className:"ui-popup-trigger-button",children:s.jsxRuntimeExports.jsx(m.Info,{color:"primary"})})}),s.jsxRuntimeExports.jsxs(r.Content,{className:a.clsx(t,"dialog"),side:i,tabIndex:-1,width:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},maxWidth:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},minWidth:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},style:{width:`${e}px`},children:[s.jsxRuntimeExports.jsxs("div",{className:"header",children:[s.jsxRuntimeExports.jsx("h3",{id:"dialog-title",className:"title",children:n}),s.jsxRuntimeExports.jsx(r.Close,{className:"closeButton","aria-label":"Close dialog",onClick:l=>{l.stopPropagation(),x==null||x()},children:s.jsxRuntimeExports.jsx(c.Close,{className:"closeIcon",width:34,height:34})})]}),o&&s.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:o})]})]});exports.InfoPopup=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const s=require("./index.cjs246.js");;/* empty css              */const a=require("./index.cjs247.js"),r=require("./index.cjs347.js"),u=require("./index.cjs348.js"),m=require("./index.cjs201.js"),c=require("./index.cjs162.js"),j=({title:n="Info",description:o,width:e=248,className:t="",positionPopUp:i="right",onClickCloseBtn:x,isOpen:p})=>s.jsxRuntimeExports.jsxs(r.Root,{defaultOpen:!1,open:p,onOpenChange:x,modal:!1,children:[s.jsxRuntimeExports.jsx(r.Trigger,{className:"position-relative",children:s.jsxRuntimeExports.jsx(u.Button,{className:"ui-popup-trigger-button",children:s.jsxRuntimeExports.jsx(m.Info,{color:"primary"})})}),s.jsxRuntimeExports.jsxs(r.Content,{className:a.clsx(t,"dialog"),side:i,tabIndex:-1,width:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},maxWidth:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},minWidth:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},style:{width:`${e}px`},children:[s.jsxRuntimeExports.jsxs("div",{className:"header",children:[s.jsxRuntimeExports.jsx("h1",{id:"dialog-title",className:"title",children:n}),s.jsxRuntimeExports.jsx(r.Close,{className:"closeButton","aria-label":"Close dialog",onClick:l=>{l.stopPropagation(),x==null||x()},children:s.jsxRuntimeExports.jsx(c.Close,{className:"closeIcon",width:34,height:34})})]}),o&&s.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:o})]})]});exports.InfoPopup=j;
 //# sourceMappingURL=index.cjs75.js.map

package/dist/index.cjs75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs75.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport \"./InfoPopup.scss\";\r\nimport { Close, Info } from \"@/icons\";\r\nimport { Button, Popover } from \"@radix-ui/themes\";\r\nimport clsx from \"clsx\";\r\nimport React from \"react\";\r\n\r\nexport type InfoPopupProps = PropsWithChildren<{\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  isOpen?: boolean;\r\n  onClickCloseBtn?: () => void;\r\n  className?: string;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  width?: string | number;\r\n}>;\r\n\r\nexport const InfoPopup = ({\r\n  title = \"Info\",\r\n  description,\r\n  width = 248,\r\n  className = \"\",\r\n  positionPopUp = \"right\",\r\n  onClickCloseBtn,\r\n  isOpen,\r\n}: InfoPopupProps) => {\r\n  return (\r\n    <Popover.Root\r\n      defaultOpen={false}\r\n      open={isOpen}\r\n      onOpenChange={onClickCloseBtn}\r\n      modal={false}\r\n    >\r\n      <Popover.Trigger className=\"position-relative\">\r\n        <Button className=\"ui-popup-trigger-button\">\r\n          <Info color=\"primary\" />\r\n        </Button>\r\n      </Popover.Trigger>\r\n      <Popover.Content\r\n        className={clsx(className, \"dialog\")}\r\n        side={positionPopUp}\r\n        tabIndex={-1}\r\n        width={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        maxWidth={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        minWidth={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        style={{ width: `${width}px` }}\r\n      >\r\n        <div className=\"header\">\r\n          <h3 id=\"dialog-title\" className=\"title\">\r\n            {title}\r\n          </h3>\r\n\r\n          <Popover.Close\r\n            className=\"closeButton\"\r\n            aria-label=\"Close dialog\"\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              onClickCloseBtn?.();\r\n            }}\r\n          >\r\n            <Close className=\"closeIcon\" width={34} height={34} />\r\n          </Popover.Close>\r\n        </div>\r\n        {description && (\r\n          <div id=\"dialog-description\" className=\"content\">\r\n            {description}\r\n          </div>\r\n        )}\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":"mTAiBaA,EAAY,CAAC,CACxB,MAAAC,EAAQ,OACR,YAAAC,EACA,MAAAC,EAAQ,IACR,UAAAC,EAAY,GACZ,cAAAC,EAAgB,QAChB,gBAAAC,EACA,OAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAQ,KAAR,CACC,YAAa,GACb,KAAMF,EACN,aAAcD,EACd,MAAO,GAEP,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAQ,QAAR,CAAgB,UAAU,oBACzB,SAACD,EAAAA,kBAAAA,IAAAE,EAAAA,OAAA,CAAO,UAAU,0BAChB,SAACF,EAAA,kBAAA,IAAAG,OAAA,CAAK,MAAM,SAAU,CAAA,CACxB,CAAA,EACF,EACAL,EAAA,kBAAA,KAACM,EAAQ,QAAR,CACC,UAAWC,EAAAA,KAAKX,EAAW,QAAQ,EACnC,KAAMC,EACN,SAAU,GACV,MAAO,CACL,QAAS,GAAGF,CAAK,KACjB,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,IACd,EACA,SAAU,CACR,QAAS,GAAGA,CAAK,KACjB,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,IACd,EACA,SAAU,CACR,QAAS,GAAGA,CAAK,KACjB,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,IACd,EACA,MAAO,CAAE,MAAO,GAAGA,CAAK,IAAK,EAE7B,SAAA,CAACK,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,SACb,SAAA,CAAAE,wBAAC,KAAG,CAAA,GAAG,eAAe,UAAU,QAC7B,SACHT,EAAA,EAEAS,EAAA,kBAAA,IAACM,EAAQ,MAAR,CACC,UAAU,cACV,aAAW,eACX,QAAUC,GAAM,CACdA,EAAE,gBAAgB,EACAX,GAAA,MAAAA,GACpB,EAEA,iCAACY,EAAM,MAAA,CAAA,UAAU,YAAY,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CACtD,EACF,EACChB,GACEQ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,GAAG,qBAAqB,UAAU,UACpC,SACHR,CAAA,CAAA,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF"}
+{"version":3,"file":"index.cjs75.js","sources":["../src/components/ui/InfoPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport \"./InfoPopup.scss\";\r\nimport { Close, Info } from \"@/icons\";\r\nimport { Button, Popover } from \"@radix-ui/themes\";\r\nimport clsx from \"clsx\";\r\nimport React from \"react\";\r\n\r\nexport type InfoPopupProps = PropsWithChildren<{\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  isOpen?: boolean;\r\n  onClickCloseBtn?: () => void;\r\n  className?: string;\r\n  positionPopUp?: \"right\" | \"top\" | \"bottom\" | \"left\" | undefined;\r\n  width?: string | number;\r\n}>;\r\n\r\nexport const InfoPopup = ({\r\n  title = \"Info\",\r\n  description,\r\n  width = 248,\r\n  className = \"\",\r\n  positionPopUp = \"right\",\r\n  onClickCloseBtn,\r\n  isOpen,\r\n}: InfoPopupProps) => {\r\n  return (\r\n    <Popover.Root\r\n      defaultOpen={false}\r\n      open={isOpen}\r\n      onOpenChange={onClickCloseBtn}\r\n      modal={false}\r\n    >\r\n      <Popover.Trigger className=\"position-relative\">\r\n        <Button className=\"ui-popup-trigger-button\">\r\n          <Info color=\"primary\" />\r\n        </Button>\r\n      </Popover.Trigger>\r\n      <Popover.Content\r\n        className={clsx(className, \"dialog\")}\r\n        side={positionPopUp}\r\n        tabIndex={-1}\r\n        width={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        maxWidth={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        minWidth={{\r\n          initial: `${width}px`,\r\n          sm: `${width}px`,\r\n          xs: `${width}px`,\r\n          lg: `${width}px`,\r\n          md: `${width}px`,\r\n          xl: `${width}px`,\r\n        }}\r\n        style={{ width: `${width}px` }}\r\n      >\r\n        <div className=\"header\">\r\n          <h1 id=\"dialog-title\" className=\"title\">\r\n            {title}\r\n          </h1>\r\n\r\n          <Popover.Close\r\n            className=\"closeButton\"\r\n            aria-label=\"Close dialog\"\r\n            onClick={(e) => {\r\n              e.stopPropagation();\r\n              onClickCloseBtn?.();\r\n            }}\r\n          >\r\n            <Close className=\"closeIcon\" width={34} height={34} />\r\n          </Popover.Close>\r\n        </div>\r\n        {description && (\r\n          <div id=\"dialog-description\" className=\"content\">\r\n            {description}\r\n          </div>\r\n        )}\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n"],"names":["InfoPopup","title","description","width","className","positionPopUp","onClickCloseBtn","isOpen","jsxs","Popover.Root","jsx","Popover.Trigger","Button","Info","Popover.Content","clsx","Popover.Close","e","Close"],"mappings":"mTAiBaA,EAAY,CAAC,CACxB,MAAAC,EAAQ,OACR,YAAAC,EACA,MAAAC,EAAQ,IACR,UAAAC,EAAY,GACZ,cAAAC,EAAgB,QAChB,gBAAAC,EACA,OAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAQ,KAAR,CACC,YAAa,GACb,KAAMF,EACN,aAAcD,EACd,MAAO,GAEP,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAQ,QAAR,CAAgB,UAAU,oBACzB,SAACD,EAAAA,kBAAAA,IAAAE,EAAAA,OAAA,CAAO,UAAU,0BAChB,SAACF,EAAA,kBAAA,IAAAG,OAAA,CAAK,MAAM,SAAU,CAAA,CACxB,CAAA,EACF,EACAL,EAAA,kBAAA,KAACM,EAAQ,QAAR,CACC,UAAWC,EAAAA,KAAKX,EAAW,QAAQ,EACnC,KAAMC,EACN,SAAU,GACV,MAAO,CACL,QAAS,GAAGF,CAAK,KACjB,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,IACd,EACA,SAAU,CACR,QAAS,GAAGA,CAAK,KACjB,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,IACd,EACA,SAAU,CACR,QAAS,GAAGA,CAAK,KACjB,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,KACZ,GAAI,GAAGA,CAAK,IACd,EACA,MAAO,CAAE,MAAO,GAAGA,CAAK,IAAK,EAE7B,SAAA,CAACK,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,SACb,SAAA,CAAAE,wBAAC,KAAG,CAAA,GAAG,eAAe,UAAU,QAC7B,SACHT,EAAA,EAEAS,EAAA,kBAAA,IAACM,EAAQ,MAAR,CACC,UAAU,cACV,aAAW,eACX,QAAUC,GAAM,CACdA,EAAE,gBAAgB,EACAX,GAAA,MAAAA,GACpB,EAEA,iCAACY,EAAM,MAAA,CAAA,UAAU,YAAY,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CAAA,CACtD,EACF,EACChB,GACEQ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,GAAG,qBAAqB,UAAU,UACpC,SACHR,CAAA,CAAA,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF"}

package/dist/index.cjs77.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DatePicker/DatePicker.css');const i=require("./index.cjs246.js"),u=require("./index.cjs227.js");require("./index.cjs3.js");;/* empty css              */const D=require("./index.cjs248.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.cjs246.js"),u=require("./index.cjs227.js");require("./index.cjs3.js");;/* empty css              */const D=require("./index.cjs247.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.cjs77.js.map

package/dist/index.cjs78.js

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

package/dist/index.cjs79.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.cjs246.js"),o=require("./index.cjs248.js"),u=require("./index.cjs67.js");;/* empty css              */const p=require("./index.cjs201.js"),a=l=>`notifications-settings-header-${l}`,r=({className:l,showEmail:x=!1,showSms:d=!1,...c})=>{const n=[{label:"Categoria notifica",noIcon:!0,isFlex:!0,key:"category",alwaysVisible:!0},{label:"SMS",fixedWidth:!0,key:"sms",visible:d,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}},{label:"Email",fixedWidth:!0,key:"email",visible:x,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}}].filter(t=>t.alwaysVisible||t.visible);return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:o.clsx(l),...c,children:e.jsxRuntimeExports.jsxs("table",{className:"w-full flex",role:"table",children:[e.jsxRuntimeExports.jsx("thead",{children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:n.map((t,s)=>{const i=a(t.key);return e.jsxRuntimeExports.jsx("th",{id:i,scope:"col","aria-colindex":s+1,"data-column-key":t.key,className:o.clsx("table-header-divider-cell w-full",t.isFlex?"flex-1":"flex-none"),title:t.label,children:e.jsxRuntimeExports.jsx("div",{className:o.clsx("table__cell--header--content",t.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(u.ActionIconText,{classNameText:"text-grey-black",noIcon:t.noIcon,icon:e.jsxRuntimeExports.jsx(p.Info,{}),textLabel:t.label,iconPosition:"right",popupInfo:t.popupInfo,positionPopUp:n.length===s+1?"left":"right"})})})},i)})})}),e.jsxRuntimeExports.jsx("tbody",{children:e.jsxRuntimeExports.jsx("tr",{className:"sr-only",children:n.map((t,s)=>{const i=a(t.key);return e.jsxRuntimeExports.jsx("td",{headers:i,"aria-colindex":s+1},`${i}-data`)})})})]})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=r;exports.default=r;exports.notificationsSettingsHeaderId=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs246.js"),o=require("./index.cjs247.js"),u=require("./index.cjs67.js");;/* empty css              */const p=require("./index.cjs201.js"),a=l=>`notifications-settings-header-${l}`,r=({className:l,showEmail:x=!1,showSms:d=!1,...c})=>{const n=[{label:"Categoria notifica",noIcon:!0,isFlex:!0,key:"category",alwaysVisible:!0},{label:"SMS",fixedWidth:!0,key:"sms",visible:d,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}},{label:"Email",fixedWidth:!0,key:"email",visible:x,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}}].filter(i=>i.alwaysVisible||i.visible);return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:o.clsx(l),...c,children:e.jsxRuntimeExports.jsxs("table",{className:"w-full flex",role:"table",children:[e.jsxRuntimeExports.jsx("thead",{children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("th",{id:t,scope:"col","aria-colindex":s+1,"data-column-key":i.key,className:o.clsx("table-header-divider-cell w-full",i.isFlex?"flex-1":"flex-none"),children:e.jsxRuntimeExports.jsx("div",{className:o.clsx("table__cell--header--content",i.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(u.ActionIconText,{classNameText:"text-grey-black",noIcon:i.noIcon,icon:e.jsxRuntimeExports.jsx(p.Info,{}),textLabel:i.label,iconPosition:"right",popupInfo:i.popupInfo,positionPopUp:n.length===s+1?"left":"right"})})})},t)})})}),e.jsxRuntimeExports.jsx("tbody",{children:e.jsxRuntimeExports.jsx("tr",{className:"sr-only",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("td",{headers:t,"aria-colindex":s+1},`${t}-data`)})})})]})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=r;exports.default=r;exports.notificationsSettingsHeaderId=a;
 //# sourceMappingURL=index.cjs79.js.map

package/dist/index.cjs79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs79.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { Info } from \"@/icons\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport \"./NotificationsSettingsHeader.scss\";\r\n\r\ntype TableHeaderProps = {\r\n  className?: string;\r\n  showEmail?: boolean;\r\n  showSms?: boolean;\r\n};\r\n\r\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\r\n  `notifications-settings-header-${columnKey}`;\r\n\r\nexport const NotificationsSettingsHeader = ({\r\n  className,\r\n  showEmail = false,\r\n  showSms = false,\r\n  ...props\r\n}: TableHeaderProps) => {\r\n  const allColumns = [\r\n    {\r\n      label: \"Categoria notifica\",\r\n      noIcon: true,\r\n      isFlex: true,\r\n      key: \"category\",\r\n      alwaysVisible: true,\r\n    },\r\n    {\r\n      label: \"SMS\",\r\n      fixedWidth: true,\r\n      key: \"sms\",\r\n      visible: showSms,\r\n      popupInfo: {\r\n        title: \"SMS\",\r\n        description: \"SMS come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n      },\r\n    },\r\n    {\r\n      label: \"Email\",\r\n      fixedWidth: true,\r\n      key: \"email\",\r\n      visible: showEmail,\r\n      popupInfo: {\r\n        title: \"Email\",\r\n        description: \"Email come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n      },\r\n    },\r\n  ];\r\n\r\n  const visibleColumns = allColumns.filter(\r\n    (column) => column.alwaysVisible || column.visible,\r\n  );\r\n\r\n  return (\r\n    <div>\r\n      <div className={clsx(className)} {...props}>\r\n        <table className=\"w-full flex\" role=\"table\">\r\n          <thead>\r\n            <tr className=\"w-full flex\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <th\r\n                    key={headerId}\r\n                    id={headerId}\r\n                    scope=\"col\"\r\n                    aria-colindex={index + 1}\r\n                    data-column-key={column.key}\r\n                    className={clsx(\r\n                      \"table-header-divider-cell w-full\",\r\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\r\n                    )}\r\n                    title={column.label}\r\n                  >\r\n                    <div\r\n                      className={clsx(\r\n                        \"table__cell--header--content\",\r\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\r\n                      )}\r\n                    >\r\n                      <div>\r\n                        <ActionIconText\r\n                          classNameText={\"text-grey-black\"}\r\n                          noIcon={column.noIcon}\r\n                          icon={<Info />}\r\n                          textLabel={column.label}\r\n                          iconPosition={\"right\"}\r\n                          popupInfo={column.popupInfo}\r\n                          positionPopUp={\r\n                            visibleColumns.length === index + 1\r\n                              ? \"left\"\r\n                              : \"right\"\r\n                          }\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  </th>\r\n                );\r\n              })}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr className=\"sr-only\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <td\r\n                    key={`${headerId}-data`}\r\n                    headers={headerId}\r\n                    aria-colindex={index + 1}\r\n                  >\r\n                    {/* Empty data cell for accessibility */}\r\n                  </td>\r\n                );\r\n              })}\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div className={\"table-header-divider\"} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotificationsSettingsHeader;\r\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":"gRAWaA,EAAiCC,GAC5C,iCAAiCA,CAAS,GAE/BC,EAA8B,CAAC,CAC1C,UAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,GAAGC,CACL,IAAwB,CAmCtB,MAAMC,EAlCa,CACjB,CACE,MAAO,qBACP,OAAQ,GACR,OAAQ,GACR,IAAK,WACL,cAAe,EACjB,EACA,CACE,MAAO,MACP,WAAY,GACZ,IAAK,MACL,QAASF,EACT,UAAW,CACT,MAAO,MACP,YAAa,8BACb,OAAQ,GACR,gBAAiB,IAAM,CAAA,CAAC,CAE5B,EACA,CACE,MAAO,QACP,WAAY,GACZ,IAAK,QACL,QAASD,EACT,UAAW,CACT,MAAO,QACP,YAAa,gCACb,OAAQ,GACR,gBAAiB,IAAM,CAAA,CAAC,CAC1B,CAEJ,EAEkC,OAC/BI,GAAWA,EAAO,eAAiBA,EAAO,OAC7C,EAEA,gCACG,MACC,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWC,EAAAA,KAAKP,CAAS,EAAI,GAAGG,EACnC,SAAAK,EAAA,kBAAA,KAAC,QAAM,CAAA,UAAU,cAAc,KAAK,QAClC,SAAA,CAACF,EAAAA,kBAAAA,IAAA,QAAA,CACC,iCAAC,KAAG,CAAA,UAAU,cACX,SAAeF,EAAA,IAAI,CAACC,EAAQI,IAAU,CAC/B,MAAAC,EAAWb,EAA8BQ,EAAO,GAAG,EAEvD,OAAAC,EAAA,kBAAA,IAAC,KAAA,CAEC,GAAII,EACJ,MAAM,MACN,gBAAeD,EAAQ,EACvB,kBAAiBJ,EAAO,IACxB,UAAWE,EAAA,KACT,mCACAF,EAAO,OAAS,SAAW,WAC7B,EACA,MAAOA,EAAO,MAEd,SAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACT,+BACAF,EAAO,WAAa,4BAA8B,EACpD,EAEA,iCAAC,MACC,CAAA,SAAAC,EAAA,kBAAA,IAACK,EAAA,eAAA,CACC,cAAe,kBACf,OAAQN,EAAO,OACf,6BAAOO,EAAK,KAAA,EAAA,EACZ,UAAWP,EAAO,MAClB,aAAc,QACd,UAAWA,EAAO,UAClB,cACED,EAAe,SAAWK,EAAQ,EAC9B,OACA,OAAA,CAAA,CAGV,CAAA,CAAA,CAAA,CACF,EAhCKC,CAiCP,CAAA,CAEH,EACH,CACF,CAAA,EACAJ,EAAAA,kBAAAA,IAAC,QACC,CAAA,SAAAA,EAAA,kBAAA,IAAC,KAAG,CAAA,UAAU,UACX,SAAeF,EAAA,IAAI,CAACC,EAAQI,IAAU,CAC/B,MAAAC,EAAWb,EAA8BQ,EAAO,GAAG,EAEvD,OAAAC,EAAA,kBAAA,IAAC,KAAA,CAEC,QAASI,EACT,gBAAeD,EAAQ,CAAA,EAFlB,GAAGC,CAAQ,OAKlB,CAEH,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA,EACAJ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,sBAAwB,CAAA,CAAA,EAC1C,CAEJ"}
+{"version":3,"file":"index.cjs79.js","sources":["../src/components/ui/NotificationsSettingsHeader/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { Info } from \"@/icons\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport \"./NotificationsSettingsHeader.scss\";\r\n\r\ntype TableHeaderProps = {\r\n  className?: string;\r\n  showEmail?: boolean;\r\n  showSms?: boolean;\r\n};\r\n\r\nexport const notificationsSettingsHeaderId = (columnKey: string) =>\r\n  `notifications-settings-header-${columnKey}`;\r\n\r\nexport const NotificationsSettingsHeader = ({\r\n  className,\r\n  showEmail = false,\r\n  showSms = false,\r\n  ...props\r\n}: TableHeaderProps) => {\r\n  const allColumns = [\r\n    {\r\n      label: \"Categoria notifica\",\r\n      noIcon: true,\r\n      isFlex: true,\r\n      key: \"category\",\r\n      alwaysVisible: true,\r\n    },\r\n    {\r\n      label: \"SMS\",\r\n      fixedWidth: true,\r\n      key: \"sms\",\r\n      visible: showSms,\r\n      popupInfo: {\r\n        title: \"SMS\",\r\n        description: \"SMS come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n      },\r\n    },\r\n    {\r\n      label: \"Email\",\r\n      fixedWidth: true,\r\n      key: \"email\",\r\n      visible: showEmail,\r\n      popupInfo: {\r\n        title: \"Email\",\r\n        description: \"Email come metodo di notifica\",\r\n        isOpen: false,\r\n        onClickCloseBtn: () => {},\r\n      },\r\n    },\r\n  ];\r\n\r\n  const visibleColumns = allColumns.filter(\r\n    (column) => column.alwaysVisible || column.visible,\r\n  );\r\n\r\n  return (\r\n    <div>\r\n      <div className={clsx(className)} {...props}>\r\n        <table className=\"w-full flex\" role=\"table\">\r\n          <thead>\r\n            <tr className=\"w-full flex\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <th\r\n                    key={headerId}\r\n                    id={headerId}\r\n                    scope=\"col\"\r\n                    aria-colindex={index + 1}\r\n                    data-column-key={column.key}\r\n                    className={clsx(\r\n                      \"table-header-divider-cell w-full\",\r\n                      column.isFlex ? \"flex-1\" : \"flex-none\",\r\n                    )}\r\n                  >\r\n                    <div\r\n                      className={clsx(\r\n                        \"table__cell--header--content\",\r\n                        column.fixedWidth ? \"table-header-fixed-width \" : \"\",\r\n                      )}\r\n                    >\r\n                      <div>\r\n                        <ActionIconText\r\n                          classNameText={\"text-grey-black\"}\r\n                          noIcon={column.noIcon}\r\n                          icon={<Info />}\r\n                          textLabel={column.label}\r\n                          iconPosition={\"right\"}\r\n                          popupInfo={column.popupInfo}\r\n                          positionPopUp={\r\n                            visibleColumns.length === index + 1\r\n                              ? \"left\"\r\n                              : \"right\"\r\n                          }\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  </th>\r\n                );\r\n              })}\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr className=\"sr-only\">\r\n              {visibleColumns.map((column, index) => {\r\n                const headerId = notificationsSettingsHeaderId(column.key);\r\n                return (\r\n                  <td\r\n                    key={`${headerId}-data`}\r\n                    headers={headerId}\r\n                    aria-colindex={index + 1}\r\n                  >\r\n                    {/* Empty data cell for accessibility */}\r\n                  </td>\r\n                );\r\n              })}\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div className={\"table-header-divider\"} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default NotificationsSettingsHeader;\r\n\r\n\r\n\r\n"],"names":["notificationsSettingsHeaderId","columnKey","NotificationsSettingsHeader","className","showEmail","showSms","props","visibleColumns","column","jsx","clsx","jsxs","index","headerId","ActionIconText","Info"],"mappings":"gRAWaA,EAAiCC,GAC5C,iCAAiCA,CAAS,GAE/BC,EAA8B,CAAC,CAC1C,UAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,GAAGC,CACL,IAAwB,CAmCtB,MAAMC,EAlCa,CACjB,CACE,MAAO,qBACP,OAAQ,GACR,OAAQ,GACR,IAAK,WACL,cAAe,EACjB,EACA,CACE,MAAO,MACP,WAAY,GACZ,IAAK,MACL,QAASF,EACT,UAAW,CACT,MAAO,MACP,YAAa,8BACb,OAAQ,GACR,gBAAiB,IAAM,CAAA,CAAC,CAE5B,EACA,CACE,MAAO,QACP,WAAY,GACZ,IAAK,QACL,QAASD,EACT,UAAW,CACT,MAAO,QACP,YAAa,gCACb,OAAQ,GACR,gBAAiB,IAAM,CAAA,CAAC,CAC1B,CAEJ,EAEkC,OAC/BI,GAAWA,EAAO,eAAiBA,EAAO,OAC7C,EAEA,gCACG,MACC,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWC,EAAAA,KAAKP,CAAS,EAAI,GAAGG,EACnC,SAAAK,EAAA,kBAAA,KAAC,QAAM,CAAA,UAAU,cAAc,KAAK,QAClC,SAAA,CAACF,EAAAA,kBAAAA,IAAA,QAAA,CACC,iCAAC,KAAG,CAAA,UAAU,cACX,SAAeF,EAAA,IAAI,CAACC,EAAQI,IAAU,CAC/B,MAAAC,EAAWb,EAA8BQ,EAAO,GAAG,EAEvD,OAAAC,EAAA,kBAAA,IAAC,KAAA,CAEC,GAAII,EACJ,MAAM,MACN,gBAAeD,EAAQ,EACvB,kBAAiBJ,EAAO,IACxB,UAAWE,EAAA,KACT,mCACAF,EAAO,OAAS,SAAW,WAC7B,EAEA,SAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACT,+BACAF,EAAO,WAAa,4BAA8B,EACpD,EAEA,iCAAC,MACC,CAAA,SAAAC,EAAA,kBAAA,IAACK,EAAA,eAAA,CACC,cAAe,kBACf,OAAQN,EAAO,OACf,6BAAOO,EAAK,KAAA,EAAA,EACZ,UAAWP,EAAO,MAClB,aAAc,QACd,UAAWA,EAAO,UAClB,cACED,EAAe,SAAWK,EAAQ,EAC9B,OACA,OAAA,CAAA,CAGV,CAAA,CAAA,CAAA,CACF,EA/BKC,CAgCP,CAAA,CAEH,EACH,CACF,CAAA,EACAJ,EAAAA,kBAAAA,IAAC,QACC,CAAA,SAAAA,EAAA,kBAAA,IAAC,KAAG,CAAA,UAAU,UACX,SAAeF,EAAA,IAAI,CAACC,EAAQI,IAAU,CAC/B,MAAAC,EAAWb,EAA8BQ,EAAO,GAAG,EAEvD,OAAAC,EAAA,kBAAA,IAAC,KAAA,CAEC,QAASI,EACT,gBAAeD,EAAQ,CAAA,EAFlB,GAAGC,CAAQ,OAKlB,CAEH,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA,EACAJ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,sBAAwB,CAAA,CAAA,EAC1C,CAEJ"}

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs246.js"),s=require("react"),x=require("./index.cjs248.js"),C=require("./index.cjs280.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.cjs246.js"),s=require("react"),x=require("./index.cjs247.js"),C=require("./index.cjs248.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.cjs80.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoModal/InfoModal.css');const s=require("./index.cjs246.js"),e=require("./index.cjs328.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs185.js"),a=require("./index.cjs162.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("div",{className:"ui-info-modal",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.cjs246.js"),e=require("./index.cjs297.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs185.js"),a=require("./index.cjs162.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("div",{className:"ui-info-modal",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.cjs80.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs246.js"),m=require("react"),q=require("./index.cjs248.js"),x=require("./index.cjs280.js"),j=require("./index.cjs278.js"),R=require("./index.cjs282.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.cjs246.js"),m=require("react"),q=require("./index.cjs247.js"),x=require("./index.cjs248.js"),j=require("./index.cjs250.js"),R=require("./index.cjs251.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.cjs98.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AlertDialogUI/AlertDialogUI.css');const e=require("./index.cjs246.js"),t=require("./index.cjs400.js");;/* empty css              */const a=require("./index.cjs205.js"),u=require("./index.cjs213.js"),c=require("./index.cjs9.js"),j=require("./index.cjs28.js"),d=({title:i="Alert",description:r="Funzione al momento non ancora disponibile",confirmBtnLabel:n="OK",isOpen:o,onClose:l,variant:s="default",role:x="alertdialog"})=>e.jsxRuntimeExports.jsx(t.Root,{open:o,onOpenChange:l,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",role:x,children:[e.jsxRuntimeExports.jsxs(t.Title,{className:"ui-alertDialogTitle fw-bold fs-custom text-slate-20",children:[s==="error"&&e.jsxRuntimeExports.jsx(a.ErrorExagon,{width:20,height:20}),s==="success"&&e.jsxRuntimeExports.jsx(u.CheckCircle,{color:"status-success",width:20,height:20}),i]}),e.jsxRuntimeExports.jsx(t.Description,{className:"ui-alertDialogDescription",children:r}),e.jsxRuntimeExports.jsx(c.Row,{justifyContent:"flex-end",children:e.jsxRuntimeExports.jsx(t.Cancel,{asChild:!0,children:e.jsxRuntimeExports.jsx(j.Button,{variant:"primary",size:"3",children:n})})})]})]})});exports.AlertDialogUI=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AlertDialogUI/AlertDialogUI.css');const e=require("./index.cjs246.js"),t=require("./index.cjs370.js");;/* empty css              */const a=require("./index.cjs205.js"),u=require("./index.cjs213.js"),c=require("./index.cjs9.js"),j=require("./index.cjs28.js"),d=({title:i="Alert",description:r="Funzione al momento non ancora disponibile",confirmBtnLabel:n="OK",isOpen:o,onClose:l,variant:s="default",role:x="alertdialog"})=>e.jsxRuntimeExports.jsx(t.Root,{open:o,onOpenChange:l,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",role:x,children:[e.jsxRuntimeExports.jsxs(t.Title,{className:"ui-alertDialogTitle fw-bold fs-custom text-slate-20",children:[s==="error"&&e.jsxRuntimeExports.jsx(a.ErrorExagon,{width:20,height:20}),s==="success"&&e.jsxRuntimeExports.jsx(u.CheckCircle,{color:"status-success",width:20,height:20}),i]}),e.jsxRuntimeExports.jsx(t.Description,{className:"ui-alertDialogDescription",children:r}),e.jsxRuntimeExports.jsx(c.Row,{justifyContent:"flex-end",children:e.jsxRuntimeExports.jsx(t.Cancel,{asChild:!0,children:e.jsxRuntimeExports.jsx(j.Button,{variant:"primary",size:"3",children:n})})})]})]})});exports.AlertDialogUI=d;
 //# sourceMappingURL=index.cjs98.js.map

package/dist/index.cjs99.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 r=require("./index.cjs246.js");;/* empty css              */;/* empty css              */const u=require("./index.cjs248.js");function a({title:s,src:i,decoration:t="",transform:o="none",icon:e,asLink:l="a",external:n=!1}){const c=l||"a";return r.jsxRuntimeExports.jsxs(c,{className:u.clsx("link link-sans-bold-sm",t,`text-${o}`),href:i,target:n?"_blank":"",rel:n?"noopener noreferrer":"",children:[s,e&&r.jsxRuntimeExports.jsx(e,{class:"link-icon",size:"md"})]})}exports.Link=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./styles/typography.css');require('./components/ui/link/Link.css');const r=require("./index.cjs246.js");;/* empty css              */;/* empty css              */const u=require("./index.cjs247.js");function a({title:s,src:i,decoration:t="",transform:o="none",icon:e,asLink:l="a",external:n=!1}){const c=l||"a";return r.jsxRuntimeExports.jsxs(c,{className:u.clsx("link link-sans-bold-sm",t,`text-${o}`),href:i,target:n?"_blank":"",rel:n?"noopener noreferrer":"",children:[s,e&&r.jsxRuntimeExports.jsx(e,{class:"link-icon",size:"md"})]})}exports.Link=a;
 //# sourceMappingURL=index.cjs99.js.map

package/dist/index.es10.js

@@ -1,9 +1,9 @@
 import { j as f } from "./index.es246.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es248.js";
-import { createSpacingClasses as g } from "./index.es280.js";
-import { createColorClasses as j } from "./index.es278.js";
-import { createTypographyClasses as u } from "./index.es282.js";
+import { clsx as y } from "./index.es247.js";
+import { createSpacingClasses as g } from "./index.es248.js";
+import { createColorClasses as j } from "./index.es250.js";
+import { createTypographyClasses as u } from "./index.es251.js";
 const M = ({
   as: o,
   className: r,

package/dist/index.es101.js

@@ -2,8 +2,8 @@ import { j as e } from "./index.es246.js";
 import './components/ui/CardFile/CardFile.css';/* empty css            */
 import { Button as x } from "./index.es28.js";
 import { ArrowLink as m } from "./index.es42.js";
-import { clsx as a } from "./index.es248.js";
-import { F as c } from "./index.es406.js";
+import { clsx as a } from "./index.es247.js";
+import { F as c } from "./index.es376.js";
 import { File as h } from "./index.es187.js";
 import { Download as j } from "./index.es192.js";
 import { Link as w } from "./index.es99.js";

package/dist/index.es103.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es246.js";
-import { clsx as m } from "./index.es248.js";
+import { clsx as m } from "./index.es247.js";
 import './components/ui/ChangeProfileModal/ChangeProfileModal.css';/* empty css            */
-import { ChangeProfileModalContent as d } from "./index.es409.js";
+import { ChangeProfileModalContent as d } from "./index.es379.js";
 import { ModalsHeader as c } from "./index.es105.js";
 import { BaseModal as f } from "./index.es44.js";
 import { Button as p } from "./index.es28.js";

package/dist/index.es104.js

@@ -1,10 +1,10 @@
 import { j as a } from "./index.es246.js";
 import { BaseModal as i } from "./index.es44.js";
-import { clsx as s } from "./index.es248.js";
+import { clsx as s } from "./index.es247.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es411.js";
-import { AddNewModalContent as p } from "./index.es412.js";
-import { AddNewModalFooter as n } from "./index.es413.js";
+import { AddNewModalHeader as l } from "./index.es381.js";
+import { AddNewModalContent as p } from "./index.es382.js";
+import { AddNewModalFooter as n } from "./index.es383.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es105.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es246.js";
 import './components/ui/ModalsHeader/ModalsHeader.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es328.js";
+import { Title as o, Close as l } from "./index.es297.js";
 import { Button as i } from "./index.es28.js";
 import { Close as m } from "./index.es162.js";
 const h = ({

package/dist/index.es106.js

@@ -1,5 +1,5 @@
 import { j as i } from "./index.es246.js";
-import { clsx as m } from "./index.es248.js";
+import { clsx as m } from "./index.es247.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const x = ({
   label: t,

package/dist/index.es108.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es246.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as g } from "react";
-import { Root as b, Indicator as N } from "./index.es310.js";
+import { Root as b, Indicator as N } from "./index.es279.js";
 import { Row as r } from "./index.es9.js";
 import { CheckIcon as C } from "./index.es214.js";
 import { Col as s } from "./index.es10.js";
@@ -59,7 +59,7 @@ const U = ({
                   gap: "x4",
                   pb: (l || !l && !t) && !o ? void 0 : "x16",
                   children: [
-                    /* @__PURE__ */ e.jsx("h3", { className: "flex-1 text-decoration-none fs-4 md-fs-3 fw-semibold", children: d }),
+                    /* @__PURE__ */ e.jsx("h1", { className: "flex-1 text-decoration-none fs-4 md-fs-3 fw-semibold", children: d }),
                     /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-normal text-slate-28", children: x })
                   ]
                 }

package/dist/index.es108.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es108.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Col, Region, Row } from \"@/components\";\nimport { CheckIcon } from \"@/icons\";\n\nexport type DelegateCardProps = {\n  id: string;\n  isSelected: boolean;\n  title: string;\n  subtitle: string;\n  relation: string;\n  isMe?: boolean;\n  setSelectedCard: (id: string) => void;\n  className?: string;\n  showRegion?: boolean;\n  region?: Region;\n  labelRelation?: string;\n  labelRegion?: string;\n  labelRecord?: string;\n};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  region,\n  relation,\n  isMe = false,\n  showRegion = false,\n  setSelectedCard = () => {},\n  className,\n  labelRelation = \"Relazione con il delegante\",\n  labelRegion = \"Regione di assistenza\",\n  labelRecord = \"IL TUO FASCICOLO\",\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedCard(id);\n      }}\n      style={{ width: \"100%\" }}\n    >\n      <div className={\"mt-x4\"}>\n        <CheckboxRadix.Root\n          id={id}\n          checked={isSelected}\n          className={\"ui-checkbox-filter\"}\n        >\n          <CheckboxRadix.Indicator>\n            <CheckIcon width={14} height={14} color=\"white\" />\n          </CheckboxRadix.Indicator>\n        </CheckboxRadix.Root>\n      </div>\n\n      <Row\n        alignItems={\"flex-start\"}\n        style={{ width: \"100%\" }}\n        justifyContent={\"space-between\"}\n      >\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\n          <Col\n            gap={\"x4\"}\n            pb={\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\n            }\n          >\n            <h3 className=\"flex-1 text-decoration-none fs-4 md-fs-3 fw-semibold\">\n              {title}\n            </h3>\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\n          </Col>\n          <Col gap={\"x24\"} className=\"delegate-row-responsive\">\n            {!isMe && relation && (\n              <Col gap={\"x4\"}>\n                <div className={\"fw-bold\"}>{labelRelation}</div>\n                <p>{relation}</p>\n              </Col>\n            )}\n            {showRegion && region && (\n              <Col pr={\"x104\"} gap={\"x4\"}>\n                <div className={\"fw-bold\"}>{labelRegion}</div>\n                <p>{firstLetterUppercase(region)}</p>\n              </Col>\n            )}\n          </Col>\n          {isMe && (\n            <Row className={\"ui-fascicolo-label fs-7 fw-semibold\"}>\n              {labelRecord}\n            </Row>\n          )}\n        </Col>\n      </Row>\n    </Row>\n  );\n};\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","labelRelation","labelRegion","labelRecord","dropdownRef","useRef","firstLetterUppercase","str","jsxs","Row","jsx","CheckboxRadix.Root","CheckboxRadix.Indicator","CheckIcon","Col"],"mappings":";;;;;;;AAsBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAChB,MAAyB;AACjB,QAAAC,IAAcC,EAAuB,IAAI,GAEzCC,IAAuB,CAACC,MACrBA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAIhD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,KAAKL;AAAA,MACL,WAAW,GAAGJ,CAAS,IAAIR,IAAa,iBAAiB,EAAE;AAAA,MAC3D,SAAS,MAAM;AACb,QAAAO,EAAgBR,CAAE;AAAA,MACpB;AAAA,MACA,OAAO,EAAE,OAAO,OAAO;AAAA,MAEvB,UAAA;AAAA,QAACmB,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,SACd,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAApB;AAAA,YACA,SAASC;AAAA,YACT,WAAW;AAAA,YAEX,UAACkB,gBAAAA,EAAAA,IAAAE,GAAA,EACC,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,EAClD,CAAA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QAEAH,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ,OAAO,EAAE,OAAO,OAAO;AAAA,YACvB,gBAAgB;AAAA,YAEhB,UAAAD,gBAAAA,EAAAA,KAACM,GAAI,EAAA,OAAO,EAAE,MAAM,KAAK,gBAAgB,UAAU,WAAW,UAC5D,UAAA;AAAA,cAAAN,gBAAAA,EAAA;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,KAAK;AAAA,kBACL,KACGjB,KAAS,CAACA,KAAQ,CAACD,MAAc,CAACE,IAAa,SAAY;AAAA,kBAG9D,UAAA;AAAA,oBAACY,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,wDACX,UACHjB,GAAA;AAAA,oBACCiB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gCAAgC,UAAShB,EAAA,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxD;AAAA,cACCc,gBAAAA,EAAA,KAAAM,GAAA,EAAI,KAAK,OAAO,WAAU,2BACxB,UAAA;AAAA,gBAAA,CAACjB,KAAQD,KACPY,gBAAAA,EAAA,KAAAM,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,kBAACJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,WAAY,UAAcT,GAAA;AAAA,kBAC1CS,gBAAAA,EAAAA,IAAC,OAAG,UAASd,EAAA,CAAA;AAAA,gBAAA,GACf;AAAA,gBAEDE,KAAcH,KACba,gBAAAA,EAAA,KAACM,KAAI,IAAI,QAAQ,KAAK,MACpB,UAAA;AAAA,kBAACJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,WAAY,UAAYR,GAAA;AAAA,kBACvCQ,gBAAAA,EAAAA,IAAA,KAAA,EAAG,UAAqBJ,EAAAX,CAAM,EAAE,CAAA;AAAA,gBAAA,EACnC,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCE,KACCa,gBAAAA,EAAA,IAACD,GAAI,EAAA,WAAW,uCACb,UACHN,EAAA,CAAA;AAAA,YAAA,EAEJ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es108.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Col, Region, Row } from \"@/components\";\nimport { CheckIcon } from \"@/icons\";\n\nexport type DelegateCardProps = {\n  id: string;\n  isSelected: boolean;\n  title: string;\n  subtitle: string;\n  relation: string;\n  isMe?: boolean;\n  setSelectedCard: (id: string) => void;\n  className?: string;\n  showRegion?: boolean;\n  region?: Region;\n  labelRelation?: string;\n  labelRegion?: string;\n  labelRecord?: string;\n};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  region,\n  relation,\n  isMe = false,\n  showRegion = false,\n  setSelectedCard = () => {},\n  className,\n  labelRelation = \"Relazione con il delegante\",\n  labelRegion = \"Regione di assistenza\",\n  labelRecord = \"IL TUO FASCICOLO\",\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedCard(id);\n      }}\n      style={{ width: \"100%\" }}\n    >\n      <div className={\"mt-x4\"}>\n        <CheckboxRadix.Root\n          id={id}\n          checked={isSelected}\n          className={\"ui-checkbox-filter\"}\n        >\n          <CheckboxRadix.Indicator>\n            <CheckIcon width={14} height={14} color=\"white\" />\n          </CheckboxRadix.Indicator>\n        </CheckboxRadix.Root>\n      </div>\n\n      <Row\n        alignItems={\"flex-start\"}\n        style={{ width: \"100%\" }}\n        justifyContent={\"space-between\"}\n      >\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\n          <Col\n            gap={\"x4\"}\n            pb={\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\n            }\n          >\n            <h1 className=\"flex-1 text-decoration-none fs-4 md-fs-3 fw-semibold\">\n              {title}\n            </h1>\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\n          </Col>\n          <Col gap={\"x24\"} className=\"delegate-row-responsive\">\n            {!isMe && relation && (\n              <Col gap={\"x4\"}>\n                <div className={\"fw-bold\"}>{labelRelation}</div>\n                <p>{relation}</p>\n              </Col>\n            )}\n            {showRegion && region && (\n              <Col pr={\"x104\"} gap={\"x4\"}>\n                <div className={\"fw-bold\"}>{labelRegion}</div>\n                <p>{firstLetterUppercase(region)}</p>\n              </Col>\n            )}\n          </Col>\n          {isMe && (\n            <Row className={\"ui-fascicolo-label fs-7 fw-semibold\"}>\n              {labelRecord}\n            </Row>\n          )}\n        </Col>\n      </Row>\n    </Row>\n  );\n};\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","labelRelation","labelRegion","labelRecord","dropdownRef","useRef","firstLetterUppercase","str","jsxs","Row","jsx","CheckboxRadix.Root","CheckboxRadix.Indicator","CheckIcon","Col"],"mappings":";;;;;;;AAsBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAChB,MAAyB;AACjB,QAAAC,IAAcC,EAAuB,IAAI,GAEzCC,IAAuB,CAACC,MACrBA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAIhD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,KAAKL;AAAA,MACL,WAAW,GAAGJ,CAAS,IAAIR,IAAa,iBAAiB,EAAE;AAAA,MAC3D,SAAS,MAAM;AACb,QAAAO,EAAgBR,CAAE;AAAA,MACpB;AAAA,MACA,OAAO,EAAE,OAAO,OAAO;AAAA,MAEvB,UAAA;AAAA,QAACmB,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,SACd,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAApB;AAAA,YACA,SAASC;AAAA,YACT,WAAW;AAAA,YAEX,UAACkB,gBAAAA,EAAAA,IAAAE,GAAA,EACC,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,EAClD,CAAA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QAEAH,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ,OAAO,EAAE,OAAO,OAAO;AAAA,YACvB,gBAAgB;AAAA,YAEhB,UAAAD,gBAAAA,EAAAA,KAACM,GAAI,EAAA,OAAO,EAAE,MAAM,KAAK,gBAAgB,UAAU,WAAW,UAC5D,UAAA;AAAA,cAAAN,gBAAAA,EAAA;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,KAAK;AAAA,kBACL,KACGjB,KAAS,CAACA,KAAQ,CAACD,MAAc,CAACE,IAAa,SAAY;AAAA,kBAG9D,UAAA;AAAA,oBAACY,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,wDACX,UACHjB,GAAA;AAAA,oBACCiB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gCAAgC,UAAShB,EAAA,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxD;AAAA,cACCc,gBAAAA,EAAA,KAAAM,GAAA,EAAI,KAAK,OAAO,WAAU,2BACxB,UAAA;AAAA,gBAAA,CAACjB,KAAQD,KACPY,gBAAAA,EAAA,KAAAM,GAAA,EAAI,KAAK,MACR,UAAA;AAAA,kBAACJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,WAAY,UAAcT,GAAA;AAAA,kBAC1CS,gBAAAA,EAAAA,IAAC,OAAG,UAASd,EAAA,CAAA;AAAA,gBAAA,GACf;AAAA,gBAEDE,KAAcH,KACba,gBAAAA,EAAA,KAACM,KAAI,IAAI,QAAQ,KAAK,MACpB,UAAA;AAAA,kBAACJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,WAAY,UAAYR,GAAA;AAAA,kBACvCQ,gBAAAA,EAAAA,IAAA,KAAA,EAAG,UAAqBJ,EAAAX,CAAM,EAAE,CAAA;AAAA,gBAAA,EACnC,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCE,KACCa,gBAAAA,EAAA,IAACD,GAAI,EAAA,WAAW,uCACb,UACHN,EAAA,CAAA;AAAA,YAAA,EAEJ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es109.js

@@ -45,7 +45,7 @@ const w = ({
                 ),
                 /* @__PURE__ */ e.jsx(d, { width: 44, height: 44 })
               ] }),
-              /* @__PURE__ */ e.jsxs("h3", { className: "fs-6 md-fs-custom fw-normal text-align-center", children: [
+              /* @__PURE__ */ e.jsxs("h1", { className: "fs-6 md-fs-custom fw-normal text-align-center", children: [
                 /* @__PURE__ */ e.jsx("p", { children: c }),
                 /* @__PURE__ */ e.jsxs("p", { style: { fontWeight: "bold" }, children: [
                   o,

package/dist/index.es109.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es109.js","sources":["../src/components/ui/ChangeRelatedCard/index.tsx"],"sourcesContent":["import \"./ChangeRelatedCard.scss\";\nimport { Col, LOGOS, Region, Row } from \"@/components\";\nimport { Divider } from \"@/components/ui/Divider\";\n\ntype ChangeRelatedCardProps = {\n  title: string;\n  region: Region;\n  isSelected?: boolean;\n  mainLabel?: string;\n  regionLabel?: string;\n};\n\nexport const ChangeRelatedCard = ({\n  title,\n  isSelected = false,\n  region,\n  mainLabel = \"Fascicolo Sanitario\",\n  regionLabel = \"Salute\",\n}: ChangeRelatedCardProps) => {\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n  return (\n    <Col\n      className={`position-relative change-related-card-container text-slate-20 ${isSelected ? \"change-related-card-container-selected\" : \"\"}`}\n    >\n      <Row\n        className={\"change-related-title\"}\n        alignItems={\"center\"}\n        justifyContent={\"center\"}\n      >\n        <p className={\"fw-semibold fs-4 md-fs-3 \"}>{title}</p>\n      </Row>\n      <Row\n        className=\"change-related-card-row\"\n        alignItems={\"center\"}\n        justifyContent={\"center\"}\n      >\n        <Row className={\"change-related-icons\"}>\n          <NationalIcon className=\"national-icon\" width={27} height={44} />\n          <Divider\n            className=\"divider-icon\"\n            bg=\"border-divider\"\n            direction=\"vertical\"\n          />\n          <RegionIcon width={44} height={44} />\n        </Row>\n\n        <h3 className=\"fs-6 md-fs-custom fw-normal text-align-center\">\n          <p>{mainLabel}</p>\n          <p style={{ fontWeight: \"bold\" }}>\n            {regionLabel} {firstLetterUppercase(region)}\n          </p>\n        </h3>\n      </Row>\n    </Col>\n  );\n};\n"],"names":["ChangeRelatedCard","title","isSelected","region","mainLabel","regionLabel","NationalIcon","LOGOS","RegionIcon","firstLetterUppercase","str","jsxs","Col","jsx","Row","Divider"],"mappings":";;;;;;AAYO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAChB,MAA8B;AACtB,QAAAC,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM,GAEzBM,IAAuB,CAACC,MACrBA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAGhD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,iEAAiEV,IAAa,2CAA2C,EAAE;AAAA,MAEtI,UAAA;AAAA,QAAAW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAEhB,UAACD,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,6BAA8B,UAAMZ,EAAA,CAAA;AAAA,UAAA;AAAA,QACpD;AAAA,QACAU,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAEhB,UAAA;AAAA,cAACH,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAW,wBACd,UAAA;AAAA,gBAAAD,gBAAAA,MAACP,KAAa,WAAU,iBAAgB,OAAO,IAAI,QAAQ,IAAI;AAAA,gBAC/DO,gBAAAA,EAAA;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,IAAG;AAAA,oBACH,WAAU;AAAA,kBAAA;AAAA,gBACZ;AAAA,gBACCF,gBAAAA,EAAA,IAAAL,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,cAAA,GACrC;AAAA,cAEAG,gBAAAA,EAAAA,KAAC,MAAG,EAAA,WAAU,iDACZ,UAAA;AAAA,gBAAAE,gBAAAA,EAAAA,IAAC,OAAG,UAAUT,EAAA,CAAA;AAAA,uCACb,KAAE,EAAA,OAAO,EAAE,YAAY,OACrB,GAAA,UAAA;AAAA,kBAAAC;AAAA,kBAAY;AAAA,kBAAEI,EAAqBN,CAAM;AAAA,gBAAA,EAC5C,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es109.js","sources":["../src/components/ui/ChangeRelatedCard/index.tsx"],"sourcesContent":["import \"./ChangeRelatedCard.scss\";\nimport { Col, LOGOS, Region, Row } from \"@/components\";\nimport { Divider } from \"@/components/ui/Divider\";\n\ntype ChangeRelatedCardProps = {\n  title: string;\n  region: Region;\n  isSelected?: boolean;\n  mainLabel?: string;\n  regionLabel?: string;\n};\n\nexport const ChangeRelatedCard = ({\n  title,\n  isSelected = false,\n  region,\n  mainLabel = \"Fascicolo Sanitario\",\n  regionLabel = \"Salute\",\n}: ChangeRelatedCardProps) => {\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n  return (\n    <Col\n      className={`position-relative change-related-card-container text-slate-20 ${isSelected ? \"change-related-card-container-selected\" : \"\"}`}\n    >\n      <Row\n        className={\"change-related-title\"}\n        alignItems={\"center\"}\n        justifyContent={\"center\"}\n      >\n        <p className={\"fw-semibold fs-4 md-fs-3 \"}>{title}</p>\n      </Row>\n      <Row\n        className=\"change-related-card-row\"\n        alignItems={\"center\"}\n        justifyContent={\"center\"}\n      >\n        <Row className={\"change-related-icons\"}>\n          <NationalIcon className=\"national-icon\" width={27} height={44} />\n          <Divider\n            className=\"divider-icon\"\n            bg=\"border-divider\"\n            direction=\"vertical\"\n          />\n          <RegionIcon width={44} height={44} />\n        </Row>\n\n        <h1 className=\"fs-6 md-fs-custom fw-normal text-align-center\">\n          <p>{mainLabel}</p>\n          <p style={{ fontWeight: \"bold\" }}>\n            {regionLabel} {firstLetterUppercase(region)}\n          </p>\n        </h1>\n      </Row>\n    </Col>\n  );\n};\n"],"names":["ChangeRelatedCard","title","isSelected","region","mainLabel","regionLabel","NationalIcon","LOGOS","RegionIcon","firstLetterUppercase","str","jsxs","Col","jsx","Row","Divider"],"mappings":";;;;;;AAYO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAChB,MAA8B;AACtB,QAAAC,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM,GAEzBM,IAAuB,CAACC,MACrBA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAGhD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,iEAAiEV,IAAa,2CAA2C,EAAE;AAAA,MAEtI,UAAA;AAAA,QAAAW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAEhB,UAACD,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,6BAA8B,UAAMZ,EAAA,CAAA;AAAA,UAAA;AAAA,QACpD;AAAA,QACAU,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAEhB,UAAA;AAAA,cAACH,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAW,wBACd,UAAA;AAAA,gBAAAD,gBAAAA,MAACP,KAAa,WAAU,iBAAgB,OAAO,IAAI,QAAQ,IAAI;AAAA,gBAC/DO,gBAAAA,EAAA;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,IAAG;AAAA,oBACH,WAAU;AAAA,kBAAA;AAAA,gBACZ;AAAA,gBACCF,gBAAAA,EAAA,IAAAL,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,cAAA,GACrC;AAAA,cAEAG,gBAAAA,EAAAA,KAAC,MAAG,EAAA,WAAU,iDACZ,UAAA;AAAA,gBAAAE,gBAAAA,EAAAA,IAAC,OAAG,UAAUT,EAAA,CAAA;AAAA,uCACb,KAAE,EAAA,OAAO,EAAE,YAAY,OACrB,GAAA,UAAA;AAAA,kBAAAC;AAAA,kBAAY;AAAA,kBAAEI,EAAqBN,CAAM;AAAA,gBAAA,EAC5C,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es246.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es248.js";
+import { clsx as r } from "./index.es247.js";
 import { useState as x } from "react";
 import { Button as d } from "./index.es28.js";
 import { SearchIcon as h } from "./index.es223.js";

package/dist/index.es110.js

@@ -1,11 +1,11 @@
 import { j as s } from "./index.es246.js";
 import E, { useState as I, useEffect as f, useCallback as S } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as T } from "./index.es285.js";
-import { clsx as u } from "./index.es248.js";
+import { useMediaQueryV2 as T } from "./index.es254.js";
+import { clsx as u } from "./index.es247.js";
 import { Row as C } from "./index.es9.js";
 import { ArrowDown as H } from "./index.es159.js";
-import { ScrollArea as R } from "./index.es418.js";
+import { ScrollArea as R } from "./index.es388.js";
 const O = ({
   title: h = "Indice",
   headings: r,

package/dist/index.es111.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es246.js";
-import { clsx as m } from "./index.es248.js";
+import { clsx as m } from "./index.es247.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.es162.js";

package/dist/index.es112.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es246.js";
-import { clsx as p } from "./index.es248.js";
+import { clsx as p } from "./index.es247.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.es162.js";

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es246.js";
 import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
-import { clsx as l } from "./index.es248.js";
+import { clsx as l } from "./index.es247.js";
 import { Section as r } from "./index.es54.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.es114.js

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

package/dist/index.es116.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es246.js";
 import { useState as c } from "react";
-import { StepItem as f } from "./index.es424.js";
+import { StepItem as f } from "./index.es394.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import S from "./index.es426.js";
+import S from "./index.es396.js";
 const h = ({
   steps: s,
   mainTitle: l,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es246.js";
 import { useState as i } from "react";
-import { StepItemGenericAccordion as m } from "./index.es427.js";
+import { StepItemGenericAccordion as m } from "./index.es397.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 const x = ({
   mainTitle: c,

package/dist/index.es118.js

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

package/dist/index.es119.js

@@ -15,7 +15,7 @@ const o = ({
       /* @__PURE__ */ e.jsx("span", { className: "event-card__icon", children: /* @__PURE__ */ e.jsx(i, { width: 20, height: 17 }) }),
       /* @__PURE__ */ e.jsx("span", { className: "event-card__type", children: a })
     ] }),
-    /* @__PURE__ */ e.jsx("h3", { className: "event-card__title", children: r ? /* @__PURE__ */ e.jsx(d, { href: r, children: s }) : s }),
+    /* @__PURE__ */ e.jsx("h1", { className: "event-card__title", children: r ? /* @__PURE__ */ e.jsx(d, { href: r, children: s }) : s }),
     /* @__PURE__ */ e.jsxs("p", { className: "event-card__info", children: [
       n && `${n}, `,
       /* @__PURE__ */ e.jsx("strong", { children: c })

package/dist/index.es119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es119.js","sources":["../src/components/ui/CardEventSlim/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./CardEvent.scss\";\r\nimport { CalendarOutline } from \"@/icons\";\r\n\r\ninterface EventCardProps {\r\n  type?: string;\r\n  title: string;\r\n  location?: string;\r\n  date: string;\r\n  link?: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n}\r\n\r\nexport const CardEventSlim: React.FC<EventCardProps> = ({\r\n  type = \"Evento\",\r\n  title,\r\n  location,\r\n  date,\r\n  link,\r\n  asLink = \"a\",\r\n}) => {\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <div className=\"event-card\">\r\n      <div className=\"event-card__header\">\r\n        <span className=\"event-card__icon\">\r\n          <CalendarOutline width={20} height={17} />\r\n        </span>\r\n        <span className=\"event-card__type\">{type}</span>\r\n      </div>\r\n      <h3 className=\"event-card__title\">\r\n        {link ? <LinkComponent href={link}>{title}</LinkComponent> : title}\r\n      </h3>\r\n      <p className=\"event-card__info\">\r\n        {location && `${location}, `}\r\n        <strong>{date}</strong>\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardEventSlim","type","title","location","date","link","asLink","LinkComponent","jsxs","jsx","CalendarOutline"],"mappings":";;;AAaO,MAAMA,IAA0C,CAAC;AAAA,EACtD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAAM;AACJ,QAAMC,IAAgBD;AAGpB,SAAAE,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,oBACd,UAAAA,gBAAAA,EAAA,IAACC,KAAgB,OAAO,IAAI,QAAQ,GAAA,CAAI,EAC1C,CAAA;AAAA,MACCD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,oBAAoB,UAAKR,EAAA,CAAA;AAAA,IAAA,GAC3C;AAAA,IACAQ,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,qBACX,UAAAJ,IAAQI,gBAAAA,EAAA,IAAAF,GAAA,EAAc,MAAMF,GAAO,UAAMH,EAAA,CAAA,IAAmBA,GAC/D;AAAA,IACAM,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAU,oBACV,UAAA;AAAA,MAAAL,KAAY,GAAGA,CAAQ;AAAA,MACxBM,gBAAAA,EAAAA,IAAC,YAAQ,UAAKL,EAAA,CAAA;AAAA,IAAA,EAChB,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es119.js","sources":["../src/components/ui/CardEventSlim/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./CardEvent.scss\";\r\nimport { CalendarOutline } from \"@/icons\";\r\n\r\ninterface EventCardProps {\r\n  type?: string;\r\n  title: string;\r\n  location?: string;\r\n  date: string;\r\n  link?: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n}\r\n\r\nexport const CardEventSlim: React.FC<EventCardProps> = ({\r\n  type = \"Evento\",\r\n  title,\r\n  location,\r\n  date,\r\n  link,\r\n  asLink = \"a\",\r\n}) => {\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <div className=\"event-card\">\r\n      <div className=\"event-card__header\">\r\n        <span className=\"event-card__icon\">\r\n          <CalendarOutline width={20} height={17} />\r\n        </span>\r\n        <span className=\"event-card__type\">{type}</span>\r\n      </div>\r\n      <h1 className=\"event-card__title\">\r\n        {link ? <LinkComponent href={link}>{title}</LinkComponent> : title}\r\n      </h1>\r\n      <p className=\"event-card__info\">\r\n        {location && `${location}, `}\r\n        <strong>{date}</strong>\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardEventSlim","type","title","location","date","link","asLink","LinkComponent","jsxs","jsx","CalendarOutline"],"mappings":";;;AAaO,MAAMA,IAA0C,CAAC;AAAA,EACtD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAAM;AACJ,QAAMC,IAAgBD;AAGpB,SAAAE,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,oBACd,UAAAA,gBAAAA,EAAA,IAACC,KAAgB,OAAO,IAAI,QAAQ,GAAA,CAAI,EAC1C,CAAA;AAAA,MACCD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,oBAAoB,UAAKR,EAAA,CAAA;AAAA,IAAA,GAC3C;AAAA,IACAQ,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,qBACX,UAAAJ,IAAQI,gBAAAA,EAAA,IAAAF,GAAA,EAAc,MAAMF,GAAO,UAAMH,EAAA,CAAA,IAAmBA,GAC/D;AAAA,IACAM,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAU,oBACV,UAAA;AAAA,MAAAL,KAAY,GAAGA,CAAQ;AAAA,MACxBM,gBAAAA,EAAAA,IAAC,YAAQ,UAAKL,EAAA,CAAA;AAAA,IAAA,EAChB,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es12.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es246.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es248.js";
+import { clsx as l } from "./index.es247.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es285.js";
+import { useMediaQuery as N } from "./index.es254.js";
 import { Close as I } from "./index.es162.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es28.js";

package/dist/index.es120.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es246.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */
 import { ArrowLink as o } from "./index.es42.js";
-import { Image as _ } from "./index.es432.js";
+import { Image as _ } from "./index.es402.js";
 var m = /* @__PURE__ */ ((e) => (e.WITH_TOPIC_DATE = "withTopicDate", e.NO_TOPIC_DATE = "noTopicDate", e))(m || {});
 const p = ({
   variant: e = "withTopicDate",
@@ -22,7 +22,7 @@ const p = ({
       /* @__PURE__ */ s.jsx("div", { className: "news-card__info__date", children: c || "" })
     ] }),
     /* @__PURE__ */ s.jsxs("div", { className: "news-card__content", children: [
-      /* @__PURE__ */ s.jsx("h3", { className: "news-card__title", children: d }),
+      /* @__PURE__ */ s.jsx("h1", { className: "news-card__title", children: d }),
       /* @__PURE__ */ s.jsx("p", { className: "news-card__description", children: t }),
       /* @__PURE__ */ s.jsx(o, { className: "news-card__cta", href: n.link, asLink: l, children: n.title })
     ] })