@anoki/fse-ui 1.0.0-beta1.48.5 → 1.0.0-beta1.48.50

package/dist/index.cjs143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs143.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\nimport \"./Documents.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode } from \"react\";\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n}: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <div className=\"ui-document-items-section-title\">\n        <Section.Title\n          fs={fontSizeTitle}\n          mdFs={\"2\"}\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      {description && (\n        <Section.Description className=\"ui-document-section-description mb-x40\">\n          {description}\n        </Section.Description>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n                description={item.description}\n                asLink={item.asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":"qNAcaA,EAAY,CAAC,CACxB,MAAAC,EACA,YAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,WAAAC,EAAa,UACb,cAAAC,EAAgB,GAClB,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBACjB,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAIF,EACJ,KAAM,IACN,GAAI,KACJ,MAAOD,EAEN,SAAAH,CAAA,CAAA,EAEL,EACCC,GACEM,EAAAA,kBAAAA,IAAAD,EAAAA,QAAQ,YAAR,CAAoB,UAAU,yCAC5B,SACHL,EAAA,EAEFM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYP,CAAK,GAC7B,UAAW,2CAEV,SAAOE,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAF,EAAA,kBAAA,IAACG,EAAA,SAAA,CACC,OAAQF,GAAA,YAAAA,EAAM,OACd,UAAWA,EAAK,UAChB,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,YAAaA,EAAK,YAClB,OAAQA,EAAK,MAAA,IAPRC,CAST,EAEH,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs143.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardService, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./SuggestedServices.scss\";\nimport { ComponentType, ReactNode } from \"react\";\n\nexport type SuggestedServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  className?: string;\n};\n\nexport const SuggestedServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  className,\n}: SuggestedServicesProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\n    >\n      <Col className=\"ui-suggested-services-sectirron-content\">\n        <div className=\"ui-suggested-services-section-title\">\n          <Section.Description color={\"slate-14\"} className={\"fw-regular fs-3\"}>\n            {title}\n          </Section.Description>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-suggested-services-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={item._id}>\n              <CardService\n                key={item._id}\n                title={item?.name}\n                href={item?.link || item?.externalLink}\n                iconType={\n                  index === 1 ? \"icon2\" : index === 2 ? \"icon3\" : \"icon1\"\n                }\n                titleTag={\"h1\"}\n                asLink={asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","CardService"],"mappings":"+SAgBaA,EAAoB,CAAC,CAChC,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,IACT,MAAAC,EACA,UAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAA,QAAA,CACC,UAAWC,EAAAA,KAAK,yCAA0CH,CAAS,EAEnE,SAAA,CAACC,EAAAA,kBAAAA,KAAAG,EAAAA,IAAA,CAAI,UAAU,0CACb,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAI,wBAACH,EAAAA,QAAQ,YAAR,CAAoB,MAAO,WAAY,UAAW,kBAChD,SACHR,EAAA,EACCE,GAAaC,GACZQ,wBAACC,EAAAA,UAAU,CAAA,KAAAT,EAAY,OAAAC,EAAgB,GAAG,IACvC,SAAUF,EAAA,YAAA,CACb,CAAA,CAAA,EAEJ,EACCD,GACCU,EAAA,kBAAA,IAACH,EAAQ,QAAA,YAAR,CAAqB,SAAYP,CAAA,CAAA,CAAA,EAEtC,EACAU,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYX,CAAK,GAC7B,UAAW,+CAEV,SAAOK,GAAA,YAAAA,EAAA,IAAI,CAACQ,EAAMC,4BAEd,KACC,CAAA,SAAAH,EAAA,kBAAA,IAACI,EAAA,YAAA,CAEC,MAAOF,GAAA,YAAAA,EAAM,KACb,MAAMA,GAAA,YAAAA,EAAM,QAAQA,GAAA,YAAAA,EAAM,cAC1B,SACEC,IAAU,EAAI,QAAUA,IAAU,EAAI,QAAU,QAElD,SAAU,KACV,OAAAV,CAAA,EAPKS,EAAK,GAAA,CAQZ,EAVOA,EAAK,GAWd,EAEH,CAAA,CACH,CAAA,CACF"}

package/dist/index.cjs144.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Tags/Tags.css');const s=require("./index.cjs243.js");;/* empty css              */const r=require("./index.cjs107.js"),e=require("./index.cjs54.js"),o=({title:t,items:i=[]})=>s.jsxRuntimeExports.jsxs(e.Section,{className:"ui-tags-section",children:[s.jsxRuntimeExports.jsx(e.Section.Title,{fs:"6",mdFs:"6",as:"h3",color:"slate-28",className:"ui-tags-items-section-title",children:t}),s.jsxRuntimeExports.jsx(r.TagsGroup,{topics:i})]});exports.Tags=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Documents/Documents.css');const e=require("./index.cjs244.js");;/* empty css              */const l=require("./index.cjs101.js"),n=require("./index.cjs54.js"),a=({title:t,description:r,items:i=[],colorTitle:o="primary",fontSizeTitle:c="2"})=>e.jsxRuntimeExports.jsxs(n.Section,{className:"ui-document-section",children:[e.jsxRuntimeExports.jsx("div",{className:"ui-document-items-section-title",children:e.jsxRuntimeExports.jsx(n.Section.Title,{fs:c,mdFs:"2",as:"h1",color:o,children:t})}),r&&e.jsxRuntimeExports.jsx(n.Section.Description,{className:"ui-document-section-description mb-x40",children:r}),e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${t}`,className:"list-style-none ui-document-items-layout",children:i==null?void 0:i.map((s,u)=>e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(l.CardFile,{action:s==null?void 0:s.action,issued_at:s.issued_at,title:s.title,file:s.file,description:s.description,asLink:s.asLink})},u))})]});exports.Documents=a;
 //# sourceMappingURL=index.cjs144.js.map

package/dist/index.cjs144.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs144.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\nimport \"./Tags.scss\";\n\ntype Props = {\n  title: string;\n  items: any[];\n};\n\nexport const Tags = ({ title, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-tags-section\">\n      <Section.Title\n        fs={\"6\"}\n        mdFs={\"6\"}\n        as={\"h3\"}\n        color={\"slate-28\"}\n        className=\"ui-tags-items-section-title\"\n      >\n        {title}\n      </Section.Title>\n      <TagsGroup topics={items} />\n    </Section>\n  );\n};\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":"qNAQaA,EAAO,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,MAElCC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,kBACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAI,IACJ,KAAM,IACN,GAAI,KACJ,MAAO,WACP,UAAU,8BAET,SAAAH,CAAA,CACH,EACAI,EAAAA,kBAAAA,IAACC,EAAU,UAAA,CAAA,OAAQJ,CAAO,CAAA,CAAA,EAC5B"}
+{"version":3,"file":"index.cjs144.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\nimport \"./Documents.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode } from \"react\";\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n}: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <div className=\"ui-document-items-section-title\">\n        <Section.Title\n          fs={fontSizeTitle}\n          mdFs={\"2\"}\n          as={\"h1\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      {description && (\n        <Section.Description className=\"ui-document-section-description mb-x40\">\n          {description}\n        </Section.Description>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n                description={item.description}\n                asLink={item.asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":"qNAcaA,EAAY,CAAC,CACxB,MAAAC,EACA,YAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,WAAAC,EAAa,UACb,cAAAC,EAAgB,GAClB,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBACjB,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAIF,EACJ,KAAM,IACN,GAAI,KACJ,MAAOD,EAEN,SAAAH,CAAA,CAAA,EAEL,EACCC,GACEM,EAAAA,kBAAAA,IAAAD,EAAAA,QAAQ,YAAR,CAAoB,UAAU,yCAC5B,SACHL,EAAA,EAEFM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYP,CAAK,GAC7B,UAAW,2CAEV,SAAOE,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAF,EAAA,kBAAA,IAACG,EAAA,SAAA,CACC,OAAQF,GAAA,YAAAA,EAAM,OACd,UAAWA,EAAK,UAChB,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,YAAaA,EAAK,YAClB,OAAQA,EAAK,MAAA,IAPRC,CAST,EAEH,CAAA,CACH,EACF"}

package/dist/index.cjs145.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs243.js"),i=require("./index.cjs255.js"),a=require("./index.cjs256.js"),c=(e,n=void 0)=>{const t=i.sanitize(e).replace(/^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,"$3");return s.jsxRuntimeExports.jsx(a.default,{dangerouslySetInnerHTML:{__html:t},as:n})},u=(e,n="p")=>{const r=i.sanitize(e,{ADD_ATTR:["target"]}),t=n,o=r.replace(/^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,"$3");return s.jsxRuntimeExports.jsx(t,{dangerouslySetInnerHTML:{__html:o}})};exports.HTML=u;exports.HTMLBalancer=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Tags/Tags.css');const s=require("./index.cjs244.js");;/* empty css              */const r=require("./index.cjs107.js"),e=require("./index.cjs54.js"),o=({title:t,items:i=[]})=>s.jsxRuntimeExports.jsxs(e.Section,{className:"ui-tags-section",children:[s.jsxRuntimeExports.jsx(e.Section.Title,{fs:"6",mdFs:"6",as:"h1",color:"slate-28",className:"ui-tags-items-section-title",children:t}),s.jsxRuntimeExports.jsx(r.TagsGroup,{topics:i})]});exports.Tags=o;
 //# sourceMappingURL=index.cjs145.js.map

package/dist/index.cjs145.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs145.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\nimport Balancer from \"react-wrap-balancer\";\n\nexport const HTMLBalancer = (\n  html: string,\n  as: string | undefined = undefined,\n) => {\n  const sanitized = DOMPurify.sanitize(html);\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return (\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\n  );\n};\n\nexport const HTML = (html: string, as: \"div\" | \"p\" = \"p\") => {\n  const sanitized = DOMPurify.sanitize(html, {\n    ADD_ATTR: [\"target\"],\n  });\n  const Component = as;\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return <Component dangerouslySetInnerHTML={{ __html: innerContent }} />;\n};\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer","HTML","sanitized","Component"],"mappings":"mLAGaA,EAAe,CAC1BC,EACAC,EAAyB,SACtB,CAEH,MAAMC,EADYC,EAAU,SAASH,CAAI,EACV,QAC7B,yCACA,IACF,EACA,+BACGI,EAAS,QAAA,CAAA,wBAAyB,CAAE,OAAQF,CAAA,EAAgB,GAAAD,EAAQ,CAEzE,EAEaI,EAAO,CAACL,EAAcC,EAAkB,MAAQ,CACrD,MAAAK,EAAYH,EAAU,SAASH,EAAM,CACzC,SAAU,CAAC,QAAQ,CAAA,CACpB,EACKO,EAAYN,EACZC,EAAeI,EAAU,QAC7B,yCACA,IACF,EACA,+BAAQC,EAAU,CAAA,wBAAyB,CAAE,OAAQL,GAAgB,CACvE"}
+{"version":3,"file":"index.cjs145.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\nimport \"./Tags.scss\";\n\ntype Props = {\n  title: string;\n  items: any[];\n};\n\nexport const Tags = ({ title, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-tags-section\">\n      <Section.Title\n        fs={\"6\"}\n        mdFs={\"6\"}\n        as={\"h1\"}\n        color={\"slate-28\"}\n        className=\"ui-tags-items-section-title\"\n      >\n        {title}\n      </Section.Title>\n      <TagsGroup topics={items} />\n    </Section>\n  );\n};\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":"qNAQaA,EAAO,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,MAElCC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,kBACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAI,IACJ,KAAM,IACN,GAAI,KACJ,MAAO,WACP,UAAU,8BAET,SAAAH,CAAA,CACH,EACAI,EAAAA,kBAAAA,IAACC,EAAU,UAAA,CAAA,OAAQJ,CAAO,CAAA,CAAA,EAC5B"}

package/dist/index.cjs146.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Insights/Insights.css');const s=require("./index.cjs243.js");;/* empty css              */const u=require("./index.cjs120.js"),t=require("./index.cjs54.js"),c=({title:e,items:i=[],colorTitle:n="slate-20",showBackgroundRectangle:r=!0})=>s.jsxRuntimeExports.jsxs(t.Section,{className:"ui-insights-section",children:[r&&s.jsxRuntimeExports.jsx("div",{className:"ui-insights-background-rectangle"}),s.jsxRuntimeExports.jsx("div",{className:"ui-insights-items-section-title",children:s.jsxRuntimeExports.jsx(t.Section.Title,{className:"ui-insights-items-section-title",as:"h3",color:n,children:e})}),s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${e}`,className:"list-style-none ui-insights-items-layout",children:i==null?void 0:i.map((l,o)=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx(u.CardPreview,{...l})},o))})]});exports.Insights=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs244.js"),i=require("./index.cjs255.js"),a=require("./index.cjs256.js"),c=(e,n=void 0)=>{const t=i.sanitize(e).replace(/^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,"$3");return s.jsxRuntimeExports.jsx(a.default,{dangerouslySetInnerHTML:{__html:t},as:n})},u=(e,n="p")=>{const r=i.sanitize(e,{ADD_ATTR:["target"]}),t=n,o=r.replace(/^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,"$3");return s.jsxRuntimeExports.jsx(t,{dangerouslySetInnerHTML:{__html:o}})};exports.HTML=u;exports.HTMLBalancer=c;
 //# sourceMappingURL=index.cjs146.js.map

package/dist/index.cjs146.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs146.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } from \"@/components\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./Insights.scss\";\n\ntype Props = {\n  title: string;\n  items: CardPreviewProps[];\n  colorTitle?: ColorKeys;\n  showBackgroundRectangle?: boolean;\n};\n\nexport const Insights = ({\n  title,\n  items = [],\n  colorTitle = \"slate-20\",\n  showBackgroundRectangle = true,\n}: Props) => {\n  return (\n    <Section className=\"ui-insights-section\">\n      {showBackgroundRectangle && (\n        <div className=\"ui-insights-background-rectangle\"></div>\n      )}\n      <div className=\"ui-insights-items-section-title\">\n        <Section.Title\n          className=\"ui-insights-items-section-title\"\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardPreview {...item} />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","item","index","CardPreview"],"mappings":"qNAWaA,EAAW,CAAC,CACvB,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,WAAAC,EAAa,WACb,wBAAAC,EAA0B,EAC5B,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBAChB,SAAA,CACCF,GAAAG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAEpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,UAAU,kCACV,GAAI,KACJ,MAAOH,EAEN,SAAAF,CAAA,CAAA,EAEL,EACAM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYN,CAAK,GAC7B,UAAW,2CAEV,SAAOC,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAF,EAAA,kBAAA,IAACG,eAAa,GAAGF,CAAA,CAAM,GADhBC,CAET,EAEH,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs146.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\nimport Balancer from \"react-wrap-balancer\";\n\nexport const HTMLBalancer = (\n  html: string,\n  as: string | undefined = undefined,\n) => {\n  const sanitized = DOMPurify.sanitize(html);\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return (\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\n  );\n};\n\nexport const HTML = (html: string, as: \"div\" | \"p\" = \"p\") => {\n  const sanitized = DOMPurify.sanitize(html, {\n    ADD_ATTR: [\"target\"],\n  });\n  const Component = as;\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return <Component dangerouslySetInnerHTML={{ __html: innerContent }} />;\n};\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer","HTML","sanitized","Component"],"mappings":"mLAGaA,EAAe,CAC1BC,EACAC,EAAyB,SACtB,CAEH,MAAMC,EADYC,EAAU,SAASH,CAAI,EACV,QAC7B,yCACA,IACF,EACA,+BACGI,EAAS,QAAA,CAAA,wBAAyB,CAAE,OAAQF,CAAA,EAAgB,GAAAD,EAAQ,CAEzE,EAEaI,EAAO,CAACL,EAAcC,EAAkB,MAAQ,CACrD,MAAAK,EAAYH,EAAU,SAASH,EAAM,CACzC,SAAU,CAAC,QAAQ,CAAA,CACpB,EACKO,EAAYN,EACZC,EAAeI,EAAU,QAC7B,yCACA,IACF,EACA,+BAAQC,EAAU,CAAA,wBAAyB,CAAE,OAAQL,GAAgB,CACvE"}

package/dist/index.cjs147.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/ImagesDescription/ImagesDescription.css');const s=require("./index.cjs243.js"),o=require("./index.cjs244.js");;/* empty css              */const n=require("./index.cjs54.js"),e={FULL_1_1:"FULL_1_1",FULL_4_3:"FULL_4_3",FULL_16_9:"FULL_16_9",FULL_21_9:"FULL_21_9",FULL_32_9:"FULL_32_9",TWO_COL_1_1:"TWO_COL_1_1",TWO_COL_4_3:"TWO_COL_4_3",TWO_COL_16_9:"TWO_COL_16_9",TWO_COL_21_9:"TWO_COL_21_9",TWO_COL_32_9:"TWO_COL_32_9",THREE_COL_1_1:"THREE_COL_1_1",THREE_COL_4_3:"THREE_COL_4_3",THREE_COL_16_9:"THREE_COL_16_9",THREE_COL_21_9:"THREE_COL_21_9",THREE_COL_32_9:"THREE_COL_32_9"},l=({title:i,items:t=[],layout:a=e.FULL_1_1,className:r})=>{const c=(_=>{switch(_){case e.FULL_1_1:return"images-description-layout-full-1-1";case e.FULL_4_3:return"images-description-layout-full-4-3";case e.FULL_16_9:return"images-description-layout-full-16-9";case e.FULL_21_9:return"images-description-layout-full-21-9";case e.FULL_32_9:return"images-description-layout-full-32-9";case e.TWO_COL_1_1:return"images-description-layout-two-col-1-1";case e.TWO_COL_4_3:return"images-description-layout-two-col-4-3";case e.TWO_COL_16_9:return"images-description-layout-two-col-16-9";case e.TWO_COL_21_9:return"images-description-layout-two-col-21-9";case e.TWO_COL_32_9:return"images-description-layout-two-col-32-9";case e.THREE_COL_1_1:return"images-description-layout-three-col-1-1";case e.THREE_COL_4_3:return"images-description-layout-three-col-4-3";case e.THREE_COL_16_9:return"images-description-layout-three-col-16-9";case e.THREE_COL_21_9:return"images-description-layout-three-col-21-9";case e.THREE_COL_32_9:return"images-description-layout-three-col-32-9";default:return""}})(a);return s.jsxRuntimeExports.jsx(n.Section,{className:o.clsx("base-col images-description-section",r),children:s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Raccolta di ${i}`,className:`list-style-none ${c}`,children:t==null?void 0:t.map(_=>s.jsxRuntimeExports.jsxs("li",{className:"images-description-item",children:[s.jsxRuntimeExports.jsx("div",{className:"images-description-item-image-container",children:s.jsxRuntimeExports.jsx("img",{src:_.image.src,alt:_.image.alt,title:_.image.title,className:"images-description-item-image"})}),s.jsxRuntimeExports.jsx("div",{className:"images-description-item-content",children:s.jsxRuntimeExports.jsx("p",{className:"images-description-item-description text-slate-28 fs-9",children:_.description})})]},_._id))})})};exports.IMAGES_DESCRIPTION_LAYOUTS=e;exports.ImagesDescription=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Insights/Insights.css');const s=require("./index.cjs244.js");;/* empty css              */const u=require("./index.cjs120.js"),t=require("./index.cjs54.js"),c=({title:e,items:i=[],colorTitle:n="slate-20",showBackgroundRectangle:r=!0})=>s.jsxRuntimeExports.jsxs(t.Section,{className:"ui-insights-section",children:[r&&s.jsxRuntimeExports.jsx("div",{className:"ui-insights-background-rectangle"}),s.jsxRuntimeExports.jsx("div",{className:"ui-insights-items-section-title",children:s.jsxRuntimeExports.jsx(t.Section.Title,{className:"ui-insights-items-section-title",as:"h1",color:n,children:e})}),s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${e}`,className:"list-style-none ui-insights-items-layout",children:i==null?void 0:i.map((l,o)=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx(u.CardPreview,{...l})},o))})]});exports.Insights=c;
 //# sourceMappingURL=index.cjs147.js.map

package/dist/index.cjs147.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs147.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section } from \"../../components\";\nimport \"./ImagesDescription.scss\";\n\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\n  // Layout FULL (1 colonna)\n  FULL_1_1: \"FULL_1_1\",\n  FULL_4_3: \"FULL_4_3\",\n  FULL_16_9: \"FULL_16_9\",\n  FULL_21_9: \"FULL_21_9\",\n  FULL_32_9: \"FULL_32_9\",\n  // Layout TWO_COL (2 colonne)\n  TWO_COL_1_1: \"TWO_COL_1_1\",\n  TWO_COL_4_3: \"TWO_COL_4_3\",\n  TWO_COL_16_9: \"TWO_COL_16_9\",\n  TWO_COL_21_9: \"TWO_COL_21_9\",\n  TWO_COL_32_9: \"TWO_COL_32_9\",\n  // Layout THREE_COL (3 colonne)\n  THREE_COL_1_1: \"THREE_COL_1_1\",\n  THREE_COL_4_3: \"THREE_COL_4_3\",\n  THREE_COL_16_9: \"THREE_COL_16_9\",\n  THREE_COL_21_9: \"THREE_COL_21_9\",\n  THREE_COL_32_9: \"THREE_COL_32_9\",\n} as const;\n\nexport type ImagesDescriptionLayout =\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\n\nexport interface ImageDescriptionItem {\n  _id: string;\n  image: {\n    src: string;\n    alt: string;\n    title?: string;\n  };\n  description: string;\n}\n\nexport interface ImagesDescriptionProps {\n  title: ReactNode;\n  items: ImageDescriptionItem[];\n  layout?: ImagesDescriptionLayout;\n  className?: string;\n}\n\nexport const ImagesDescription = ({\n  title,\n  items = [],\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\n  className,\n}: ImagesDescriptionProps) => {\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\n    switch (l) {\n      // Layout FULL (1 colonna)\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\n        return \"images-description-layout-full-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\n        return \"images-description-layout-full-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\n        return \"images-description-layout-full-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\n        return \"images-description-layout-full-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\n        return \"images-description-layout-full-32-9\";\n\n      // Layout TWO_COL (2 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\n        return \"images-description-layout-two-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\n        return \"images-description-layout-two-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\n        return \"images-description-layout-two-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\n        return \"images-description-layout-two-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\n        return \"images-description-layout-two-col-32-9\";\n\n      // Layout THREE_COL (3 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\n        return \"images-description-layout-three-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\n        return \"images-description-layout-three-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\n        return \"images-description-layout-three-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\n        return \"images-description-layout-three-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\n        return \"images-description-layout-three-col-32-9\";\n\n      default:\n        return \"\";\n    }\n  };\n\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\n\n  const limitedItems = isFullLayout\n    ? items.slice(0, 1)\n    : isThreeColLayout\n      ? items.slice(0, 3)\n      : items.slice(0, 2); */\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  return (\n    <Section className={clsx(\"base-col images-description-section\", className)}>\n      <ul\n        role=\"list\"\n        aria-label={`Raccolta di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {items?.map((item) => (\n          <li key={item._id} className=\"images-description-item\">\n            <div className=\"images-description-item-image-container\">\n              <img\n                src={item.image.src}\n                alt={item.image.alt}\n                title={item.image.title}\n                className=\"images-description-item-image\"\n              />\n            </div>\n            <div className=\"images-description-item-content\">\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\n                {item.description}\n              </p>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","item","jsxs"],"mappings":"qNAKaA,EAA6B,CAExC,SAAU,WACV,SAAU,WACV,UAAW,YACX,UAAW,YACX,UAAW,YAEX,YAAa,cACb,YAAa,cACb,aAAc,eACd,aAAc,eACd,aAAc,eAEd,cAAe,gBACf,cAAe,gBACf,eAAgB,iBAChB,eAAgB,iBAChB,eAAgB,gBAClB,EAsBaC,EAAoB,CAAC,CAChC,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,OAAAC,EAASJ,EAA2B,SACpC,UAAAK,CACF,IAA8B,CAqDtB,MAAAC,GApDsBC,GAA+B,CACzD,OAAQA,EAAG,CAET,KAAKP,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCAGT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCAGT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CAET,QACS,MAAA,EAAA,CAEb,GAW2CI,CAAM,EAEjD,+BACGI,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,sCAAuCJ,CAAS,EACvE,SAAAK,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,eAAeR,CAAK,GAChC,UAAW,mBAAmBI,CAAe,GAE5C,0BAAO,IAAKK,GACVC,yBAAA,KAAA,CAAkB,UAAU,0BAC3B,SAAA,CAACF,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,0CACb,SAAAA,EAAA,kBAAA,IAAC,MAAA,CACC,IAAKC,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,UAAU,+BAAA,CAAA,EAEd,EACAD,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAAC,KAAE,UAAU,yDACV,SAAKC,EAAA,WACR,CAAA,CACF,CAAA,CAAA,CAbO,EAAAA,EAAK,GAcd,EACD,CAAA,EAEL,CAEJ"}
+{"version":3,"file":"index.cjs147.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } from \"@/components\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./Insights.scss\";\n\ntype Props = {\n  title: string;\n  items: CardPreviewProps[];\n  colorTitle?: ColorKeys;\n  showBackgroundRectangle?: boolean;\n};\n\nexport const Insights = ({\n  title,\n  items = [],\n  colorTitle = \"slate-20\",\n  showBackgroundRectangle = true,\n}: Props) => {\n  return (\n    <Section className=\"ui-insights-section\">\n      {showBackgroundRectangle && (\n        <div className=\"ui-insights-background-rectangle\"></div>\n      )}\n      <div className=\"ui-insights-items-section-title\">\n        <Section.Title\n          className=\"ui-insights-items-section-title\"\n          as={\"h1\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardPreview {...item} />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","item","index","CardPreview"],"mappings":"qNAWaA,EAAW,CAAC,CACvB,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,WAAAC,EAAa,WACb,wBAAAC,EAA0B,EAC5B,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBAChB,SAAA,CACCF,GAAAG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAEpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,UAAU,kCACV,GAAI,KACJ,MAAOH,EAEN,SAAAF,CAAA,CAAA,EAEL,EACAM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYN,CAAK,GAC7B,UAAW,2CAEV,SAAOC,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAF,EAAA,kBAAA,IAACG,eAAa,GAAGF,CAAA,CAAM,GADhBC,CAET,EAEH,CAAA,CACH,EACF"}

package/dist/index.cjs148.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs243.js"),c=require("./index.cjs124.js"),t=require("./index.cjs54.js"),o=({title:r,description:s,steps:i,type:n})=>e.jsxRuntimeExports.jsxs(t.Section,{children:[e.jsxRuntimeExports.jsx(t.Section.Title,{color:"blue-48",fs:"2",mdFs:"1",className:"mb-x16",children:r}),e.jsxRuntimeExports.jsx(t.Section.Description,{color:"slate-14",fs:"6",className:"mb-x36",children:s}),e.jsxRuntimeExports.jsx(c.VerticalCardStepper,{steps:i,type:n})]});exports.VerticalCardStepperSection=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/ImagesDescription/ImagesDescription.css');const s=require("./index.cjs244.js"),o=require("./index.cjs246.js");;/* empty css              */const n=require("./index.cjs54.js"),e={FULL_1_1:"FULL_1_1",FULL_4_3:"FULL_4_3",FULL_16_9:"FULL_16_9",FULL_21_9:"FULL_21_9",FULL_32_9:"FULL_32_9",TWO_COL_1_1:"TWO_COL_1_1",TWO_COL_4_3:"TWO_COL_4_3",TWO_COL_16_9:"TWO_COL_16_9",TWO_COL_21_9:"TWO_COL_21_9",TWO_COL_32_9:"TWO_COL_32_9",THREE_COL_1_1:"THREE_COL_1_1",THREE_COL_4_3:"THREE_COL_4_3",THREE_COL_16_9:"THREE_COL_16_9",THREE_COL_21_9:"THREE_COL_21_9",THREE_COL_32_9:"THREE_COL_32_9"},l=({title:i,items:t=[],layout:a=e.FULL_1_1,className:r})=>{const c=(_=>{switch(_){case e.FULL_1_1:return"images-description-layout-full-1-1";case e.FULL_4_3:return"images-description-layout-full-4-3";case e.FULL_16_9:return"images-description-layout-full-16-9";case e.FULL_21_9:return"images-description-layout-full-21-9";case e.FULL_32_9:return"images-description-layout-full-32-9";case e.TWO_COL_1_1:return"images-description-layout-two-col-1-1";case e.TWO_COL_4_3:return"images-description-layout-two-col-4-3";case e.TWO_COL_16_9:return"images-description-layout-two-col-16-9";case e.TWO_COL_21_9:return"images-description-layout-two-col-21-9";case e.TWO_COL_32_9:return"images-description-layout-two-col-32-9";case e.THREE_COL_1_1:return"images-description-layout-three-col-1-1";case e.THREE_COL_4_3:return"images-description-layout-three-col-4-3";case e.THREE_COL_16_9:return"images-description-layout-three-col-16-9";case e.THREE_COL_21_9:return"images-description-layout-three-col-21-9";case e.THREE_COL_32_9:return"images-description-layout-three-col-32-9";default:return""}})(a);return s.jsxRuntimeExports.jsx(n.Section,{className:o.clsx("base-col images-description-section",r),children:s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Raccolta di ${i}`,className:`list-style-none ${c}`,children:t==null?void 0:t.map(_=>s.jsxRuntimeExports.jsxs("li",{className:"images-description-item",children:[s.jsxRuntimeExports.jsx("div",{className:"images-description-item-image-container",children:s.jsxRuntimeExports.jsx("img",{src:_.image.src,alt:_.image.alt,title:_.image.title,className:"images-description-item-image"})}),s.jsxRuntimeExports.jsx("div",{className:"images-description-item-content",children:s.jsxRuntimeExports.jsx("p",{className:"images-description-item-description text-slate-28 fs-9",children:_.description})})]},_._id))})})};exports.IMAGES_DESCRIPTION_LAYOUTS=e;exports.ImagesDescription=l;
 //# sourceMappingURL=index.cjs148.js.map

package/dist/index.cjs148.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs148.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\n\ntype Props = {\n  title: string;\n  description: string;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\n        {title}\n      </Section.Title>\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\n        {description}\n      </Section.Description>\n\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","VerticalCardStepper"],"mappings":"kLASaA,EAA6B,CAAC,CACzC,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,CACF,6BAEKC,UACC,CAAA,SAAA,CAACC,EAAAA,kBAAAA,IAAAD,EAAAA,QAAQ,MAAR,CAAc,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,UAAU,SACtD,SACHJ,CAAA,CAAA,EACAK,EAAAA,kBAAAA,IAACD,EAAQ,QAAA,YAAR,CAAoB,MAAM,WAAW,GAAG,IAAI,UAAU,SACpD,SACHH,CAAA,CAAA,EAEAI,EAAAA,kBAAAA,IAACC,EAAoB,oBAAA,CAAA,MAAAJ,EAAc,KAAAC,CAAY,CAAA,CAAA,EACjD"}
+{"version":3,"file":"index.cjs148.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section } from \"../../components\";\nimport \"./ImagesDescription.scss\";\n\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\n  // Layout FULL (1 colonna)\n  FULL_1_1: \"FULL_1_1\",\n  FULL_4_3: \"FULL_4_3\",\n  FULL_16_9: \"FULL_16_9\",\n  FULL_21_9: \"FULL_21_9\",\n  FULL_32_9: \"FULL_32_9\",\n  // Layout TWO_COL (2 colonne)\n  TWO_COL_1_1: \"TWO_COL_1_1\",\n  TWO_COL_4_3: \"TWO_COL_4_3\",\n  TWO_COL_16_9: \"TWO_COL_16_9\",\n  TWO_COL_21_9: \"TWO_COL_21_9\",\n  TWO_COL_32_9: \"TWO_COL_32_9\",\n  // Layout THREE_COL (3 colonne)\n  THREE_COL_1_1: \"THREE_COL_1_1\",\n  THREE_COL_4_3: \"THREE_COL_4_3\",\n  THREE_COL_16_9: \"THREE_COL_16_9\",\n  THREE_COL_21_9: \"THREE_COL_21_9\",\n  THREE_COL_32_9: \"THREE_COL_32_9\",\n} as const;\n\nexport type ImagesDescriptionLayout =\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\n\nexport interface ImageDescriptionItem {\n  _id: string;\n  image: {\n    src: string;\n    alt: string;\n    title?: string;\n  };\n  description: string;\n}\n\nexport interface ImagesDescriptionProps {\n  title: ReactNode;\n  items: ImageDescriptionItem[];\n  layout?: ImagesDescriptionLayout;\n  className?: string;\n}\n\nexport const ImagesDescription = ({\n  title,\n  items = [],\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\n  className,\n}: ImagesDescriptionProps) => {\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\n    switch (l) {\n      // Layout FULL (1 colonna)\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\n        return \"images-description-layout-full-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\n        return \"images-description-layout-full-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\n        return \"images-description-layout-full-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\n        return \"images-description-layout-full-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\n        return \"images-description-layout-full-32-9\";\n\n      // Layout TWO_COL (2 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\n        return \"images-description-layout-two-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\n        return \"images-description-layout-two-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\n        return \"images-description-layout-two-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\n        return \"images-description-layout-two-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\n        return \"images-description-layout-two-col-32-9\";\n\n      // Layout THREE_COL (3 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\n        return \"images-description-layout-three-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\n        return \"images-description-layout-three-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\n        return \"images-description-layout-three-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\n        return \"images-description-layout-three-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\n        return \"images-description-layout-three-col-32-9\";\n\n      default:\n        return \"\";\n    }\n  };\n\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\n\n  const limitedItems = isFullLayout\n    ? items.slice(0, 1)\n    : isThreeColLayout\n      ? items.slice(0, 3)\n      : items.slice(0, 2); */\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  return (\n    <Section className={clsx(\"base-col images-description-section\", className)}>\n      <ul\n        role=\"list\"\n        aria-label={`Raccolta di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {items?.map((item) => (\n          <li key={item._id} className=\"images-description-item\">\n            <div className=\"images-description-item-image-container\">\n              <img\n                src={item.image.src}\n                alt={item.image.alt}\n                title={item.image.title}\n                className=\"images-description-item-image\"\n              />\n            </div>\n            <div className=\"images-description-item-content\">\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\n                {item.description}\n              </p>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","item","jsxs"],"mappings":"qNAKaA,EAA6B,CAExC,SAAU,WACV,SAAU,WACV,UAAW,YACX,UAAW,YACX,UAAW,YAEX,YAAa,cACb,YAAa,cACb,aAAc,eACd,aAAc,eACd,aAAc,eAEd,cAAe,gBACf,cAAe,gBACf,eAAgB,iBAChB,eAAgB,iBAChB,eAAgB,gBAClB,EAsBaC,EAAoB,CAAC,CAChC,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,OAAAC,EAASJ,EAA2B,SACpC,UAAAK,CACF,IAA8B,CAqDtB,MAAAC,GApDsBC,GAA+B,CACzD,OAAQA,EAAG,CAET,KAAKP,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCAGT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCAGT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CAET,QACS,MAAA,EAAA,CAEb,GAW2CI,CAAM,EAEjD,+BACGI,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,sCAAuCJ,CAAS,EACvE,SAAAK,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,eAAeR,CAAK,GAChC,UAAW,mBAAmBI,CAAe,GAE5C,0BAAO,IAAKK,GACVC,yBAAA,KAAA,CAAkB,UAAU,0BAC3B,SAAA,CAACF,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,0CACb,SAAAA,EAAA,kBAAA,IAAC,MAAA,CACC,IAAKC,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,UAAU,+BAAA,CAAA,EAEd,EACAD,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAAC,KAAE,UAAU,yDACV,SAAKC,EAAA,WACR,CAAA,CACF,CAAA,CAAA,CAbO,EAAAA,EAAK,GAcd,EACD,CAAA,EAEL,CAEJ"}

package/dist/index.cjs149.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/TableCard/TableCard.css');const e=require("./index.cjs243.js");;/* empty css              */const u=require("react"),d=require("./index.cjs260.js"),m=require("./index.cjs11.js"),j=require("./index.cjs7.js"),p=require("./index.cjs8.js"),x=require("./index.cjs54.js"),h=require("./index.cjs10.js"),b=require("./index.cjs9.js"),R=require("./index.cjs101.js"),q=({title:c,headerTitle:a,data:r=[]})=>{const[i,l]=u.useState(""),n=d.useDebouncedValue(i.trim().toLowerCase(),300),o=u.useMemo(()=>n?r.filter(s=>[s.title,s.description].some(t=>t==null?void 0:t.toLowerCase().includes(n))):r,[n,r]);return e.jsxRuntimeExports.jsxs(x.Section,{className:"table-card",children:[e.jsxRuntimeExports.jsx(x.Section.Title,{mdFs:"2",fs:"3",color:"blue-48",as:"h2",className:"table-card-section-title",children:c}),e.jsxRuntimeExports.jsxs(h.Col,{children:[e.jsxRuntimeExports.jsxs(b.Row,{alignItems:"flex-start",className:"header-row",justifyContent:"space-between",flexWrap:"wrap",children:[e.jsxRuntimeExports.jsxs("h3",{className:"update-title",children:[a," ",e.jsxRuntimeExports.jsxs("span",{children:["(",o.length,")"]})]}),e.jsxRuntimeExports.jsx(m.Search,{variant:"outlined",btnText:"",helperText:"",value:i,onChangeValue:l})]}),e.jsxRuntimeExports.jsx(j.GridContainer,{gap:"x24",mt:"x32",px:"x12",children:o.map((s,t)=>e.jsxRuntimeExports.jsx(p.GridItem,{sm:6,md:4,children:e.jsxRuntimeExports.jsx(R.CardFile,{...s})},`table-card-${t}`))})]})]})};exports.TableCard=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs244.js"),c=require("./index.cjs124.js"),t=require("./index.cjs54.js"),o=({title:r,description:s,steps:i,type:n})=>e.jsxRuntimeExports.jsxs(t.Section,{children:[e.jsxRuntimeExports.jsx(t.Section.Title,{color:"blue-48",fs:"2",mdFs:"1",className:"mb-x16",children:r}),e.jsxRuntimeExports.jsx(t.Section.Description,{color:"slate-14",fs:"6",className:"mb-x36",children:s}),e.jsxRuntimeExports.jsx(c.VerticalCardStepper,{steps:i,type:n})]});exports.VerticalCardStepperSection=o;
 //# sourceMappingURL=index.cjs149.js.map

package/dist/index.cjs149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs149.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\n  CardFile,\n  Col,\n  GridContainer,\n  GridItem,\n  Row,\n  Search,\n  Section,\n} from \"@/components\";\nimport \"./TableCard.scss\";\nimport { useMemo, useState } from \"react\";\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\nimport { CardFileProps } from \"@/components/ui/CardFile\";\n\ntype Props = {\n  title: string;\n  headerTitle: string;\n  data?: CardFileProps[];\n};\n\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\n  const [query, setQuery] = useState(\"\");\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\n\n  const filtered = useMemo(() => {\n    if (!debouncedQuery) return data;\n    return data.filter((u) =>\n      [\n        u.title,\n        u.description,\n      ].some((field) => \n        field?.toLowerCase().includes(debouncedQuery)\n      ),\n    );\n  }, [debouncedQuery, data]);\n\n  return (\n    <Section className=\"table-card\">\n      <Section.Title mdFs=\"2\" fs=\"3\" color=\"blue-48\" as=\"h2\" className=\"table-card-section-title\">\n        {title}\n      </Section.Title>\n      <Col>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <h3 className=\"update-title\">\n            {headerTitle} <span>({filtered.length})</span>\n          </h3>\n          <Search\n            variant=\"outlined\"\n            btnText=\"\"\n            helperText=\"\"\n            value={query}\n            onChangeValue={setQuery}\n          />\n        </Row>\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\n          {filtered.map((el, index) => (\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\n              <CardFile {...el} />\n            </GridItem>\n          ))}\n        </GridContainer>\n      </Col>\n    </Section>\n  );\n};\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":"0ZAoBaA,EAAY,CAAC,CAAE,MAAAC,EAAO,YAAAC,EAAa,KAAAC,EAAO,MAAgB,CACrE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAC/BC,EAAiBC,EAAAA,kBAAkBJ,EAAM,OAAO,cAAe,GAAG,EAElEK,EAAWC,EAAAA,QAAQ,IAClBH,EACEJ,EAAK,OAAQQ,GAClB,CACEA,EAAE,MACFA,EAAE,WAAA,EACF,KAAMC,GACNA,GAAA,YAAAA,EAAO,cAAc,SAASL,EAAc,CAEhD,EAR4BJ,EAS3B,CAACI,EAAgBJ,CAAI,CAAC,EAGvB,OAAAU,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,aACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAQ,QAAA,MAAR,CAAc,KAAK,IAAI,GAAG,IAAI,MAAM,UAAU,GAAG,KAAK,UAAU,2BAC9D,SACHb,EAAA,2BACCe,EAAAA,IACC,CAAA,SAAA,CAAAH,EAAA,kBAAA,KAACI,EAAA,IAAA,CACC,WAAW,aACX,UAAU,aACV,eAAe,gBACf,SAAS,OAET,SAAA,CAACJ,EAAAA,kBAAAA,KAAA,KAAA,CAAG,UAAU,eACX,SAAA,CAAAX,EAAY,6BAAE,OAAK,CAAA,SAAA,CAAA,IAAEO,EAAS,OAAO,GAAA,CAAC,CAAA,CAAA,EACzC,EACAM,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,WACR,QAAQ,GACR,WAAW,GACX,MAAOd,EACP,cAAeC,CAAA,CAAA,CACjB,CAAA,CACF,EACCU,EAAA,kBAAA,IAAAI,EAAA,cAAA,CAAc,IAAI,MAAM,GAAG,MAAM,GAAG,MAClC,SAASV,EAAA,IAAI,CAACW,EAAIC,IACjBN,wBAACO,EAAAA,SAAqC,CAAA,GAAI,EAAG,GAAI,EAC/C,SAAAP,EAAA,kBAAA,IAACQ,EAAU,SAAA,CAAA,GAAGH,CAAI,CAAA,CAAA,EADL,cAAcC,CAAK,EAElC,CACD,CACH,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs149.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\n\ntype Props = {\n  title: string;\n  description: string;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\n        {title}\n      </Section.Title>\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\n        {description}\n      </Section.Description>\n\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","VerticalCardStepper"],"mappings":"kLASaA,EAA6B,CAAC,CACzC,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,CACF,6BAEKC,UACC,CAAA,SAAA,CAACC,EAAAA,kBAAAA,IAAAD,EAAAA,QAAQ,MAAR,CAAc,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,UAAU,SACtD,SACHJ,CAAA,CAAA,EACAK,EAAAA,kBAAAA,IAACD,EAAQ,QAAA,YAAR,CAAoB,MAAM,WAAW,GAAG,IAAI,UAAU,SACpD,SACHH,CAAA,CAAA,EAEAI,EAAAA,kBAAAA,IAACC,EAAoB,oBAAA,CAAA,MAAAJ,EAAc,KAAAC,CAAY,CAAA,CAAA,EACjD"}

package/dist/index.cjs15.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchGeneric/SearchGeneric.css');const e=require("./index.cjs243.js"),j=require("react"),x=require("./index.cjs244.js");;/* empty css              */const G=require("./index.cjs279.js"),Q=require("./index.cjs160.js"),z=require("./index.cjs10.js"),B=require("./index.cjs28.js");function O({btnText:N,helperText:d,instructionsText:c="Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.",mobileHelperText:y=d,value:C,items:$,setValue:m,setTypedValue:b,getSearchField:g,getDisplayField:f=g,onItemSelect:v,minCharsToSearch:u=3,className:I,dimensionStrategy:q="fixed"}){const[i,p]=j.useState(C||""),[r,n]=j.useState([]),L=G.useMediaQuery("(min-width: 768px)"),a=j.useId(),R=`${a}-listbox`,w=`${a}-instructions`,S=`${a}-label`,E=t=>{const s=t.target.value;if(p(s),b&&b(s),s.length>=u){const h=$.filter(l=>{const o=g(l);return o==null?void 0:o.toLowerCase().includes(s.toLowerCase())});n(h)}else n([])},k=t=>{const s=f(t);p(s),m(s),n([]),v&&v(t)},M=(t,s)=>{if(!s)return t;const h=t.split(new RegExp(`(${s})`,"gi"));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:h.map((l,o)=>l.toLowerCase()===s.toLowerCase()?e.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l},o):l)})};return e.jsxRuntimeExports.jsxs("div",{className:x.clsx("ui-search","br-x4 bg-border-secondary w-full",I,{"ui-search-generic-auto":q==="auto"}),children:[e.jsxRuntimeExports.jsx("label",{id:S,htmlFor:a,className:"sr-only",children:d}),c&&e.jsxRuntimeExports.jsx("div",{id:w,className:"sr-only",children:c==null?void 0:c.replace("$minCharsToSearch",String(u))}),e.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[e.jsxRuntimeExports.jsx("input",{id:a,type:"text",role:"combobox","aria-expanded":r.length>0,"aria-haspopup":"listbox","aria-owns":r.length>0?R:void 0,"aria-describedby":w,className:x.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",i&&i.length>=3&&"has-clear-icon"),placeholder:L?d:y,value:i,onChange:E,maxLength:30,autoComplete:"off"}),i&&e.jsxRuntimeExports.jsx(Q.Close,{className:"ui-clean-button",ariaLabel:"Cancella ricerca",onClick:()=>{p(""),n([]),m(""),E({target:{value:""}})}})]}),r.length>0&&e.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",role:"listbox",id:R,"aria-label":`${r.length} risultati disponibili`,children:e.jsxRuntimeExports.jsx(z.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:r.map((t,s)=>e.jsxRuntimeExports.jsx("div",{id:`${a}-option-${s}`,role:"option",onClick:()=>k(t),className:"hover:bg-primary",children:M(f(t),i)},s))})}),e.jsxRuntimeExports.jsxs("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.length>0&&i.length>=u&&`${r.length} risultati trovati`,i.length>=u&&r.length===0&&"Nessun risultato trovato"]}),e.jsxRuntimeExports.jsx("div",{className:x.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(B.Button,{className:x.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{n([]),m(i)},children:N})})]})}exports.SearchGeneric=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchGeneric/SearchGeneric.css');const e=require("./index.cjs244.js"),j=require("react"),x=require("./index.cjs246.js");;/* empty css              */const G=require("./index.cjs281.js"),Q=require("./index.cjs161.js"),z=require("./index.cjs10.js"),B=require("./index.cjs28.js");function O({btnText:N,helperText:d,instructionsText:c="Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.",mobileHelperText:y=d,value:C,items:$,setValue:m,setTypedValue:b,getSearchField:g,getDisplayField:f=g,onItemSelect:v,minCharsToSearch:u=3,className:I,dimensionStrategy:q="fixed"}){const[i,p]=j.useState(C||""),[r,n]=j.useState([]),L=G.useMediaQuery("(min-width: 768px)"),a=j.useId(),R=`${a}-listbox`,w=`${a}-instructions`,S=`${a}-label`,E=t=>{const s=t.target.value;if(p(s),b&&b(s),s.length>=u){const h=$.filter(l=>{const o=g(l);return o==null?void 0:o.toLowerCase().includes(s.toLowerCase())});n(h)}else n([])},k=t=>{const s=f(t);p(s),m(s),n([]),v&&v(t)},M=(t,s)=>{if(!s)return t;const h=t.split(new RegExp(`(${s})`,"gi"));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:h.map((l,o)=>l.toLowerCase()===s.toLowerCase()?e.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l},o):l)})};return e.jsxRuntimeExports.jsxs("div",{className:x.clsx("ui-search","br-x4 bg-border-secondary w-full",I,{"ui-search-generic-auto":q==="auto"}),children:[e.jsxRuntimeExports.jsx("label",{id:S,htmlFor:a,className:"sr-only",children:d}),c&&e.jsxRuntimeExports.jsx("div",{id:w,className:"sr-only",children:c==null?void 0:c.replace("$minCharsToSearch",String(u))}),e.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[e.jsxRuntimeExports.jsx("input",{id:a,type:"text",role:"combobox","aria-expanded":r.length>0,"aria-haspopup":"listbox","aria-owns":r.length>0?R:void 0,"aria-describedby":w,className:x.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",i&&i.length>=3&&"has-clear-icon"),placeholder:L?d:y,value:i,onChange:E,maxLength:30,autoComplete:"off"}),i&&e.jsxRuntimeExports.jsx(Q.Close,{className:"ui-clean-button",ariaLabel:"Cancella ricerca",onClick:()=>{p(""),n([]),m(""),E({target:{value:""}})}})]}),r.length>0&&e.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",role:"listbox",id:R,"aria-label":`${r.length} risultati disponibili`,children:e.jsxRuntimeExports.jsx(z.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:r.map((t,s)=>e.jsxRuntimeExports.jsx("div",{id:`${a}-option-${s}`,role:"option",onClick:()=>k(t),className:"hover:bg-primary",children:M(f(t),i)},s))})}),e.jsxRuntimeExports.jsxs("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.length>0&&i.length>=u&&`${r.length} risultati trovati`,i.length>=u&&r.length===0&&"Nessun risultato trovato"]}),e.jsxRuntimeExports.jsx("div",{className:x.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(B.Button,{className:x.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{n([]),m(i)},children:N})})]})}exports.SearchGeneric=O;
 //# sourceMappingURL=index.cjs15.js.map

package/dist/index.cjs150.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Slider/Slider.css');require('./node_modules/swiper/modules/pagination.css');require('./node_modules/swiper/modules/navigation.css');require('./node_modules/swiper/swiper.css');const t=require("./index.cjs243.js"),s=require("react"),j=require("./index.cjs261.js"),A=require("./index.cjs262.js"),L=require("./index.cjs263.js"),T=require("./index.cjs264.js");;/* empty css              */;/* empty css              */;/* empty css              */;/* empty css              */const _=require("./index.cjs244.js"),V=require("./index.cjs269.js"),B=require("./index.cjs185.js"),g=require("./index.cjs172.js"),F=require("./index.cjs220.js"),M=require("./index.cjs10.js"),R=require("./index.cjs9.js"),O=({slides:i=[],asLink:w="a",asImage:E="img",timeout:l=3e3,openInNewTab:f=!1,paginationLabel:q="di",withShadow:y=!0,gradientColor:N="#3d6289",swiperHeight:v=574})=>{const S=w||"a",C=E,r=s.useRef(null),[a,$]=s.useState(0),[n,b]=s.useState(!0),u=()=>{b(!n)},c=s.useCallback(()=>{if(!r.current)return;const e=r.current;e.isEnd&&!e.params.loop?e.slideTo(0):e.slideNext()},[]),k=s.useCallback(()=>{if(!r.current)return;const e=r.current;e.isBeginning&&!e.params.loop?e.slideTo(e.slides.length-1):e.slidePrev()},[]);s.useEffect(()=>{const e=n?setInterval(()=>{c()},l):null;return()=>{e&&clearInterval(e)}},[n,c,l]);const I={"--gradient":N},x={"--swiper-height":`${v}px`};return t.jsxRuntimeExports.jsx(M.Col,{className:"ui-slider-section-wrapper-container",style:x,children:t.jsxRuntimeExports.jsx("div",{className:"ui-slider",children:t.jsxRuntimeExports.jsxs(j.Swiper,{modules:[A,L,T],slidesPerView:1,autoplay:n,observer:!0,observeParents:!0,loop:!0,onSwiper:e=>r.current=e,onSlideChange:e=>$(e.realIndex),style:x,children:[i.map((e,P)=>{var d,p,h;return t.jsxRuntimeExports.jsxs(j.SwiperSlide,{children:[t.jsxRuntimeExports.jsx(C,{src:e.src,alt:e.alt,className:"slider-image",onLoad:()=>{var o,m;return(m=(o=r.current)==null?void 0:o.update)==null?void 0:m.call(o)}}),t.jsxRuntimeExports.jsx("div",{className:_.clsx("slider-content",{"with-shadow":y}),style:I,children:t.jsxRuntimeExports.jsx("div",{className:"container",children:t.jsxRuntimeExports.jsxs("div",{className:"slider-content-grid",children:[t.jsxRuntimeExports.jsxs("div",{className:"category",children:[e.category&&t.jsxRuntimeExports.jsx(B.File,{fillColor:"#fff",width:30,height:30}),((d=e.category)==null?void 0:d.type)??" ",t.jsxRuntimeExports.jsx("p",{className:"date",children:((p=e.category)==null?void 0:p.published_at)??" "})]}),t.jsxRuntimeExports.jsx(S,{href:((h=i[a])==null?void 0:h.href)||"",target:f?"_blank":"_self",children:t.jsxRuntimeExports.jsx("h4",{className:"title",children:e.title})})]})})})]},P)}),t.jsxRuntimeExports.jsxs(R.Row,{className:"pagination",gap:"x20",children:[i.length>1&&t.jsxRuntimeExports.jsxs(R.Row,{alignItems:"center",children:[t.jsxRuntimeExports.jsx(g.ArrowLeft,{width:40,height:40,onClick:k,color:"white",className:"cursor-pointer"}),n?t.jsxRuntimeExports.jsx(V.Pause,{width:20,height:20,onClick:u,className:"cursor-pointer"}):t.jsxRuntimeExports.jsx(F.PlayVideo,{width:20,height:20,onClick:u,color:"white",className:"cursor-pointer"})]}),t.jsxRuntimeExports.jsx("span",{children:`${a+1} ${q} ${i.length}`}),i.length>1&&t.jsxRuntimeExports.jsx(g.ArrowLeft,{width:40,height:40,className:"next cursor-pointer",onClick:c,color:"white"})]})]})})})};exports.Slider=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/TableCard/TableCard.css');const e=require("./index.cjs244.js");;/* empty css              */const u=require("react"),d=require("./index.cjs260.js"),m=require("./index.cjs11.js"),j=require("./index.cjs7.js"),p=require("./index.cjs8.js"),x=require("./index.cjs54.js"),h=require("./index.cjs10.js"),b=require("./index.cjs9.js"),R=require("./index.cjs101.js"),q=({title:c,headerTitle:a,data:r=[]})=>{const[i,l]=u.useState(""),n=d.useDebouncedValue(i.trim().toLowerCase(),300),o=u.useMemo(()=>n?r.filter(s=>[s.title,s.description].some(t=>t==null?void 0:t.toLowerCase().includes(n))):r,[n,r]);return e.jsxRuntimeExports.jsxs(x.Section,{className:"table-card",children:[e.jsxRuntimeExports.jsx(x.Section.Title,{mdFs:"2",fs:"3",color:"blue-48",as:"h1",className:"table-card-section-title",children:c}),e.jsxRuntimeExports.jsxs(h.Col,{children:[e.jsxRuntimeExports.jsxs(b.Row,{alignItems:"flex-start",className:"header-row",justifyContent:"space-between",flexWrap:"wrap",children:[e.jsxRuntimeExports.jsxs("h3",{className:"update-title",children:[a," ",e.jsxRuntimeExports.jsxs("span",{children:["(",o.length,")"]})]}),e.jsxRuntimeExports.jsx(m.Search,{variant:"outlined",btnText:"",helperText:"",value:i,onChangeValue:l})]}),e.jsxRuntimeExports.jsx(j.GridContainer,{gap:"x24",mt:"x32",px:"x12",children:o.map((s,t)=>e.jsxRuntimeExports.jsx(p.GridItem,{sm:6,md:4,children:e.jsxRuntimeExports.jsx(R.CardFile,{...s})},`table-card-${t}`))})]})]})};exports.TableCard=q;
 //# sourceMappingURL=index.cjs150.js.map

package/dist/index.cjs150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs150.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport \"./Slider.scss\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Col, Row } from \"@/components\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  title: string;\n  href?: string;\n};\nexport type SliderType = \"full-image\";\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: ElementType;\n  asLink?: ElementType;\n  timeout?: number;\n  openInNewTab?: boolean;\n  paginationLabel?: string;\n  withShadow?: boolean;\n  gradientColor?: string;\n  type?: SliderType;\n  swiperHeight?: number;\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  slides = [],\n  asLink = \"a\",\n  asImage = \"img\",\n  timeout = 3000,\n  openInNewTab = false,\n  paginationLabel = \"di\",\n  withShadow = true,\n  gradientColor = \"#3d6289\",\n  swiperHeight = 574,\n  /* type = \"full-image\" */\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const [autoplay, setAutoplay] = useState(true);\n  const toggleAutoPlay = () => {\n    setAutoplay(!autoplay);\n  };\n\n  const goNext = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isEnd && !swiper.params.loop) {\n      swiper.slideTo(0);\n    } else {\n      swiper.slideNext();\n    }\n  }, []);\n\n  const goPrev = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isBeginning && !swiper.params.loop) {\n      swiper.slideTo(swiper.slides.length - 1);\n    } else {\n      swiper.slidePrev();\n    }\n  }, []);\n\n  useEffect(() => {\n    const intervalId = autoplay\n      ? setInterval(() => {\n          goNext();\n        }, timeout)\n      : null;\n\n    return () => {\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [autoplay, goNext, timeout]);\n\n  const gradientColorStyle = {\n    \"--gradient\": gradientColor,\n  } as CSSProperties;\n\n  const swiperStyle = {\n    \"--swiper-height\": `${swiperHeight}px`,\n  } as CSSProperties;\n\n  return (\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\n      <div className=\"ui-slider\">\n        <Swiper\n          modules={[Navigation, Pagination, A11y]}\n          slidesPerView={1}\n          autoplay={autoplay}\n          observer={true}\n          observeParents={true}\n          loop={true}\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide key={index}>\n              <ImageComponent\n                src={slide.src}\n                alt={slide.alt}\n                className=\"slider-image\"\n                onLoad={() => swiperRef.current?.update?.()}\n              />\n              <div\n                className={clsx(\"slider-content\", {\n                  \"with-shadow\": withShadow,\n                })}\n                style={gradientColorStyle}\n              >\n                <div className=\"container\">\n                  <div className=\"slider-content-grid\">\n                    <div className=\"category\">\n                      {slide.category && (\n                        <File fillColor=\"#fff\" width={30} height={30} />\n                      )}\n                      {slide.category?.type ?? \" \"}\n                      <p className=\"date\">\n                        {slide.category?.published_at ?? \" \"}\n                      </p>\n                    </div>\n                    <LinkTag\n                      href={slides[currentIndex]?.href || \"\"}\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\n                    >\n                      <h4 className=\"title\">{slide.title}</h4>\n                    </LinkTag>\n                  </div>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n          <Row className=\"pagination\" gap=\"x20\">\n            {slides.length > 1 && (\n              <Row alignItems=\"center\">\n                <ArrowLeft\n                  width={40}\n                  height={40}\n                  onClick={goPrev}\n                  color=\"white\"\n                  className=\"cursor-pointer\"\n                />\n                {autoplay ? (\n                  <Pause\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    className=\"cursor-pointer\"\n                  />\n                ) : (\n                  <PlayVideo\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    color=\"white\"\n                    className=\"cursor-pointer\"\n                  />\n                )}\n              </Row>\n            )}\n\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\n            {slides.length > 1 && (\n              <ArrowLeft\n                width={40}\n                height={40}\n                className=\"next cursor-pointer\"\n                onClick={goNext}\n                color=\"white\"\n              />\n            )}\n          </Row>\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"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"}
+{"version":3,"file":"index.cjs150.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\n  CardFile,\n  Col,\n  GridContainer,\n  GridItem,\n  Row,\n  Search,\n  Section,\n} from \"@/components\";\nimport \"./TableCard.scss\";\nimport { useMemo, useState } from \"react\";\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\nimport { CardFileProps } from \"@/components/ui/CardFile\";\n\ntype Props = {\n  title: string;\n  headerTitle: string;\n  data?: CardFileProps[];\n};\n\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\n  const [query, setQuery] = useState(\"\");\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\n\n  const filtered = useMemo(() => {\n    if (!debouncedQuery) return data;\n    return data.filter((u) =>\n      [\n        u.title,\n        u.description,\n      ].some((field) => \n        field?.toLowerCase().includes(debouncedQuery)\n      ),\n    );\n  }, [debouncedQuery, data]);\n\n  return (\n    <Section className=\"table-card\">\n      <Section.Title mdFs=\"2\" fs=\"3\" color=\"blue-48\" as=\"h1\" className=\"table-card-section-title\">\n        {title}\n      </Section.Title>\n      <Col>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <h3 className=\"update-title\">\n            {headerTitle} <span>({filtered.length})</span>\n          </h3>\n          <Search\n            variant=\"outlined\"\n            btnText=\"\"\n            helperText=\"\"\n            value={query}\n            onChangeValue={setQuery}\n          />\n        </Row>\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\n          {filtered.map((el, index) => (\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\n              <CardFile {...el} />\n            </GridItem>\n          ))}\n        </GridContainer>\n      </Col>\n    </Section>\n  );\n};\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":"0ZAoBaA,EAAY,CAAC,CAAE,MAAAC,EAAO,YAAAC,EAAa,KAAAC,EAAO,MAAgB,CACrE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAC/BC,EAAiBC,EAAAA,kBAAkBJ,EAAM,OAAO,cAAe,GAAG,EAElEK,EAAWC,EAAAA,QAAQ,IAClBH,EACEJ,EAAK,OAAQQ,GAClB,CACEA,EAAE,MACFA,EAAE,WAAA,EACF,KAAMC,GACNA,GAAA,YAAAA,EAAO,cAAc,SAASL,EAAc,CAEhD,EAR4BJ,EAS3B,CAACI,EAAgBJ,CAAI,CAAC,EAGvB,OAAAU,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,aACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAQ,QAAA,MAAR,CAAc,KAAK,IAAI,GAAG,IAAI,MAAM,UAAU,GAAG,KAAK,UAAU,2BAC9D,SACHb,EAAA,2BACCe,EAAAA,IACC,CAAA,SAAA,CAAAH,EAAA,kBAAA,KAACI,EAAA,IAAA,CACC,WAAW,aACX,UAAU,aACV,eAAe,gBACf,SAAS,OAET,SAAA,CAACJ,EAAAA,kBAAAA,KAAA,KAAA,CAAG,UAAU,eACX,SAAA,CAAAX,EAAY,6BAAE,OAAK,CAAA,SAAA,CAAA,IAAEO,EAAS,OAAO,GAAA,CAAC,CAAA,CAAA,EACzC,EACAM,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,WACR,QAAQ,GACR,WAAW,GACX,MAAOd,EACP,cAAeC,CAAA,CAAA,CACjB,CAAA,CACF,EACCU,EAAA,kBAAA,IAAAI,EAAA,cAAA,CAAc,IAAI,MAAM,GAAG,MAAM,GAAG,MAClC,SAASV,EAAA,IAAI,CAACW,EAAIC,IACjBN,wBAACO,EAAAA,SAAqC,CAAA,GAAI,EAAG,GAAI,EAC/C,SAAAP,EAAA,kBAAA,IAACQ,EAAU,SAAA,CAAA,GAAGH,CAAI,CAAA,CAAA,EADL,cAAcC,CAAK,EAElC,CACD,CACH,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.cjs151.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/CommunicationContents/CommunicationContents.css');const i=require("./index.cjs243.js"),d=require("react");;/* empty css              */const p=require("./index.cjs271.js"),h=require("./index.cjs134.js"),s=require("./index.cjs9.js"),R=require("./index.cjs195.js"),l=require("./index.cjs28.js");function m({title:c,elements:n=[],total:r,totalLabels:t={first:"Stai visualizzando",middle:"di",end:"elementi"},handleLoadMore:u,loading:x=!1,showMoreTitle:e="Visualizza altro ",noResultsLabel:a="Nessun risultato trovato"}){const j=r>(n==null?void 0:n.length);return i.jsxRuntimeExports.jsxs("section",{className:"communication-contents d-flex section-gap flex-column",children:[i.jsxRuntimeExports.jsx("h2",{className:"title",children:c}),i.jsxRuntimeExports.jsx(p.default,{columns:{0:1,768:2,992:3},gap:24,className:"masonry-component",children:n==null?void 0:n.map(o=>d.createElement(h.AggregationItemCard,{...o,key:o._id}))}),i.jsxRuntimeExports.jsx(s.Row,{className:"w-full-adpt",justifyContent:"center",m:"x12",children:x&&i.jsxRuntimeExports.jsx(R.Spinner,{height:30,width:30})}),i.jsxRuntimeExports.jsx("span",{className:"total-elements-label",children:(n==null?void 0:n.length)===0?i.jsxRuntimeExports.jsx("span",{children:a}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx("span",{children:t.first}),i.jsxRuntimeExports.jsxs(s.Row,{justifyContent:"center",gap:"x4",children:[i.jsxRuntimeExports.jsx("b",{children:n==null?void 0:n.length}),i.jsxRuntimeExports.jsx("span",{children:t.middle}),i.jsxRuntimeExports.jsx("span",{children:r}),i.jsxRuntimeExports.jsx("span",{children:t.end})]})]})}),j&&!x&&(n==null?void 0:n.length)>0&&i.jsxRuntimeExports.jsx(s.Row,{justifyContent:"center",alignItems:"center",mt:"x16",children:i.jsxRuntimeExports.jsx(l.Button,{onClick:u,children:e})})]})}exports.CommunicationContents=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Slider/Slider.css');require('./node_modules/swiper/modules/pagination.css');require('./node_modules/swiper/modules/navigation.css');require('./node_modules/swiper/swiper.css');const t=require("./index.cjs244.js"),s=require("react"),j=require("./index.cjs261.js"),A=require("./index.cjs262.js"),L=require("./index.cjs263.js"),T=require("./index.cjs264.js");;/* empty css              */;/* empty css              */;/* empty css              */;/* empty css              */const _=require("./index.cjs246.js"),V=require("./index.cjs269.js"),B=require("./index.cjs186.js"),g=require("./index.cjs173.js"),F=require("./index.cjs221.js"),M=require("./index.cjs10.js"),R=require("./index.cjs9.js"),O=({slides:i=[],asLink:w="a",asImage:E="img",timeout:l=3e3,openInNewTab:f=!1,paginationLabel:q="di",withShadow:y=!0,gradientColor:N="#3d6289",swiperHeight:v=574})=>{const S=w||"a",C=E,r=s.useRef(null),[a,$]=s.useState(0),[n,b]=s.useState(!0),u=()=>{b(!n)},c=s.useCallback(()=>{if(!r.current)return;const e=r.current;e.isEnd&&!e.params.loop?e.slideTo(0):e.slideNext()},[]),k=s.useCallback(()=>{if(!r.current)return;const e=r.current;e.isBeginning&&!e.params.loop?e.slideTo(e.slides.length-1):e.slidePrev()},[]);s.useEffect(()=>{const e=n?setInterval(()=>{c()},l):null;return()=>{e&&clearInterval(e)}},[n,c,l]);const I={"--gradient":N},x={"--swiper-height":`${v}px`};return t.jsxRuntimeExports.jsx(M.Col,{className:"ui-slider-section-wrapper-container",style:x,children:t.jsxRuntimeExports.jsx("div",{className:"ui-slider",children:t.jsxRuntimeExports.jsxs(j.Swiper,{modules:[A,L,T],slidesPerView:1,autoplay:n,observer:!0,observeParents:!0,loop:!0,onSwiper:e=>r.current=e,onSlideChange:e=>$(e.realIndex),style:x,children:[i.map((e,P)=>{var d,p,h;return t.jsxRuntimeExports.jsxs(j.SwiperSlide,{children:[t.jsxRuntimeExports.jsx(C,{src:e.src,alt:e.alt,className:"slider-image",onLoad:()=>{var o,m;return(m=(o=r.current)==null?void 0:o.update)==null?void 0:m.call(o)}}),t.jsxRuntimeExports.jsx("div",{className:_.clsx("slider-content",{"with-shadow":y}),style:I,children:t.jsxRuntimeExports.jsx("div",{className:"container",children:t.jsxRuntimeExports.jsxs("div",{className:"slider-content-grid",children:[t.jsxRuntimeExports.jsxs("div",{className:"category",children:[e.category&&t.jsxRuntimeExports.jsx(B.File,{fillColor:"#fff",width:30,height:30}),((d=e.category)==null?void 0:d.type)??" ",t.jsxRuntimeExports.jsx("p",{className:"date",children:((p=e.category)==null?void 0:p.published_at)??" "})]}),t.jsxRuntimeExports.jsx(S,{href:((h=i[a])==null?void 0:h.href)||"",target:f?"_blank":"_self",children:t.jsxRuntimeExports.jsx("h4",{className:"title",children:e.title})})]})})})]},P)}),t.jsxRuntimeExports.jsxs(R.Row,{className:"pagination",gap:"x20",children:[i.length>1&&t.jsxRuntimeExports.jsxs(R.Row,{alignItems:"center",children:[t.jsxRuntimeExports.jsx(g.ArrowLeft,{width:40,height:40,onClick:k,color:"white",className:"cursor-pointer"}),n?t.jsxRuntimeExports.jsx(V.Pause,{width:20,height:20,onClick:u,className:"cursor-pointer"}):t.jsxRuntimeExports.jsx(F.PlayVideo,{width:20,height:20,onClick:u,color:"white",className:"cursor-pointer"})]}),t.jsxRuntimeExports.jsx("span",{children:`${a+1} ${q} ${i.length}`}),i.length>1&&t.jsxRuntimeExports.jsx(g.ArrowLeft,{width:40,height:40,className:"next cursor-pointer",onClick:c,color:"white"})]})]})})})};exports.Slider=O;
 //# sourceMappingURL=index.cjs151.js.map

package/dist/index.cjs151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs151.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport { AggregationItemCard, Button, Row } from \"../../components\";\nimport \"./CommunicationContents.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  total: number;\n  totalLabels?: {\n    first: string;\n    middle: string;\n    end: string;\n  };\n  loading?: boolean;\n  handleLoadMore: () => void;\n  showMoreTitle?: string;\n  noResultsLabel?: string;\n};\n\nexport function CommunicationContents({\n  title,\n  elements = [],\n  total,\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\n  handleLoadMore,\n  loading = false,\n  showMoreTitle = \"Visualizza altro \",\n  noResultsLabel = \"Nessun risultato trovato\",\n}: CommunicationContentsProps) {\n  const showMoreButtonVisible = total > elements?.length;\n\n  return (\n    <section className=\"communication-contents d-flex section-gap flex-column\">\n      <h2 className=\"title\">{title}</h2>\n      <Masonry\n        columns={{ 0: 1, 768: 2, 992: 3 }}\n        gap={24}\n        className=\"masonry-component\"\n      >\n        {elements?.map((element) => (\n          <AggregationItemCard {...element} key={element._id} />\n        ))}\n      </Masonry>\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\n        {loading && <Spinner height={30} width={30} />}\n      </Row>\n      <span className=\"total-elements-label\">\n        {elements?.length === 0 ? (\n          <span>{noResultsLabel}</span>\n        ) : (\n          <>\n            <span>{totalLabels.first}</span>\n            <Row justifyContent=\"center\" gap=\"x4\">\n              <b>{elements?.length}</b>\n              <span>{totalLabels.middle}</span>\n              <span>{total}</span>\n              <span>{totalLabels.end}</span>\n            </Row>\n          </>\n        )}\n      </span>\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\n        </Row>\n      )}\n    </section>\n  );\n}\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":"mUAqBO,SAASA,EAAsB,CACpC,MAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,MAAAC,EACA,YAAAC,EAAc,CAAE,MAAO,qBAAsB,OAAQ,KAAM,IAAK,UAAW,EAC3E,eAAAC,EACA,QAAAC,EAAU,GACV,cAAAC,EAAgB,oBAChB,eAAAC,EAAiB,0BACnB,EAA+B,CACvB,MAAAC,EAAwBN,GAAQD,GAAA,YAAAA,EAAU,QAG9C,OAAAQ,EAAA,kBAAA,KAAC,UAAQ,CAAA,UAAU,wDACjB,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,QAAS,SAAMV,EAAA,EAC7BU,EAAA,kBAAA,IAACC,EAAA,QAAA,CACC,QAAS,CAAE,EAAG,EAAG,IAAK,EAAG,IAAK,CAAE,EAChC,IAAK,GACL,UAAU,oBAET,SAAAV,GAAA,YAAAA,EAAU,IAAKW,GACdC,EAAA,cAACC,sBAAqB,CAAA,GAAGF,EAAS,IAAKA,EAAQ,GAAA,CAAK,EACrD,CACH,EACCF,wBAAAK,EAAAA,IAAA,CAAI,UAAU,cAAc,eAAe,SAAS,EAAE,MACpD,SAAAV,2BAAYW,EAAQ,QAAA,CAAA,OAAQ,GAAI,MAAO,EAAI,CAAA,EAC9C,EACAN,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,uBACb,UAAAT,GAAA,YAAAA,EAAU,UAAW,EACnBS,EAAA,kBAAA,IAAA,OAAA,CAAM,SAAeH,CAAA,CAAA,EAGpBE,yBAAAQ,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAACP,EAAAA,kBAAAA,IAAA,OAAA,CAAM,WAAY,KAAM,CAAA,EACxBD,EAAA,kBAAA,KAAAM,EAAA,IAAA,CAAI,eAAe,SAAS,IAAI,KAC/B,SAAA,CAACL,EAAAA,kBAAAA,IAAA,IAAA,CAAG,0BAAU,MAAO,CAAA,EACrBA,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAP,EAAY,MAAO,CAAA,EAC1BO,EAAAA,kBAAAA,IAAC,QAAM,SAAMR,CAAA,CAAA,EACbQ,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAP,EAAY,GAAI,CAAA,CAAA,CACzB,CAAA,CAAA,CAAA,CACF,CAEJ,CAAA,EACCK,GAAyB,CAACH,IAAWJ,GAAA,YAAAA,EAAU,QAAS,2BACtDc,MAAI,CAAA,eAAe,SAAS,WAAW,SAAS,GAAG,MAClD,SAAAL,EAAAA,kBAAAA,IAACQ,UAAO,QAASd,EAAiB,WAAc,CAClD,CAAA,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs151.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport \"./Slider.scss\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Col, Row } from \"@/components\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  title: string;\n  href?: string;\n};\nexport type SliderType = \"full-image\";\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: ElementType;\n  asLink?: ElementType;\n  timeout?: number;\n  openInNewTab?: boolean;\n  paginationLabel?: string;\n  withShadow?: boolean;\n  gradientColor?: string;\n  type?: SliderType;\n  swiperHeight?: number;\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  slides = [],\n  asLink = \"a\",\n  asImage = \"img\",\n  timeout = 3000,\n  openInNewTab = false,\n  paginationLabel = \"di\",\n  withShadow = true,\n  gradientColor = \"#3d6289\",\n  swiperHeight = 574,\n  /* type = \"full-image\" */\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const [autoplay, setAutoplay] = useState(true);\n  const toggleAutoPlay = () => {\n    setAutoplay(!autoplay);\n  };\n\n  const goNext = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isEnd && !swiper.params.loop) {\n      swiper.slideTo(0);\n    } else {\n      swiper.slideNext();\n    }\n  }, []);\n\n  const goPrev = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isBeginning && !swiper.params.loop) {\n      swiper.slideTo(swiper.slides.length - 1);\n    } else {\n      swiper.slidePrev();\n    }\n  }, []);\n\n  useEffect(() => {\n    const intervalId = autoplay\n      ? setInterval(() => {\n          goNext();\n        }, timeout)\n      : null;\n\n    return () => {\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [autoplay, goNext, timeout]);\n\n  const gradientColorStyle = {\n    \"--gradient\": gradientColor,\n  } as CSSProperties;\n\n  const swiperStyle = {\n    \"--swiper-height\": `${swiperHeight}px`,\n  } as CSSProperties;\n\n  return (\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\n      <div className=\"ui-slider\">\n        <Swiper\n          modules={[Navigation, Pagination, A11y]}\n          slidesPerView={1}\n          autoplay={autoplay}\n          observer={true}\n          observeParents={true}\n          loop={true}\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide key={index}>\n              <ImageComponent\n                src={slide.src}\n                alt={slide.alt}\n                className=\"slider-image\"\n                onLoad={() => swiperRef.current?.update?.()}\n              />\n              <div\n                className={clsx(\"slider-content\", {\n                  \"with-shadow\": withShadow,\n                })}\n                style={gradientColorStyle}\n              >\n                <div className=\"container\">\n                  <div className=\"slider-content-grid\">\n                    <div className=\"category\">\n                      {slide.category && (\n                        <File fillColor=\"#fff\" width={30} height={30} />\n                      )}\n                      {slide.category?.type ?? \" \"}\n                      <p className=\"date\">\n                        {slide.category?.published_at ?? \" \"}\n                      </p>\n                    </div>\n                    <LinkTag\n                      href={slides[currentIndex]?.href || \"\"}\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\n                    >\n                      <h4 className=\"title\">{slide.title}</h4>\n                    </LinkTag>\n                  </div>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n          <Row className=\"pagination\" gap=\"x20\">\n            {slides.length > 1 && (\n              <Row alignItems=\"center\">\n                <ArrowLeft\n                  width={40}\n                  height={40}\n                  onClick={goPrev}\n                  color=\"white\"\n                  className=\"cursor-pointer\"\n                />\n                {autoplay ? (\n                  <Pause\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    className=\"cursor-pointer\"\n                  />\n                ) : (\n                  <PlayVideo\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    color=\"white\"\n                    className=\"cursor-pointer\"\n                  />\n                )}\n              </Row>\n            )}\n\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\n            {slides.length > 1 && (\n              <ArrowLeft\n                width={40}\n                height={40}\n                className=\"next cursor-pointer\"\n                onClick={goNext}\n                color=\"white\"\n              />\n            )}\n          </Row>\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"olBA2CaA,EAAgC,CAAC,CAC5C,OAAAC,EAAS,CAAC,EACV,OAAAC,EAAS,IACT,QAAAC,EAAU,MACV,QAAAC,EAAU,IACV,aAAAC,EAAe,GACf,gBAAAC,EAAkB,KAClB,WAAAC,EAAa,GACb,cAAAC,EAAgB,UAChB,aAAAC,EAAe,GAEjB,IAAM,CACJ,MAAMC,EAAUR,GAAU,IACpBS,EAAiBR,EACjBS,EAAYC,SAAY,IAAI,EAC5B,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,CAAC,EAE5C,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAS,EAAI,EACvCG,EAAiB,IAAM,CAC3BD,EAAY,CAACD,CAAQ,CACvB,EAEMG,EAASC,EAAAA,YAAY,IAAM,CAC3B,GAAA,CAACT,EAAU,QAAS,OACxB,MAAMU,EAASV,EAAU,QACrBU,EAAO,OAAS,CAACA,EAAO,OAAO,KACjCA,EAAO,QAAQ,CAAC,EAEhBA,EAAO,UAAU,CAErB,EAAG,EAAE,EAECC,EAASF,EAAAA,YAAY,IAAM,CAC3B,GAAA,CAACT,EAAU,QAAS,OACxB,MAAMU,EAASV,EAAU,QACrBU,EAAO,aAAe,CAACA,EAAO,OAAO,KACvCA,EAAO,QAAQA,EAAO,OAAO,OAAS,CAAC,EAEvCA,EAAO,UAAU,CAErB,EAAG,EAAE,EAELE,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAaR,EACf,YAAY,IAAM,CACTG,EAAA,CAAA,EACNhB,CAAO,EACV,KAEJ,MAAO,IAAM,CACPqB,iBAA0BA,CAAU,CAC1C,CACC,EAAA,CAACR,EAAUG,EAAQhB,CAAO,CAAC,EAE9B,MAAMsB,EAAqB,CACzB,aAAclB,CAChB,EAEMmB,EAAc,CAClB,kBAAmB,GAAGlB,CAAY,IACpC,EAGE,OAAAmB,EAAA,kBAAA,IAACC,OAAI,UAAU,sCAAsC,MAAOF,EAC1D,SAAAC,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,YACb,SAAAE,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,QAAS,CAACC,EAAYC,EAAYC,CAAI,EACtC,cAAe,EACf,SAAAjB,EACA,SAAU,GACV,eAAgB,GAChB,KAAM,GACN,SAAWK,GAAYV,EAAU,QAAUU,EAC3C,cAAgBA,GAAWP,EAAgBO,EAAO,SAAS,EAC3D,MAAOK,EAEN,SAAA,CAAA1B,EAAO,IAAI,CAACkC,EAAOC,IAAA,2CACjBC,EAAAA,YACC,CAAA,SAAA,CAAAT,EAAA,kBAAA,IAACjB,EAAA,CACC,IAAKwB,EAAM,IACX,IAAKA,EAAM,IACX,UAAU,eACV,OAAQ,IAAA,SAAM,OAAAG,GAAAC,EAAA3B,EAAU,UAAV,YAAA2B,EAAmB,SAAnB,YAAAD,EAAA,KAAAC,GAA4B,CAC5C,EACAX,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWY,OAAK,iBAAkB,CAChC,cAAejC,CAAA,CAChB,EACD,MAAOmB,EAEP,iCAAC,MAAI,CAAA,UAAU,YACb,SAACI,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,WACZ,SAAA,CAAMK,EAAA,kCACJM,EAAAA,KAAK,CAAA,UAAU,OAAO,MAAO,GAAI,OAAQ,EAAI,CAAA,IAE/CF,EAAAJ,EAAM,WAAN,YAAAI,EAAgB,OAAQ,4BACxB,IAAE,CAAA,UAAU,OACV,WAAMD,EAAAH,EAAA,WAAA,YAAAG,EAAU,eAAgB,GACnC,CAAA,CAAA,EACF,EACAV,EAAA,kBAAA,IAAClB,EAAA,CACC,OAAMgC,EAAAzC,EAAOa,CAAY,IAAnB,YAAA4B,EAAsB,OAAQ,GACpC,OAAQrC,EAAe,SAAW,QAElC,SAACuB,EAAAA,kBAAAA,IAAA,KAAA,CAAG,UAAU,QAAS,WAAM,KAAM,CAAA,CAAA,CAAA,CACrC,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CACF,CAAA,EAhCgBQ,CAiClB,EACD,EACAN,EAAA,kBAAA,KAAAa,EAAA,IAAA,CAAI,UAAU,aAAa,IAAI,MAC7B,SAAA,CAAA1C,EAAO,OAAS,GACd6B,EAAA,kBAAA,KAAAa,EAAA,IAAA,CAAI,WAAW,SACd,SAAA,CAAAf,EAAA,kBAAA,IAACgB,EAAA,UAAA,CACC,MAAO,GACP,OAAQ,GACR,QAASrB,EACT,MAAM,QACN,UAAU,gBAAA,CACZ,EACCN,EACCW,EAAA,kBAAA,IAACiB,EAAA,MAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAS1B,EACT,UAAU,gBAAA,CAAA,EAGZS,EAAA,kBAAA,IAACkB,EAAA,UAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAS3B,EACT,MAAM,QACN,UAAU,gBAAA,CAAA,CACZ,EAEJ,EAGFS,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAA,GAAGd,EAAe,CAAC,IAAIR,CAAe,IAAIL,EAAO,MAAM,EAAG,CAAA,EAChEA,EAAO,OAAS,GACf2B,EAAA,kBAAA,IAACgB,EAAA,UAAA,CACC,MAAO,GACP,OAAQ,GACR,UAAU,sBACV,QAASxB,EACT,MAAM,OAAA,CAAA,CACR,CAEJ,CAAA,CAAA,CAAA,GAEJ,CACF,CAAA,CAEJ"}

package/dist/index.cjs152.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs243.js"),u=require("./index.cjs173.js"),a=require("./index.cjs106.js"),d=require("./index.cjs10.js"),r=require("./index.cjs9.js"),m=require("./index.cjs99.js"),p=({title:n,mainTag:s={label:"Tutto",onClick:()=>{},selected:!0},tags:o,showAllHref:i,showAllLabel:c="Scopri tutti tags",onTagClick:l})=>e.jsxRuntimeExports.jsxs(d.Col,{gap:"x28",children:[e.jsxRuntimeExports.jsxs(r.Row,{alignItems:"center",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx("h2",{className:"title text-slate-20 fs-custom fw-bold",children:n}),e.jsxRuntimeExports.jsx(m.Link,{transform:"uppercase",decoration:"fw-semibold text-primary fs-8 mr-x8 text-decoration-none",title:c,src:i??"",icon:u.ArrowRight})]}),e.jsxRuntimeExports.jsx(r.Row,{alignItems:"center",className:"overflow-auto w-auto",gap:"x16",flexWrap:"wrap",children:[{name:s.label,selected:s.selected,onClick:s.onClick},...o].map((t,x)=>e.jsxRuntimeExports.jsx(a.Tag,{mode:"filter",label:t.name??"",onClick:(t==null?void 0:t.onClick)??l,selected:t.selected},x))})]});exports.TagsSection=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/CommunicationContents/CommunicationContents.css');const i=require("./index.cjs244.js"),d=require("react");;/* empty css              */const p=require("./index.cjs271.js"),h=require("./index.cjs134.js"),s=require("./index.cjs9.js"),R=require("./index.cjs196.js"),l=require("./index.cjs28.js");function m({title:c,elements:n=[],total:r,totalLabels:t={first:"Stai visualizzando",middle:"di",end:"elementi"},handleLoadMore:u,loading:x=!1,showMoreTitle:e="Visualizza altro ",noResultsLabel:a="Nessun risultato trovato"}){const j=r>(n==null?void 0:n.length);return i.jsxRuntimeExports.jsxs("section",{className:"communication-contents d-flex section-gap flex-column",children:[i.jsxRuntimeExports.jsx("h2",{className:"title",children:c}),i.jsxRuntimeExports.jsx(p.default,{columns:{0:1,768:2,992:3},gap:24,className:"masonry-component",children:n==null?void 0:n.map(o=>d.createElement(h.AggregationItemCard,{...o,key:o._id}))}),i.jsxRuntimeExports.jsx(s.Row,{className:"w-full-adpt",justifyContent:"center",m:"x12",children:x&&i.jsxRuntimeExports.jsx(R.Spinner,{height:30,width:30})}),i.jsxRuntimeExports.jsx("span",{className:"total-elements-label",children:(n==null?void 0:n.length)===0?i.jsxRuntimeExports.jsx("span",{children:a}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx("span",{children:t.first}),i.jsxRuntimeExports.jsxs(s.Row,{justifyContent:"center",gap:"x4",children:[i.jsxRuntimeExports.jsx("b",{children:n==null?void 0:n.length}),i.jsxRuntimeExports.jsx("span",{children:t.middle}),i.jsxRuntimeExports.jsx("span",{children:r}),i.jsxRuntimeExports.jsx("span",{children:t.end})]})]})}),j&&!x&&(n==null?void 0:n.length)>0&&i.jsxRuntimeExports.jsx(s.Row,{justifyContent:"center",alignItems:"center",mt:"x16",children:i.jsxRuntimeExports.jsx(l.Button,{onClick:u,children:e})})]})}exports.CommunicationContents=m;
 //# sourceMappingURL=index.cjs152.js.map

package/dist/index.cjs152.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs152.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\nimport { ArrowRight } from \"@/icons\";\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\n\nexport type FilterTag = {\n  selected: boolean;\n  onClick?: () => void;\n} & Partial<AggregationPage>;\n\ntype Props = {\n  title: string;\n  showAllLabel?: string;\n  showAllHref?: string;\n  mainTag: {\n    label?: string;\n    onClick?: () => void;\n    selected?: boolean;\n  };\n  tags: Array<FilterTag>;\n  onTagClick: () => void;\n};\n\nexport const TagsSection = ({\n  title,\n  mainTag = {\n    label: \"Tutto\",\n    onClick: () => {},\n    selected: true,\n  },\n  tags,\n  showAllHref,\n  showAllLabel = \"Scopri tutti tags\",\n  onTagClick,\n}: Props) => {\n  return (\n    <Col gap=\"x28\">\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\n        <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\n        <Link\n          transform=\"uppercase\"\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\n          title={showAllLabel}\n          src={showAllHref ?? \"\"}\n          icon={ArrowRight}\n        />\n      </Row>\n\n      <Row\n        alignItems=\"center\"\n        className=\"overflow-auto w-auto\"\n        gap=\"x16\"\n        flexWrap=\"wrap\"\n      >\n        {[\n          {\n            name: mainTag.label,\n            selected: mainTag.selected,\n            onClick: mainTag.onClick,\n          },\n          ...tags,\n        ].map((tag, index) => (\n          <Tag\n            key={index}\n            mode=\"filter\"\n            label={tag.name ?? \"\"}\n            onClick={tag?.onClick ?? onTagClick}\n            selected={tag.selected}\n          />\n        ))}\n      </Row>\n    </Col>\n  );\n};\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":"4QAsBaA,EAAc,CAAC,CAC1B,MAAAC,EACA,QAAAC,EAAU,CACR,MAAO,QACP,QAAS,IAAM,CAAC,EAChB,SAAU,EACZ,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EAAe,oBACf,WAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAI,IAAA,CAAA,IAAI,MACP,SAAA,CAAAD,EAAA,kBAAA,KAACE,EAAI,IAAA,CAAA,WAAW,SAAS,eAAe,gBACtC,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,wCAAyC,SAAMT,EAAA,EAC7DS,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,YACV,WAAW,2DACX,MAAON,EACP,IAAKD,GAAe,GACpB,KAAMQ,EAAAA,UAAA,CAAA,CACR,EACF,EAEAF,EAAA,kBAAA,IAACD,EAAA,IAAA,CACC,WAAW,SACX,UAAU,uBACV,IAAI,MACJ,SAAS,OAER,SAAA,CACC,CACE,KAAMP,EAAQ,MACd,SAAUA,EAAQ,SAClB,QAASA,EAAQ,OACnB,EACA,GAAGC,CACH,EAAA,IAAI,CAACU,EAAKC,IACVJ,EAAA,kBAAA,IAACK,EAAA,IAAA,CAEC,KAAK,SACL,MAAOF,EAAI,MAAQ,GACnB,SAASA,GAAA,YAAAA,EAAK,UAAWP,EACzB,SAAUO,EAAI,QAAA,EAJTC,CAMR,CAAA,CAAA,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs152.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport { AggregationItemCard, Button, Row } from \"../../components\";\nimport \"./CommunicationContents.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  total: number;\n  totalLabels?: {\n    first: string;\n    middle: string;\n    end: string;\n  };\n  loading?: boolean;\n  handleLoadMore: () => void;\n  showMoreTitle?: string;\n  noResultsLabel?: string;\n};\n\nexport function CommunicationContents({\n  title,\n  elements = [],\n  total,\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\n  handleLoadMore,\n  loading = false,\n  showMoreTitle = \"Visualizza altro \",\n  noResultsLabel = \"Nessun risultato trovato\",\n}: CommunicationContentsProps) {\n  const showMoreButtonVisible = total > elements?.length;\n\n  return (\n    <section className=\"communication-contents d-flex section-gap flex-column\">\n      <h2 className=\"title\">{title}</h2>\n      <Masonry\n        columns={{ 0: 1, 768: 2, 992: 3 }}\n        gap={24}\n        className=\"masonry-component\"\n      >\n        {elements?.map((element) => (\n          <AggregationItemCard {...element} key={element._id} />\n        ))}\n      </Masonry>\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\n        {loading && <Spinner height={30} width={30} />}\n      </Row>\n      <span className=\"total-elements-label\">\n        {elements?.length === 0 ? (\n          <span>{noResultsLabel}</span>\n        ) : (\n          <>\n            <span>{totalLabels.first}</span>\n            <Row justifyContent=\"center\" gap=\"x4\">\n              <b>{elements?.length}</b>\n              <span>{totalLabels.middle}</span>\n              <span>{total}</span>\n              <span>{totalLabels.end}</span>\n            </Row>\n          </>\n        )}\n      </span>\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\n        </Row>\n      )}\n    </section>\n  );\n}\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":"mUAqBO,SAASA,EAAsB,CACpC,MAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,MAAAC,EACA,YAAAC,EAAc,CAAE,MAAO,qBAAsB,OAAQ,KAAM,IAAK,UAAW,EAC3E,eAAAC,EACA,QAAAC,EAAU,GACV,cAAAC,EAAgB,oBAChB,eAAAC,EAAiB,0BACnB,EAA+B,CACvB,MAAAC,EAAwBN,GAAQD,GAAA,YAAAA,EAAU,QAG9C,OAAAQ,EAAA,kBAAA,KAAC,UAAQ,CAAA,UAAU,wDACjB,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,QAAS,SAAMV,EAAA,EAC7BU,EAAA,kBAAA,IAACC,EAAA,QAAA,CACC,QAAS,CAAE,EAAG,EAAG,IAAK,EAAG,IAAK,CAAE,EAChC,IAAK,GACL,UAAU,oBAET,SAAAV,GAAA,YAAAA,EAAU,IAAKW,GACdC,EAAA,cAACC,sBAAqB,CAAA,GAAGF,EAAS,IAAKA,EAAQ,GAAA,CAAK,EACrD,CACH,EACCF,wBAAAK,EAAAA,IAAA,CAAI,UAAU,cAAc,eAAe,SAAS,EAAE,MACpD,SAAAV,2BAAYW,EAAQ,QAAA,CAAA,OAAQ,GAAI,MAAO,EAAI,CAAA,EAC9C,EACAN,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,uBACb,UAAAT,GAAA,YAAAA,EAAU,UAAW,EACnBS,EAAA,kBAAA,IAAA,OAAA,CAAM,SAAeH,CAAA,CAAA,EAGpBE,yBAAAQ,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAACP,EAAAA,kBAAAA,IAAA,OAAA,CAAM,WAAY,KAAM,CAAA,EACxBD,EAAA,kBAAA,KAAAM,EAAA,IAAA,CAAI,eAAe,SAAS,IAAI,KAC/B,SAAA,CAACL,EAAAA,kBAAAA,IAAA,IAAA,CAAG,0BAAU,MAAO,CAAA,EACrBA,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAP,EAAY,MAAO,CAAA,EAC1BO,EAAAA,kBAAAA,IAAC,QAAM,SAAMR,CAAA,CAAA,EACbQ,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAP,EAAY,GAAI,CAAA,CAAA,CACzB,CAAA,CAAA,CAAA,CACF,CAEJ,CAAA,EACCK,GAAyB,CAACH,IAAWJ,GAAA,YAAAA,EAAU,QAAS,2BACtDc,MAAI,CAAA,eAAe,SAAS,WAAW,SAAS,GAAG,MAClD,SAAAL,EAAAA,kBAAAA,IAACQ,UAAO,QAASd,EAAiB,WAAc,CAClD,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/index.cjs153.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs243.js"),s=require("./index.cjs135.js"),i=({title:t,searchProps:n})=>e.jsxRuntimeExports.jsxs("section",{className:"d-flex flex-column gap-x28",children:[e.jsxRuntimeExports.jsx("h2",{className:"title text-slate-20 fw-bold fs-2",children:t}),e.jsxRuntimeExports.jsx(s.CommunicationSearch,{...n})]});exports.CommunicationSearchSection=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs244.js"),u=require("./index.cjs174.js"),a=require("./index.cjs106.js"),d=require("./index.cjs10.js"),r=require("./index.cjs9.js"),m=require("./index.cjs99.js"),p=({title:n,mainTag:s={label:"Tutto",onClick:()=>{},selected:!0},tags:o,showAllHref:i,showAllLabel:c="Scopri tutti tags",onTagClick:l})=>e.jsxRuntimeExports.jsxs(d.Col,{gap:"x28",children:[e.jsxRuntimeExports.jsxs(r.Row,{alignItems:"center",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx("h2",{className:"title text-slate-20 fs-custom fw-bold",children:n}),e.jsxRuntimeExports.jsx(m.Link,{transform:"uppercase",decoration:"fw-semibold text-primary fs-8 mr-x8 text-decoration-none",title:c,src:i??"",icon:u.ArrowRight})]}),e.jsxRuntimeExports.jsx(r.Row,{alignItems:"center",className:"overflow-auto w-auto",gap:"x16",flexWrap:"wrap",children:[{name:s.label,selected:s.selected,onClick:s.onClick},...o].map((t,x)=>e.jsxRuntimeExports.jsx(a.Tag,{mode:"filter",label:t.name??"",onClick:(t==null?void 0:t.onClick)??l,selected:t.selected},x))})]});exports.TagsSection=p;
 //# sourceMappingURL=index.cjs153.js.map

package/dist/index.cjs153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs153.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\n\ntype Props = {\n  title: string;\n  tags?: Array<{ title: string; href: string }>;\n  searchProps: CommunicationSearchProps;\n};\n\nexport const CommunicationSearchSection = ({\n  title,\n  /* tags, */\n  searchProps,\n}: Props) => {\n  return (\n    <section className=\"d-flex flex-column gap-x28\">\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":"oJAQaA,EAA6B,CAAC,CACzC,MAAAC,EAEA,YAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,UAAQ,CAAA,UAAU,6BACjB,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,mCAAoC,SAAMH,EAAA,EACxDG,wBAACC,EAAAA,oBAAqB,CAAA,GAAGH,CAAa,CAAA,CAAA,EAExC"}
+{"version":3,"file":"index.cjs153.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\nimport { ArrowRight } from \"@/icons\";\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\n\nexport type FilterTag = {\n  selected: boolean;\n  onClick?: () => void;\n} & Partial<AggregationPage>;\n\ntype Props = {\n  title: string;\n  showAllLabel?: string;\n  showAllHref?: string;\n  mainTag: {\n    label?: string;\n    onClick?: () => void;\n    selected?: boolean;\n  };\n  tags: Array<FilterTag>;\n  onTagClick: () => void;\n};\n\nexport const TagsSection = ({\n  title,\n  mainTag = {\n    label: \"Tutto\",\n    onClick: () => {},\n    selected: true,\n  },\n  tags,\n  showAllHref,\n  showAllLabel = \"Scopri tutti tags\",\n  onTagClick,\n}: Props) => {\n  return (\n    <Col gap=\"x28\">\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\n        <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\n        <Link\n          transform=\"uppercase\"\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\n          title={showAllLabel}\n          src={showAllHref ?? \"\"}\n          icon={ArrowRight}\n        />\n      </Row>\n\n      <Row\n        alignItems=\"center\"\n        className=\"overflow-auto w-auto\"\n        gap=\"x16\"\n        flexWrap=\"wrap\"\n      >\n        {[\n          {\n            name: mainTag.label,\n            selected: mainTag.selected,\n            onClick: mainTag.onClick,\n          },\n          ...tags,\n        ].map((tag, index) => (\n          <Tag\n            key={index}\n            mode=\"filter\"\n            label={tag.name ?? \"\"}\n            onClick={tag?.onClick ?? onTagClick}\n            selected={tag.selected}\n          />\n        ))}\n      </Row>\n    </Col>\n  );\n};\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":"4QAsBaA,EAAc,CAAC,CAC1B,MAAAC,EACA,QAAAC,EAAU,CACR,MAAO,QACP,QAAS,IAAM,CAAC,EAChB,SAAU,EACZ,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EAAe,oBACf,WAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAI,IAAA,CAAA,IAAI,MACP,SAAA,CAAAD,EAAA,kBAAA,KAACE,EAAI,IAAA,CAAA,WAAW,SAAS,eAAe,gBACtC,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,wCAAyC,SAAMT,EAAA,EAC7DS,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,YACV,WAAW,2DACX,MAAON,EACP,IAAKD,GAAe,GACpB,KAAMQ,EAAAA,UAAA,CAAA,CACR,EACF,EAEAF,EAAA,kBAAA,IAACD,EAAA,IAAA,CACC,WAAW,SACX,UAAU,uBACV,IAAI,MACJ,SAAS,OAER,SAAA,CACC,CACE,KAAMP,EAAQ,MACd,SAAUA,EAAQ,SAClB,QAASA,EAAQ,OACnB,EACA,GAAGC,CACH,EAAA,IAAI,CAACU,EAAKC,IACVJ,EAAA,kBAAA,IAACK,EAAA,IAAA,CAEC,KAAK,SACL,MAAOF,EAAI,MAAQ,GACnB,SAASA,GAAA,YAAAA,EAAK,UAAWP,EACzB,SAAUO,EAAI,QAAA,EAJTC,CAMR,CAAA,CAAA,CAAA,CACH,EACF"}

package/dist/index.cjs154.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/TableList/TableList.css');const s=require("./index.cjs243.js");;/* empty css              */const m=require("./index.cjs145.js"),j=require("react"),i=require("./index.cjs244.js"),r=require("./index.cjs54.js"),d=require("./index.cjs10.js");var n=(e=>(e.LEFT="text-left",e.CENTER="text-center",e.RIGHT="text-right",e))(n||{});const E=({title:e,description:t,fontSize:l="2",mdFontSize:c="2",classNameTitle:x,additionalClass:o,variantClassTable:u="text-left",children:a})=>s.jsxRuntimeExports.jsxs(r.Section,{className:i.clsx("base-col ui-table-list-section",o),children:[s.jsxRuntimeExports.jsxs(d.Col,{className:"ui-table-list-content",children:[e&&s.jsxRuntimeExports.jsx(r.Section.Title,{fs:l,mdFs:c,className:x,color:"blue-48",children:e}),t&&s.jsxRuntimeExports.jsx(r.Section.Description,{className:i.clsx("text-slate-28",u),children:typeof t=="string"&&j.isValidElement(t)?t:m.HTML(t.toString(),"div")})]}),a]});exports.TableAlignment=n;exports.TableList=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs244.js"),s=require("./index.cjs135.js"),i=({title:t,searchProps:n})=>e.jsxRuntimeExports.jsxs("section",{className:"d-flex flex-column gap-x28",children:[e.jsxRuntimeExports.jsx("h2",{className:"title text-slate-20 fw-bold fs-2",children:t}),e.jsxRuntimeExports.jsx(s.CommunicationSearch,{...n})]});exports.CommunicationSearchSection=i;
 //# sourceMappingURL=index.cjs154.js.map

package/dist/index.cjs154.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs154.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\nexport enum TableAlignment {\n  LEFT = \"text-left\",\n  CENTER = \"text-center\",\n  RIGHT = \"text-right\",\n}\n\ntype TableListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n}>;\n\nexport const TableList = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  children,\n}: TableListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-list-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n            color={\"blue-48\"}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description\n            className={clsx(\"text-slate-28\", variantClassTable)}\n          >\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","jsxs","Section","clsx","Col","jsx","React","HTML"],"mappings":"qSASY,IAAAA,GAAAA,IACVA,EAAA,KAAO,YACPA,EAAA,OAAS,cACTA,EAAA,MAAQ,aAHEA,IAAAA,GAAA,CAAA,CAAA,EAkBL,MAAMC,EAAY,CAAC,CACxB,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,IACX,WAAAC,EAAa,IACb,eAAAC,EACA,gBAAAC,EACA,kBAAAC,EAAoB,YACpB,SAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAA,QAAA,CACC,UAAWC,EAAAA,KAAK,iCAAkCL,CAAe,EAEjE,SAAA,CAACG,EAAAA,kBAAAA,KAAAG,EAAAA,IAAA,CAAI,UAAU,wBACZ,SAAA,CACCX,GAAAY,EAAA,kBAAA,IAACH,EAAAA,QAAQ,MAAR,CACC,GAAIP,EACJ,KAAMC,EACN,UAAWC,EACX,MAAO,UAEN,SAAAJ,CAAA,CACH,EAEDC,GACCW,EAAA,kBAAA,IAACH,EAAAA,QAAQ,YAAR,CACC,UAAWC,EAAAA,KAAK,gBAAiBJ,CAAiB,EAEjD,SAAO,OAAAL,GAAgB,UACxBY,EAAM,eAAeZ,CAAW,EAC5BA,EACAa,EAAK,KAAAb,EAAY,SAAS,EAAG,KAAK,CAAA,CAAA,CACxC,EAEJ,EACCM,CAAA,CAAA,CACH"}
+{"version":3,"file":"index.cjs154.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\n\ntype Props = {\n  title: string;\n  tags?: Array<{ title: string; href: string }>;\n  searchProps: CommunicationSearchProps;\n};\n\nexport const CommunicationSearchSection = ({\n  title,\n  /* tags, */\n  searchProps,\n}: Props) => {\n  return (\n    <section className=\"d-flex flex-column gap-x28\">\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":"oJAQaA,EAA6B,CAAC,CACzC,MAAAC,EAEA,YAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,UAAQ,CAAA,UAAU,6BACjB,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,mCAAoC,SAAMH,EAAA,EACxDG,wBAACC,EAAAA,oBAAqB,CAAA,GAAGH,CAAa,CAAA,CAAA,EAExC"}

package/dist/index.cjs155.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/TableMobileList/TableMobileList.css');const t=require("./index.cjs243.js");;/* empty css              */const N=require("./index.cjs145.js"),$=require("react"),l=require("./index.cjs244.js"),f=require("./index.cjs154.js"),y=require("./index.cjs74.js"),i=require("./index.cjs54.js"),v=require("./index.cjs10.js"),w=({title:r,description:e,tableJson:s,fontSize:n="2",mdFontSize:o="2",classNameTitle:c,additionalClass:u,variantClassTable:x=f.TableAlignment.LEFT,pagination:m=!0,resultsPerPage:a=5,sortConfig:j,onSortChange:b,totalResults:d,initialCurrentPage:q,serverSidePagination:T,totalItems:E,hasNextPage:R,hasPreviousPage:S,onNextPage:g,onPreviousPage:M,onPageChange:h,setCurrentPage:p,children:L})=>t.jsxRuntimeExports.jsxs(i.Section,{className:l.clsx("base-col ui-table-mobile-list-section",u),children:[t.jsxRuntimeExports.jsxs(v.Col,{className:"ui-table-mobile-list-content",children:[r&&t.jsxRuntimeExports.jsx(i.Section.Title,{fs:n,mdFs:o,className:c,color:"blue-48",children:r}),e&&t.jsxRuntimeExports.jsx(i.Section.Description,{className:l.clsx("text-slate-28",x),children:typeof e=="string"&&$.isValidElement(e)?e:N.HTML(e.toString(),"div")}),s&&s.columns&&s.rows&&t.jsxRuntimeExports.jsx(y.TableMobile,{data:s.rows,columns:s.columns,pagination:m,resultsPerPage:a,sortConfig:j,onSortChange:b,totalResults:d,initialCurrentPage:q,serverSidePagination:T,totalItems:E,hasNextPage:R,hasPreviousPage:S,onNextPage:g,onPreviousPage:M,onPageChange:h,setCurrentPage:p})]}),L]});exports.TableMobileList=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/TableList/TableList.css');const s=require("./index.cjs244.js");;/* empty css              */const m=require("./index.cjs146.js"),j=require("react"),i=require("./index.cjs246.js"),r=require("./index.cjs54.js"),d=require("./index.cjs10.js");var n=(e=>(e.LEFT="text-left",e.CENTER="text-center",e.RIGHT="text-right",e))(n||{});const E=({title:e,description:t,fontSize:l="2",mdFontSize:c="2",classNameTitle:x,additionalClass:o,variantClassTable:u="text-left",children:a})=>s.jsxRuntimeExports.jsxs(r.Section,{className:i.clsx("base-col ui-table-list-section",o),children:[s.jsxRuntimeExports.jsxs(d.Col,{className:"ui-table-list-content",children:[e&&s.jsxRuntimeExports.jsx(r.Section.Title,{fs:l,mdFs:c,className:x,color:"blue-48",children:e}),t&&s.jsxRuntimeExports.jsx(r.Section.Description,{className:i.clsx("text-slate-28",u),children:typeof t=="string"&&j.isValidElement(t)?t:m.HTML(t.toString(),"div")})]}),a]});exports.TableAlignment=n;exports.TableList=E;
 //# sourceMappingURL=index.cjs155.js.map