@anoki/fse-ui 2.1.0-SNAPSHOT53 → 2.1.0-SNAPSHOT55

package/dist/index.cjs128.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs128.js","sources":["../src/components/ui/Switch/index.tsx"],"sourcesContent":["import * as SwitchRadix from \"@radix-ui/react-switch\";\r\nimport { Row } from \"../Row\";\r\nimport { Close, CheckIcon } from \"@/icons\";\r\nimport \"./Switch.scss\";\r\n\r\ntype SwitchProps = {\r\n  id?: string;\r\n  label?: string;\r\n  checked?: boolean;\r\n  name?: string;\r\n  disabled?: boolean;\r\n  setValue: (name: string, value: boolean) => void;\r\n  className?: string;\r\n};\r\n\r\nexport const Switch = ({\r\n  id = undefined,\r\n  label = \"Visibile\",\r\n  checked = false,\r\n  setValue,\r\n  name,\r\n  disabled = false,\r\n  className,\r\n}: SwitchProps) => {\r\n  return (\r\n    <Row alignItems=\"center\" gap=\"x16\" className={className}>\r\n      {label && (\r\n        <label className=\"text-muted fs-6 fw-bold\" htmlFor={id}>\r\n          {label}\r\n        </label>\r\n      )}\r\n      <SwitchRadix.Root\r\n        id={id}\r\n        disabled={disabled}\r\n        checked={checked}\r\n        onCheckedChange={(value) => {\r\n          setValue(name ?? \"\", value);\r\n        }}\r\n        className={\"ui-switch\"}\r\n        aria-label={label}\r\n      >\r\n        <SwitchRadix.Thumb className={\"ui-switch-thumb\"}>\r\n          {checked ? (\r\n            <CheckIcon width={12} height={12} />\r\n          ) : (\r\n            <Close width={12} height={12} />\r\n          )}\r\n        </SwitchRadix.Thumb>\r\n      </SwitchRadix.Root>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["Switch","id","label","checked","setValue","name","disabled","className","Row","jsx","SwitchRadix.Root","value","SwitchRadix.Thumb","CheckIcon","Close"],"mappings":"oRAeaA,EAAS,CAAC,CACrB,GAAAC,EAAK,OACL,MAAAC,EAAQ,WACR,QAAAC,EAAU,GACV,SAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,CACF,6BAEKC,EAAI,IAAA,CAAA,WAAW,SAAS,IAAI,MAAM,UAAAD,EAChC,SAAA,CAAAL,2BACE,QAAM,CAAA,UAAU,0BAA0B,QAASD,EACjD,SACHC,EAAA,EAEFO,EAAA,kBAAA,IAACC,EAAY,KAAZ,CACC,GAAAT,EACA,SAAAK,EACA,QAAAH,EACA,gBAAkBQ,GAAU,CACjBP,EAAAC,GAAQ,GAAIM,CAAK,CAC5B,EACA,UAAW,YACX,aAAYT,EAEZ,SAAAO,EAAA,kBAAA,IAACG,QAAA,CAAkB,UAAW,kBAC3B,SAAAT,0BACEU,EAAU,UAAA,CAAA,MAAO,GAAI,OAAQ,EAAA,CAAI,EAEjCJ,EAAAA,kBAAAA,IAAAK,EAAA,MAAA,CAAM,MAAO,GAAI,OAAQ,GAAI,CAElC,CAAA,CAAA,CAAA,CACF,EACF"}
+{"version":3,"file":"index.cjs128.js","sources":["../src/components/ui/Switch/index.tsx"],"sourcesContent":["import * as SwitchRadix from \"@radix-ui/react-switch\";\nimport { Row } from \"../Row\";\nimport { Close, CheckIcon } from \"@/icons\";\nimport \"./Switch.scss\";\n\ntype SwitchProps = {\n  id?: string;\n  label?: string;\n  checked?: boolean;\n  name?: string;\n  disabled?: boolean;\n  setValue: (name: string, value: boolean) => void;\n  className?: string;\n};\n\nexport const Switch = ({\n  id = undefined,\n  label = \"Visibile\",\n  checked = false,\n  setValue,\n  name,\n  disabled = false,\n  className,\n}: SwitchProps) => {\n  return (\n    <Row alignItems=\"center\" gap=\"x16\" className={className}>\n      {label && (\n        <label className=\"text-muted fs-6 fw-bold\" htmlFor={id}>\n          {label}\n        </label>\n      )}\n      <SwitchRadix.Root\n        id={id}\n        disabled={disabled}\n        checked={checked}\n        onCheckedChange={(value) => {\n          setValue(name ?? \"\", value);\n        }}\n        className={\"ui-switch\"}\n        aria-label={label}\n      >\n        <SwitchRadix.Thumb className={\"ui-switch-thumb\"}>\n          {checked ? (\n            <CheckIcon width={12} height={12} />\n          ) : (\n            <Close width={12} height={12} />\n          )}\n        </SwitchRadix.Thumb>\n      </SwitchRadix.Root>\n    </Row>\n  );\n};\n"],"names":["Switch","id","label","checked","setValue","name","disabled","className","Row","jsx","SwitchRadix.Root","value","SwitchRadix.Thumb","CheckIcon","Close"],"mappings":"oRAeaA,EAAS,CAAC,CACrB,GAAAC,EAAK,OACL,MAAAC,EAAQ,WACR,QAAAC,EAAU,GACV,SAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,CACF,6BAEKC,EAAI,IAAA,CAAA,WAAW,SAAS,IAAI,MAAM,UAAAD,EAChC,SAAA,CAAAL,2BACE,QAAM,CAAA,UAAU,0BAA0B,QAASD,EACjD,SACHC,EAAA,EAEFO,EAAA,kBAAA,IAACC,EAAY,KAAZ,CACC,GAAAT,EACA,SAAAK,EACA,QAAAH,EACA,gBAAkBQ,GAAU,CACjBP,EAAAC,GAAQ,GAAIM,CAAK,CAC5B,EACA,UAAW,YACX,aAAYT,EAEZ,SAAAO,EAAA,kBAAA,IAACG,QAAA,CAAkB,UAAW,kBAC3B,SAAAT,0BACEU,EAAU,UAAA,CAAA,MAAO,GAAI,OAAQ,EAAA,CAAI,EAEjCJ,EAAAA,kBAAAA,IAAAK,EAAA,MAAA,CAAM,MAAO,GAAI,OAAQ,GAAI,CAElC,CAAA,CAAA,CAAA,CACF,EACF"}

package/dist/index.cjs129.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Table/Table.css');const t=require("./index.cjs250.js"),z=require("react"),d=require("./index.cjs253.js");;/* empty css              */const se=require("./index.cjs201.js"),ae=require("./index.cjs202.js"),ne=require("./index.cjs20.js"),ie=require("./index.cjs194.js"),le=require("./index.cjs203.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(ne.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(se.TriangleUp,{filled:b&&l==="desc",className:d.clsx("sort-indicator__triangle",{active:b&&l==="desc"})}),t.jsxRuntimeExports.jsx(ae.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.cjs250.js"),z=require("react"),d=require("./index.cjs252.js");;/* empty css              */const se=require("./index.cjs201.js"),ae=require("./index.cjs202.js"),ne=require("./index.cjs20.js"),ie=require("./index.cjs194.js"),le=require("./index.cjs203.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(ne.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(se.TriangleUp,{filled:b&&l==="desc",className:d.clsx("sort-indicator__triangle",{active:b&&l==="desc"})}),t.jsxRuntimeExports.jsx(ae.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.cjs129.js.map

package/dist/index.cjs13.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderSlim/HeaderSlim.css');const e=require("./index.cjs250.js"),l=require("./index.cjs65.js"),c=require("./index.cjs253.js");;/* empty css              */const j=require("./index.cjs116.js"),d=({as:x="div",className:n,hasContainer:u=!0,display:r,justifyContent:t,alignItems:s,flexWrap:i,children:o})=>{const a=x,m=()=>u?e.jsxRuntimeExports.jsx(l.Container,{containerClass:"ui-container",className:c.clsx("min-h-x48 base-row align-items-center py-x12",n),display:r,justifyContent:t,alignItems:s,flexWrap:i,children:o}):e.jsxRuntimeExports.jsx(j.Row,{alignItems:"center",py:"x12",className:c.clsx("min-h-x48 ",n),style:{display:r,justifyContent:t,alignItems:s,flexWrap:i},children:o});return e.jsxRuntimeExports.jsx(a,{className:"bg-slate-20",children:m()})};exports.HeaderSlim=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderSlim/HeaderSlim.css');const e=require("./index.cjs250.js"),l=require("./index.cjs65.js"),c=require("./index.cjs252.js");;/* empty css              */const j=require("./index.cjs116.js"),d=({as:x="div",className:n,hasContainer:u=!0,display:r,justifyContent:t,alignItems:s,flexWrap:i,children:o})=>{const a=x,m=()=>u?e.jsxRuntimeExports.jsx(l.Container,{containerClass:"ui-container",className:c.clsx("min-h-x48 base-row align-items-center py-x12",n),display:r,justifyContent:t,alignItems:s,flexWrap:i,children:o}):e.jsxRuntimeExports.jsx(j.Row,{alignItems:"center",py:"x12",className:c.clsx("min-h-x48 ",n),style:{display:r,justifyContent:t,alignItems:s,flexWrap:i},children:o});return e.jsxRuntimeExports.jsx(a,{className:"bg-slate-20",children:m()})};exports.HeaderSlim=d;
 //# sourceMappingURL=index.cjs13.js.map

package/dist/index.cjs130.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TableMobile/TableMobile.css');const t=require("./index.cjs250.js"),R=require("./index.cjs253.js");;/* empty css              */const V=require("react"),q=require("./index.cjs61.js"),D=require("./index.cjs116.js"),z=require("./index.cjs20.js"),v=require("./index.cjs201.js"),A=require("./index.cjs202.js"),B=require("./index.cjs194.js"),U=require("./index.cjs203.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.cjs250.js"),R=require("./index.cjs252.js");;/* empty css              */const V=require("react"),q=require("./index.cjs61.js"),D=require("./index.cjs116.js"),z=require("./index.cjs20.js"),v=require("./index.cjs201.js"),A=require("./index.cjs202.js"),B=require("./index.cjs194.js"),U=require("./index.cjs203.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.cjs130.js.map

package/dist/index.cjs130.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs130.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\r\n  ActionData,\r\n  ActionIconText,\r\n  Col,\r\n  ColumnConfig,\r\n  DoubleLineData,\r\n  Row,\r\n  TableRowData,\r\n} from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./TableMobile.scss\";\r\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\r\nimport { ReactNode } from \"react\";\r\nimport * as React from \"react\";\r\nimport { CommonIconsType } from \"@/types/icons.ts\";\r\nimport { useState } from \"react\";\r\n\r\nexport type TableMobileProps = {\r\n  data: TableRowData[];\r\n  columns: ColumnConfig[];\r\n  pagination?: boolean;\r\n  resultsPerPage?: number;\r\n  totalResults?: number;\r\n  initialCurrentPage?: number;\r\n  serverSidePagination?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  onPageChange?: (page: number) => void;\r\n  setCurrentPage?: (page: number) => void;\r\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n};\r\n\r\nexport const TableMobile = ({\r\n  data,\r\n  columns,\r\n  pagination = true,\r\n  resultsPerPage = 5,\r\n  totalResults,\r\n  initialCurrentPage = 1,\r\n  serverSidePagination = false,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  onPageChange,\r\n  setCurrentPage: externalSetCurrentPage,\r\n  sortConfig = null,\r\n  onSortChange,\r\n}: TableMobileProps) => {\r\n  const [currentPage, setInternalCurrentPage] = useState(initialCurrentPage);\r\n  const handleSetCurrentPage = (page: number) => {\r\n    setInternalCurrentPage(page);\r\n    externalSetCurrentPage?.(page);\r\n  };\r\n\r\n  const sortedData = React.useMemo(() => {\r\n    if (!sortConfig) return data;\r\n\r\n    return [...data].sort((a, b) => {\r\n      const aValue = a[sortConfig.key];\r\n      const bValue = b[sortConfig.key];\r\n\r\n      const aText =\r\n        typeof aValue === \"object\" && \"firstLine\" in aValue\r\n          ? aValue.firstLine\r\n          : aValue;\r\n      const bText =\r\n        typeof bValue === \"object\" && \"firstLine\" in bValue\r\n          ? bValue.firstLine\r\n          : bValue;\r\n\r\n      if (aText < bText) {\r\n        return sortConfig.direction === \"asc\" ? -1 : 1;\r\n      }\r\n      if (aText > bText) {\r\n        return sortConfig.direction === \"asc\" ? 1 : -1;\r\n      }\r\n      return 0;\r\n    });\r\n  }, [data, sortConfig]);\r\n\r\n  const startIndex = serverSidePagination\r\n    ? 0\r\n    : (currentPage - 1) * resultsPerPage;\r\n  const endIndex = serverSidePagination\r\n    ? sortedData.length\r\n    : Math.min(startIndex + resultsPerPage, sortedData.length);\r\n  const currentPageData = sortedData.slice(startIndex, endIndex);\r\n\r\n  return (\r\n    <Col className={\"w-full h-full\"} gap={\"x16\"}>\r\n      {currentPageData.map((data, index) => (\r\n        <CardTable\r\n          columns={columns}\r\n          key={index}\r\n          data={data}\r\n          sortConfig={sortConfig}\r\n          onSortChange={onSortChange}\r\n        />\r\n      ))}\r\n\r\n      {pagination && (\r\n        <TableMobilePagination\r\n          currentPage={currentPage}\r\n          totalResults={totalResults || sortedData.length}\r\n          resultsPerPage={resultsPerPage}\r\n          setCurrentPage={handleSetCurrentPage}\r\n          onPageChange={onPageChange}\r\n          serverSide={serverSidePagination}\r\n          totalItems={totalItems}\r\n          hasNextPage={hasNextPage}\r\n          hasPreviousPage={hasPreviousPage}\r\n          onNextPage={onNextPage}\r\n          onPreviousPage={onPreviousPage}\r\n          currentResultsPerPage={\r\n            serverSidePagination ? sortedData.length : resultsPerPage\r\n          }\r\n          className=\"mt-x16\"\r\n        />\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport type CardTableProps = {\r\n  columns: ColumnConfig[];\r\n  data: TableRowData;\r\n  sortConfig: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n};\r\n\r\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\r\n  if (data.type === \"link\" && data.link) {\r\n    return (\r\n      <a href={data.link} aria-label={data.ariaLabel}>\r\n        {data.label}\r\n      </a>\r\n    );\r\n  }\r\n  return (\r\n    <button onClick={data.action} aria-label={data.ariaLabel}>\r\n      {data.label}\r\n    </button>\r\n  );\r\n};\r\n\r\nexport const CardTable = ({\r\n  columns,\r\n  sortConfig,\r\n  data,\r\n  onSortChange,\r\n}: CardTableProps) => {\r\n  const renderColumnValue = (value: any): ReactNode => {\r\n    if (!value) return \"\";\r\n\r\n    if (typeof value === \"object\" && \"firstLine\" in value) {\r\n      const doubleLineValue = value as DoubleLineData;\r\n      return `${doubleLineValue.firstLine}${doubleLineValue.secondLine ? ` ${doubleLineValue.secondLine}` : \"\"}`;\r\n    }\r\n\r\n    if (typeof value === \"object\" && \"label\" in value && \"type\" in value) {\r\n      return <ActionContent data={value} />;\r\n    }\r\n\r\n    return value;\r\n  };\r\n\r\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\r\n    switch (icon) {\r\n      case \"info\":\r\n        return <Info />;\r\n      case \"download\":\r\n        return <Download />;\r\n      default:\r\n        return icon;\r\n    }\r\n  };\r\n\r\n  const handleSortClick = (key: string) => {\r\n    if (!onSortChange || !sortConfig) return;\r\n\r\n    const newDirection =\r\n      sortConfig.key === key\r\n        ? sortConfig.direction === \"asc\"\r\n          ? \"desc\"\r\n          : \"asc\"\r\n        : \"asc\";\r\n\r\n    onSortChange(key, newDirection);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"ui-card-table shadow br-x4 text-slate-28 fs-custom \")}\r\n    >\r\n      {columns.map((column, index) => {\r\n        if (!column.key || column.key === \"actionData\") {\r\n          return (\r\n            <Row\r\n              key={index}\r\n              p={\"x16\"}\r\n              className={\"ui-table-header\"}\r\n              justifyContent={\"space-between\"}\r\n            >\r\n              <Col justifyContent={\"end\"} gap={\"x4\"} className={\"w-full\"}>\r\n                <Row justifyContent={\"end\"} className=\"table-mobile-actions\">\r\n                  {renderColumnValue(data.actionData)}\r\n                </Row>\r\n              </Col>\r\n            </Row>\r\n          );\r\n        }\r\n\r\n        const columnValue = data[column.key];\r\n        const config = column;\r\n        const isSorted = sortConfig?.key === column.key;\r\n        const sortDirection = isSorted ? sortConfig.direction : null;\r\n\r\n        return (\r\n          <Row\r\n            key={index}\r\n            p={\"x16\"}\r\n            className={\"ui-table-header\"}\r\n            justifyContent={\"space-between\"}\r\n          >\r\n            <Col justifyContent={\"center\"} gap={\"x4\"} className={\"w-full\"}>\r\n              <ActionIconText\r\n                justifyContent={\"space-between\"}\r\n                alignItems={\"center\"}\r\n                icon={renderIcon(config.icon)}\r\n                noIcon={!renderIcon(config.icon)}\r\n                textLabel={config.label}\r\n                iconPosition={config.iconPosition}\r\n                popupInfo={config.popupInfo}\r\n                positionPopUp={\"left\"}\r\n                classNameText={\"fw-bold text-slate-28 fs-custom md-fs-6\"}\r\n              >\r\n                {config.sortable && (\r\n                  <span\r\n                    className=\"sort-indicator\"\r\n                    onClick={(e) => {\r\n                      e.stopPropagation();\r\n                      handleSortClick(column.key!);\r\n                    }}\r\n                  >\r\n                    <TriangleUp\r\n                      filled={isSorted && sortDirection === \"desc\"}\r\n                      className={clsx(\"sort-indicator__triangle\", {\r\n                        active: isSorted && sortDirection === \"desc\",\r\n                      })}\r\n                    />\r\n                    <TriangleDown\r\n                      filled={isSorted && sortDirection === \"asc\"}\r\n                      className={clsx(\"sort-indicator__triangle\", {\r\n                        active: isSorted && sortDirection === \"asc\",\r\n                      })}\r\n                    />\r\n                  </span>\r\n                )}\r\n              </ActionIconText>\r\n              <Row>{renderColumnValue(columnValue)}</Row>\r\n            </Col>\r\n          </Row>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport type TableMobilePaginationProps = {\r\n  currentPage?: number;\r\n  totalResults?: number;\r\n  resultsPerPage: number;\r\n  setCurrentPage?: (page: number) => void;\r\n  onPageChange?: (page: number) => void;\r\n  className?: string;\r\n  serverSide?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  currentResultsPerPage?: number;\r\n};\r\n\r\nexport const TableMobilePagination: React.FC<TableMobilePaginationProps> = ({\r\n  currentPage = 1,\r\n  totalResults = 0,\r\n  resultsPerPage,\r\n  setCurrentPage,\r\n  onPageChange,\r\n  className,\r\n  serverSide = false,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  currentResultsPerPage = resultsPerPage,\r\n}) => {\r\n  const totalPages = serverSide\r\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\r\n    : Math.ceil(totalResults / resultsPerPage);\r\n\r\n  const handlePageChange = (page: number) => {\r\n    setCurrentPage?.(page);\r\n    if (onPageChange) {\r\n      onPageChange(page);\r\n    }\r\n  };\r\n\r\n  const handleNextPage = () => {\r\n    const nextPage = currentPage + 1;\r\n    if (serverSide && onNextPage) {\r\n      onNextPage();\r\n    }\r\n    handlePageChange(nextPage);\r\n  };\r\n\r\n  const handlePreviousPage = () => {\r\n    const prevPage = currentPage - 1;\r\n    if (serverSide && onPreviousPage) {\r\n      onPreviousPage();\r\n    }\r\n    handlePageChange(prevPage);\r\n  };\r\n\r\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\r\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\r\n\r\n  const getPageNumbers = () => {\r\n    const pages = [];\r\n    const maxVisiblePages = 5;\r\n\r\n    if (totalPages <= maxVisiblePages) {\r\n      for (let i = 1; i <= totalPages; i++) {\r\n        pages.push(i);\r\n      }\r\n    } else {\r\n      pages.push(1);\r\n\r\n      let start = Math.max(2, currentPage - 1);\r\n      let end = Math.min(totalPages - 1, currentPage + 1);\r\n\r\n      if (currentPage <= 3) {\r\n        end = 4;\r\n      } else if (currentPage >= totalPages - 2) {\r\n        start = totalPages - 3;\r\n      }\r\n\r\n      if (start > 2) {\r\n        pages.push(\"...\");\r\n      }\r\n\r\n      for (let i = start; i <= end; i++) {\r\n        pages.push(i);\r\n      }\r\n\r\n      if (end < totalPages - 1) {\r\n        pages.push(\"...\");\r\n      }\r\n\r\n      pages.push(totalPages);\r\n    }\r\n\r\n    return pages;\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"pagination-mobile\", className)}>\r\n      <div className=\"pagination-mobile__info\">\r\n        Stai visualizzando{\" \"}\r\n        <span className=\"pagination-mobile__info__resultsPerPage\">\r\n          {serverSide\r\n            ? currentResultsPerPage\r\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\r\n              ? totalResults % resultsPerPage\r\n              : resultsPerPage}\r\n        </span>{\" \"}\r\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\r\n      </div>\r\n      <div className=\"pagination-mobile__nav\">\r\n        <button\r\n          className={clsx(\r\n            \"pagination-mobile__button\",\r\n            isPrevDisabled && \"pagination-mobile__button--disabled\",\r\n          )}\r\n          onClick={handlePreviousPage}\r\n          disabled={isPrevDisabled}\r\n          aria-label=\"Previous page\"\r\n        >\r\n          <svg\r\n            className=\"pagination-mobile__button-arrow\"\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n            role=\"presentation\"\r\n          >\r\n            <path d=\"M15 18l-6-6 6-6\" />\r\n          </svg>\r\n        </button>\r\n\r\n        {getPageNumbers().map((page, index) =>\r\n          page === \"...\" ? (\r\n            <span\r\n              key={`ellipsis-${index}`}\r\n              className=\"pagination-mobile__ellipsis\"\r\n            >\r\n              ...\r\n            </span>\r\n          ) : (\r\n            <button\r\n              key={page}\r\n              className={clsx(\r\n                \"pagination-mobile__button\",\r\n                currentPage === page && \"pagination-mobile__button--active\",\r\n              )}\r\n              onClick={() => handlePageChange(page as number)}\r\n              disabled={page === currentPage}\r\n            >\r\n              {page}\r\n            </button>\r\n          ),\r\n        )}\r\n\r\n        <button\r\n          className={clsx(\r\n            \"pagination-mobile__button\",\r\n            isNextDisabled && \"pagination-mobile__button--disabled\",\r\n          )}\r\n          onClick={handleNextPage}\r\n          disabled={isNextDisabled}\r\n          aria-label=\"Next page\"\r\n        >\r\n          <svg\r\n            className=\"pagination-mobile__button-arrow\"\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n            role=\"presentation\"\r\n          >\r\n            <path d=\"M9 6l6 6-6 6\" />\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","externalSetCurrentPage","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","sortedData","React","a","b","aValue","bValue","aText","bText","startIndex","endIndex","currentPageData","jsxs","Col","index","jsx","CardTable","TableMobilePagination","ActionContent","renderColumnValue","value","doubleLineValue","renderIcon","icon","Info","Download","handleSortClick","key","newDirection","clsx","column","Row","columnValue","config","isSorted","sortDirection","ActionIconText","e","TriangleUp","TriangleDown","setCurrentPage","className","serverSide","currentResultsPerPage","totalPages","handlePageChange","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}
+{"version":3,"file":"index.cjs130.js","sources":["../src/components/ui/TableMobile/index.tsx"],"sourcesContent":["import {\n  ActionData,\n  ActionIconText,\n  Col,\n  ColumnConfig,\n  DoubleLineData,\n  Row,\n  TableRowData,\n} from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./TableMobile.scss\";\nimport { Download, Info, TriangleDown, TriangleUp } from \"@/icons\";\nimport { ReactNode } from \"react\";\nimport * as React from \"react\";\nimport { CommonIconsType } from \"@/types/icons.ts\";\nimport { useState } from \"react\";\n\nexport type TableMobileProps = {\n  data: TableRowData[];\n  columns: ColumnConfig[];\n  pagination?: boolean;\n  resultsPerPage?: number;\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n};\n\nexport const TableMobile = ({\n  data,\n  columns,\n  pagination = true,\n  resultsPerPage = 5,\n  totalResults,\n  initialCurrentPage = 1,\n  serverSidePagination = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage: externalSetCurrentPage,\n  sortConfig = null,\n  onSortChange,\n}: TableMobileProps) => {\n  const [currentPage, setInternalCurrentPage] = useState(initialCurrentPage);\n  const handleSetCurrentPage = (page: number) => {\n    setInternalCurrentPage(page);\n    externalSetCurrentPage?.(page);\n  };\n\n  const sortedData = React.useMemo(() => {\n    if (!sortConfig) return data;\n\n    return [...data].sort((a, b) => {\n      const aValue = a[sortConfig.key];\n      const bValue = b[sortConfig.key];\n\n      const aText =\n        typeof aValue === \"object\" && \"firstLine\" in aValue\n          ? aValue.firstLine\n          : aValue;\n      const bText =\n        typeof bValue === \"object\" && \"firstLine\" in bValue\n          ? bValue.firstLine\n          : bValue;\n\n      if (aText < bText) {\n        return sortConfig.direction === \"asc\" ? -1 : 1;\n      }\n      if (aText > bText) {\n        return sortConfig.direction === \"asc\" ? 1 : -1;\n      }\n      return 0;\n    });\n  }, [data, sortConfig]);\n\n  const startIndex = serverSidePagination\n    ? 0\n    : (currentPage - 1) * resultsPerPage;\n  const endIndex = serverSidePagination\n    ? sortedData.length\n    : Math.min(startIndex + resultsPerPage, sortedData.length);\n  const currentPageData = sortedData.slice(startIndex, endIndex);\n\n  return (\n    <Col className={\"w-full h-full\"} gap={\"x16\"}>\n      {currentPageData.map((data, index) => (\n        <CardTable\n          columns={columns}\n          key={index}\n          data={data}\n          sortConfig={sortConfig}\n          onSortChange={onSortChange}\n        />\n      ))}\n\n      {pagination && (\n        <TableMobilePagination\n          currentPage={currentPage}\n          totalResults={totalResults || sortedData.length}\n          resultsPerPage={resultsPerPage}\n          setCurrentPage={handleSetCurrentPage}\n          onPageChange={onPageChange}\n          serverSide={serverSidePagination}\n          totalItems={totalItems}\n          hasNextPage={hasNextPage}\n          hasPreviousPage={hasPreviousPage}\n          onNextPage={onNextPage}\n          onPreviousPage={onPreviousPage}\n          currentResultsPerPage={\n            serverSidePagination ? sortedData.length : resultsPerPage\n          }\n          className=\"mt-x16\"\n        />\n      )}\n    </Col>\n  );\n};\n\nexport type CardTableProps = {\n  columns: ColumnConfig[];\n  data: TableRowData;\n  sortConfig: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n};\n\nconst ActionContent: React.FC<{ data: ActionData }> = ({ data }) => {\n  if (data.type === \"link\" && data.link) {\n    return (\n      <a href={data.link} aria-label={data.ariaLabel}>\n        {data.label}\n      </a>\n    );\n  }\n  return (\n    <button onClick={data.action} aria-label={data.ariaLabel}>\n      {data.label}\n    </button>\n  );\n};\n\nexport const CardTable = ({\n  columns,\n  sortConfig,\n  data,\n  onSortChange,\n}: CardTableProps) => {\n  const renderColumnValue = (value: any): ReactNode => {\n    if (!value) return \"\";\n\n    if (typeof value === \"object\" && \"firstLine\" in value) {\n      const doubleLineValue = value as DoubleLineData;\n      return `${doubleLineValue.firstLine}${doubleLineValue.secondLine ? ` ${doubleLineValue.secondLine}` : \"\"}`;\n    }\n\n    if (typeof value === \"object\" && \"label\" in value && \"type\" in value) {\n      return <ActionContent data={value} />;\n    }\n\n    return value;\n  };\n\n  const renderIcon = (icon: React.ReactNode | CommonIconsType) => {\n    switch (icon) {\n      case \"info\":\n        return <Info />;\n      case \"download\":\n        return <Download />;\n      default:\n        return icon;\n    }\n  };\n\n  const handleSortClick = (key: string) => {\n    if (!onSortChange || !sortConfig) return;\n\n    const newDirection =\n      sortConfig.key === key\n        ? sortConfig.direction === \"asc\"\n          ? \"desc\"\n          : \"asc\"\n        : \"asc\";\n\n    onSortChange(key, newDirection);\n  };\n\n  return (\n    <div\n      className={clsx(\"ui-card-table shadow br-x4 text-slate-28 fs-custom \")}\n    >\n      {columns.map((column, index) => {\n        if (!column.key || column.key === \"actionData\") {\n          return (\n            <Row\n              key={index}\n              p={\"x16\"}\n              className={\"ui-table-header\"}\n              justifyContent={\"space-between\"}\n            >\n              <Col justifyContent={\"end\"} gap={\"x4\"} className={\"w-full\"}>\n                <Row justifyContent={\"end\"} className=\"table-mobile-actions\">\n                  {renderColumnValue(data.actionData)}\n                </Row>\n              </Col>\n            </Row>\n          );\n        }\n\n        const columnValue = data[column.key];\n        const config = column;\n        const isSorted = sortConfig?.key === column.key;\n        const sortDirection = isSorted ? sortConfig.direction : null;\n\n        return (\n          <Row\n            key={index}\n            p={\"x16\"}\n            className={\"ui-table-header\"}\n            justifyContent={\"space-between\"}\n          >\n            <Col justifyContent={\"center\"} gap={\"x4\"} className={\"w-full\"}>\n              <ActionIconText\n                justifyContent={\"space-between\"}\n                alignItems={\"center\"}\n                icon={renderIcon(config.icon)}\n                noIcon={!renderIcon(config.icon)}\n                textLabel={config.label}\n                iconPosition={config.iconPosition}\n                popupInfo={config.popupInfo}\n                positionPopUp={\"left\"}\n                classNameText={\"fw-bold text-slate-28 fs-custom md-fs-6\"}\n              >\n                {config.sortable && (\n                  <span\n                    className=\"sort-indicator\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      handleSortClick(column.key!);\n                    }}\n                  >\n                    <TriangleUp\n                      filled={isSorted && sortDirection === \"desc\"}\n                      className={clsx(\"sort-indicator__triangle\", {\n                        active: isSorted && sortDirection === \"desc\",\n                      })}\n                    />\n                    <TriangleDown\n                      filled={isSorted && sortDirection === \"asc\"}\n                      className={clsx(\"sort-indicator__triangle\", {\n                        active: isSorted && sortDirection === \"asc\",\n                      })}\n                    />\n                  </span>\n                )}\n              </ActionIconText>\n              <Row>{renderColumnValue(columnValue)}</Row>\n            </Col>\n          </Row>\n        );\n      })}\n    </div>\n  );\n};\n\nexport type TableMobilePaginationProps = {\n  currentPage?: number;\n  totalResults?: number;\n  resultsPerPage: number;\n  setCurrentPage?: (page: number) => void;\n  onPageChange?: (page: number) => void;\n  className?: string;\n  serverSide?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  currentResultsPerPage?: number;\n};\n\nexport const TableMobilePagination: React.FC<TableMobilePaginationProps> = ({\n  currentPage = 1,\n  totalResults = 0,\n  resultsPerPage,\n  setCurrentPage,\n  onPageChange,\n  className,\n  serverSide = false,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  currentResultsPerPage = resultsPerPage,\n}) => {\n  const totalPages = serverSide\n    ? Math.ceil((totalItems || totalResults) / resultsPerPage)\n    : Math.ceil(totalResults / resultsPerPage);\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage?.(page);\n    if (onPageChange) {\n      onPageChange(page);\n    }\n  };\n\n  const handleNextPage = () => {\n    const nextPage = currentPage + 1;\n    if (serverSide && onNextPage) {\n      onNextPage();\n    }\n    handlePageChange(nextPage);\n  };\n\n  const handlePreviousPage = () => {\n    const prevPage = currentPage - 1;\n    if (serverSide && onPreviousPage) {\n      onPreviousPage();\n    }\n    handlePageChange(prevPage);\n  };\n\n  const isNextDisabled = serverSide ? !hasNextPage : currentPage === totalPages;\n  const isPrevDisabled = serverSide ? !hasPreviousPage : currentPage === 1;\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxVisiblePages = 5;\n\n    if (totalPages <= maxVisiblePages) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i);\n      }\n    } else {\n      pages.push(1);\n\n      let start = Math.max(2, currentPage - 1);\n      let end = Math.min(totalPages - 1, currentPage + 1);\n\n      if (currentPage <= 3) {\n        end = 4;\n      } else if (currentPage >= totalPages - 2) {\n        start = totalPages - 3;\n      }\n\n      if (start > 2) {\n        pages.push(\"...\");\n      }\n\n      for (let i = start; i <= end; i++) {\n        pages.push(i);\n      }\n\n      if (end < totalPages - 1) {\n        pages.push(\"...\");\n      }\n\n      pages.push(totalPages);\n    }\n\n    return pages;\n  };\n\n  return (\n    <div className={clsx(\"pagination-mobile\", className)}>\n      <div className=\"pagination-mobile__info\">\n        Stai visualizzando{\" \"}\n        <span className=\"pagination-mobile__info__resultsPerPage\">\n          {serverSide\n            ? currentResultsPerPage\n            : currentPage === totalPages && totalResults % resultsPerPage !== 0\n              ? totalResults % resultsPerPage\n              : resultsPerPage}\n        </span>{\" \"}\n        di {serverSide ? totalItems || totalResults : totalResults} risultati\n      </div>\n      <div className=\"pagination-mobile__nav\">\n        <button\n          className={clsx(\n            \"pagination-mobile__button\",\n            isPrevDisabled && \"pagination-mobile__button--disabled\",\n          )}\n          onClick={handlePreviousPage}\n          disabled={isPrevDisabled}\n          aria-label=\"Previous page\"\n        >\n          <svg\n            className=\"pagination-mobile__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M15 18l-6-6 6-6\" />\n          </svg>\n        </button>\n\n        {getPageNumbers().map((page, index) =>\n          page === \"...\" ? (\n            <span\n              key={`ellipsis-${index}`}\n              className=\"pagination-mobile__ellipsis\"\n            >\n              ...\n            </span>\n          ) : (\n            <button\n              key={page}\n              className={clsx(\n                \"pagination-mobile__button\",\n                currentPage === page && \"pagination-mobile__button--active\",\n              )}\n              onClick={() => handlePageChange(page as number)}\n              disabled={page === currentPage}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          className={clsx(\n            \"pagination-mobile__button\",\n            isNextDisabled && \"pagination-mobile__button--disabled\",\n          )}\n          onClick={handleNextPage}\n          disabled={isNextDisabled}\n          aria-label=\"Next page\"\n        >\n          <svg\n            className=\"pagination-mobile__button-arrow\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            role=\"presentation\"\n          >\n            <path d=\"M9 6l6 6-6 6\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TableMobile","data","columns","pagination","resultsPerPage","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","externalSetCurrentPage","sortConfig","onSortChange","currentPage","setInternalCurrentPage","useState","handleSetCurrentPage","page","sortedData","React","a","b","aValue","bValue","aText","bText","startIndex","endIndex","currentPageData","jsxs","Col","index","jsx","CardTable","TableMobilePagination","ActionContent","renderColumnValue","value","doubleLineValue","renderIcon","icon","Info","Download","handleSortClick","key","newDirection","clsx","column","Row","columnValue","config","isSorted","sortDirection","ActionIconText","e","TriangleUp","TriangleDown","setCurrentPage","className","serverSide","currentResultsPerPage","totalPages","handlePageChange","handleNextPage","nextPage","handlePreviousPage","prevPage","isNextDisabled","isPrevDisabled","getPageNumbers","pages","i","start","end"],"mappings":"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"}

package/dist/index.cjs131.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TableOfContents/TableOfContents.css');const o=require("./index.cjs250.js"),r=require("react");;/* empty css              */const N=require("./index.cjs259.js"),m=require("./index.cjs253.js"),q=require("./index.cjs116.js"),S=require("./index.cjs161.js"),T=require("./index.cjs430.js"),k=({title:p="Indice",headings:n,titleTag:h="h1",modeAuthenticated:f=!1,isOpen:i,onToggle:l=()=>{}})=>{const[j,a]=r.useState(""),[b,w]=r.useState(0),d=N.useMediaQueryV2("(min-width: 768px)",!1),g=d||i;r.useEffect(()=>{const t=()=>{const s=window.scrollY,e=document.documentElement.scrollHeight-window.innerHeight,c=e>0?Math.min(s/e*100,100):0;w(c)};return window.addEventListener("scroll",t),t(),()=>window.removeEventListener("scroll",t)},[]);const u=r.useCallback(t=>{if(window.innerWidth<768)return;const s=document.querySelector(`a[href="#${t}"]`),e=document.querySelector(".toc-scroll");if(s&&e){const c=e.getBoundingClientRect(),x=s.getBoundingClientRect();if(!(x.top>=c.top&&x.bottom<=c.bottom)){const v=s.offsetTop,E=e.clientHeight,R=s.offsetHeight,y=v-E/2+R/2;e.scrollTo({top:y,behavior:"smooth"})}}},[d]);return r.useEffect(()=>{const t=new IntersectionObserver(s=>{s.forEach(e=>{e.isIntersecting&&(a(e.target.id),u(e.target.id))})},{rootMargin:"-90px 0px -70% 0px",threshold:0});return n.forEach(({id:s})=>{const e=document.getElementById(s);e&&t.observe(e)}),()=>t.disconnect()},[n]),o.jsxRuntimeExports.jsxs("div",{className:m.clsx("toc-container",{"toc-container-authenticated":f}),children:[o.jsxRuntimeExports.jsx("button",{className:"ui-button-accordion-toc",onClick:l,type:"button",children:o.jsxRuntimeExports.jsxs(q.Row,{className:"ui-header-table-of-contents",children:[o.jsxRuntimeExports.jsx(h,{className:"text-slate-20 fw-semibold fs-7",children:p}),o.jsxRuntimeExports.jsx(S.ArrowDown,{color:"primary",className:m.clsx("ui-arrow-toc",{"ui-expanded-toc":i})})]})}),o.jsxRuntimeExports.jsx("div",{className:"scroll-progress-bar",children:o.jsxRuntimeExports.jsx("div",{className:"scroll-progress",style:{width:`${b}%`}})}),g&&o.jsxRuntimeExports.jsx(T.ScrollArea,{type:"always",scrollbars:"vertical",className:"toc-scroll fw-semibold fs-6",children:o.jsxRuntimeExports.jsx("div",{className:"toc-list base-col",children:n.map(t=>o.jsxRuntimeExports.jsx("div",{className:"toc-item",children:o.jsxRuntimeExports.jsx("a",{href:`#${t.id}`,className:`toc-link ${j===t.id?"active text-primary":"text-slate-28"}`,onClick:s=>{var e;s.preventDefault(),a(t.id),setTimeout(()=>{u(t.id)},100),(e=document.getElementById(t.id))==null||e.scrollIntoView({behavior:"smooth"}),l()},children:t.text})},t.id))})})]})};exports.TableOfContents=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TableOfContents/TableOfContents.css');const o=require("./index.cjs250.js"),r=require("react");;/* empty css              */const N=require("./index.cjs291.js"),m=require("./index.cjs252.js"),q=require("./index.cjs116.js"),S=require("./index.cjs161.js"),T=require("./index.cjs453.js"),k=({title:p="Indice",headings:n,titleTag:h="h1",modeAuthenticated:f=!1,isOpen:i,onToggle:l=()=>{}})=>{const[j,a]=r.useState(""),[b,w]=r.useState(0),d=N.useMediaQueryV2("(min-width: 768px)",!1),g=d||i;r.useEffect(()=>{const t=()=>{const s=window.scrollY,e=document.documentElement.scrollHeight-window.innerHeight,c=e>0?Math.min(s/e*100,100):0;w(c)};return window.addEventListener("scroll",t),t(),()=>window.removeEventListener("scroll",t)},[]);const u=r.useCallback(t=>{if(window.innerWidth<768)return;const s=document.querySelector(`a[href="#${t}"]`),e=document.querySelector(".toc-scroll");if(s&&e){const c=e.getBoundingClientRect(),x=s.getBoundingClientRect();if(!(x.top>=c.top&&x.bottom<=c.bottom)){const v=s.offsetTop,E=e.clientHeight,R=s.offsetHeight,y=v-E/2+R/2;e.scrollTo({top:y,behavior:"smooth"})}}},[d]);return r.useEffect(()=>{const t=new IntersectionObserver(s=>{s.forEach(e=>{e.isIntersecting&&(a(e.target.id),u(e.target.id))})},{rootMargin:"-90px 0px -70% 0px",threshold:0});return n.forEach(({id:s})=>{const e=document.getElementById(s);e&&t.observe(e)}),()=>t.disconnect()},[n]),o.jsxRuntimeExports.jsxs("div",{className:m.clsx("toc-container",{"toc-container-authenticated":f}),children:[o.jsxRuntimeExports.jsx("button",{className:"ui-button-accordion-toc",onClick:l,type:"button",children:o.jsxRuntimeExports.jsxs(q.Row,{className:"ui-header-table-of-contents",children:[o.jsxRuntimeExports.jsx(h,{className:"text-slate-20 fw-semibold fs-7",children:p}),o.jsxRuntimeExports.jsx(S.ArrowDown,{color:"primary",className:m.clsx("ui-arrow-toc",{"ui-expanded-toc":i})})]})}),o.jsxRuntimeExports.jsx("div",{className:"scroll-progress-bar",children:o.jsxRuntimeExports.jsx("div",{className:"scroll-progress",style:{width:`${b}%`}})}),g&&o.jsxRuntimeExports.jsx(T.ScrollArea,{type:"always",scrollbars:"vertical",className:"toc-scroll fw-semibold fs-6",children:o.jsxRuntimeExports.jsx("div",{className:"toc-list base-col",children:n.map(t=>o.jsxRuntimeExports.jsx("div",{className:"toc-item",children:o.jsxRuntimeExports.jsx("a",{href:`#${t.id}`,className:`toc-link ${j===t.id?"active text-primary":"text-slate-28"}`,onClick:s=>{var e;s.preventDefault(),a(t.id),setTimeout(()=>{u(t.id)},100),(e=document.getElementById(t.id))==null||e.scrollIntoView({behavior:"smooth"}),l()},children:t.text})},t.id))})})]})};exports.TableOfContents=k;
 //# sourceMappingURL=index.cjs131.js.map

package/dist/index.cjs131.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs131.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { ScrollArea } from \"@radix-ui/themes\";\r\nimport \"./TableOfContents.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { useMediaQueryV2 } from \"@/hooks/useMediaQuery.ts\";\r\nimport { ArrowDown } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype Heading = {\r\n  id: string;\r\n  text: string;\r\n};\r\n\r\ntype TableOfContentsProps = {\r\n  title: string;\r\n  headings: Heading[];\r\n  titleTag?: HeadingLevel;\r\n  modeAuthenticated?: boolean;\r\n  isOpen?: boolean;\r\n  onToggle?: () => void;\r\n};\r\n\r\nexport const TableOfContents = ({\r\n  title = \"Indice\",\r\n  headings,\r\n  titleTag: TitleTag = \"h1\",\r\n  modeAuthenticated = false,\r\n  isOpen,\r\n  onToggle = () => {},\r\n}: TableOfContentsProps) => {\r\n  const [activeId, setActiveId] = React.useState(\"\");\r\n  const [scrollProgress, setScrollProgress] = useState(0);\r\n  const isDesktop = useMediaQueryV2(\"(min-width: 768px)\", false);\r\n  const showScrollArea = isDesktop || isOpen;\r\n\r\n  useEffect(() => {\r\n    const updateScrollProgress = () => {\r\n      const scrollTop = window.scrollY;\r\n      const docHeight =\r\n        document.documentElement.scrollHeight - window.innerHeight;\r\n      const scrollPercent =\r\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\r\n      setScrollProgress(scrollPercent);\r\n    };\r\n\r\n    window.addEventListener(\"scroll\", updateScrollProgress);\r\n    updateScrollProgress();\r\n\r\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\r\n  }, []);\r\n\r\n  const scrollToActiveItem = useCallback(\r\n    (activeId: string) => {\r\n      if (window.innerWidth < 768) return;\r\n\r\n      const activeLink = document.querySelector(\r\n        `a[href=\"#${activeId}\"]`,\r\n      ) as HTMLElement;\r\n      const scrollContainer = document.querySelector(\r\n        \".toc-scroll\",\r\n      ) as HTMLElement;\r\n\r\n      if (activeLink && scrollContainer) {\r\n        const containerRect = scrollContainer.getBoundingClientRect();\r\n        const linkRect = activeLink.getBoundingClientRect();\r\n\r\n        const isVisible =\r\n          linkRect.top >= containerRect.top &&\r\n          linkRect.bottom <= containerRect.bottom;\r\n\r\n        if (!isVisible) {\r\n          const linkOffsetTop = activeLink.offsetTop;\r\n          const containerHeight = scrollContainer.clientHeight;\r\n          const linkHeight = activeLink.offsetHeight;\r\n\r\n          const scrollTop =\r\n            linkOffsetTop - containerHeight / 2 + linkHeight / 2;\r\n\r\n          scrollContainer.scrollTo({\r\n            top: scrollTop,\r\n            behavior: \"smooth\",\r\n          });\r\n        }\r\n      }\r\n    },\r\n    [isDesktop],\r\n  );\r\n\r\n  useEffect(() => {\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            setActiveId(entry.target.id);\r\n            scrollToActiveItem(entry.target.id);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        rootMargin: \"-90px 0px -70% 0px\",\r\n        threshold: 0,\r\n      },\r\n    );\r\n\r\n    headings.forEach(({ id }) => {\r\n      const element = document.getElementById(id);\r\n      if (element) observer.observe(element);\r\n    });\r\n\r\n    return () => observer.disconnect();\r\n  }, [headings]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"toc-container\", {\r\n        \"toc-container-authenticated\": modeAuthenticated,\r\n      })}\r\n    >\r\n      <button\r\n        className={\"ui-button-accordion-toc\"}\r\n        onClick={onToggle}\r\n        type=\"button\"\r\n      >\r\n        <Row className={\"ui-header-table-of-contents\"}>\r\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\r\n            {title}\r\n          </TitleTag>\r\n          <ArrowDown\r\n            color={\"primary\"}\r\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\r\n          />\r\n        </Row>\r\n      </button>\r\n\r\n      <div className=\"scroll-progress-bar\">\r\n        <div\r\n          className=\"scroll-progress\"\r\n          style={{ width: `${scrollProgress}%` }}\r\n        />\r\n      </div>\r\n\r\n      {showScrollArea && (\r\n        <ScrollArea\r\n          type=\"always\"\r\n          scrollbars=\"vertical\"\r\n          className=\"toc-scroll fw-semibold fs-6\"\r\n        >\r\n          <div className=\"toc-list base-col\">\r\n            {headings.map((item) => (\r\n              <div key={item.id} className=\"toc-item\">\r\n                <a\r\n                  href={`#${item.id}`}\r\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\r\n                  onClick={(e) => {\r\n                    e.preventDefault();\r\n                    setActiveId(item.id);\r\n\r\n                    setTimeout(() => {\r\n                      scrollToActiveItem(item.id);\r\n                    }, 100);\r\n\r\n                    document\r\n                      .getElementById(item.id)\r\n                      ?.scrollIntoView({ behavior: \"smooth\" });\r\n                    onToggle();\r\n                  }}\r\n                >\r\n                  {item.text}\r\n                </a>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </ScrollArea>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","isDesktop","useMediaQueryV2","showScrollArea","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","scrollToActiveItem","useCallback","activeLink","scrollContainer","containerRect","linkRect","linkOffsetTop","containerHeight","linkHeight","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}
+{"version":3,"file":"index.cjs131.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { ScrollArea } from \"@radix-ui/themes\";\nimport \"./TableOfContents.scss\";\nimport { Row } from \"@/components\";\nimport { useMediaQueryV2 } from \"@/hooks/useMediaQuery.ts\";\nimport { ArrowDown } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype Heading = {\n  id: string;\n  text: string;\n};\n\ntype TableOfContentsProps = {\n  title: string;\n  headings: Heading[];\n  titleTag?: HeadingLevel;\n  modeAuthenticated?: boolean;\n  isOpen?: boolean;\n  onToggle?: () => void;\n};\n\nexport const TableOfContents = ({\n  title = \"Indice\",\n  headings,\n  titleTag: TitleTag = \"h1\",\n  modeAuthenticated = false,\n  isOpen,\n  onToggle = () => {},\n}: TableOfContentsProps) => {\n  const [activeId, setActiveId] = React.useState(\"\");\n  const [scrollProgress, setScrollProgress] = useState(0);\n  const isDesktop = useMediaQueryV2(\"(min-width: 768px)\", false);\n  const showScrollArea = isDesktop || isOpen;\n\n  useEffect(() => {\n    const updateScrollProgress = () => {\n      const scrollTop = window.scrollY;\n      const docHeight =\n        document.documentElement.scrollHeight - window.innerHeight;\n      const scrollPercent =\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\n      setScrollProgress(scrollPercent);\n    };\n\n    window.addEventListener(\"scroll\", updateScrollProgress);\n    updateScrollProgress();\n\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\n  }, []);\n\n  const scrollToActiveItem = useCallback(\n    (activeId: string) => {\n      if (window.innerWidth < 768) return;\n\n      const activeLink = document.querySelector(\n        `a[href=\"#${activeId}\"]`,\n      ) as HTMLElement;\n      const scrollContainer = document.querySelector(\n        \".toc-scroll\",\n      ) as HTMLElement;\n\n      if (activeLink && scrollContainer) {\n        const containerRect = scrollContainer.getBoundingClientRect();\n        const linkRect = activeLink.getBoundingClientRect();\n\n        const isVisible =\n          linkRect.top >= containerRect.top &&\n          linkRect.bottom <= containerRect.bottom;\n\n        if (!isVisible) {\n          const linkOffsetTop = activeLink.offsetTop;\n          const containerHeight = scrollContainer.clientHeight;\n          const linkHeight = activeLink.offsetHeight;\n\n          const scrollTop =\n            linkOffsetTop - containerHeight / 2 + linkHeight / 2;\n\n          scrollContainer.scrollTo({\n            top: scrollTop,\n            behavior: \"smooth\",\n          });\n        }\n      }\n    },\n    [isDesktop],\n  );\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id);\n            scrollToActiveItem(entry.target.id);\n          }\n        });\n      },\n      {\n        rootMargin: \"-90px 0px -70% 0px\",\n        threshold: 0,\n      },\n    );\n\n    headings.forEach(({ id }) => {\n      const element = document.getElementById(id);\n      if (element) observer.observe(element);\n    });\n\n    return () => observer.disconnect();\n  }, [headings]);\n\n  return (\n    <div\n      className={clsx(\"toc-container\", {\n        \"toc-container-authenticated\": modeAuthenticated,\n      })}\n    >\n      <button\n        className={\"ui-button-accordion-toc\"}\n        onClick={onToggle}\n        type=\"button\"\n      >\n        <Row className={\"ui-header-table-of-contents\"}>\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\n            {title}\n          </TitleTag>\n          <ArrowDown\n            color={\"primary\"}\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\n          />\n        </Row>\n      </button>\n\n      <div className=\"scroll-progress-bar\">\n        <div\n          className=\"scroll-progress\"\n          style={{ width: `${scrollProgress}%` }}\n        />\n      </div>\n\n      {showScrollArea && (\n        <ScrollArea\n          type=\"always\"\n          scrollbars=\"vertical\"\n          className=\"toc-scroll fw-semibold fs-6\"\n        >\n          <div className=\"toc-list base-col\">\n            {headings.map((item) => (\n              <div key={item.id} className=\"toc-item\">\n                <a\n                  href={`#${item.id}`}\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setActiveId(item.id);\n\n                    setTimeout(() => {\n                      scrollToActiveItem(item.id);\n                    }, 100);\n\n                    document\n                      .getElementById(item.id)\n                      ?.scrollIntoView({ behavior: \"smooth\" });\n                    onToggle();\n                  }}\n                >\n                  {item.text}\n                </a>\n              </div>\n            ))}\n          </div>\n        </ScrollArea>\n      )}\n    </div>\n  );\n};\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","isDesktop","useMediaQueryV2","showScrollArea","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","scrollToActiveItem","useCallback","activeLink","scrollContainer","containerRect","linkRect","linkOffsetTop","containerHeight","linkHeight","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}

package/dist/index.cjs132.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs132.js","sources":["../src/components/ui/TableSkeleton/index.tsx"],"sourcesContent":["import \"./TableSkeleton.scss\";\r\n\r\nexport const TableSkeleton = () => {\r\n  return (\r\n    <div className=\"family-doctor-skeleton\">\r\n      {/* Section title */}\r\n      <div className=\"family-doctor-skeleton-title pulse\"></div>\r\n\r\n      {/* Card content */}\r\n      <div className=\"family-doctor-skeleton-card\">\r\n        {/* Avatar and doctor info */}\r\n        <div className=\"family-doctor-skeleton-header\">\r\n          <div className=\"family-doctor-skeleton-avatar pulse\"></div>\r\n          <div className=\"family-doctor-skeleton-info\">\r\n            <div className=\"family-doctor-skeleton-name pulse\"></div>\r\n            <div className=\"family-doctor-skeleton-dash pulse\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Two-column layout for contact and schedule */}\r\n        <div className=\"family-doctor-skeleton-content\">\r\n          {/* Left column - Contact info */}\r\n          <div className=\"family-doctor-skeleton-left-column\">\r\n            {/* Phone */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Email */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-dash-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Address */}\r\n            <div className=\"family-doctor-skeleton-field\">\r\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\r\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\r\n            </div>\r\n\r\n            {/* Change doctor button */}\r\n            <div className=\"family-doctor-skeleton-button pulse\"></div>\r\n          </div>\r\n\r\n          {/* Right column - Schedule */}\r\n          <div className=\"family-doctor-skeleton-right-column\">\r\n            <div className=\"family-doctor-skeleton-schedule-title pulse\"></div>\r\n            <div className=\"family-doctor-skeleton-schedule\">\r\n              {/* Row 1: Monday and Thursday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Row 2: Tuesday and Friday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* Row 3: Wednesday */}\r\n              <div className=\"family-doctor-skeleton-schedule-column\">\r\n                <div className=\"family-doctor-skeleton-day\">\r\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\r\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableSkeleton","jsxs","jsx"],"mappings":"kJAEO,MAAMA,EAAgB,IAEzBC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,yBAEb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAqC,CAAA,EAGpDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,8BAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,gCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,qCAAsC,CAAA,EACrDD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,8BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,mCAAoC,CAAA,EACnDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,mCAAoC,CAAA,CAAA,CACrD,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iCAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,qCAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,+BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,CAAA,EACtD,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,+BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,yCAA0C,CAAA,CAAA,EAC3D,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,+BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,CAAA,EACtD,EAGAA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,qCAAsC,CAAA,CAAA,EACvD,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,sCACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,6CAA8C,CAAA,EAC7DD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,kCAEb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yCACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,6BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uCAAwC,CAAA,EACvDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,CAAA,EACtD,EAEAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,6BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uCAAwC,CAAA,EACvDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,CAAA,CACtD,CAAA,CAAA,EACF,EAGAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,6BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uCAAwC,CAAA,EACvDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,CAAA,EACtD,EAEAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,6BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uCAAwC,CAAA,EACvDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,EACpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,CAAA,CACtD,CAAA,CAAA,EACF,0BAGC,MAAI,CAAA,UAAU,yCACb,SAACD,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAU,6BACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uCAAwC,CAAA,EACvDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,oCAAqC,CAAA,CAAA,CAAA,CACtD,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,EACF"}
+{"version":3,"file":"index.cjs132.js","sources":["../src/components/ui/TableSkeleton/index.tsx"],"sourcesContent":["import \"./TableSkeleton.scss\";\n\nexport const TableSkeleton = () => {\n  return (\n    <div className=\"family-doctor-skeleton\">\n      {/* Section title */}\n      <div className=\"family-doctor-skeleton-title pulse\"></div>\n\n      {/* Card content */}\n      <div className=\"family-doctor-skeleton-card\">\n        {/* Avatar and doctor info */}\n        <div className=\"family-doctor-skeleton-header\">\n          <div className=\"family-doctor-skeleton-avatar pulse\"></div>\n          <div className=\"family-doctor-skeleton-info\">\n            <div className=\"family-doctor-skeleton-name pulse\"></div>\n            <div className=\"family-doctor-skeleton-dash pulse\"></div>\n          </div>\n        </div>\n\n        {/* Two-column layout for contact and schedule */}\n        <div className=\"family-doctor-skeleton-content\">\n          {/* Left column - Contact info */}\n          <div className=\"family-doctor-skeleton-left-column\">\n            {/* Phone */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\n            </div>\n\n            {/* Email */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-dash-value pulse\"></div>\n            </div>\n\n            {/* Address */}\n            <div className=\"family-doctor-skeleton-field\">\n              <div className=\"family-doctor-skeleton-label pulse\"></div>\n              <div className=\"family-doctor-skeleton-value pulse\"></div>\n            </div>\n\n            {/* Change doctor button */}\n            <div className=\"family-doctor-skeleton-button pulse\"></div>\n          </div>\n\n          {/* Right column - Schedule */}\n          <div className=\"family-doctor-skeleton-right-column\">\n            <div className=\"family-doctor-skeleton-schedule-title pulse\"></div>\n            <div className=\"family-doctor-skeleton-schedule\">\n              {/* Row 1: Monday and Thursday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n\n              {/* Row 2: Tuesday and Friday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n\n              {/* Row 3: Wednesday */}\n              <div className=\"family-doctor-skeleton-schedule-column\">\n                <div className=\"family-doctor-skeleton-day\">\n                  <div className=\"family-doctor-skeleton-day-name pulse\"></div>\n                  <div className=\"family-doctor-skeleton-hours pulse\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["TableSkeleton","jsxs","jsx"],"mappings":"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"}

package/dist/index.cjs133.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TabsGlossary/TabsGlossary.css');const s=require("./index.cjs250.js");;/* empty css              */const n=require("./index.cjs253.js"),r=require("react"),d=require("./index.cjs116.js"),j=require("./index.cjs106.js"),p=({CTA:a="link",navigationItems:l,children:o,activeIndex:x=0,onTabChange:c,actions:i=[]})=>{const[u,m]=r.useState(x);return s.jsxRuntimeExports.jsx("div",{children:s.jsxRuntimeExports.jsxs("div",{className:n.clsx("ui-document-container-tabs"),children:[s.jsxRuntimeExports.jsx("nav",{className:"ui-document-container-tabs-nav-new","aria-label":"Menu di navigazione",children:s.jsxRuntimeExports.jsx(d.Row,{fw:"semibold",text:"secondary",className:n.clsx("ui-document-container-tabs-nav list-style-none ui-tabs"),as:"ul",children:l.map((e,t)=>s.jsxRuntimeExports.jsx("li",{className:n.clsx("ui-document-container-tabs-nav-responsive-flex ui-text-center-col fs-6 md-fs-custom",e.disabled?"text-muted":"cursor-pointer","ui-tab",u===t&&"text-primary ui-active-tab-glossary"),onClick:()=>{e.disabled||(m(t),c(t))},children:s.jsxRuntimeExports.jsx("a",{className:"text-decoration-none",children:e.label})},t))})}),o,a==="link"&&s.jsxRuntimeExports.jsx("nav",{className:"ui-document-container-tabs-nav-new",children:s.jsxRuntimeExports.jsx("ul",{className:"list-style-none base-row gap-x20 fw-semibold text-primary fs-7 pb-x8",children:i.map((e,t)=>s.jsxRuntimeExports.jsxs(r.Fragment,{children:[s.jsxRuntimeExports.jsxs("li",{className:n.clsx(!e.loading&&"cursor-pointer","text-primary base-row justify-content-center align-items-center gap-x8"),onClick:()=>!e.loading&&e.onClick(),children:[e.icon,s.jsxRuntimeExports.jsx("p",{children:e.label}),e.loading&&s.jsxRuntimeExports.jsx(j.Loader,{loading:e.loading})]}),t<i.length-1&&s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("span",{className:"ui-divider"})})]},t))})})]})})};exports.TabsGlossary=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TabsGlossary/TabsGlossary.css');const s=require("./index.cjs250.js");;/* empty css              */const n=require("./index.cjs252.js"),r=require("react"),d=require("./index.cjs116.js"),j=require("./index.cjs106.js"),p=({CTA:a="link",navigationItems:l,children:o,activeIndex:x=0,onTabChange:c,actions:i=[]})=>{const[u,m]=r.useState(x);return s.jsxRuntimeExports.jsx("div",{children:s.jsxRuntimeExports.jsxs("div",{className:n.clsx("ui-document-container-tabs"),children:[s.jsxRuntimeExports.jsx("nav",{className:"ui-document-container-tabs-nav-new","aria-label":"Menu di navigazione",children:s.jsxRuntimeExports.jsx(d.Row,{fw:"semibold",text:"secondary",className:n.clsx("ui-document-container-tabs-nav list-style-none ui-tabs"),as:"ul",children:l.map((e,t)=>s.jsxRuntimeExports.jsx("li",{className:n.clsx("ui-document-container-tabs-nav-responsive-flex ui-text-center-col fs-6 md-fs-custom",e.disabled?"text-muted":"cursor-pointer","ui-tab",u===t&&"text-primary ui-active-tab-glossary"),onClick:()=>{e.disabled||(m(t),c(t))},children:s.jsxRuntimeExports.jsx("a",{className:"text-decoration-none",children:e.label})},t))})}),o,a==="link"&&s.jsxRuntimeExports.jsx("nav",{className:"ui-document-container-tabs-nav-new",children:s.jsxRuntimeExports.jsx("ul",{className:"list-style-none base-row gap-x20 fw-semibold text-primary fs-7 pb-x8",children:i.map((e,t)=>s.jsxRuntimeExports.jsxs(r.Fragment,{children:[s.jsxRuntimeExports.jsxs("li",{className:n.clsx(!e.loading&&"cursor-pointer","text-primary base-row justify-content-center align-items-center gap-x8"),onClick:()=>!e.loading&&e.onClick(),children:[e.icon,s.jsxRuntimeExports.jsx("p",{children:e.label}),e.loading&&s.jsxRuntimeExports.jsx(j.Loader,{loading:e.loading})]}),t<i.length-1&&s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("span",{className:"ui-divider"})})]},t))})})]})})};exports.TabsGlossary=p;
 //# sourceMappingURL=index.cjs133.js.map

package/dist/index.cjs134.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Tags/Tags.css');const c=require("./index.cjs250.js"),i=require("./index.cjs253.js");;/* empty css              */const a=({label:e,mode:t="decorative",selected:r=!1,className:s,onClick:o})=>{const n=t==="decorative"?"div":"button";return c.jsxRuntimeExports.jsx(n,{className:i.clsx("tag",{selected:r},s),onClick:o,children:e})};exports.Tag=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Tags/Tags.css');const c=require("./index.cjs250.js"),i=require("./index.cjs252.js");;/* empty css              */const a=({label:e,mode:t="decorative",selected:r=!1,className:s,onClick:o})=>{const n=t==="decorative"?"div":"button";return c.jsxRuntimeExports.jsx(n,{className:i.clsx("tag",{selected:r},s),onClick:o,children:e})};exports.Tag=a;
 //# sourceMappingURL=index.cjs134.js.map

package/dist/index.cjs134.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs134.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"../Tags.scss\";\r\n\r\nexport type TagMode = \"filter\" | \"decorative\";\r\nexport type TagProps = {\r\n  label: string;\r\n  mode?: TagMode;\r\n  className?: string;\r\n  selected?: boolean;\r\n  onClick?: () => void;\r\n};\r\n\r\nexport const Tag = ({\r\n  label,\r\n  mode = \"decorative\",\r\n  selected = false,\r\n  className,\r\n  onClick,\r\n}: TagProps) => {\r\n  const TagComponent = mode === \"decorative\" ? \"div\" : \"button\";\r\n\r\n  return (\r\n    <TagComponent\r\n      className={clsx(\"tag\", { selected: selected }, className)}\r\n      onClick={onClick}\r\n    >\r\n      {label}\r\n    </TagComponent>\r\n  );\r\n};\r\n"],"names":["Tag","label","mode","selected","className","onClick","TagComponent","jsx","clsx"],"mappings":"iLAYO,MAAMA,EAAM,CAAC,CAClB,MAAAC,EACA,KAAAC,EAAO,aACP,SAAAC,EAAW,GACX,UAAAC,EACA,QAAAC,CACF,IAAgB,CACR,MAAAC,EAAeJ,IAAS,aAAe,MAAQ,SAGnD,OAAAK,EAAA,kBAAA,IAACD,EAAA,CACC,UAAWE,EAAAA,KAAK,MAAO,CAAE,SAAAL,CAAA,EAAsBC,CAAS,EACxD,QAAAC,EAEC,SAAAJ,CAAA,CACH,CAEJ"}
+{"version":3,"file":"index.cjs134.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"../Tags.scss\";\n\nexport type TagMode = \"filter\" | \"decorative\";\nexport type TagProps = {\n  label: string;\n  mode?: TagMode;\n  className?: string;\n  selected?: boolean;\n  onClick?: () => void;\n};\n\nexport const Tag = ({\n  label,\n  mode = \"decorative\",\n  selected = false,\n  className,\n  onClick,\n}: TagProps) => {\n  const TagComponent = mode === \"decorative\" ? \"div\" : \"button\";\n\n  return (\n    <TagComponent\n      className={clsx(\"tag\", { selected: selected }, className)}\n      onClick={onClick}\n    >\n      {label}\n    </TagComponent>\n  );\n};\n"],"names":["Tag","label","mode","selected","className","onClick","TagComponent","jsx","clsx"],"mappings":"iLAYO,MAAMA,EAAM,CAAC,CAClB,MAAAC,EACA,KAAAC,EAAO,aACP,SAAAC,EAAW,GACX,UAAAC,EACA,QAAAC,CACF,IAAgB,CACR,MAAAC,EAAeJ,IAAS,aAAe,MAAQ,SAGnD,OAAAK,EAAA,kBAAA,IAACD,EAAA,CACC,UAAWE,EAAAA,KAAK,MAAO,CAAE,SAAAL,CAAA,EAAsBC,CAAS,EACxD,QAAAC,EAEC,SAAAJ,CAAA,CACH,CAEJ"}

package/dist/index.cjs135.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs135.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\r\nimport \"../Tags.scss\";\r\n\r\ntype TagsProps = {\r\n  topics?: Array<string>;\r\n};\r\n\r\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\r\n  return (\r\n    <div className=\"tags-group-container\">\r\n      <div className=\"tags-group\">\r\n        {topics.map((topic, index) => (\r\n          <Tag key={index} label={topic} />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":"iLAOO,MAAMA,EAAY,CAAC,CAAE,OAAAC,EAAS,CAAA,KAEjCC,wBAAC,OAAI,UAAU,uBACb,iCAAC,MAAI,CAAA,UAAU,aACZ,SAAOD,EAAA,IAAI,CAACE,EAAOC,4BACjBC,EAAAA,IAAgB,CAAA,MAAOF,GAAdC,CAAqB,CAChC,EACH,CACF,CAAA"}
+{"version":3,"file":"index.cjs135.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\nimport \"../Tags.scss\";\n\ntype TagsProps = {\n  topics?: Array<string>;\n};\n\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\n  return (\n    <div className=\"tags-group-container\">\n      <div className=\"tags-group\">\n        {topics.map((topic, index) => (\n          <Tag key={index} label={topic} />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":"iLAOO,MAAMA,EAAY,CAAC,CAAE,OAAAC,EAAS,CAAA,KAEjCC,wBAAC,OAAI,UAAU,uBACb,iCAAC,MAAI,CAAA,UAAU,aACZ,SAAOD,EAAA,IAAI,CAACE,EAAOC,4BACjBC,EAAAA,IAAgB,CAAA,MAAOF,GAAdC,CAAqB,CAChC,EACH,CACF,CAAA"}

package/dist/index.cjs136.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TitleSection/TitleSection.css');const s=require("./index.cjs250.js");;/* empty css              */const c=require("./index.cjs253.js"),m=require("react"),j=require("./index.cjs192.js"),d=require("./index.cjs22.js"),r=require("./index.cjs116.js"),R=({action1:l,action2:t,mainButton:n,secondaryButton:e,titleSection:a,classNameTitle:p,titleTag:u="h1"})=>{const[o,x]=m.useState(!1),i=[l,t].filter(Boolean);return s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsxs("div",{className:c.clsx("ui-title-section-container"),children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-title-row",children:[s.jsxRuntimeExports.jsx(u,{className:c.clsx(p,"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28"),children:a}),i.length===2&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{onClick:()=>x(!o),className:"ui-mobile-actions",children:s.jsxRuntimeExports.jsx(j.MoreActions,{className:"cursor-pointer","aria-label":"Altre opzioni"})}),s.jsxRuntimeExports.jsx(d.ActionsPopup,{isOpen:o,onClickCloseBtn:()=>x(!1),actions:i,className:"ui-mobile-actionspopup",children:e&&s.jsxRuntimeExports.jsx("div",{className:"ui-actions-popup-buttons",children:e})})]})]}),i.length===1&&s.jsxRuntimeExports.jsx("div",{className:"ui-mobile-single-action",children:i[0]}),s.jsxRuntimeExports.jsx("nav",{className:"ui-desktop-actions","aria-label":"Azioni principali",children:s.jsxRuntimeExports.jsxs(r.Row,{as:"ul",gap:"x20",fw:"semibold",text:"primary",fs:"8",className:"list-style-none",children:[l,t&&s.jsxRuntimeExports.jsx("span",{className:"ui-divider-title-section"}),t,e&&s.jsxRuntimeExports.jsx(r.Row,{as:"li",text:"primary",justifyContent:"center",alignItems:"center",gap:"x8",children:e}),n&&s.jsxRuntimeExports.jsx(r.Row,{as:"li",text:"primary",justifyContent:"center",alignItems:"center",gap:"x8",children:n})]})})]}),s.jsxRuntimeExports.jsx("div",{className:"ui-mobile-main-button",children:n})]})};exports.TitleSection=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TitleSection/TitleSection.css');const s=require("./index.cjs250.js");;/* empty css              */const c=require("./index.cjs252.js"),m=require("react"),j=require("./index.cjs192.js"),d=require("./index.cjs22.js"),r=require("./index.cjs116.js"),R=({action1:l,action2:t,mainButton:n,secondaryButton:e,titleSection:a,classNameTitle:p,titleTag:u="h1"})=>{const[o,x]=m.useState(!1),i=[l,t].filter(Boolean);return s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsxs("div",{className:c.clsx("ui-title-section-container"),children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-title-row",children:[s.jsxRuntimeExports.jsx(u,{className:c.clsx(p,"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28"),children:a}),i.length===2&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{onClick:()=>x(!o),className:"ui-mobile-actions",children:s.jsxRuntimeExports.jsx(j.MoreActions,{className:"cursor-pointer","aria-label":"Altre opzioni"})}),s.jsxRuntimeExports.jsx(d.ActionsPopup,{isOpen:o,onClickCloseBtn:()=>x(!1),actions:i,className:"ui-mobile-actionspopup",children:e&&s.jsxRuntimeExports.jsx("div",{className:"ui-actions-popup-buttons",children:e})})]})]}),i.length===1&&s.jsxRuntimeExports.jsx("div",{className:"ui-mobile-single-action",children:i[0]}),s.jsxRuntimeExports.jsx("nav",{className:"ui-desktop-actions","aria-label":"Azioni principali",children:s.jsxRuntimeExports.jsxs(r.Row,{as:"ul",gap:"x20",fw:"semibold",text:"primary",fs:"8",className:"list-style-none",children:[l,t&&s.jsxRuntimeExports.jsx("span",{className:"ui-divider-title-section"}),t,e&&s.jsxRuntimeExports.jsx(r.Row,{as:"li",text:"primary",justifyContent:"center",alignItems:"center",gap:"x8",children:e}),n&&s.jsxRuntimeExports.jsx(r.Row,{as:"li",text:"primary",justifyContent:"center",alignItems:"center",gap:"x8",children:n})]})})]}),s.jsxRuntimeExports.jsx("div",{className:"ui-mobile-main-button",children:n})]})};exports.TitleSection=R;
 //# sourceMappingURL=index.cjs136.js.map

package/dist/index.cjs136.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs136.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import \"./TitleSection.scss\";\r\nimport clsx from \"clsx\";\r\nimport { MoreActions } from \"@/icons\";\r\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\r\nimport { ActionsPopup, Row } from \"@/components\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype TitleSectionProps = PropsWithChildren<{\r\n  action1?: ReactNode;\r\n  action2?: ReactNode;\r\n  mainButton?: ReactNode;\r\n  secondaryButton?: ReactNode;\r\n  titleSection: string;\r\n  classNameTitle?: string;\r\n  isMoreOption?: boolean;\r\n  handleMoreOption?: () => void;\r\n  titleTag?: HeadingLevel;\r\n}>;\r\n\r\nexport const TitleSection = ({\r\n  action1,\r\n  action2,\r\n  mainButton,\r\n  secondaryButton,\r\n  titleSection,\r\n  classNameTitle,\r\n  titleTag: TitleTag = \"h1\",\r\n}: TitleSectionProps) => {\r\n  const [openActions, setOpenActions] = useState(false);\r\n\r\n  const popupActions = [action1, action2].filter(Boolean);\r\n  return (\r\n    <div>\r\n      <div className={clsx(\"ui-title-section-container\")}>\r\n        <div className=\"ui-title-row\">\r\n          <TitleTag\r\n            className={clsx(\r\n              classNameTitle,\r\n              \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\r\n            )}\r\n          >\r\n            {titleSection}\r\n          </TitleTag>\r\n\r\n          {popupActions.length === 2 && (\r\n            <>\r\n              <div\r\n                onClick={() => setOpenActions(!openActions)}\r\n                className=\"ui-mobile-actions\"\r\n              >\r\n                <MoreActions\r\n                  className=\"cursor-pointer\"\r\n                  aria-label=\"Altre opzioni\"\r\n                />\r\n              </div>\r\n              <ActionsPopup\r\n                isOpen={openActions}\r\n                onClickCloseBtn={() => setOpenActions(false)}\r\n                actions={popupActions}\r\n                className=\"ui-mobile-actionspopup\"\r\n              >\r\n                {secondaryButton && (\r\n                  <div className=\"ui-actions-popup-buttons\">\r\n                    {secondaryButton}\r\n                  </div>\r\n                )}\r\n              </ActionsPopup>\r\n            </>\r\n          )}\r\n        </div>\r\n\r\n        {popupActions.length === 1 && (\r\n          <div className=\"ui-mobile-single-action\">{popupActions[0]}</div>\r\n        )}\r\n\r\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\r\n          <Row\r\n            as={\"ul\"}\r\n            gap={\"x20\"}\r\n            fw={\"semibold\"}\r\n            text={\"primary\"}\r\n            fs={\"8\"}\r\n            className=\"list-style-none\"\r\n          >\r\n            {action1}\r\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\r\n            {action2}\r\n            {secondaryButton && (\r\n              <Row\r\n                as={\"li\"}\r\n                text={\"primary\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"x8\"}\r\n              >\r\n                {secondaryButton}\r\n              </Row>\r\n            )}\r\n            {mainButton && (\r\n              <Row\r\n                as={\"li\"}\r\n                text={\"primary\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"x8\"}\r\n              >\r\n                {mainButton}\r\n              </Row>\r\n            )}\r\n          </Row>\r\n        </nav>\r\n      </div>\r\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TitleSection","action1","action2","mainButton","secondaryButton","titleSection","classNameTitle","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","jsx","Fragment","MoreActions","ActionsPopup","Row"],"mappings":"sSAmBaA,EAAe,CAAC,CAC3B,QAAAC,EACA,QAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,eAAAC,EACA,SAAUC,EAAW,IACvB,IAAyB,CACvB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAE9CC,EAAe,CAACV,EAASC,CAAO,EAAE,OAAO,OAAO,EACtD,gCACG,MACC,CAAA,SAAA,CAAAU,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAWC,EAAAA,KAAK,4BAA4B,EAC/C,SAAA,CAACD,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,eACb,SAAA,CAAAE,EAAA,kBAAA,IAACP,EAAA,CACC,UAAWM,EAAA,KACTP,EACA,oDACF,EAEC,SAAAD,CAAA,CACH,EAECM,EAAa,SAAW,GAErBC,EAAA,kBAAA,KAAAG,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAD,EAAA,kBAAA,IAAC,MAAA,CACC,QAAS,IAAML,EAAe,CAACD,CAAW,EAC1C,UAAU,oBAEV,SAAAM,EAAA,kBAAA,IAACE,EAAA,YAAA,CACC,UAAU,iBACV,aAAW,eAAA,CAAA,CACb,CACF,EACAF,EAAA,kBAAA,IAACG,EAAA,aAAA,CACC,OAAQT,EACR,gBAAiB,IAAMC,EAAe,EAAK,EAC3C,QAASE,EACT,UAAU,yBAET,SACCP,GAAAU,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,2BACZ,SACHV,CAAA,CAAA,CAAA,CAAA,CAEJ,CACF,CAAA,CAAA,EAEJ,EAECO,EAAa,SAAW,GACvBG,EAAAA,kBAAAA,IAAC,OAAI,UAAU,0BAA2B,SAAaH,EAAA,CAAC,CAAE,CAAA,EAG3DG,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,qBAAqB,aAAW,oBAC7C,SAAAF,EAAA,kBAAA,KAACM,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,GAAI,WACJ,KAAM,UACN,GAAI,IACJ,UAAU,kBAET,SAAA,CAAAjB,EACAC,GAAWY,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,0BAA2B,CAAA,EACtDZ,EACAE,GACCU,EAAA,kBAAA,IAACI,EAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAd,CAAA,CACH,EAEDD,GACCW,EAAA,kBAAA,IAACI,EAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAf,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,CAAA,CAAA,EACF,EACCW,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,wBAAyB,SAAWX,CAAA,CAAA,CAAA,EACrD,CAEJ"}
+{"version":3,"file":"index.cjs136.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import \"./TitleSection.scss\";\nimport clsx from \"clsx\";\nimport { MoreActions } from \"@/icons\";\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { ActionsPopup, Row } from \"@/components\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype TitleSectionProps = PropsWithChildren<{\n  action1?: ReactNode;\n  action2?: ReactNode;\n  mainButton?: ReactNode;\n  secondaryButton?: ReactNode;\n  titleSection: string;\n  classNameTitle?: string;\n  isMoreOption?: boolean;\n  handleMoreOption?: () => void;\n  titleTag?: HeadingLevel;\n}>;\n\nexport const TitleSection = ({\n  action1,\n  action2,\n  mainButton,\n  secondaryButton,\n  titleSection,\n  classNameTitle,\n  titleTag: TitleTag = \"h1\",\n}: TitleSectionProps) => {\n  const [openActions, setOpenActions] = useState(false);\n\n  const popupActions = [action1, action2].filter(Boolean);\n  return (\n    <div>\n      <div className={clsx(\"ui-title-section-container\")}>\n        <div className=\"ui-title-row\">\n          <TitleTag\n            className={clsx(\n              classNameTitle,\n              \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\n            )}\n          >\n            {titleSection}\n          </TitleTag>\n\n          {popupActions.length === 2 && (\n            <>\n              <div\n                onClick={() => setOpenActions(!openActions)}\n                className=\"ui-mobile-actions\"\n              >\n                <MoreActions\n                  className=\"cursor-pointer\"\n                  aria-label=\"Altre opzioni\"\n                />\n              </div>\n              <ActionsPopup\n                isOpen={openActions}\n                onClickCloseBtn={() => setOpenActions(false)}\n                actions={popupActions}\n                className=\"ui-mobile-actionspopup\"\n              >\n                {secondaryButton && (\n                  <div className=\"ui-actions-popup-buttons\">\n                    {secondaryButton}\n                  </div>\n                )}\n              </ActionsPopup>\n            </>\n          )}\n        </div>\n\n        {popupActions.length === 1 && (\n          <div className=\"ui-mobile-single-action\">{popupActions[0]}</div>\n        )}\n\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\n          <Row\n            as={\"ul\"}\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"primary\"}\n            fs={\"8\"}\n            className=\"list-style-none\"\n          >\n            {action1}\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\n            {action2}\n            {secondaryButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {secondaryButton}\n              </Row>\n            )}\n            {mainButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {mainButton}\n              </Row>\n            )}\n          </Row>\n        </nav>\n      </div>\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\n    </div>\n  );\n};\n"],"names":["TitleSection","action1","action2","mainButton","secondaryButton","titleSection","classNameTitle","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","jsx","Fragment","MoreActions","ActionsPopup","Row"],"mappings":"sSAmBaA,EAAe,CAAC,CAC3B,QAAAC,EACA,QAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,eAAAC,EACA,SAAUC,EAAW,IACvB,IAAyB,CACvB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAE9CC,EAAe,CAACV,EAASC,CAAO,EAAE,OAAO,OAAO,EACtD,gCACG,MACC,CAAA,SAAA,CAAAU,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAWC,EAAAA,KAAK,4BAA4B,EAC/C,SAAA,CAACD,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,eACb,SAAA,CAAAE,EAAA,kBAAA,IAACP,EAAA,CACC,UAAWM,EAAA,KACTP,EACA,oDACF,EAEC,SAAAD,CAAA,CACH,EAECM,EAAa,SAAW,GAErBC,EAAA,kBAAA,KAAAG,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAD,EAAA,kBAAA,IAAC,MAAA,CACC,QAAS,IAAML,EAAe,CAACD,CAAW,EAC1C,UAAU,oBAEV,SAAAM,EAAA,kBAAA,IAACE,EAAA,YAAA,CACC,UAAU,iBACV,aAAW,eAAA,CAAA,CACb,CACF,EACAF,EAAA,kBAAA,IAACG,EAAA,aAAA,CACC,OAAQT,EACR,gBAAiB,IAAMC,EAAe,EAAK,EAC3C,QAASE,EACT,UAAU,yBAET,SACCP,GAAAU,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,2BACZ,SACHV,CAAA,CAAA,CAAA,CAAA,CAEJ,CACF,CAAA,CAAA,EAEJ,EAECO,EAAa,SAAW,GACvBG,EAAAA,kBAAAA,IAAC,OAAI,UAAU,0BAA2B,SAAaH,EAAA,CAAC,CAAE,CAAA,EAG3DG,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,qBAAqB,aAAW,oBAC7C,SAAAF,EAAA,kBAAA,KAACM,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,GAAI,WACJ,KAAM,UACN,GAAI,IACJ,UAAU,kBAET,SAAA,CAAAjB,EACAC,GAAWY,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,0BAA2B,CAAA,EACtDZ,EACAE,GACCU,EAAA,kBAAA,IAACI,EAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAd,CAAA,CACH,EAEDD,GACCW,EAAA,kBAAA,IAACI,EAAA,IAAA,CACC,GAAI,KACJ,KAAM,UACN,eAAgB,SAChB,WAAY,SACZ,IAAK,KAEJ,SAAAf,CAAA,CAAA,CACH,CAAA,CAAA,CAGN,CAAA,CAAA,EACF,EACCW,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,wBAAyB,SAAWX,CAAA,CAAA,CAAA,EACrD,CAEJ"}

package/dist/index.cjs137.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VerticalCardStepper/VerticalCardStepper.css');const e=require("./index.cjs250.js"),m=require("./index.cjs231.js");require("./index.cjs3.js");;/* empty css              */const n=require("./index.cjs270.js"),u=require("./index.cjs27.js"),j=require("./index.cjs105.js"),E=require("./index.cjs162.js");var a=(s=>(s.DATE="date",s.HEADLINE="headline",s.ORDERED="ordered",s.CHECK="check",s))(a||{});const h=s=>{const i=m.default.fromISO(s);return{day:i.toFormat("dd"),month:i.toFormat("LLLL"),year:i.toFormat("yyyy")}},R=({steps:s,type:i,asLink:l})=>e.jsxRuntimeExports.jsx("div",{className:"vertical-container",children:e.jsxRuntimeExports.jsx("div",{className:"timeline",children:s.map((r,t)=>{const c=()=>{switch(i){case"date":{if(!r.meta)return null;const{day:x,month:d,year:o}=h(r.meta);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"day",children:x}),e.jsxRuntimeExports.jsx("div",{className:"month",children:d}),e.jsxRuntimeExports.jsx("div",{className:"year",children:o})]})}case"headline":return e.jsxRuntimeExports.jsx("div",{className:"headline",children:r.meta});case"ordered":return e.jsxRuntimeExports.jsx("div",{className:"circle",children:t+1});case"check":return e.jsxRuntimeExports.jsx("div",{className:"circle",children:e.jsxRuntimeExports.jsx("div",{className:"checkmark"})});default:return null}};return e.jsxRuntimeExports.jsxs("div",{className:"step",children:[e.jsxRuntimeExports.jsx("div",{className:"meta",children:c()}),e.jsxRuntimeExports.jsx("div",{className:"vertical-line",children:e.jsxRuntimeExports.jsx("div",{className:"dot"})}),e.jsxRuntimeExports.jsxs("div",{className:"card",children:[e.jsxRuntimeExports.jsx("div",{className:"label",children:r.label}),e.jsxRuntimeExports.jsx("div",{className:"title",children:r.title}),e.jsxRuntimeExports.jsxs("div",{className:"",children:[e.jsxRuntimeExports.jsx("div",{className:"description pb-x12",children:r.description}),e.jsxRuntimeExports.jsxs("div",{className:"card-footer",children:[r.link&&(r.linkType===n.distExports.LinkTypeEnum.INTERNAL||!r.linkType)&&e.jsxRuntimeExports.jsx(u.ArrowLink,{href:r.link.link,className:"card-footer-detail",children:r.link.title}),r.link&&r.linkType===n.distExports.LinkTypeEnum.EXTERNAL&&e.jsxRuntimeExports.jsx(j.Link,{title:"",src:r.link.link,icon:E.ExternalLink,decoration:"ui-footer-logo-link",transform:"none",external:!0,asLink:l})]})]})]})]},t)})})});exports.StepVariantEnum=a;exports.VerticalCardStepper=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VerticalCardStepper/VerticalCardStepper.css');const e=require("./index.cjs250.js"),m=require("./index.cjs231.js");require("./index.cjs3.js");;/* empty css              */const n=require("./index.cjs302.js"),u=require("./index.cjs27.js"),j=require("./index.cjs105.js"),E=require("./index.cjs162.js");var a=(s=>(s.DATE="date",s.HEADLINE="headline",s.ORDERED="ordered",s.CHECK="check",s))(a||{});const h=s=>{const i=m.default.fromISO(s);return{day:i.toFormat("dd"),month:i.toFormat("LLLL"),year:i.toFormat("yyyy")}},R=({steps:s,type:i,asLink:l})=>e.jsxRuntimeExports.jsx("div",{className:"vertical-container",children:e.jsxRuntimeExports.jsx("div",{className:"timeline",children:s.map((r,t)=>{const c=()=>{switch(i){case"date":{if(!r.meta)return null;const{day:x,month:d,year:o}=h(r.meta);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"day",children:x}),e.jsxRuntimeExports.jsx("div",{className:"month",children:d}),e.jsxRuntimeExports.jsx("div",{className:"year",children:o})]})}case"headline":return e.jsxRuntimeExports.jsx("div",{className:"headline",children:r.meta});case"ordered":return e.jsxRuntimeExports.jsx("div",{className:"circle",children:t+1});case"check":return e.jsxRuntimeExports.jsx("div",{className:"circle",children:e.jsxRuntimeExports.jsx("div",{className:"checkmark"})});default:return null}};return e.jsxRuntimeExports.jsxs("div",{className:"step",children:[e.jsxRuntimeExports.jsx("div",{className:"meta",children:c()}),e.jsxRuntimeExports.jsx("div",{className:"vertical-line",children:e.jsxRuntimeExports.jsx("div",{className:"dot"})}),e.jsxRuntimeExports.jsxs("div",{className:"card",children:[e.jsxRuntimeExports.jsx("div",{className:"label",children:r.label}),e.jsxRuntimeExports.jsx("div",{className:"title",children:r.title}),e.jsxRuntimeExports.jsxs("div",{className:"",children:[e.jsxRuntimeExports.jsx("div",{className:"description pb-x12",children:r.description}),e.jsxRuntimeExports.jsxs("div",{className:"card-footer",children:[r.link&&(r.linkType===n.distExports.LinkTypeEnum.INTERNAL||!r.linkType)&&e.jsxRuntimeExports.jsx(u.ArrowLink,{href:r.link.link,className:"card-footer-detail",children:r.link.title}),r.link&&r.linkType===n.distExports.LinkTypeEnum.EXTERNAL&&e.jsxRuntimeExports.jsx(j.Link,{title:"",src:r.link.link,icon:E.ExternalLink,decoration:"ui-footer-logo-link",transform:"none",external:!0,asLink:l})]})]})]})]},t)})})});exports.StepVariantEnum=a;exports.VerticalCardStepper=R;
 //# sourceMappingURL=index.cjs137.js.map

package/dist/index.cjs137.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs137.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { DateTime } from \"luxon\";\r\nimport \"./VerticalCardStepper.scss\";\r\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\r\nimport { ArrowLink } from \"../ArrowLink\";\r\nimport { ExternalLink } from \"@/icons\";\r\nimport { Link as LinkComponent } from \"@/components\";\r\n\r\nexport enum StepVariantEnum {\r\n  DATE = \"date\",\r\n  HEADLINE = \"headline\",\r\n  ORDERED = \"ordered\",\r\n  CHECK = \"check\",\r\n}\r\n\r\nexport type Step = {\r\n  label: string;\r\n  title: string;\r\n  description: string;\r\n  meta: string; // può essere una data ISO o un testo\r\n  link?: Link;\r\n  linkType?: LinkTypeEnum;\r\n};\r\n\r\ntype Props = {\r\n  type: StepVariantEnum;\r\n  steps: Array<Step>;\r\n  asLink?: \"a\" | any;\r\n};\r\n\r\nconst formatDateParts = (dateString: string) => {\r\n  const date = DateTime.fromISO(dateString);\r\n  return {\r\n    day: date.toFormat(\"dd\"),\r\n    month: date.toFormat(\"LLLL\"),\r\n    year: date.toFormat(\"yyyy\"),\r\n  };\r\n};\r\n\r\nexport const VerticalCardStepper = ({ steps, type, asLink }: Props) => {\r\n  return (\r\n    <div className=\"vertical-container\">\r\n      <div className=\"timeline\">\r\n        {steps.map((step, idx) => {\r\n          const renderMeta = () => {\r\n            switch (type) {\r\n              case \"date\": {\r\n                if (!step.meta) return null;\r\n                const { day, month, year } = formatDateParts(step.meta);\r\n                return (\r\n                  <>\r\n                    <div className=\"day\">{day}</div>\r\n                    <div className=\"month\">{month}</div>\r\n                    <div className=\"year\">{year}</div>\r\n                  </>\r\n                );\r\n              }\r\n              case \"headline\":\r\n                return <div className=\"headline\">{step.meta}</div>;\r\n\r\n              case \"ordered\":\r\n                return <div className=\"circle\">{idx + 1}</div>;\r\n\r\n              case \"check\":\r\n                return (\r\n                  <div className=\"circle\">\r\n                    <div className=\"checkmark\"></div>\r\n                  </div>\r\n                );\r\n\r\n              default:\r\n                return null;\r\n            }\r\n          };\r\n\r\n          return (\r\n            <div key={idx} className=\"step\">\r\n              <div className=\"meta\">{renderMeta()}</div>\r\n\r\n              <div className=\"vertical-line\">\r\n                <div className=\"dot\" />\r\n              </div>\r\n\r\n              <div className=\"card\">\r\n                <div className=\"label\">{step.label}</div>\r\n                <div className=\"title\">{step.title}</div>\r\n                <div className=\"\">\r\n                  <div className=\"description pb-x12\">{step.description}</div>\r\n                  <div className=\"card-footer\">\r\n                    {step.link &&\r\n                      (step.linkType === LinkTypeEnum.INTERNAL ||\r\n                        !step.linkType) && (\r\n                        <ArrowLink\r\n                          href={step.link.link}\r\n                          className=\"card-footer-detail\"\r\n                        >\r\n                          {step.link.title}\r\n                        </ArrowLink>\r\n                      )}\r\n                    {step.link && step.linkType === LinkTypeEnum.EXTERNAL && (\r\n                      <LinkComponent\r\n                        title={\"\"}\r\n                        src={step.link.link}\r\n                        icon={ExternalLink}\r\n                        decoration=\"ui-footer-logo-link\"\r\n                        transform=\"none\"\r\n                        external={true}\r\n                        asLink={asLink}\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepVariantEnum","formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","asLink","jsx","step","idx","renderMeta","day","month","year","jsxs","Fragment","LinkTypeEnum","ArrowLink","LinkComponent","ExternalLink"],"mappings":"6UAOY,IAAAA,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,SAAW,WACXA,EAAA,QAAU,UACVA,EAAA,MAAQ,QAJEA,IAAAA,GAAA,CAAA,CAAA,EAsBZ,MAAMC,EAAmBC,GAAuB,CACxC,MAAAC,EAAOC,EAAAA,QAAS,QAAQF,CAAU,EACjC,MAAA,CACL,IAAKC,EAAK,SAAS,IAAI,EACvB,MAAOA,EAAK,SAAS,MAAM,EAC3B,KAAMA,EAAK,SAAS,MAAM,CAC5B,CACF,EAEaE,EAAsB,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,OAAAC,KAE9CC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,qBACb,SAACA,wBAAA,MAAA,CAAI,UAAU,WACZ,SAAMH,EAAA,IAAI,CAACI,EAAMC,IAAQ,CACxB,MAAMC,EAAa,IAAM,CACvB,OAAQL,EAAM,CACZ,IAAK,OAAQ,CACP,GAAA,CAACG,EAAK,KAAa,OAAA,KACvB,KAAM,CAAE,IAAAG,EAAK,MAAAC,EAAO,KAAAC,CAAS,EAAAd,EAAgBS,EAAK,IAAI,EACtD,OAEIM,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACR,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,MAAO,SAAII,EAAA,EACzBJ,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,QAAS,SAAMK,EAAA,EAC7BL,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,OAAQ,SAAKM,CAAA,CAAA,CAAA,EAC9B,CAAA,CAGJ,IAAK,WACH,OAAQN,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,WAAY,WAAK,KAAK,EAE9C,IAAK,UACH,OAAQA,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,SAAU,WAAM,EAAE,EAE1C,IAAK,QAED,OAAAA,wBAAC,OAAI,UAAU,SACb,iCAAC,MAAI,CAAA,UAAU,YAAY,CAC7B,CAAA,EAGJ,QACS,OAAA,IAAA,CAEb,EAGE,OAAAO,EAAA,kBAAA,KAAC,MAAc,CAAA,UAAU,OACvB,SAAA,CAAAP,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,OAAQ,SAAAG,EAAA,EAAa,EAEpCH,EAAAA,kBAAAA,IAAC,OAAI,UAAU,gBACb,iCAAC,MAAI,CAAA,UAAU,MAAM,CACvB,CAAA,EAEAO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,OACb,SAAA,CAAAP,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,QAAS,SAAAC,EAAK,MAAM,EAClCD,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,QAAS,WAAK,MAAM,EACnCO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,GACb,SAAA,CAAAP,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,qBAAsB,SAAAC,EAAK,YAAY,EACtDM,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,cACZ,SAAA,CAAAN,EAAK,OACHA,EAAK,WAAaQ,EAAAA,YAAAA,aAAa,UAC9B,CAACR,EAAK,WACND,EAAA,kBAAA,IAACU,EAAA,UAAA,CACC,KAAMT,EAAK,KAAK,KAChB,UAAU,qBAET,WAAK,KAAK,KAAA,CACb,EAEHA,EAAK,MAAQA,EAAK,WAAaQ,2BAAa,UAC3CT,EAAA,kBAAA,IAACW,EAAA,KAAA,CACC,MAAO,GACP,IAAKV,EAAK,KAAK,KACf,KAAMW,EAAA,aACN,WAAW,sBACX,UAAU,OACV,SAAU,GACV,OAAAb,CAAA,CAAA,CACF,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,EApCQG,CAqCV,CAAA,CAEH,EACH,CACF,CAAA"}
+{"version":3,"file":"index.cjs137.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport \"./VerticalCardStepper.scss\";\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { ExternalLink } from \"@/icons\";\nimport { Link as LinkComponent } from \"@/components\";\n\nexport enum StepVariantEnum {\n  DATE = \"date\",\n  HEADLINE = \"headline\",\n  ORDERED = \"ordered\",\n  CHECK = \"check\",\n}\n\nexport type Step = {\n  label: string;\n  title: string;\n  description: string;\n  meta: string; // può essere una data ISO o un testo\n  link?: Link;\n  linkType?: LinkTypeEnum;\n};\n\ntype Props = {\n  type: StepVariantEnum;\n  steps: Array<Step>;\n  asLink?: \"a\" | any;\n};\n\nconst formatDateParts = (dateString: string) => {\n  const date = DateTime.fromISO(dateString);\n  return {\n    day: date.toFormat(\"dd\"),\n    month: date.toFormat(\"LLLL\"),\n    year: date.toFormat(\"yyyy\"),\n  };\n};\n\nexport const VerticalCardStepper = ({ steps, type, asLink }: Props) => {\n  return (\n    <div className=\"vertical-container\">\n      <div className=\"timeline\">\n        {steps.map((step, idx) => {\n          const renderMeta = () => {\n            switch (type) {\n              case \"date\": {\n                if (!step.meta) return null;\n                const { day, month, year } = formatDateParts(step.meta);\n                return (\n                  <>\n                    <div className=\"day\">{day}</div>\n                    <div className=\"month\">{month}</div>\n                    <div className=\"year\">{year}</div>\n                  </>\n                );\n              }\n              case \"headline\":\n                return <div className=\"headline\">{step.meta}</div>;\n\n              case \"ordered\":\n                return <div className=\"circle\">{idx + 1}</div>;\n\n              case \"check\":\n                return (\n                  <div className=\"circle\">\n                    <div className=\"checkmark\"></div>\n                  </div>\n                );\n\n              default:\n                return null;\n            }\n          };\n\n          return (\n            <div key={idx} className=\"step\">\n              <div className=\"meta\">{renderMeta()}</div>\n\n              <div className=\"vertical-line\">\n                <div className=\"dot\" />\n              </div>\n\n              <div className=\"card\">\n                <div className=\"label\">{step.label}</div>\n                <div className=\"title\">{step.title}</div>\n                <div className=\"\">\n                  <div className=\"description pb-x12\">{step.description}</div>\n                  <div className=\"card-footer\">\n                    {step.link &&\n                      (step.linkType === LinkTypeEnum.INTERNAL ||\n                        !step.linkType) && (\n                        <ArrowLink\n                          href={step.link.link}\n                          className=\"card-footer-detail\"\n                        >\n                          {step.link.title}\n                        </ArrowLink>\n                      )}\n                    {step.link && step.linkType === LinkTypeEnum.EXTERNAL && (\n                      <LinkComponent\n                        title={\"\"}\n                        src={step.link.link}\n                        icon={ExternalLink}\n                        decoration=\"ui-footer-logo-link\"\n                        transform=\"none\"\n                        external={true}\n                        asLink={asLink}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"names":["StepVariantEnum","formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","asLink","jsx","step","idx","renderMeta","day","month","year","jsxs","Fragment","LinkTypeEnum","ArrowLink","LinkComponent","ExternalLink"],"mappings":"6UAOY,IAAAA,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,SAAW,WACXA,EAAA,QAAU,UACVA,EAAA,MAAQ,QAJEA,IAAAA,GAAA,CAAA,CAAA,EAsBZ,MAAMC,EAAmBC,GAAuB,CACxC,MAAAC,EAAOC,EAAAA,QAAS,QAAQF,CAAU,EACjC,MAAA,CACL,IAAKC,EAAK,SAAS,IAAI,EACvB,MAAOA,EAAK,SAAS,MAAM,EAC3B,KAAMA,EAAK,SAAS,MAAM,CAC5B,CACF,EAEaE,EAAsB,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,OAAAC,KAE9CC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,qBACb,SAACA,wBAAA,MAAA,CAAI,UAAU,WACZ,SAAMH,EAAA,IAAI,CAACI,EAAMC,IAAQ,CACxB,MAAMC,EAAa,IAAM,CACvB,OAAQL,EAAM,CACZ,IAAK,OAAQ,CACP,GAAA,CAACG,EAAK,KAAa,OAAA,KACvB,KAAM,CAAE,IAAAG,EAAK,MAAAC,EAAO,KAAAC,CAAS,EAAAd,EAAgBS,EAAK,IAAI,EACtD,OAEIM,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAACR,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,MAAO,SAAII,EAAA,EACzBJ,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,QAAS,SAAMK,EAAA,EAC7BL,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,OAAQ,SAAKM,CAAA,CAAA,CAAA,EAC9B,CAAA,CAGJ,IAAK,WACH,OAAQN,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,WAAY,WAAK,KAAK,EAE9C,IAAK,UACH,OAAQA,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,SAAU,WAAM,EAAE,EAE1C,IAAK,QAED,OAAAA,wBAAC,OAAI,UAAU,SACb,iCAAC,MAAI,CAAA,UAAU,YAAY,CAC7B,CAAA,EAGJ,QACS,OAAA,IAAA,CAEb,EAGE,OAAAO,EAAA,kBAAA,KAAC,MAAc,CAAA,UAAU,OACvB,SAAA,CAAAP,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,OAAQ,SAAAG,EAAA,EAAa,EAEpCH,EAAAA,kBAAAA,IAAC,OAAI,UAAU,gBACb,iCAAC,MAAI,CAAA,UAAU,MAAM,CACvB,CAAA,EAEAO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,OACb,SAAA,CAAAP,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,QAAS,SAAAC,EAAK,MAAM,EAClCD,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,QAAS,WAAK,MAAM,EACnCO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,GACb,SAAA,CAAAP,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,qBAAsB,SAAAC,EAAK,YAAY,EACtDM,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,cACZ,SAAA,CAAAN,EAAK,OACHA,EAAK,WAAaQ,EAAAA,YAAAA,aAAa,UAC9B,CAACR,EAAK,WACND,EAAA,kBAAA,IAACU,EAAA,UAAA,CACC,KAAMT,EAAK,KAAK,KAChB,UAAU,qBAET,WAAK,KAAK,KAAA,CACb,EAEHA,EAAK,MAAQA,EAAK,WAAaQ,2BAAa,UAC3CT,EAAA,kBAAA,IAACW,EAAA,KAAA,CACC,MAAO,GACP,IAAKV,EAAK,KAAK,KACf,KAAMW,EAAA,aACN,WAAW,sBACX,UAAU,OACV,SAAU,GACV,OAAAb,CAAA,CAAA,CACF,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,EApCQG,CAqCV,CAAA,CAEH,EACH,CACF,CAAA"}

package/dist/index.cjs138.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VideoPlayer/VideoPlayer.css');const e=require("./index.cjs250.js"),f=require("./index.cjs161.js"),O=require("./index.cjs143.js"),s=require("./index.cjs253.js"),a=require("react");;/* empty css              */const t=require("./index.cjs139.js"),w=require("./index.cjs61.js"),Y=require("./index.cjs224.js"),Z={[t.VIDEO_PLAYER_SIZE.SMALL]:{width:"311px"},[t.VIDEO_PLAYER_SIZE.MEDIUM]:{width:"388px"},[t.VIDEO_PLAYER_SIZE.LARGE]:{width:"642px"},[t.VIDEO_PLAYER_SIZE.EXTRA_LARGE]:{width:"992px"},[t.VIDEO_PLAYER_SIZE.FULL_WIDTH]:{width:"100%"},[t.VIDEO_PLAYER_SIZE.VERTICAL]:{width:"360px"}},N={[t.VIDEO_PLAYER_SIZE.SMALL]:{heightImg:"170px"},[t.VIDEO_PLAYER_SIZE.MEDIUM]:{heightImg:"183px"},[t.VIDEO_PLAYER_SIZE.LARGE]:{heightImg:"357px"},[t.VIDEO_PLAYER_SIZE.EXTRA_LARGE]:{heightImg:"400px"},[t.VIDEO_PLAYER_SIZE.VERTICAL]:{heightImg:"640px"},[t.VIDEO_PLAYER_SIZE.FULL_WIDTH]:{heightImg:"525px"}},T=({btnText:_="Trascrizione",sizeComp:i=t.VIDEO_PLAYER_SIZE.LARGE,transcription:l,previewImageSrc:x,videoSrc:d,videoTitle:E,videoLang:u,playButtonLabel:j="Riproduci",videoAriaLabel:L="Video player"})=>{const[p,y]=a.useState(!1),[r,A]=a.useState(!1),{width:R}=Z[i],{heightImg:g}=N[i],[o,b]=a.useState(!1),h=a.useRef(null),c=i===t.VIDEO_PLAYER_SIZE.VERTICAL,P=i===t.VIDEO_PLAYER_SIZE.EXTRA_LARGE||i===t.VIDEO_PLAYER_SIZE.FULL_WIDTH,I=c?"642px":R,S=c?"640px":g,V=c?"360px":R,D=async n=>{n&&(n.preventDefault(),n.stopPropagation());const m=h.current;if(!m){console.error("no video element found");return}try{r||(A(!0),y(!0),await m.play())}catch(v){console.error("Error controlling video:",v)}};return e.jsxRuntimeExports.jsxs(w.Col,{br:"x4",style:{width:I},className:s.clsx("video-section-container"),children:[e.jsxRuntimeExports.jsxs("div",{className:"video-player-container",style:{height:S,width:V,...c&&{alignSelf:"center"}},children:[e.jsxRuntimeExports.jsx("button",{className:s.clsx("start-video-container",{"fade-out":p||r}),style:{backgroundImage:x&&!r?`url("${x}")`:"none",display:r?"none":"block"},onClick:n=>D(n),type:"button",children:e.jsxRuntimeExports.jsxs("div",{className:s.clsx("play-button-container",{hidden:p}),children:[e.jsxRuntimeExports.jsx("div",{className:"play-button-icon",children:e.jsxRuntimeExports.jsx(Y.PlayVideo,{decorative:!0})}),e.jsxRuntimeExports.jsx("div",{className:"play-button-text",children:j})]})}),e.jsxRuntimeExports.jsx("div",{className:"video-container",children:e.jsxRuntimeExports.jsxs("video",{ref:h,controls:!0,src:d||void 0,"aria-label":L,title:E||void 0,children:[e.jsxRuntimeExports.jsx("source",{src:d||void 0}),u&&e.jsxRuntimeExports.jsx("track",{kind:"subtitles",src:"subtitles_en.vtt",srcLang:u==="italiano"?"it":"en"})," "]})})]}),l&&e.jsxRuntimeExports.jsxs("div",{className:s.clsx(P?"transcription-container":"ui-has-border-bottom"),style:{width:I},children:[e.jsxRuntimeExports.jsx("div",{className:s.clsx("expand-button-container","accordion","base-row justify-content-between align-items-center"),children:e.jsxRuntimeExports.jsxs("button",{className:s.clsx("ui-btn-accordion-video","base-row justify-content-between align-items-center"),type:"button",onClick:()=>b(!o),"aria-expanded":o,"aria-controls":"transcription-content",children:[e.jsxRuntimeExports.jsx("span",{className:s.clsx("fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline"),children:_}),e.jsxRuntimeExports.jsx(f.ArrowDown,{color:"primary",className:s.clsx("ui-arrow",{expanded:o}),decorative:!0})]})}),o&&e.jsxRuntimeExports.jsx("div",{id:"transcription-content",className:s.clsx("transcription-text-container","pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"),children:e.jsxRuntimeExports.jsx(O.RichText,{additionalClass:"text-black text-charcoal-dust rich-text-element",classNameTitle:"heading-2-lg fw-extra-bold text-black text-charcoal-dust",description:l})})]})]})};exports.VIDEO_PLAYER_SIZE=t.VIDEO_PLAYER_SIZE;exports.VideoPlayer=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VideoPlayer/VideoPlayer.css');const e=require("./index.cjs250.js"),f=require("./index.cjs161.js"),O=require("./index.cjs143.js"),s=require("./index.cjs252.js"),a=require("react");;/* empty css              */const t=require("./index.cjs139.js"),w=require("./index.cjs61.js"),Y=require("./index.cjs224.js"),Z={[t.VIDEO_PLAYER_SIZE.SMALL]:{width:"311px"},[t.VIDEO_PLAYER_SIZE.MEDIUM]:{width:"388px"},[t.VIDEO_PLAYER_SIZE.LARGE]:{width:"642px"},[t.VIDEO_PLAYER_SIZE.EXTRA_LARGE]:{width:"992px"},[t.VIDEO_PLAYER_SIZE.FULL_WIDTH]:{width:"100%"},[t.VIDEO_PLAYER_SIZE.VERTICAL]:{width:"360px"}},N={[t.VIDEO_PLAYER_SIZE.SMALL]:{heightImg:"170px"},[t.VIDEO_PLAYER_SIZE.MEDIUM]:{heightImg:"183px"},[t.VIDEO_PLAYER_SIZE.LARGE]:{heightImg:"357px"},[t.VIDEO_PLAYER_SIZE.EXTRA_LARGE]:{heightImg:"400px"},[t.VIDEO_PLAYER_SIZE.VERTICAL]:{heightImg:"640px"},[t.VIDEO_PLAYER_SIZE.FULL_WIDTH]:{heightImg:"525px"}},T=({btnText:_="Trascrizione",sizeComp:i=t.VIDEO_PLAYER_SIZE.LARGE,transcription:l,previewImageSrc:x,videoSrc:d,videoTitle:E,videoLang:u,playButtonLabel:j="Riproduci",videoAriaLabel:L="Video player"})=>{const[p,y]=a.useState(!1),[r,A]=a.useState(!1),{width:R}=Z[i],{heightImg:g}=N[i],[o,b]=a.useState(!1),h=a.useRef(null),c=i===t.VIDEO_PLAYER_SIZE.VERTICAL,P=i===t.VIDEO_PLAYER_SIZE.EXTRA_LARGE||i===t.VIDEO_PLAYER_SIZE.FULL_WIDTH,I=c?"642px":R,S=c?"640px":g,V=c?"360px":R,D=async n=>{n&&(n.preventDefault(),n.stopPropagation());const m=h.current;if(!m){console.error("no video element found");return}try{r||(A(!0),y(!0),await m.play())}catch(v){console.error("Error controlling video:",v)}};return e.jsxRuntimeExports.jsxs(w.Col,{br:"x4",style:{width:I},className:s.clsx("video-section-container"),children:[e.jsxRuntimeExports.jsxs("div",{className:"video-player-container",style:{height:S,width:V,...c&&{alignSelf:"center"}},children:[e.jsxRuntimeExports.jsx("button",{className:s.clsx("start-video-container",{"fade-out":p||r}),style:{backgroundImage:x&&!r?`url("${x}")`:"none",display:r?"none":"block"},onClick:n=>D(n),type:"button",children:e.jsxRuntimeExports.jsxs("div",{className:s.clsx("play-button-container",{hidden:p}),children:[e.jsxRuntimeExports.jsx("div",{className:"play-button-icon",children:e.jsxRuntimeExports.jsx(Y.PlayVideo,{decorative:!0})}),e.jsxRuntimeExports.jsx("div",{className:"play-button-text",children:j})]})}),e.jsxRuntimeExports.jsx("div",{className:"video-container",children:e.jsxRuntimeExports.jsxs("video",{ref:h,controls:!0,src:d||void 0,"aria-label":L,title:E||void 0,children:[e.jsxRuntimeExports.jsx("source",{src:d||void 0}),u&&e.jsxRuntimeExports.jsx("track",{kind:"subtitles",src:"subtitles_en.vtt",srcLang:u==="italiano"?"it":"en"})," "]})})]}),l&&e.jsxRuntimeExports.jsxs("div",{className:s.clsx(P?"transcription-container":"ui-has-border-bottom"),style:{width:I},children:[e.jsxRuntimeExports.jsx("div",{className:s.clsx("expand-button-container","accordion","base-row justify-content-between align-items-center"),children:e.jsxRuntimeExports.jsxs("button",{className:s.clsx("ui-btn-accordion-video","base-row justify-content-between align-items-center"),type:"button",onClick:()=>b(!o),"aria-expanded":o,"aria-controls":"transcription-content",children:[e.jsxRuntimeExports.jsx("span",{className:s.clsx("fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline"),children:_}),e.jsxRuntimeExports.jsx(f.ArrowDown,{color:"primary",className:s.clsx("ui-arrow",{expanded:o}),decorative:!0})]})}),o&&e.jsxRuntimeExports.jsx("div",{id:"transcription-content",className:s.clsx("transcription-text-container","pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"),children:e.jsxRuntimeExports.jsx(O.RichText,{additionalClass:"text-black text-charcoal-dust rich-text-element",classNameTitle:"heading-2-lg fw-extra-bold text-black text-charcoal-dust",description:l})})]})]})};exports.VIDEO_PLAYER_SIZE=t.VIDEO_PLAYER_SIZE;exports.VideoPlayer=T;
 //# sourceMappingURL=index.cjs138.js.map