@anoki/fse-ui 2.3.0-5-SNAPSHOT3 → 2.3.0-5-SNAPSHOT4

package/dist/index.cjs143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs143.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { Col, EntryButton } from \"@/components\";\nimport \"./Login.scss\";\nimport { Config } from \"@/utils/config.ts\";\n\nexport type LoginProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  loginTitle: string;\n  loginDescription: React.ReactNode;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  buttonHref: string;\n  asImage?: \"img\";\n  region?: Config[\"REGION\"];\n  authSrc?: string;\n};\n\nexport const Login = ({\n  title,\n  description,\n  loginTitle,\n  loginDescription,\n  buttonLabel,\n  buttonAriaLabel,\n  buttonHref,\n  asImage = \"img\",\n  region = \"marche\",\n  authSrc = \"\",\n}: LoginProps) => {\n  const ImageComponent = asImage;\n\n  console.log(region);\n\n  return (\n    <Section className=\"base-col ui-login-section\">\n      <Col className=\"ui-login-content\">\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\n          {title}\n        </Section.Title>\n        {description && (\n          <Section.Description className=\"ui-login-description\">\n            {description}\n          </Section.Description>\n        )}\n      </Col>\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\n        <Col gap={\"x16\"}>\n          <h1 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h1>\n          <Section.Description>{loginDescription}</Section.Description>\n          <EntryButton\n            // showIcon={region === \"marche\"}\n            ariaLabel={buttonAriaLabel}\n            href={buttonHref}\n          >\n            {buttonLabel}\n          </EntryButton>\n        </Col>\n\n        <div className=\"ui-login-body-img h-full\">\n          <ImageComponent\n            src={authSrc}\n            alt=\"\"\n            aria-hidden=\"true\"\n            width={246}\n            height={746}\n          />\n        </div>\n      </div>\n    </Section>\n  );\n};\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":"mPAkBaA,EAAQ,CAAC,CACpB,MAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,QAAAC,EAAU,MACV,OAAAC,EAAS,SACT,QAAAC,EAAU,EACZ,IAAkB,CAChB,MAAMC,EAAiBH,EAEvB,eAAQ,IAAIC,CAAM,EAGhBG,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CAAQ,UAAU,4BACjB,SAAA,CAAAD,EAAAA,kBAAAA,KAACE,EAAAA,IAAA,CAAI,UAAU,mBACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACF,EAAAA,QAAQ,MAAR,CAAc,GAAG,IAAI,UAAU,yBAAyB,KAAK,IAC3D,SAAAZ,CAAA,CACH,EACCC,GACCa,EAAAA,kBAAAA,IAACF,EAAAA,QAAQ,YAAR,CAAoB,UAAU,uBAC5B,SAAAX,CAAA,CACH,CAAA,EAEJ,EACAU,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAA,EAAAA,kBAAAA,KAACE,EAAAA,IAAA,CAAI,IAAK,MACR,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,yCACX,SAAAZ,EACH,EACAY,EAAAA,kBAAAA,IAACF,EAAAA,QAAQ,YAAR,CAAqB,SAAAT,CAAA,CAAiB,EACvCW,EAAAA,kBAAAA,IAACC,EAAAA,YAAA,CAEC,UAAWV,EACX,KAAMC,EAEL,SAAAF,CAAA,CAAA,CACH,EACF,EAEAU,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,2BACb,SAAAA,EAAAA,kBAAAA,IAACJ,EAAA,CACC,IAAKD,EACL,IAAI,GACJ,cAAY,OACZ,MAAO,IACP,OAAQ,GAAA,CAAA,CACV,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs143.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { Col, EntryButton } from \"@/components\";\r\nimport \"./Login.scss\";\r\nimport { Config } from \"@/utils/config.ts\";\r\n\r\nexport type LoginProps = {\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  loginTitle: string;\r\n  loginDescription: React.ReactNode;\r\n  buttonLabel: string;\r\n  buttonAriaLabel: string;\r\n  buttonHref: string;\r\n  asImage?: \"img\";\r\n  region?: Config[\"REGION\"];\r\n  authSrc?: string;\r\n};\r\n\r\nexport const Login = ({\r\n  title,\r\n  description,\r\n  loginTitle,\r\n  loginDescription,\r\n  buttonLabel,\r\n  buttonAriaLabel,\r\n  buttonHref,\r\n  asImage = \"img\",\r\n  region = \"marche\",\r\n  authSrc = \"\",\r\n}: LoginProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  console.log(region);\r\n\r\n  return (\r\n    <Section className=\"base-col ui-login-section\">\r\n      <Col className=\"ui-login-content\">\r\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\r\n          {title}\r\n        </Section.Title>\r\n        {description && (\r\n          <Section.Description className=\"ui-login-description\">\r\n            {description}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\r\n        <Col gap={\"x16\"}>\r\n          <h1 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\r\n            {loginTitle}\r\n          </h1>\r\n          <Section.Description>{loginDescription}</Section.Description>\r\n          <EntryButton\r\n            // showIcon={region === \"marche\"}\r\n            ariaLabel={buttonAriaLabel}\r\n            href={buttonHref}\r\n          >\r\n            {buttonLabel}\r\n          </EntryButton>\r\n        </Col>\r\n\r\n        <div className=\"ui-login-body-img h-full\">\r\n          <ImageComponent\r\n            src={authSrc}\r\n            alt=\"\"\r\n            aria-hidden=\"true\"\r\n            width={246}\r\n            height={746}\r\n          />\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":"mPAkBaA,EAAQ,CAAC,CACpB,MAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,QAAAC,EAAU,MACV,OAAAC,EAAS,SACT,QAAAC,EAAU,EACZ,IAAkB,CAChB,MAAMC,EAAiBH,EAEvB,eAAQ,IAAIC,CAAM,EAGhBG,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CAAQ,UAAU,4BACjB,SAAA,CAAAD,EAAAA,kBAAAA,KAACE,EAAAA,IAAA,CAAI,UAAU,mBACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACF,EAAAA,QAAQ,MAAR,CAAc,GAAG,IAAI,UAAU,yBAAyB,KAAK,IAC3D,SAAAZ,CAAA,CACH,EACCC,GACCa,EAAAA,kBAAAA,IAACF,EAAAA,QAAQ,YAAR,CAAoB,UAAU,uBAC5B,SAAAX,CAAA,CACH,CAAA,EAEJ,EACAU,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAA,EAAAA,kBAAAA,KAACE,EAAAA,IAAA,CAAI,IAAK,MACR,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,yCACX,SAAAZ,EACH,EACAY,EAAAA,kBAAAA,IAACF,EAAAA,QAAQ,YAAR,CAAqB,SAAAT,CAAA,CAAiB,EACvCW,EAAAA,kBAAAA,IAACC,EAAAA,YAAA,CAEC,UAAWV,EACX,KAAMC,EAEL,SAAAF,CAAA,CAAA,CACH,EACF,EAEAU,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,2BACb,SAAAA,EAAAA,kBAAAA,IAACJ,EAAA,CACC,IAAKD,EACL,IAAI,GACJ,cAAY,OACZ,MAAO,IACP,OAAQ,GAAA,CAAA,CACV,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/index.cjs144.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/HomeServices/HomeServices.css');const s=require("./index.cjs241.js"),h=require("./index.cjs123.js"),E=require("./index.cjs242.js"),u=require("./index.cjs245.js"),g=require("react"),v=require("./index.cjs146.js");;/* empty css              */const R=require("./index.cjs25.js"),S=require("./index.cjs36.js"),T=require("./index.cjs61.js"),o={LayoutOne:"LayoutOne",LayoutTwo:"LayoutTwo",LayoutThree:"LayoutThree",LayoutFour:"LayoutFour"},q=({title:i,description:p,goToLabel:x,href:l,asLink:d="a",items:n,layout:a=o.LayoutOne,className:L,showBlueBackground:y=!1})=>{const j=a===o.LayoutOne?"ui-home-services-layout-one":a===o.LayoutTwo?"ui-home-services-layout-two":a===o.LayoutThree?"ui-home-services-layout-three":a===o.LayoutFour?"ui-home-services-layout-four":"",c=g.useMemo(()=>{switch(a){case o.LayoutOne:return n.map((e,r)=>{const t=r!==0;return{...u.lodashExports.omit(e,t?["image"]:[])}});case o.LayoutTwo:return n.map(e=>({...u.lodashExports.omit(e,[])}));case o.LayoutThree:return n.map((e,r)=>{const t=r!==0;return{...u.lodashExports.omit(e,t?["image"]:[])}});case o.LayoutFour:return n.map((e,r)=>{const t=r!==2;return{...u.lodashExports.omit(e,t?["image"]:[])}});default:return n}},[n,a]);return s.jsxRuntimeExports.jsxs(h.Section,{className:E.clsx("base-col ui-home-services-section",L,y?"blue-background":""),children:[s.jsxRuntimeExports.jsx(T.Col,{className:"ui-home-services-section-content",children:s.jsxRuntimeExports.jsx(h.SectionHeading,{title:i,description:s.jsxRuntimeExports.jsx(v.RichText,{description:p}),className:"ui-home-services-section-title",color:"slate-20",mdFs:"1",titleMarginBottom:"mb-x0",descriptionMarginBottom:"mb-x0",children:x&&l&&s.jsxRuntimeExports.jsx(R.ArrowLink,{href:l,asLink:d,fs:"7",children:x.toUpperCase()})})}),s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:`list-style-none ${j}`,children:c==null?void 0:c.map((e,r)=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx(S.CardCategory,{title:e==null?void 0:e.name,description:e==null?void 0:e.description,image:e==null?void 0:e.image,href:(e==null?void 0:e.link)||(e==null?void 0:e.externalLink),showIcon:e==null?void 0:e.externalLink,asLink:d,isExternal:e==null?void 0:e.externalLink},[e._id,r].join("-"))},[e._id,r].join("-")))})]})};exports.HOME_SERVICES_LAYOUTS=o;exports.HomeServices=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/HomeServices/HomeServices.css');const s=require("./index.cjs241.js"),h=require("./index.cjs123.js"),E=require("./index.cjs243.js"),u=require("./index.cjs244.js"),g=require("react"),v=require("./index.cjs146.js");;/* empty css              */const R=require("./index.cjs25.js"),S=require("./index.cjs36.js"),T=require("./index.cjs61.js"),o={LayoutOne:"LayoutOne",LayoutTwo:"LayoutTwo",LayoutThree:"LayoutThree",LayoutFour:"LayoutFour"},q=({title:i,description:p,goToLabel:x,href:l,asLink:d="a",items:n,layout:a=o.LayoutOne,className:L,showBlueBackground:y=!1})=>{const j=a===o.LayoutOne?"ui-home-services-layout-one":a===o.LayoutTwo?"ui-home-services-layout-two":a===o.LayoutThree?"ui-home-services-layout-three":a===o.LayoutFour?"ui-home-services-layout-four":"",c=g.useMemo(()=>{switch(a){case o.LayoutOne:return n.map((e,r)=>{const t=r!==0;return{...u.lodashExports.omit(e,t?["image"]:[])}});case o.LayoutTwo:return n.map(e=>({...u.lodashExports.omit(e,[])}));case o.LayoutThree:return n.map((e,r)=>{const t=r!==0;return{...u.lodashExports.omit(e,t?["image"]:[])}});case o.LayoutFour:return n.map((e,r)=>{const t=r!==2;return{...u.lodashExports.omit(e,t?["image"]:[])}});default:return n}},[n,a]);return s.jsxRuntimeExports.jsxs(h.Section,{className:E.clsx("base-col ui-home-services-section",L,y?"blue-background":""),children:[s.jsxRuntimeExports.jsx(T.Col,{className:"ui-home-services-section-content",children:s.jsxRuntimeExports.jsx(h.SectionHeading,{title:i,description:s.jsxRuntimeExports.jsx(v.RichText,{description:p}),className:"ui-home-services-section-title",color:"slate-20",mdFs:"1",titleMarginBottom:"mb-x0",descriptionMarginBottom:"mb-x0",children:x&&l&&s.jsxRuntimeExports.jsx(R.ArrowLink,{href:l,asLink:d,fs:"7",children:x.toUpperCase()})})}),s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:`list-style-none ${j}`,children:c==null?void 0:c.map((e,r)=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx(S.CardCategory,{title:e==null?void 0:e.name,description:e==null?void 0:e.description,image:e==null?void 0:e.image,href:(e==null?void 0:e.link)||(e==null?void 0:e.externalLink),showIcon:e==null?void 0:e.externalLink,asLink:d,isExternal:e==null?void 0:e.externalLink},[e._id,r].join("-"))},[e._id,r].join("-")))})]})};exports.HOME_SERVICES_LAYOUTS=o;exports.HomeServices=q;
 //# sourceMappingURL=index.cjs144.js.map

package/dist/index.cjs144.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs144.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { ArrowLink, CardCategory, Col } from \"@/components\";\nimport { Section, SectionHeading } from \"@/components/ui/Section\";\nimport clsx from \"clsx\";\nimport { omit } from \"lodash\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./HomeServices.scss\";\n\nexport const HOME_SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n} as const;\n\ntype Layout =\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\n\nexport type AggregationItemsProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: Layout;\n  className?: string;\n  showBlueBackground?: boolean;\n};\n\nexport const HomeServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\n  className,\n  showBlueBackground = false,\n}: AggregationItemsProps) => {\n  const layoutClassName =\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\n      ? \"ui-home-services-layout-one\"\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\n        ? \"ui-home-services-layout-two\"\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\n          ? \"ui-home-services-layout-three\"\n          : layout === HOME_SERVICES_LAYOUTS.LayoutFour\n            ? \"ui-home-services-layout-four\"\n            : \"\";\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item) => {\n          const removeImage = false;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 2;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section\n      className={clsx(\n        \"base-col ui-home-services-section\",\n        className,\n        showBlueBackground ? \"blue-background\" : \"\",\n      )}\n    >\n      <Col className=\"ui-home-services-section-content\">\n        <SectionHeading\n          title={title}\n          description={<RichText description={description}></RichText>}\n          className=\"ui-home-services-section-title\"\n          color=\"slate-20\"\n          mdFs=\"1\"\n          titleMarginBottom=\"mb-x0\"\n          descriptionMarginBottom=\"mb-x0\"\n        >\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </SectionHeading>\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item, index) => {\n          return (\n            <li key={[item._id, index].join(\"-\")}>\n              <CardCategory\n                key={[item._id, index].join(\"-\")}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","jsx","Col","SectionHeading","RichText","ArrowLink","CardCategory"],"mappings":"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"}
+{"version":3,"file":"index.cjs144.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { ArrowLink, CardCategory, Col } from \"@/components\";\r\nimport { Section, SectionHeading } from \"@/components/ui/Section\";\r\nimport clsx from \"clsx\";\r\nimport { omit } from \"lodash\";\r\nimport { ComponentType, ReactNode, useMemo } from \"react\";\r\nimport { RichText } from \"../RichText\";\r\nimport \"./HomeServices.scss\";\r\n\r\nexport const HOME_SERVICES_LAYOUTS = {\r\n  LayoutOne: \"LayoutOne\",\r\n  LayoutTwo: \"LayoutTwo\",\r\n  LayoutThree: \"LayoutThree\",\r\n  LayoutFour: \"LayoutFour\",\r\n} as const;\r\n\r\ntype Layout =\r\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\r\n\r\nexport type AggregationItemsProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  layout?: Layout;\r\n  className?: string;\r\n  showBlueBackground?: boolean;\r\n};\r\n\r\nexport const HomeServices = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\r\n  className,\r\n  showBlueBackground = false,\r\n}: AggregationItemsProps) => {\r\n  const layoutClassName =\r\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\r\n      ? \"ui-home-services-layout-one\"\r\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\r\n        ? \"ui-home-services-layout-two\"\r\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\r\n          ? \"ui-home-services-layout-three\"\r\n          : layout === HOME_SERVICES_LAYOUTS.LayoutFour\r\n            ? \"ui-home-services-layout-four\"\r\n            : \"\";\r\n\r\n  const itemsNormalized = useMemo(() => {\r\n    switch (layout) {\r\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\r\n        return items.map((item) => {\r\n          const removeImage = false;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 2;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      default:\r\n        return items;\r\n    }\r\n  }, [items, layout]);\r\n\r\n  return (\r\n    <Section\r\n      className={clsx(\r\n        \"base-col ui-home-services-section\",\r\n        className,\r\n        showBlueBackground ? \"blue-background\" : \"\",\r\n      )}\r\n    >\r\n      <Col className=\"ui-home-services-section-content\">\r\n        <SectionHeading\r\n          title={title}\r\n          description={<RichText description={description}></RichText>}\r\n          className=\"ui-home-services-section-title\"\r\n          color=\"slate-20\"\r\n          mdFs=\"1\"\r\n          titleMarginBottom=\"mb-x0\"\r\n          descriptionMarginBottom=\"mb-x0\"\r\n        >\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </SectionHeading>\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {itemsNormalized?.map((item, index) => {\r\n          return (\r\n            <li key={[item._id, index].join(\"-\")}>\r\n              <CardCategory\r\n                key={[item._id, index].join(\"-\")}\r\n                title={item?.name}\r\n                description={item?.description}\r\n                image={item?.image}\r\n                href={item?.link || item?.externalLink}\r\n                showIcon={item?.externalLink}\r\n                asLink={asLink}\r\n                isExternal={item?.externalLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","jsx","Col","SectionHeading","RichText","ArrowLink","CardCategory"],"mappings":"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"}

package/dist/index.cjs145.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/WhatDoYouNeed/WhatDoYouNeed.css');const e=require("./index.cjs241.js"),x=require("./index.cjs242.js"),l=require("./index.cjs146.js");;/* empty css              */const n=require("./index.cjs123.js"),m=require("./index.cjs61.js"),j=require("./index.cjs32.js"),h=({title:o,description:r,links:t,asLink:a="a",showBlueBackground:u=!1})=>e.jsxRuntimeExports.jsxs(n.Section,{className:`base-col ui-what-do-you-need-section ${u?"blue-background":""}`,children:[e.jsxRuntimeExports.jsx(m.Col,{className:"ui-what-do-you-need-content",children:e.jsxRuntimeExports.jsx(n.SectionHeading,{title:o,fs:"2",mdFs:"1",color:"slate-20",titleMarginBottom:"0",descriptionMarginBottom:"0",description:r?e.jsxRuntimeExports.jsx(l.RichText,{description:r}):void 0})}),e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${o}`,className:x.clsx("list-style-none ui-what-do-you-need-links",t.length<4?"row":"grid"),children:t==null?void 0:t.map(({link:s,title:c,isNewTab:i},d)=>e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(j.Button,{asLink:a,href:s,size:"2",variant:d>0?"secondary":"primary",target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,children:c})},s))})]});exports.WhatDoYouNeed=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/WhatDoYouNeed/WhatDoYouNeed.css');const e=require("./index.cjs241.js"),x=require("./index.cjs243.js"),l=require("./index.cjs146.js");;/* empty css              */const n=require("./index.cjs123.js"),m=require("./index.cjs61.js"),j=require("./index.cjs32.js"),h=({title:o,description:r,links:t,asLink:a="a",showBlueBackground:u=!1})=>e.jsxRuntimeExports.jsxs(n.Section,{className:`base-col ui-what-do-you-need-section ${u?"blue-background":""}`,children:[e.jsxRuntimeExports.jsx(m.Col,{className:"ui-what-do-you-need-content",children:e.jsxRuntimeExports.jsx(n.SectionHeading,{title:o,fs:"2",mdFs:"1",color:"slate-20",titleMarginBottom:"0",descriptionMarginBottom:"0",description:r?e.jsxRuntimeExports.jsx(l.RichText,{description:r}):void 0})}),e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${o}`,className:x.clsx("list-style-none ui-what-do-you-need-links",t.length<4?"row":"grid"),children:t==null?void 0:t.map(({link:s,title:c,isNewTab:i},d)=>e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(j.Button,{asLink:a,href:s,size:"2",variant:d>0?"secondary":"primary",target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,children:c})},s))})]});exports.WhatDoYouNeed=h;
 //# sourceMappingURL=index.cjs145.js.map

package/dist/index.cjs145.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs145.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section, SectionHeading } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport clsx from \"clsx\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./WhatDoYouNeed.scss\";\n\ntype WhatDoYouNeedProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links: EnhancedSectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  showBlueBackground?: boolean;\n}>;\n\ntype EnhancedSectionLink = SectionLink & {\n  isNewTab?: boolean;\n};\n\nexport const WhatDoYouNeed = ({\n  title,\n  description,\n  links,\n  asLink = \"a\",\n  showBlueBackground = false,\n}: WhatDoYouNeedProps) => {\n  return (\n    <Section\n      className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}\n    >\n      <Col className=\"ui-what-do-you-need-content\">\n        <SectionHeading\n          title={title}\n          fs=\"2\"\n          mdFs=\"1\"\n          color=\"slate-20\"\n          titleMarginBottom=\"0\"\n          descriptionMarginBottom=\"0\"\n          description={description ? <RichText description={description}></RichText> : undefined}\n        />\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={clsx(\n          \"list-style-none ui-what-do-you-need-links\",\n          links.length < 4 ? \"row\" : \"grid\",\n        )}\n      >\n        {links?.map(({ link, title, isNewTab }, index) => (\n          <li key={link}>\n            <Button\n              asLink={asLink}\n              href={link}\n              size=\"2\"\n              variant={index > 0 ? \"secondary\" : \"primary\"}\n              // textColor={index > 0 ? \"primary\" : undefined}\n              // bg={index > 0 ? \"white\" : undefined}\n              // className={index > 0 ? \"br-color-primary\" : undefined}\n              target={isNewTab ? \"_blank\" : undefined}\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\n            >\n              {title}\n            </Button>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","jsxs","Section","jsx","Col","SectionHeading","RichText","clsx","link","isNewTab","index","Button"],"mappings":"iTAmBaA,EAAgB,CAAC,CAC5B,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EAAS,IACT,mBAAAC,EAAqB,EACvB,IAEIC,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CACC,UAAW,wCAAwCF,EAAqB,kBAAoB,EAAE,GAE9F,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CAAI,UAAU,8BACb,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,eAAA,CACC,MAAAT,EACA,GAAG,IACH,KAAK,IACL,MAAM,WACN,kBAAkB,IAClB,wBAAwB,IACxB,YAAaC,EAAcM,EAAAA,kBAAAA,IAACG,EAAAA,SAAA,CAAS,YAAAT,EAA0B,EAAc,MAAA,CAAA,EAEjF,EACAM,EAAAA,kBAAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYP,CAAK,GAC7B,UAAWW,EAAAA,KACT,4CACAT,EAAM,OAAS,EAAI,MAAQ,MAAA,EAG5B,SAAAA,GAAA,YAAAA,EAAO,IAAI,CAAC,CAAE,KAAAU,EAAM,MAAAZ,EAAO,SAAAa,CAAA,EAAYC,IACtCP,EAAAA,kBAAAA,IAAC,KAAA,CACC,SAAAA,EAAAA,kBAAAA,IAACQ,EAAAA,OAAA,CACC,OAAAZ,EACA,KAAMS,EACN,KAAK,IACL,QAASE,EAAQ,EAAI,YAAc,UAInC,OAAQD,EAAW,SAAW,OAC9B,IAAKA,EAAW,sBAAwB,OAEvC,SAAAb,CAAA,CAAA,CACH,EAbOY,CAcT,EACD,CAAA,CACH,CAAA,CAAA"}
+{"version":3,"file":"index.cjs145.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section, SectionHeading } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\r\nimport { RichText } from \"../RichText\";\r\nimport \"./WhatDoYouNeed.scss\";\r\n\r\ntype WhatDoYouNeedProps = PropsWithChildren<{\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  links: EnhancedSectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  showBlueBackground?: boolean;\r\n}>;\r\n\r\ntype EnhancedSectionLink = SectionLink & {\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport const WhatDoYouNeed = ({\r\n  title,\r\n  description,\r\n  links,\r\n  asLink = \"a\",\r\n  showBlueBackground = false,\r\n}: WhatDoYouNeedProps) => {\r\n  return (\r\n    <Section\r\n      className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}\r\n    >\r\n      <Col className=\"ui-what-do-you-need-content\">\r\n        <SectionHeading\r\n          title={title}\r\n          fs=\"2\"\r\n          mdFs=\"1\"\r\n          color=\"slate-20\"\r\n          titleMarginBottom=\"0\"\r\n          descriptionMarginBottom=\"0\"\r\n          description={description ? <RichText description={description}></RichText> : undefined}\r\n        />\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={clsx(\r\n          \"list-style-none ui-what-do-you-need-links\",\r\n          links.length < 4 ? \"row\" : \"grid\",\r\n        )}\r\n      >\r\n        {links?.map(({ link, title, isNewTab }, index) => (\r\n          <li key={link}>\r\n            <Button\r\n              asLink={asLink}\r\n              href={link}\r\n              size=\"2\"\r\n              variant={index > 0 ? \"secondary\" : \"primary\"}\r\n              // textColor={index > 0 ? \"primary\" : undefined}\r\n              // bg={index > 0 ? \"white\" : undefined}\r\n              // className={index > 0 ? \"br-color-primary\" : undefined}\r\n              target={isNewTab ? \"_blank\" : undefined}\r\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\r\n            >\r\n              {title}\r\n            </Button>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","jsxs","Section","jsx","Col","SectionHeading","RichText","clsx","link","isNewTab","index","Button"],"mappings":"iTAmBaA,EAAgB,CAAC,CAC5B,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EAAS,IACT,mBAAAC,EAAqB,EACvB,IAEIC,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CACC,UAAW,wCAAwCF,EAAqB,kBAAoB,EAAE,GAE9F,SAAA,CAAAG,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CAAI,UAAU,8BACb,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,eAAA,CACC,MAAAT,EACA,GAAG,IACH,KAAK,IACL,MAAM,WACN,kBAAkB,IAClB,wBAAwB,IACxB,YAAaC,EAAcM,EAAAA,kBAAAA,IAACG,EAAAA,SAAA,CAAS,YAAAT,EAA0B,EAAc,MAAA,CAAA,EAEjF,EACAM,EAAAA,kBAAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYP,CAAK,GAC7B,UAAWW,EAAAA,KACT,4CACAT,EAAM,OAAS,EAAI,MAAQ,MAAA,EAG5B,SAAAA,GAAA,YAAAA,EAAO,IAAI,CAAC,CAAE,KAAAU,EAAM,MAAAZ,EAAO,SAAAa,CAAA,EAAYC,IACtCP,EAAAA,kBAAAA,IAAC,KAAA,CACC,SAAAA,EAAAA,kBAAAA,IAACQ,EAAAA,OAAA,CACC,OAAAZ,EACA,KAAMS,EACN,KAAK,IACL,QAASE,EAAQ,EAAI,YAAc,UAInC,OAAQD,EAAW,SAAW,OAC9B,IAAKA,EAAW,sBAAwB,OAEvC,SAAAb,CAAA,CAAA,CACH,EAbOY,CAcT,EACD,CAAA,CACH,CAAA,CAAA"}

package/dist/index.cjs146.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/RichText/RichText.css');const e=require("./index.cjs241.js"),s=require("react");;/* empty css              */const x=require("./index.cjs151.js"),a=require("./index.cjs242.js"),i=require("./index.cjs123.js"),y=require("./index.cjs61.js"),T=({title:l,description:t,fontSize:d="2",mdFontSize:m="2",classNameTitle:h,additionalClass:j,children:g,maxLines:r=void 0,useShowToggle:f=!0})=>{const[n,R]=s.useState(typeof r=="number"),[u,E]=s.useState(!1),o=s.useRef(null),p=()=>{R(!n)};s.useLayoutEffect(()=>{const c=()=>{if(o.current){const{scrollHeight:b,clientHeight:v}=o.current;E(b>v)}};return c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[t,r]);const S=s.useMemo(()=>t?typeof t=="string"&&s.isValidElement(t)||!r?x.HTML(t.toString(),"div"):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{ref:o,className:a.clsx("rich-text-body",n&&"rich-text-body--clamped"),style:{"--max-lines":r},children:x.HTML(t.toString(),"div")}),f&&u&&e.jsxRuntimeExports.jsxs("a",{"aria-label":"Mostra altro",className:"toggle-clamped-btn",onClick:p,children:["Mostra ",n?"altro":"meno"]})]}):null,[t,n,r,u]);return e.jsxRuntimeExports.jsxs(i.Section,{className:a.clsx("base-col ui-rich-text-section",j),children:[e.jsxRuntimeExports.jsxs(y.Col,{className:"ui-rich-text-content",children:[l&&e.jsxRuntimeExports.jsx(i.Section.Title,{fs:d,mdFs:m,className:h,children:l}),e.jsxRuntimeExports.jsx(i.Section.Description,{children:S})]}),g]})};exports.RichText=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/RichText/RichText.css');const e=require("./index.cjs241.js"),s=require("react");;/* empty css              */const x=require("./index.cjs151.js"),a=require("./index.cjs243.js"),i=require("./index.cjs123.js"),y=require("./index.cjs61.js"),T=({title:l,description:t,fontSize:d="2",mdFontSize:m="2",classNameTitle:h,additionalClass:j,children:g,maxLines:r=void 0,useShowToggle:f=!0})=>{const[n,R]=s.useState(typeof r=="number"),[u,E]=s.useState(!1),o=s.useRef(null),p=()=>{R(!n)};s.useLayoutEffect(()=>{const c=()=>{if(o.current){const{scrollHeight:b,clientHeight:v}=o.current;E(b>v)}};return c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[t,r]);const S=s.useMemo(()=>t?typeof t=="string"&&s.isValidElement(t)||!r?x.HTML(t.toString(),"div"):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{ref:o,className:a.clsx("rich-text-body",n&&"rich-text-body--clamped"),style:{"--max-lines":r},children:x.HTML(t.toString(),"div")}),f&&u&&e.jsxRuntimeExports.jsxs("a",{"aria-label":"Mostra altro",className:"toggle-clamped-btn",onClick:p,children:["Mostra ",n?"altro":"meno"]})]}):null,[t,n,r,u]);return e.jsxRuntimeExports.jsxs(i.Section,{className:a.clsx("base-col ui-rich-text-section",j),children:[e.jsxRuntimeExports.jsxs(y.Col,{className:"ui-rich-text-content",children:[l&&e.jsxRuntimeExports.jsx(i.Section.Title,{fs:d,mdFs:m,className:h,children:l}),e.jsxRuntimeExports.jsx(i.Section.Description,{children:S})]}),g]})};exports.RichText=T;
 //# sourceMappingURL=index.cjs146.js.map

package/dist/index.cjs146.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs146.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType, useMemo } from \"react\";\nimport \"./RichText.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\ntype RichTextProps = 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  maxLines?: number;\n  useShowToggle?: boolean;\n}>;\n\nexport const RichText = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  children,\n  maxLines = undefined,\n  useShowToggle = true,\n}: RichTextProps) => {\n  const [clamped, setClamped] = React.useState<boolean>(\n    typeof maxLines === \"number\",\n  );\n  const [showToggle, setShowToggle] = React.useState(false);\n\n  const contentRef = React.useRef<HTMLDivElement>(null);\n\n  const toggleClamped = () => {\n    setClamped(!clamped);\n  };\n\n  React.useLayoutEffect(() => {\n    const checkOverflow = () => {\n      if (contentRef.current) {\n        const { scrollHeight, clientHeight } = contentRef.current;\n        setShowToggle(scrollHeight > clientHeight);\n      }\n    };\n\n    checkOverflow();\n\n    window.addEventListener(\"resize\", checkOverflow);\n    return () => window.removeEventListener(\"resize\", checkOverflow);\n  }, [description, maxLines]);\n\n  const body = useMemo(() => {\n    if (!description) return null;\n    if (\n      (typeof description === \"string\" && React.isValidElement(description)) ||\n      !maxLines\n    ) {\n      return HTML(description.toString(), \"div\");\n    } else {\n      return (\n        <>\n          <div\n            ref={contentRef}\n            className={clsx(\n              \"rich-text-body\",\n              clamped && \"rich-text-body--clamped\",\n            )}\n            style={{ \"--max-lines\": maxLines } as React.CSSProperties}\n          >\n            {HTML(description.toString(), \"div\")}\n          </div>\n\n          {useShowToggle && showToggle && (\n            <a\n              aria-label=\"Mostra altro\"\n              className=\"toggle-clamped-btn\"\n              onClick={toggleClamped}\n            >\n              Mostra {clamped ? \"altro\" : \"meno\"}\n            </a>\n          )}\n        </>\n      );\n    }\n  }, [description, clamped, maxLines, showToggle]);\n\n  return (\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\n      <Col className=\"ui-rich-text-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n          >\n            {title}\n          </Section.Title>\n        )}\n        <Section.Description>{body}</Section.Description>\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","maxLines","useShowToggle","clamped","setClamped","React","showToggle","setShowToggle","contentRef","toggleClamped","checkOverflow","scrollHeight","clientHeight","body","useMemo","HTML","jsxs","Fragment","jsx","clsx","Section","Col"],"mappings":"sSAsBaA,EAAW,CAAC,CACvB,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,IACX,WAAAC,EAAa,IACb,eAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,OACX,cAAAC,EAAgB,EAClB,IAAqB,CACnB,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAM,SAClC,OAAOJ,GAAa,QAAA,EAEhB,CAACK,EAAYC,CAAa,EAAIF,EAAM,SAAS,EAAK,EAElDG,EAAaH,EAAM,OAAuB,IAAI,EAE9CI,EAAgB,IAAM,CAC1BL,EAAW,CAACD,CAAO,CACrB,EAEAE,EAAM,gBAAgB,IAAM,CAC1B,MAAMK,EAAgB,IAAM,CAC1B,GAAIF,EAAW,QAAS,CACtB,KAAM,CAAE,aAAAG,EAAc,aAAAC,CAAA,EAAiBJ,EAAW,QAClDD,EAAcI,EAAeC,CAAY,CAC3C,CACF,EAEA,OAAAF,EAAA,EAEA,OAAO,iBAAiB,SAAUA,CAAa,EACxC,IAAM,OAAO,oBAAoB,SAAUA,CAAa,CACjE,EAAG,CAACf,EAAaM,CAAQ,CAAC,EAE1B,MAAMY,EAAOC,EAAAA,QAAQ,IACdnB,EAEF,OAAOA,GAAgB,UAAYU,EAAM,eAAeV,CAAW,GACpE,CAACM,EAEMc,OAAKpB,EAAY,SAAA,EAAY,KAAK,EAGvCqB,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAKV,EACL,UAAWW,EAAAA,KACT,iBACAhB,GAAW,yBAAA,EAEb,MAAO,CAAE,cAAeF,CAAA,EAEvB,SAAAc,EAAAA,KAAKpB,EAAY,SAAA,EAAY,KAAK,CAAA,CAAA,EAGpCO,GAAiBI,GAChBU,EAAAA,kBAAAA,KAAC,IAAA,CACC,aAAW,eACX,UAAU,qBACV,QAASP,EACV,SAAA,CAAA,UACSN,EAAU,QAAU,MAAA,CAAA,CAAA,CAC9B,EAEJ,EA7BqB,KAgCxB,CAACR,EAAaQ,EAASF,EAAUK,CAAU,CAAC,EAE/C,gCACGc,EAAAA,QAAA,CAAQ,UAAWD,EAAAA,KAAK,gCAAiCpB,CAAe,EACvE,SAAA,CAAAiB,EAAAA,kBAAAA,KAACK,EAAAA,IAAA,CAAI,UAAU,uBACZ,SAAA,CAAA3B,GACCwB,EAAAA,kBAAAA,IAACE,EAAAA,QAAQ,MAAR,CACC,GAAIxB,EACJ,KAAMC,EACN,UAAWC,EAEV,SAAAJ,CAAA,CAAA,EAGLwB,EAAAA,kBAAAA,IAACE,EAAAA,QAAQ,YAAR,CAAqB,SAAAP,CAAA,CAAK,CAAA,EAC7B,EACCb,CAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs146.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType, useMemo } from \"react\";\r\nimport \"./RichText.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTML } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype RichTextProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n  maxLines?: number;\r\n  useShowToggle?: boolean;\r\n}>;\r\n\r\nexport const RichText = ({\r\n  title,\r\n  description,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  children,\r\n  maxLines = undefined,\r\n  useShowToggle = true,\r\n}: RichTextProps) => {\r\n  const [clamped, setClamped] = React.useState<boolean>(\r\n    typeof maxLines === \"number\",\r\n  );\r\n  const [showToggle, setShowToggle] = React.useState(false);\r\n\r\n  const contentRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  const toggleClamped = () => {\r\n    setClamped(!clamped);\r\n  };\r\n\r\n  React.useLayoutEffect(() => {\r\n    const checkOverflow = () => {\r\n      if (contentRef.current) {\r\n        const { scrollHeight, clientHeight } = contentRef.current;\r\n        setShowToggle(scrollHeight > clientHeight);\r\n      }\r\n    };\r\n\r\n    checkOverflow();\r\n\r\n    window.addEventListener(\"resize\", checkOverflow);\r\n    return () => window.removeEventListener(\"resize\", checkOverflow);\r\n  }, [description, maxLines]);\r\n\r\n  const body = useMemo(() => {\r\n    if (!description) return null;\r\n    if (\r\n      (typeof description === \"string\" && React.isValidElement(description)) ||\r\n      !maxLines\r\n    ) {\r\n      return HTML(description.toString(), \"div\");\r\n    } else {\r\n      return (\r\n        <>\r\n          <div\r\n            ref={contentRef}\r\n            className={clsx(\r\n              \"rich-text-body\",\r\n              clamped && \"rich-text-body--clamped\",\r\n            )}\r\n            style={{ \"--max-lines\": maxLines } as React.CSSProperties}\r\n          >\r\n            {HTML(description.toString(), \"div\")}\r\n          </div>\r\n\r\n          {useShowToggle && showToggle && (\r\n            <a\r\n              aria-label=\"Mostra altro\"\r\n              className=\"toggle-clamped-btn\"\r\n              onClick={toggleClamped}\r\n            >\r\n              Mostra {clamped ? \"altro\" : \"meno\"}\r\n            </a>\r\n          )}\r\n        </>\r\n      );\r\n    }\r\n  }, [description, clamped, maxLines, showToggle]);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\r\n      <Col className=\"ui-rich-text-content\">\r\n        {title && (\r\n          <Section.Title\r\n            fs={fontSize}\r\n            mdFs={mdFontSize}\r\n            className={classNameTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        )}\r\n        <Section.Description>{body}</Section.Description>\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","maxLines","useShowToggle","clamped","setClamped","React","showToggle","setShowToggle","contentRef","toggleClamped","checkOverflow","scrollHeight","clientHeight","body","useMemo","HTML","jsxs","Fragment","jsx","clsx","Section","Col"],"mappings":"sSAsBaA,EAAW,CAAC,CACvB,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,IACX,WAAAC,EAAa,IACb,eAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,OACX,cAAAC,EAAgB,EAClB,IAAqB,CACnB,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAM,SAClC,OAAOJ,GAAa,QAAA,EAEhB,CAACK,EAAYC,CAAa,EAAIF,EAAM,SAAS,EAAK,EAElDG,EAAaH,EAAM,OAAuB,IAAI,EAE9CI,EAAgB,IAAM,CAC1BL,EAAW,CAACD,CAAO,CACrB,EAEAE,EAAM,gBAAgB,IAAM,CAC1B,MAAMK,EAAgB,IAAM,CAC1B,GAAIF,EAAW,QAAS,CACtB,KAAM,CAAE,aAAAG,EAAc,aAAAC,CAAA,EAAiBJ,EAAW,QAClDD,EAAcI,EAAeC,CAAY,CAC3C,CACF,EAEA,OAAAF,EAAA,EAEA,OAAO,iBAAiB,SAAUA,CAAa,EACxC,IAAM,OAAO,oBAAoB,SAAUA,CAAa,CACjE,EAAG,CAACf,EAAaM,CAAQ,CAAC,EAE1B,MAAMY,EAAOC,EAAAA,QAAQ,IACdnB,EAEF,OAAOA,GAAgB,UAAYU,EAAM,eAAeV,CAAW,GACpE,CAACM,EAEMc,OAAKpB,EAAY,SAAA,EAAY,KAAK,EAGvCqB,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAKV,EACL,UAAWW,EAAAA,KACT,iBACAhB,GAAW,yBAAA,EAEb,MAAO,CAAE,cAAeF,CAAA,EAEvB,SAAAc,EAAAA,KAAKpB,EAAY,SAAA,EAAY,KAAK,CAAA,CAAA,EAGpCO,GAAiBI,GAChBU,EAAAA,kBAAAA,KAAC,IAAA,CACC,aAAW,eACX,UAAU,qBACV,QAASP,EACV,SAAA,CAAA,UACSN,EAAU,QAAU,MAAA,CAAA,CAAA,CAC9B,EAEJ,EA7BqB,KAgCxB,CAACR,EAAaQ,EAASF,EAAUK,CAAU,CAAC,EAE/C,gCACGc,EAAAA,QAAA,CAAQ,UAAWD,EAAAA,KAAK,gCAAiCpB,CAAe,EACvE,SAAA,CAAAiB,EAAAA,kBAAAA,KAACK,EAAAA,IAAA,CAAI,UAAU,uBACZ,SAAA,CAAA3B,GACCwB,EAAAA,kBAAAA,IAACE,EAAAA,QAAQ,MAAR,CACC,GAAIxB,EACJ,KAAMC,EACN,UAAWC,EAEV,SAAAJ,CAAA,CAAA,EAGLwB,EAAAA,kBAAAA,IAACE,EAAAA,QAAQ,YAAR,CAAqB,SAAAP,CAAA,CAAK,CAAA,EAC7B,EACCb,CAAA,EACH,CAEJ"}

package/dist/index.cjs147.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Services/Services.css');const s=require("./index.cjs241.js"),d=require("./index.cjs123.js"),j=require("./index.cjs242.js"),a=require("./index.cjs245.js"),v=require("react"),E=require("./index.cjs146.js");;/* empty css              */const g=require("./index.cjs61.js"),R=require("./index.cjs25.js"),S=require("./index.cjs36.js"),r={LayoutOne:"LayoutOne",LayoutTwo:"LayoutTwo",LayoutThree:"LayoutThree",LayoutFour:"LayoutFour",LayoutFive:"LayoutFive"},T=({title:i,description:L,goToLabel:l,href:x,asLink:y="a",items:o,layout:n=r.LayoutOne,className:p})=>{const h=(e=>{switch(e){case r.LayoutOne:return"ui-service-items-layout-one";case r.LayoutTwo:return"ui-service-items-layout-two";case r.LayoutThree:return"ui-service-items-layout-three";case r.LayoutFour:return"ui-service-items-layout-four";case r.LayoutFive:return"ui-service-items-layout-five";default:return""}})(n),u=v.useMemo(()=>{switch(n){case r.LayoutOne:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));case r.LayoutTwo:return o.map((e,t)=>{const c=t!==1;return{...a.lodashExports.omit(e,c?["image"]:[])}});case r.LayoutThree:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));case r.LayoutFour:return o.map((e,t)=>{const c=t!==0;return{...a.lodashExports.omit(e,c?["image"]:[])}});case r.LayoutFive:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));default:return o}},[o,n]);return s.jsxRuntimeExports.jsxs(d.Section,{className:j.clsx("base-col ui-service-items-section",p),children:[s.jsxRuntimeExports.jsx(g.Col,{className:"ui-service-items-sectirron-content",children:s.jsxRuntimeExports.jsx(d.SectionHeading,{fs:"2",mdFs:"2",className:"ui-service-items-section-title",titleMarginBottom:"mb-x0",descriptionMarginBottom:"mb-x0",color:"slate-20",title:i,description:s.jsxRuntimeExports.jsx(E.RichText,{description:L}),children:l&&x&&s.jsxRuntimeExports.jsx(R.ArrowLink,{href:x,asLink:y,fs:"7",children:l.toUpperCase()})})}),s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:`list-style-none ${h}`,children:u==null?void 0:u.map((e,t)=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx(S.CardCategory,{title:e==null?void 0:e.name,description:e==null?void 0:e.description,image:e==null?void 0:e.image,href:(e==null?void 0:e.link)||(e==null?void 0:e.externalLink),showIcon:e==null?void 0:e.externalLink,asLink:y,isExternal:e==null?void 0:e.externalLink},[e._id,t].join("-"))},[e._id,t].join("-")))})]})};exports.SERVICES_LAYOUTS=r;exports.Services=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Services/Services.css');const s=require("./index.cjs241.js"),d=require("./index.cjs123.js"),j=require("./index.cjs243.js"),a=require("./index.cjs244.js"),v=require("react"),E=require("./index.cjs146.js");;/* empty css              */const g=require("./index.cjs61.js"),R=require("./index.cjs25.js"),S=require("./index.cjs36.js"),r={LayoutOne:"LayoutOne",LayoutTwo:"LayoutTwo",LayoutThree:"LayoutThree",LayoutFour:"LayoutFour",LayoutFive:"LayoutFive"},T=({title:i,description:L,goToLabel:l,href:x,asLink:y="a",items:o,layout:n=r.LayoutOne,className:p})=>{const h=(e=>{switch(e){case r.LayoutOne:return"ui-service-items-layout-one";case r.LayoutTwo:return"ui-service-items-layout-two";case r.LayoutThree:return"ui-service-items-layout-three";case r.LayoutFour:return"ui-service-items-layout-four";case r.LayoutFive:return"ui-service-items-layout-five";default:return""}})(n),u=v.useMemo(()=>{switch(n){case r.LayoutOne:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));case r.LayoutTwo:return o.map((e,t)=>{const c=t!==1;return{...a.lodashExports.omit(e,c?["image"]:[])}});case r.LayoutThree:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));case r.LayoutFour:return o.map((e,t)=>{const c=t!==0;return{...a.lodashExports.omit(e,c?["image"]:[])}});case r.LayoutFive:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));default:return o}},[o,n]);return s.jsxRuntimeExports.jsxs(d.Section,{className:j.clsx("base-col ui-service-items-section",p),children:[s.jsxRuntimeExports.jsx(g.Col,{className:"ui-service-items-sectirron-content",children:s.jsxRuntimeExports.jsx(d.SectionHeading,{fs:"2",mdFs:"2",className:"ui-service-items-section-title",titleMarginBottom:"mb-x0",descriptionMarginBottom:"mb-x0",color:"slate-20",title:i,description:s.jsxRuntimeExports.jsx(E.RichText,{description:L}),children:l&&x&&s.jsxRuntimeExports.jsx(R.ArrowLink,{href:x,asLink:y,fs:"7",children:l.toUpperCase()})})}),s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:`list-style-none ${h}`,children:u==null?void 0:u.map((e,t)=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx(S.CardCategory,{title:e==null?void 0:e.name,description:e==null?void 0:e.description,image:e==null?void 0:e.image,href:(e==null?void 0:e.link)||(e==null?void 0:e.externalLink),showIcon:e==null?void 0:e.externalLink,asLink:y,isExternal:e==null?void 0:e.externalLink},[e._id,t].join("-"))},[e._id,t].join("-")))})]})};exports.SERVICES_LAYOUTS=r;exports.Services=T;
 //# sourceMappingURL=index.cjs147.js.map

package/dist/index.cjs147.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs147.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { ArrowLink, CardCategory, Col } from \"@/components\";\nimport { Section, SectionHeading } from \"@/components/ui/Section\";\nimport clsx from \"clsx\";\nimport { omit } from \"lodash\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./Services.scss\";\n\nexport const SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n  LayoutFive: \"LayoutFive\",\n} as const;\n\ntype ServicesLayout = (typeof SERVICES_LAYOUTS)[keyof typeof SERVICES_LAYOUTS];\n\nexport type ServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: ServicesLayout;\n  className?: string;\n};\n\nexport const Services = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = SERVICES_LAYOUTS.LayoutOne,\n  className,\n}: ServicesProps) => {\n  const getLayoutClassName = (l: ServicesLayout) => {\n    switch (l) {\n      case SERVICES_LAYOUTS.LayoutOne:\n        return \"ui-service-items-layout-one\";\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return \"ui-service-items-layout-two\";\n      case SERVICES_LAYOUTS.LayoutThree:\n        return \"ui-service-items-layout-three\";\n      case SERVICES_LAYOUTS.LayoutFour:\n        return \"ui-service-items-layout-four\";\n      case SERVICES_LAYOUTS.LayoutFive:\n        return \"ui-service-items-layout-five\";\n      default:\n        return \"\";\n    }\n  };\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items except the second one.\n       */\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item, index) => {\n          const removeImage = index !== 1;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case SERVICES_LAYOUTS.LayoutFive:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-service-items-section\", className)}>\n      <Col className=\"ui-service-items-sectirron-content\">\n        <SectionHeading\n          fs={\"2\"}\n          mdFs={\"2\"}\n          className=\"ui-service-items-section-title\"\n          titleMarginBottom=\"mb-x0\"\n          descriptionMarginBottom=\"mb-x0\"\n          color={\"slate-20\"}\n          title={title}\n          description={<RichText description={description}/>}\n        >\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </SectionHeading>\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item, index) => {\n          return (\n            <li key={[item._id, index].join(\"-\")}>\n              <CardCategory\n                key={[item._id, index].join(\"-\")}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SERVICES_LAYOUTS","Services","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","l","itemsNormalized","useMemo","item","omit","index","removeImage","Section","clsx","jsx","Col","SectionHeading","RichText","ArrowLink","CardCategory"],"mappings":"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"}
+{"version":3,"file":"index.cjs147.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { ArrowLink, CardCategory, Col } from \"@/components\";\r\nimport { Section, SectionHeading } from \"@/components/ui/Section\";\r\nimport clsx from \"clsx\";\r\nimport { omit } from \"lodash\";\r\nimport { ComponentType, ReactNode, useMemo } from \"react\";\r\nimport { RichText } from \"../RichText\";\r\nimport \"./Services.scss\";\r\n\r\nexport const SERVICES_LAYOUTS = {\r\n  LayoutOne: \"LayoutOne\",\r\n  LayoutTwo: \"LayoutTwo\",\r\n  LayoutThree: \"LayoutThree\",\r\n  LayoutFour: \"LayoutFour\",\r\n  LayoutFive: \"LayoutFive\",\r\n} as const;\r\n\r\ntype ServicesLayout = (typeof SERVICES_LAYOUTS)[keyof typeof SERVICES_LAYOUTS];\r\n\r\nexport type ServicesProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  layout?: ServicesLayout;\r\n  className?: string;\r\n};\r\n\r\nexport const Services = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  layout = SERVICES_LAYOUTS.LayoutOne,\r\n  className,\r\n}: ServicesProps) => {\r\n  const getLayoutClassName = (l: ServicesLayout) => {\r\n    switch (l) {\r\n      case SERVICES_LAYOUTS.LayoutOne:\r\n        return \"ui-service-items-layout-one\";\r\n      case SERVICES_LAYOUTS.LayoutTwo:\r\n        return \"ui-service-items-layout-two\";\r\n      case SERVICES_LAYOUTS.LayoutThree:\r\n        return \"ui-service-items-layout-three\";\r\n      case SERVICES_LAYOUTS.LayoutFour:\r\n        return \"ui-service-items-layout-four\";\r\n      case SERVICES_LAYOUTS.LayoutFive:\r\n        return \"ui-service-items-layout-five\";\r\n      default:\r\n        return \"\";\r\n    }\r\n  };\r\n\r\n  const layoutClassName = getLayoutClassName(layout);\r\n\r\n  const itemsNormalized = useMemo(() => {\r\n    switch (layout) {\r\n      /**\r\n       * In this layout, we remove the image from all items.\r\n       */\r\n      case SERVICES_LAYOUTS.LayoutOne:\r\n        return items.map((item) => {\r\n          return {\r\n            ...omit(item, [\"image\"]),\r\n          };\r\n        });\r\n      /**\r\n       * In this layout, we remove the image from all items except the second one.\r\n       */\r\n      case SERVICES_LAYOUTS.LayoutTwo:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 1;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      /**\r\n       * In this layout, we remove the image from all items.\r\n       */\r\n      case SERVICES_LAYOUTS.LayoutThree:\r\n        return items.map((item) => {\r\n          return {\r\n            ...omit(item, [\"image\"]),\r\n          };\r\n        });\r\n      /**\r\n       * In this layout, we remove the image from all items.\r\n       */\r\n      case SERVICES_LAYOUTS.LayoutFour:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case SERVICES_LAYOUTS.LayoutFive:\r\n        return items.map((item) => {\r\n          return {\r\n            ...omit(item, [\"image\"]),\r\n          };\r\n        });\r\n      default:\r\n        return items;\r\n    }\r\n  }, [items, layout]);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col ui-service-items-section\", className)}>\r\n      <Col className=\"ui-service-items-sectirron-content\">\r\n        <SectionHeading\r\n          fs={\"2\"}\r\n          mdFs={\"2\"}\r\n          className=\"ui-service-items-section-title\"\r\n          titleMarginBottom=\"mb-x0\"\r\n          descriptionMarginBottom=\"mb-x0\"\r\n          color={\"slate-20\"}\r\n          title={title}\r\n          description={<RichText description={description}/>}\r\n        >\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </SectionHeading>\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {itemsNormalized?.map((item, index) => {\r\n          return (\r\n            <li key={[item._id, index].join(\"-\")}>\r\n              <CardCategory\r\n                key={[item._id, index].join(\"-\")}\r\n                title={item?.name}\r\n                description={item?.description}\r\n                image={item?.image}\r\n                href={item?.link || item?.externalLink}\r\n                showIcon={item?.externalLink}\r\n                asLink={asLink}\r\n                isExternal={item?.externalLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["SERVICES_LAYOUTS","Services","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","l","itemsNormalized","useMemo","item","omit","index","removeImage","Section","clsx","jsx","Col","SectionHeading","RichText","ArrowLink","CardCategory"],"mappings":"iYAQaA,EAAmB,CAC9B,UAAW,YACX,UAAW,YACX,YAAa,cACb,WAAY,aACZ,WAAY,YACd,EAeaC,EAAW,CAAC,CACvB,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,IACT,MAAAC,EACA,OAAAC,EAASR,EAAiB,UAC1B,UAAAS,CACF,IAAqB,CAkBnB,MAAMC,GAjBsBC,GAAsB,CAChD,OAAQA,EAAA,CACN,KAAKX,EAAiB,UACpB,MAAO,8BACT,KAAKA,EAAiB,UACpB,MAAO,8BACT,KAAKA,EAAiB,YACpB,MAAO,gCACT,KAAKA,EAAiB,WACpB,MAAO,+BACT,KAAKA,EAAiB,WACpB,MAAO,+BACT,QACE,MAAO,EAAA,CAEb,GAE2CQ,CAAM,EAE3CI,EAAkBC,EAAAA,QAAQ,IAAM,CACpC,OAAQL,EAAA,CAIN,KAAKR,EAAiB,UACpB,OAAOO,EAAM,IAAKO,IACT,CACL,GAAGC,EAAAA,cAAAA,KAAKD,EAAM,CAAC,OAAO,CAAC,CAAA,EAE1B,EAIH,KAAKd,EAAiB,UACpB,OAAOO,EAAM,IAAI,CAACO,EAAME,IAAU,CAChC,MAAMC,EAAcD,IAAU,EAC9B,MAAO,CACL,GAAGD,EAAAA,cAAAA,KAAKD,EAAMG,EAAc,CAAC,OAAO,EAAI,CAAA,CAAE,CAAA,CAE9C,CAAC,EAIH,KAAKjB,EAAiB,YACpB,OAAOO,EAAM,IAAKO,IACT,CACL,GAAGC,EAAAA,cAAAA,KAAKD,EAAM,CAAC,OAAO,CAAC,CAAA,EAE1B,EAIH,KAAKd,EAAiB,WACpB,OAAOO,EAAM,IAAI,CAACO,EAAME,IAAU,CAChC,MAAMC,EAAcD,IAAU,EAE9B,MAAO,CACL,GAAGD,EAAAA,cAAAA,KAAKD,EAAMG,EAAc,CAAC,OAAO,EAAI,CAAA,CAAE,CAAA,CAE9C,CAAC,EACH,KAAKjB,EAAiB,WACpB,OAAOO,EAAM,IAAKO,IACT,CACL,GAAGC,EAAAA,cAAAA,KAAKD,EAAM,CAAC,OAAO,CAAC,CAAA,EAE1B,EACH,QACE,OAAOP,CAAA,CAEb,EAAG,CAACA,EAAOC,CAAM,CAAC,EAElB,gCACGU,EAAAA,QAAA,CAAQ,UAAWC,EAAAA,KAAK,oCAAqCV,CAAS,EACrE,SAAA,CAAAW,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CAAI,UAAU,qCACb,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,eAAA,CACC,GAAI,IACJ,KAAM,IACN,UAAU,iCACV,kBAAkB,QAClB,wBAAwB,QACxB,MAAO,WACP,MAAApB,EACA,YAAakB,EAAAA,kBAAAA,IAACG,WAAA,CAAS,YAAApB,CAAA,CAAyB,EAE/C,SAAAC,GAAaC,GACZe,EAAAA,kBAAAA,IAACI,EAAAA,UAAA,CAAU,KAAAnB,EAAY,OAAAC,EAAgB,GAAG,IACvC,SAAAF,EAAU,YAAA,CAAY,CACzB,CAAA,CAAA,EAGN,EACAgB,EAAAA,kBAAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYlB,CAAK,GAC7B,UAAW,mBAAmBQ,CAAe,GAE5C,SAAAE,GAAA,YAAAA,EAAiB,IAAI,CAACE,EAAME,4BAExB,KAAA,CACC,SAAAI,EAAAA,kBAAAA,IAACK,EAAAA,aAAA,CAEC,MAAOX,GAAA,YAAAA,EAAM,KACb,YAAaA,GAAA,YAAAA,EAAM,YACnB,MAAOA,GAAA,YAAAA,EAAM,MACb,MAAMA,GAAA,YAAAA,EAAM,QAAQA,GAAA,YAAAA,EAAM,cAC1B,SAAUA,GAAA,YAAAA,EAAM,aAChB,OAAAR,EACA,WAAYQ,GAAA,YAAAA,EAAM,YAAA,EAPb,CAACA,EAAK,IAAKE,CAAK,EAAE,KAAK,GAAG,CAAA,CAQjC,EAVO,CAACF,EAAK,IAAKE,CAAK,EAAE,KAAK,GAAG,CAWnC,EAEH,CAAA,CACH,EACF,CAEJ"}

package/dist/index.cjs148.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/SuggestedServices/SuggestedServices.css');const e=require("./index.cjs241.js"),n=require("./index.cjs123.js"),d=require("./index.cjs242.js");;/* empty css              */const j=require("./index.cjs55.js"),g=require("./index.cjs61.js"),p=require("./index.cjs25.js"),v=({title:i,description:c,goToLabel:t,href:o,asLink:u="a",items:r,className:x})=>e.jsxRuntimeExports.jsxs(n.Section,{className:d.clsx("base-col ui-suggested-services-section",x),children:[e.jsxRuntimeExports.jsxs(g.Col,{className:"ui-suggested-services-section-content",children:[e.jsxRuntimeExports.jsxs("div",{className:"ui-suggested-services-section-title",children:[e.jsxRuntimeExports.jsx(n.Section.Description,{color:"slate-14",className:"fw-regular fs-3",children:i}),t&&o&&e.jsxRuntimeExports.jsx(p.ArrowLink,{href:o,asLink:u,fs:"7",children:t.toUpperCase()})]}),c&&e.jsxRuntimeExports.jsx(n.Section.Description,{children:c})]}),e.jsxRuntimeExports.jsx("div",{className:"ui-suggested-services-container",children:e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:"list-style-none ui-suggested-services-layout",children:r==null?void 0:r.map((s,l)=>{const a=["icon3","icon1","icon2"];return e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(j.CardService,{title:s==null?void 0:s.name,href:(s==null?void 0:s.link)||(s==null?void 0:s.externalLink),iconType:a[l%3],titleTag:"h2",asLink:u},s._id)},s._id)})})})]});exports.SuggestedServices=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/SuggestedServices/SuggestedServices.css');const e=require("./index.cjs241.js"),n=require("./index.cjs123.js"),d=require("./index.cjs243.js");;/* empty css              */const j=require("./index.cjs55.js"),g=require("./index.cjs61.js"),p=require("./index.cjs25.js"),v=({title:i,description:c,goToLabel:t,href:o,asLink:u="a",items:r,className:x})=>e.jsxRuntimeExports.jsxs(n.Section,{className:d.clsx("base-col ui-suggested-services-section",x),children:[e.jsxRuntimeExports.jsxs(g.Col,{className:"ui-suggested-services-section-content",children:[e.jsxRuntimeExports.jsxs("div",{className:"ui-suggested-services-section-title",children:[e.jsxRuntimeExports.jsx(n.Section.Description,{color:"slate-14",className:"fw-regular fs-3",children:i}),t&&o&&e.jsxRuntimeExports.jsx(p.ArrowLink,{href:o,asLink:u,fs:"7",children:t.toUpperCase()})]}),c&&e.jsxRuntimeExports.jsx(n.Section.Description,{children:c})]}),e.jsxRuntimeExports.jsx("div",{className:"ui-suggested-services-container",children:e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:"list-style-none ui-suggested-services-layout",children:r==null?void 0:r.map((s,l)=>{const a=["icon3","icon1","icon2"];return e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(j.CardService,{title:s==null?void 0:s.name,href:(s==null?void 0:s.link)||(s==null?void 0:s.externalLink),iconType:a[l%3],titleTag:"h2",asLink:u},s._id)},s._id)})})})]});exports.SuggestedServices=v;
 //# sourceMappingURL=index.cjs148.js.map

package/dist/index.cjs149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs149.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section, SectionHeading } from \"@/components\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ReactNode } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./Documents.scss\";\n\ntype Props = {\n  title?: string; \n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({ title, description, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <SectionHeading\n        title={title}\n        description={<RichText description={description}></RichText>}\n        className=\"ui-document-items-section-title\"\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","jsxs","Section","jsx","SectionHeading","RichText","item","index","CardFile"],"mappings":"oPAeaA,EAAY,CAAC,CAAE,MAAAC,EAAO,YAAAC,EAAa,MAAAC,EAAQ,CAAA,KAEpDC,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CAAQ,UAAU,sBACjB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,MAAAN,EACA,YAAaK,EAAAA,kBAAAA,IAACE,WAAA,CAAS,YAAAN,CAAA,CAA0B,EACjD,UAAU,iCAAA,CAAA,EAEZI,EAAAA,kBAAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYL,CAAK,GAC7B,UAAW,2CAEV,SAAAE,GAAA,YAAAA,EAAO,IAAI,CAACM,EAAMC,4BAEd,KAAA,CACC,SAAAJ,EAAAA,kBAAAA,IAACK,EAAAA,SAAA,CACC,OAAQF,GAAA,YAAAA,EAAM,OACd,UAAWA,EAAK,UAChB,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,YAAaA,EAAK,YAClB,OAAQA,EAAK,MAAA,CAAA,GAPRC,CAST,EAEH,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs149.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section, SectionHeading } from \"@/components\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ReactNode } from \"react\";\r\nimport { RichText } from \"../RichText\";\r\nimport \"./Documents.scss\";\r\n\r\ntype Props = {\r\n  title?: string; \r\n  description?: string | ReactNode;\r\n  items: CardFileProps[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const Documents = ({ title, description, items = [] }: Props) => {\r\n  return (\r\n    <Section className=\"ui-document-section\">\r\n      <SectionHeading\r\n        title={title}\r\n        description={<RichText description={description}></RichText>}\r\n        className=\"ui-document-items-section-title\"\r\n      />\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-document-items-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardFile\r\n                action={item?.action}\r\n                issued_at={item.issued_at}\r\n                title={item.title}\r\n                file={item.file}\r\n                description={item.description}\r\n                asLink={item.asLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Documents","title","description","items","jsxs","Section","jsx","SectionHeading","RichText","item","index","CardFile"],"mappings":"oPAeaA,EAAY,CAAC,CAAE,MAAAC,EAAO,YAAAC,EAAa,MAAAC,EAAQ,CAAA,KAEpDC,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CAAQ,UAAU,sBACjB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,MAAAN,EACA,YAAaK,EAAAA,kBAAAA,IAACE,WAAA,CAAS,YAAAN,CAAA,CAA0B,EACjD,UAAU,iCAAA,CAAA,EAEZI,EAAAA,kBAAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYL,CAAK,GAC7B,UAAW,2CAEV,SAAAE,GAAA,YAAAA,EAAO,IAAI,CAACM,EAAMC,4BAEd,KAAA,CACC,SAAAJ,EAAAA,kBAAAA,IAACK,EAAAA,SAAA,CACC,OAAQF,GAAA,YAAAA,EAAM,OACd,UAAWA,EAAK,UAChB,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,YAAaA,EAAK,YAClB,OAAQA,EAAK,MAAA,CAAA,GAPRC,CAST,EAEH,CAAA,CACH,EACF"}

package/dist/index.cjs15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs15.js","sources":["../src/components/ui/Accordion/AccordionStepper/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { StepData, StepItem } from \"./StepItem\";\nimport \"./AccordionStepper.scss\";\nimport { ToggleLabel } from \"./types\";\nimport ToggleContent from \"./ToggleContent/ToggleContent\";\nimport { SectionHeading } from \"../../Section\";\n\ninterface AccordionStepperProps {\n  mainTitle?: string;\n  toggleStepsLabels: ToggleLabel;\n  toggleSingleStepsLabel: ToggleLabel;\n  steps: StepData[];\n}\n\nexport const AccordionStepper: React.FC<AccordionStepperProps> = ({\n  steps,\n  mainTitle,\n  toggleStepsLabels,\n  toggleSingleStepsLabel,\n}) => {\n  const [expandedSteps, setExpandedSteps] = useState<boolean[]>(\n    steps.map((_, index) => index === 0),\n  );\n  const [allOpen, setAllOpen] = useState(false);\n\n  const toggleAll = () => {\n    const newState = !allOpen;\n    setExpandedSteps(steps.map(() => newState));\n    setAllOpen(newState);\n  };\n\n  const toggleStep = (index: number) => {\n    const updated = [...expandedSteps];\n    updated[index] = !updated[index];\n    setExpandedSteps(updated);\n  };\n\n  return (\n    <div className=\"accordion-stepper\">\n      <SectionHeading\n        color={\"primary\"}\n        title={mainTitle}\n        className=\"mainTitle\"\n        fs=\"4\"\n        mdFs=\"2\"\n      />\n      <ToggleContent\n        className=\"toggle-all\"\n        onClick={toggleAll}\n        isOpen={allOpen}\n        toggleLabels={toggleStepsLabels}\n      />\n\n      {steps.map((step, index) => (\n        <StepItem\n          key={index}\n          index={index}\n          title={step.title}\n          content={step.content}\n          isOpen={expandedSteps[index]}\n          detailLabels={toggleSingleStepsLabel}\n          onToggle={() => toggleStep(index)}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["AccordionStepper","steps","mainTitle","toggleStepsLabels","toggleSingleStepsLabel","expandedSteps","setExpandedSteps","useState","_","index","allOpen","setAllOpen","toggleAll","newState","toggleStep","updated","jsxs","jsx","SectionHeading","ToggleContent","step","StepItem"],"mappings":"wQAcaA,EAAoD,CAAC,CAChE,MAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,uBAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SACxCN,EAAM,IAAI,CAACO,EAAGC,IAAUA,IAAU,CAAC,CAAA,EAE/B,CAACC,EAASC,CAAU,EAAIJ,EAAAA,SAAS,EAAK,EAEtCK,EAAY,IAAM,CACtB,MAAMC,EAAW,CAACH,EAClBJ,EAAiBL,EAAM,IAAI,IAAMY,CAAQ,CAAC,EAC1CF,EAAWE,CAAQ,CACrB,EAEMC,EAAcL,GAAkB,CACpC,MAAMM,EAAU,CAAC,GAAGV,CAAa,EACjCU,EAAQN,CAAK,EAAI,CAACM,EAAQN,CAAK,EAC/BH,EAAiBS,CAAO,CAC1B,EAEA,OACEC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,MAAO,UACP,MAAOhB,EACP,UAAU,YACV,GAAG,IACH,KAAK,GAAA,CAAA,EAEPe,EAAAA,kBAAAA,IAACE,EAAA,CACC,UAAU,aACV,QAASP,EACT,OAAQF,EACR,aAAcP,CAAA,CAAA,EAGfF,EAAM,IAAI,CAACmB,EAAMX,IAChBQ,EAAAA,kBAAAA,IAACI,EAAAA,SAAA,CAEC,MAAAZ,EACA,MAAOW,EAAK,MACZ,QAASA,EAAK,QACd,OAAQf,EAAcI,CAAK,EAC3B,aAAcL,EACd,SAAU,IAAMU,EAAWL,CAAK,CAAA,EAN3BA,CAAA,CAQR,CAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs15.js","sources":["../src/components/ui/Accordion/AccordionStepper/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { StepData, StepItem } from \"./StepItem\";\r\nimport \"./AccordionStepper.scss\";\r\nimport { ToggleLabel } from \"./types\";\r\nimport ToggleContent from \"./ToggleContent/ToggleContent\";\r\nimport { SectionHeading } from \"../../Section\";\r\n\r\ninterface AccordionStepperProps {\r\n  mainTitle?: string;\r\n  toggleStepsLabels: ToggleLabel;\r\n  toggleSingleStepsLabel: ToggleLabel;\r\n  steps: StepData[];\r\n}\r\n\r\nexport const AccordionStepper: React.FC<AccordionStepperProps> = ({\r\n  steps,\r\n  mainTitle,\r\n  toggleStepsLabels,\r\n  toggleSingleStepsLabel,\r\n}) => {\r\n  const [expandedSteps, setExpandedSteps] = useState<boolean[]>(\r\n    steps.map((_, index) => index === 0),\r\n  );\r\n  const [allOpen, setAllOpen] = useState(false);\r\n\r\n  const toggleAll = () => {\r\n    const newState = !allOpen;\r\n    setExpandedSteps(steps.map(() => newState));\r\n    setAllOpen(newState);\r\n  };\r\n\r\n  const toggleStep = (index: number) => {\r\n    const updated = [...expandedSteps];\r\n    updated[index] = !updated[index];\r\n    setExpandedSteps(updated);\r\n  };\r\n\r\n  return (\r\n    <div className=\"accordion-stepper\">\r\n      <SectionHeading\r\n        color={\"primary\"}\r\n        title={mainTitle}\r\n        className=\"mainTitle\"\r\n        fs=\"4\"\r\n        mdFs=\"2\"\r\n      />\r\n      <ToggleContent\r\n        className=\"toggle-all\"\r\n        onClick={toggleAll}\r\n        isOpen={allOpen}\r\n        toggleLabels={toggleStepsLabels}\r\n      />\r\n\r\n      {steps.map((step, index) => (\r\n        <StepItem\r\n          key={index}\r\n          index={index}\r\n          title={step.title}\r\n          content={step.content}\r\n          isOpen={expandedSteps[index]}\r\n          detailLabels={toggleSingleStepsLabel}\r\n          onToggle={() => toggleStep(index)}\r\n        />\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AccordionStepper","steps","mainTitle","toggleStepsLabels","toggleSingleStepsLabel","expandedSteps","setExpandedSteps","useState","_","index","allOpen","setAllOpen","toggleAll","newState","toggleStep","updated","jsxs","jsx","SectionHeading","ToggleContent","step","StepItem"],"mappings":"wQAcaA,EAAoD,CAAC,CAChE,MAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,uBAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SACxCN,EAAM,IAAI,CAACO,EAAGC,IAAUA,IAAU,CAAC,CAAA,EAE/B,CAACC,EAASC,CAAU,EAAIJ,EAAAA,SAAS,EAAK,EAEtCK,EAAY,IAAM,CACtB,MAAMC,EAAW,CAACH,EAClBJ,EAAiBL,EAAM,IAAI,IAAMY,CAAQ,CAAC,EAC1CF,EAAWE,CAAQ,CACrB,EAEMC,EAAcL,GAAkB,CACpC,MAAMM,EAAU,CAAC,GAAGV,CAAa,EACjCU,EAAQN,CAAK,EAAI,CAACM,EAAQN,CAAK,EAC/BH,EAAiBS,CAAO,CAC1B,EAEA,OACEC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,MAAO,UACP,MAAOhB,EACP,UAAU,YACV,GAAG,IACH,KAAK,GAAA,CAAA,EAEPe,EAAAA,kBAAAA,IAACE,EAAA,CACC,UAAU,aACV,QAASP,EACT,OAAQF,EACR,aAAcP,CAAA,CAAA,EAGfF,EAAM,IAAI,CAACmB,EAAMX,IAChBQ,EAAAA,kBAAAA,IAACI,EAAAA,SAAA,CAEC,MAAAZ,EACA,MAAOW,EAAK,MACZ,QAASA,EAAK,QACd,OAAQf,EAAcI,CAAK,EAC3B,aAAcL,EACd,SAAU,IAAMU,EAAWL,CAAK,CAAA,EAN3BA,CAAA,CAQR,CAAA,EACH,CAEJ"}

package/dist/index.cjs150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs150.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":"sNAQaA,EAAO,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,CAAA,KAElCC,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CAAQ,UAAU,kBACjB,SAAA,CAAAC,EAAAA,kBAAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAI,IACJ,KAAM,IACN,GAAI,KACJ,MAAO,WACP,UAAU,8BAET,SAAAH,CAAA,CAAA,EAEHI,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CAAU,OAAQJ,CAAA,CAAO,CAAA,EAC5B"}
+{"version":3,"file":"index.cjs150.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\r\nimport \"./Tags.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  items: any[];\r\n};\r\n\r\nexport const Tags = ({ title, items = [] }: Props) => {\r\n  return (\r\n    <Section className=\"ui-tags-section\">\r\n      <Section.Title\r\n        fs={\"6\"}\r\n        mdFs={\"6\"}\r\n        as={\"h1\"}\r\n        color={\"slate-28\"}\r\n        className=\"ui-tags-items-section-title\"\r\n      >\r\n        {title}\r\n      </Section.Title>\r\n      <TagsGroup topics={items} />\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":"sNAQaA,EAAO,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,CAAA,KAElCC,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CAAQ,UAAU,kBACjB,SAAA,CAAAC,EAAAA,kBAAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAI,IACJ,KAAM,IACN,GAAI,KACJ,MAAO,WACP,UAAU,8BAET,SAAAH,CAAA,CAAA,EAEHI,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CAAU,OAAQJ,CAAA,CAAO,CAAA,EAC5B"}

package/dist/index.cjs151.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs241.js"),i=require("./index.cjs253.js"),a=require("./index.cjs254.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"});const s=require("./index.cjs241.js"),i=require("./index.cjs252.js"),a=require("./index.cjs253.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.cjs151.js.map

package/dist/index.cjs151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs151.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,IAAA,EAEF,+BACGI,EAAAA,QAAA,CAAS,wBAAyB,CAAE,OAAQF,CAAA,EAAgB,GAAAD,EAAQ,CAEzE,EAEaI,EAAO,CAACL,EAAcC,EAAkB,MAAQ,CAC3D,MAAMK,EAAYH,EAAU,SAASH,EAAM,CACzC,SAAU,CAAC,QAAQ,CAAA,CACpB,EACKO,EAAYN,EACZC,EAAeI,EAAU,QAC7B,yCACA,IAAA,EAEF,+BAAQC,EAAA,CAAU,wBAAyB,CAAE,OAAQL,GAAgB,CACvE"}
+{"version":3,"file":"index.cjs151.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\r\nimport Balancer from \"react-wrap-balancer\";\r\n\r\nexport const HTMLBalancer = (\r\n  html: string,\r\n  as: string | undefined = undefined,\r\n) => {\r\n  const sanitized = DOMPurify.sanitize(html);\r\n  const innerContent = sanitized.replace(\r\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\r\n    \"$3\",\r\n  );\r\n  return (\r\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\r\n  );\r\n};\r\n\r\nexport const HTML = (html: string, as: \"div\" | \"p\" = \"p\") => {\r\n  const sanitized = DOMPurify.sanitize(html, {\r\n    ADD_ATTR: [\"target\"],\r\n  });\r\n  const Component = as;\r\n  const innerContent = sanitized.replace(\r\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\r\n    \"$3\",\r\n  );\r\n  return <Component dangerouslySetInnerHTML={{ __html: innerContent }} />;\r\n};\r\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,IAAA,EAEF,+BACGI,EAAAA,QAAA,CAAS,wBAAyB,CAAE,OAAQF,CAAA,EAAgB,GAAAD,EAAQ,CAEzE,EAEaI,EAAO,CAACL,EAAcC,EAAkB,MAAQ,CAC3D,MAAMK,EAAYH,EAAU,SAASH,EAAM,CACzC,SAAU,CAAC,QAAQ,CAAA,CACpB,EACKO,EAAYN,EACZC,EAAeI,EAAU,QAC7B,yCACA,IAAA,EAEF,+BAAQC,EAAA,CAAU,wBAAyB,CAAE,OAAQL,GAAgB,CACvE"}

package/dist/index.cjs152.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs152.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import {\n  CardPreview,\n  CardPreviewProps,\n  Section,\n  SectionHeading,\n} 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      <SectionHeading\n        className=\"ui-insights-items-section-title\"\n        title={title}\n        color={colorTitle}\n        titleMarginBottom=\"\"\n        fs=\"3\"\n        mdFs=\"3\"\n      />\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout ${!title ? \"mt-x56\" : \"\"}`}\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","SectionHeading","item","index","CardPreview"],"mappings":"qNAgBaA,EAAW,CAAC,CACvB,MAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,WAAAC,EAAa,WACb,wBAAAC,EAA0B,EAC5B,IAEIC,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CAAQ,UAAU,sBAChB,SAAA,CAAAF,GACCG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAEpDA,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,UAAU,kCACV,MAAAP,EACA,MAAOE,EACP,kBAAkB,GAClB,GAAG,IACH,KAAK,GAAA,CAAA,EAEPI,EAAAA,kBAAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYN,CAAK,GAC7B,UAAW,4CAA6CA,EAAmB,GAAX,QAAa,GAE5E,SAAAC,GAAA,YAAAA,EAAO,IAAI,CAACO,EAAMC,4BAEd,KAAA,CACC,SAAAH,EAAAA,kBAAAA,IAACI,eAAa,GAAGF,CAAA,CAAM,GADhBC,CAET,EAEH,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs152.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import {\r\n  CardPreview,\r\n  CardPreviewProps,\r\n  Section,\r\n  SectionHeading,\r\n} from \"@/components\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./Insights.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  items: CardPreviewProps[];\r\n  colorTitle?: ColorKeys;\r\n  showBackgroundRectangle?: boolean;\r\n};\r\n\r\nexport const Insights = ({ \r\n  title,\r\n  items = [],\r\n  colorTitle = \"slate-20\",\r\n  showBackgroundRectangle = true,\r\n}: Props) => {\r\n  return (\r\n    <Section className=\"ui-insights-section\">\r\n      {showBackgroundRectangle && (\r\n        <div className=\"ui-insights-background-rectangle\"></div>\r\n      )}\r\n      <SectionHeading\r\n        className=\"ui-insights-items-section-title\"\r\n        title={title}\r\n        color={colorTitle}\r\n        titleMarginBottom=\"\"\r\n        fs=\"3\"\r\n        mdFs=\"3\"\r\n      />\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-insights-items-layout ${!title ? \"mt-x56\" : \"\"}`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardPreview {...item} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","SectionHeading","item","index","CardPreview"],"mappings":"qNAgBaA,EAAW,CAAC,CACvB,MAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,WAAAC,EAAa,WACb,wBAAAC,EAA0B,EAC5B,IAEIC,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CAAQ,UAAU,sBAChB,SAAA,CAAAF,GACCG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCAAA,CAAmC,EAEpDA,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,UAAU,kCACV,MAAAP,EACA,MAAOE,EACP,kBAAkB,GAClB,GAAG,IACH,KAAK,GAAA,CAAA,EAEPI,EAAAA,kBAAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYN,CAAK,GAC7B,UAAW,4CAA6CA,EAAmB,GAAX,QAAa,GAE5E,SAAAC,GAAA,YAAAA,EAAO,IAAI,CAACO,EAAMC,4BAEd,KAAA,CACC,SAAAH,EAAAA,kBAAAA,IAACI,eAAa,GAAGF,CAAA,CAAM,GADhBC,CAET,EAEH,CAAA,CACH,EACF"}

package/dist/index.cjs153.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/ImagesDescription/ImagesDescription.css');const s=require("./index.cjs241.js"),n=require("./index.cjs242.js");;/* empty css              */const a=require("./index.cjs123.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:r=e.FULL_1_1,className:o})=>{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""}})(r);return s.jsxRuntimeExports.jsxs(a.Section,{className:n.clsx("base-col images-description-section",o),children:[s.jsxRuntimeExports.jsx(a.SectionHeading,{title:i}),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/ImagesDescription/ImagesDescription.css');const s=require("./index.cjs241.js"),n=require("./index.cjs243.js");;/* empty css              */const a=require("./index.cjs123.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:r=e.FULL_1_1,className:o})=>{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""}})(r);return s.jsxRuntimeExports.jsxs(a.Section,{className:n.clsx("base-col images-description-section",o),children:[s.jsxRuntimeExports.jsx(a.SectionHeading,{title:i}),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.cjs153.js.map

package/dist/index.cjs153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs153.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section, SectionHeading } 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      <SectionHeading title={title} />\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","SectionHeading","item","jsxs"],"mappings":"sNAKaA,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,CAAA,EACR,OAAAC,EAASJ,EAA2B,SACpC,UAAAK,CACF,IAA8B,CAqD5B,MAAMC,GApDsBC,GAA+B,CACzD,OAAQA,EAAA,CAEN,KAAKP,EAA2B,SAC9B,MAAO,qCACT,KAAKA,EAA2B,SAC9B,MAAO,qCACT,KAAKA,EAA2B,UAC9B,MAAO,sCACT,KAAKA,EAA2B,UAC9B,MAAO,sCACT,KAAKA,EAA2B,UAC9B,MAAO,sCAGT,KAAKA,EAA2B,YAC9B,MAAO,wCACT,KAAKA,EAA2B,YAC9B,MAAO,wCACT,KAAKA,EAA2B,aAC9B,MAAO,yCACT,KAAKA,EAA2B,aAC9B,MAAO,yCACT,KAAKA,EAA2B,aAC9B,MAAO,yCAGT,KAAKA,EAA2B,cAC9B,MAAO,0CACT,KAAKA,EAA2B,cAC9B,MAAO,0CACT,KAAKA,EAA2B,eAC9B,MAAO,2CACT,KAAKA,EAA2B,eAC9B,MAAO,2CACT,KAAKA,EAA2B,eAC9B,MAAO,2CAET,QACE,MAAO,EAAA,CAEb,GAW2CI,CAAM,EAEjD,gCACGI,EAAAA,QAAA,CAAQ,UAAWC,EAAAA,KAAK,sCAAuCJ,CAAS,EACvE,SAAA,CAAAK,wBAACC,EAAAA,gBAAe,MAAAT,EAAc,EAC9BQ,EAAAA,kBAAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,eAAeR,CAAK,GAChC,UAAW,mBAAmBI,CAAe,GAE5C,0BAAO,IAAKM,GACXC,yBAAC,KAAA,CAAkB,UAAU,0BAC3B,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0CACb,SAAAA,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAKE,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,UAAU,+BAAA,CAAA,EAEd,EACAF,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCACb,SAAAA,EAAAA,kBAAAA,IAAC,KAAE,UAAU,yDACV,SAAAE,EAAK,WAAA,CACR,CAAA,CACF,CAAA,CAAA,EAbOA,EAAK,GAcd,EACD,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"index.cjs153.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Section, SectionHeading } from \"../../components\";\r\nimport \"./ImagesDescription.scss\";\r\n\r\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\r\n  // Layout FULL (1 colonna)\r\n  FULL_1_1: \"FULL_1_1\",\r\n  FULL_4_3: \"FULL_4_3\",\r\n  FULL_16_9: \"FULL_16_9\",\r\n  FULL_21_9: \"FULL_21_9\",\r\n  FULL_32_9: \"FULL_32_9\",\r\n  // Layout TWO_COL (2 colonne)\r\n  TWO_COL_1_1: \"TWO_COL_1_1\",\r\n  TWO_COL_4_3: \"TWO_COL_4_3\",\r\n  TWO_COL_16_9: \"TWO_COL_16_9\",\r\n  TWO_COL_21_9: \"TWO_COL_21_9\",\r\n  TWO_COL_32_9: \"TWO_COL_32_9\",\r\n  // Layout THREE_COL (3 colonne)\r\n  THREE_COL_1_1: \"THREE_COL_1_1\",\r\n  THREE_COL_4_3: \"THREE_COL_4_3\",\r\n  THREE_COL_16_9: \"THREE_COL_16_9\",\r\n  THREE_COL_21_9: \"THREE_COL_21_9\",\r\n  THREE_COL_32_9: \"THREE_COL_32_9\",\r\n} as const;\r\n\r\nexport type ImagesDescriptionLayout =\r\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\r\n\r\nexport interface ImageDescriptionItem {\r\n  _id: string;\r\n  image: {\r\n    src: string;\r\n    alt: string;\r\n    title?: string;\r\n  };\r\n  description: string;\r\n}\r\n\r\nexport interface ImagesDescriptionProps {\r\n  title: ReactNode;\r\n  items: ImageDescriptionItem[];\r\n  layout?: ImagesDescriptionLayout;\r\n  className?: string;\r\n}\r\n\r\nexport const ImagesDescription = ({\r\n  title,\r\n  items = [],\r\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\r\n  className,\r\n}: ImagesDescriptionProps) => {\r\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\r\n    switch (l) {\r\n      // Layout FULL (1 colonna)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\r\n        return \"images-description-layout-full-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\r\n        return \"images-description-layout-full-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\r\n        return \"images-description-layout-full-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\r\n        return \"images-description-layout-full-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\r\n        return \"images-description-layout-full-32-9\";\r\n\r\n      // Layout TWO_COL (2 colonne)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\r\n        return \"images-description-layout-two-col-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\r\n        return \"images-description-layout-two-col-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\r\n        return \"images-description-layout-two-col-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\r\n        return \"images-description-layout-two-col-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\r\n        return \"images-description-layout-two-col-32-9\";\r\n\r\n      // Layout THREE_COL (3 colonne)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\r\n        return \"images-description-layout-three-col-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\r\n        return \"images-description-layout-three-col-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\r\n        return \"images-description-layout-three-col-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\r\n        return \"images-description-layout-three-col-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\r\n        return \"images-description-layout-three-col-32-9\";\r\n\r\n      default:\r\n        return \"\";\r\n    }\r\n  };\r\n\r\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\r\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\r\n\r\n  const limitedItems = isFullLayout\r\n    ? items.slice(0, 1)\r\n    : isThreeColLayout\r\n      ? items.slice(0, 3)\r\n      : items.slice(0, 2); */\r\n\r\n  const layoutClassName = getLayoutClassName(layout);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col images-description-section\", className)}>\r\n      <SectionHeading title={title} />\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Raccolta di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {items?.map((item) => (\r\n          <li key={item._id} className=\"images-description-item\">\r\n            <div className=\"images-description-item-image-container\">\r\n              <img\r\n                src={item.image.src}\r\n                alt={item.image.alt}\r\n                title={item.image.title}\r\n                className=\"images-description-item-image\"\r\n              />\r\n            </div>\r\n            <div className=\"images-description-item-content\">\r\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\r\n                {item.description}\r\n              </p>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","SectionHeading","item","jsxs"],"mappings":"sNAKaA,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,CAAA,EACR,OAAAC,EAASJ,EAA2B,SACpC,UAAAK,CACF,IAA8B,CAqD5B,MAAMC,GApDsBC,GAA+B,CACzD,OAAQA,EAAA,CAEN,KAAKP,EAA2B,SAC9B,MAAO,qCACT,KAAKA,EAA2B,SAC9B,MAAO,qCACT,KAAKA,EAA2B,UAC9B,MAAO,sCACT,KAAKA,EAA2B,UAC9B,MAAO,sCACT,KAAKA,EAA2B,UAC9B,MAAO,sCAGT,KAAKA,EAA2B,YAC9B,MAAO,wCACT,KAAKA,EAA2B,YAC9B,MAAO,wCACT,KAAKA,EAA2B,aAC9B,MAAO,yCACT,KAAKA,EAA2B,aAC9B,MAAO,yCACT,KAAKA,EAA2B,aAC9B,MAAO,yCAGT,KAAKA,EAA2B,cAC9B,MAAO,0CACT,KAAKA,EAA2B,cAC9B,MAAO,0CACT,KAAKA,EAA2B,eAC9B,MAAO,2CACT,KAAKA,EAA2B,eAC9B,MAAO,2CACT,KAAKA,EAA2B,eAC9B,MAAO,2CAET,QACE,MAAO,EAAA,CAEb,GAW2CI,CAAM,EAEjD,gCACGI,EAAAA,QAAA,CAAQ,UAAWC,EAAAA,KAAK,sCAAuCJ,CAAS,EACvE,SAAA,CAAAK,wBAACC,EAAAA,gBAAe,MAAAT,EAAc,EAC9BQ,EAAAA,kBAAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,eAAeR,CAAK,GAChC,UAAW,mBAAmBI,CAAe,GAE5C,0BAAO,IAAKM,GACXC,yBAAC,KAAA,CAAkB,UAAU,0BAC3B,SAAA,CAAAH,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0CACb,SAAAA,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAKE,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,UAAU,+BAAA,CAAA,EAEd,EACAF,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kCACb,SAAAA,EAAAA,kBAAAA,IAAC,KAAE,UAAU,yDACV,SAAAE,EAAK,WAAA,CACR,CAAA,CACF,CAAA,CAAA,EAbOA,EAAK,GAcd,EACD,CAAA,CACH,EACF,CAEJ"}

package/dist/index.cjs154.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs154.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import {\n  Section,\n  SectionHeading,\n  Step,\n  StepVariantEnum,\n  VerticalCardStepper,\n} from \"@/components\";\nimport React from \"react\";\nimport { RichText } from \"../RichText\";\n\ntype Props = {\n  title: string;\n  description: string | React.ReactNode;\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      <SectionHeading\n        title={title}\n        description={<RichText description={description} />}\n        color=\"primary\"\n        titleMarginBottom=\"mb-x16\"\n        descriptionClassName=\"text-slate-14 fs-6\"\n        descriptionMarginBottom=\"mb-x36\"\n      />\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","SectionHeading","RichText","VerticalCardStepper"],"mappings":"kNAiBaA,EAA6B,CAAC,CACzC,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,CACF,6BAEKC,UAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,MAAAN,EACA,YAAaK,EAAAA,kBAAAA,IAACE,WAAA,CAAS,YAAAN,CAAA,CAA0B,EACjD,MAAM,UACN,kBAAkB,SAClB,qBAAqB,qBACrB,wBAAwB,QAAA,CAAA,EAE1BI,EAAAA,kBAAAA,IAACG,EAAAA,oBAAA,CAAoB,MAAAN,EAAc,KAAAC,CAAA,CAAY,CAAA,EACjD"}
+{"version":3,"file":"index.cjs154.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import {\r\n  Section,\r\n  SectionHeading,\r\n  Step,\r\n  StepVariantEnum,\r\n  VerticalCardStepper,\r\n} from \"@/components\";\r\nimport React from \"react\";\r\nimport { RichText } from \"../RichText\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  steps: Step[];\r\n  type: StepVariantEnum;\r\n};\r\n\r\nexport const VerticalCardStepperSection = ({\r\n  title,\r\n  description,\r\n  steps,\r\n  type,\r\n}: Props) => {\r\n  return (\r\n    <Section>\r\n      <SectionHeading\r\n        title={title}\r\n        description={<RichText description={description} />}\r\n        color=\"primary\"\r\n        titleMarginBottom=\"mb-x16\"\r\n        descriptionClassName=\"text-slate-14 fs-6\"\r\n        descriptionMarginBottom=\"mb-x36\"\r\n      />\r\n      <VerticalCardStepper steps={steps} type={type} />\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","SectionHeading","RichText","VerticalCardStepper"],"mappings":"kNAiBaA,EAA6B,CAAC,CACzC,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,CACF,6BAEKC,UAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,MAAAN,EACA,YAAaK,EAAAA,kBAAAA,IAACE,WAAA,CAAS,YAAAN,CAAA,CAA0B,EACjD,MAAM,UACN,kBAAkB,SAClB,qBAAqB,qBACrB,wBAAwB,QAAA,CAAA,EAE1BI,EAAAA,kBAAAA,IAACG,EAAAA,oBAAA,CAAoB,MAAAN,EAAc,KAAAC,CAAA,CAAY,CAAA,EACjD"}

package/dist/index.cjs155.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/TableCard/TableCard.css');const e=require("./index.cjs241.js");;/* empty css              */const a=require("react"),m=require("./index.cjs258.js"),p=require("./index.cjs117.js"),j=require("./index.cjs95.js"),b=require("./index.cjs96.js"),x=require("./index.cjs123.js"),R=require("./index.cjs61.js"),u=require("./index.cjs116.js"),h=require("./index.cjs44.js"),q=({title:c,headerTitle:l,data:r=[]})=>{const[i,d]=a.useState(""),n=m.useDebouncedValue(i.trim().toLowerCase(),300),o=a.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.SectionHeading,{title:c,mdFs:"2",fs:"3",color:"primary",className:"table-card-section-title"}),e.jsxRuntimeExports.jsxs(R.Col,{children:[e.jsxRuntimeExports.jsx(u.Row,{alignItems:"flex-start",className:"header-row",justifyContent:"space-between",flexWrap:"wrap",children:e.jsxRuntimeExports.jsx("p",{className:"update-title",children:l})}),e.jsxRuntimeExports.jsxs(u.Row,{alignItems:"flex-start",className:"header-row border-bottom",justifyContent:"space-between",flexWrap:"wrap",children:[e.jsxRuntimeExports.jsxs("span",{className:"info",children:["(Numero elementi: ",o.length,")"]}),e.jsxRuntimeExports.jsx(p.Search,{variant:"outlined",btnText:"",helperText:"",value:i,onChangeValue:d})]}),e.jsxRuntimeExports.jsx(j.GridContainer,{gap:"x24",mt:"x32",px:"x12",children:o.map((s,t)=>e.jsxRuntimeExports.jsx(b.GridItem,{sm:6,md:4,children:e.jsxRuntimeExports.jsx(h.CardFile,{...s})},`table-card-${t}`))})]})]})};exports.TableCard=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/TableCard/TableCard.css');const e=require("./index.cjs241.js");;/* empty css              */const a=require("react"),m=require("./index.cjs257.js"),p=require("./index.cjs117.js"),j=require("./index.cjs95.js"),b=require("./index.cjs96.js"),x=require("./index.cjs123.js"),R=require("./index.cjs61.js"),u=require("./index.cjs116.js"),h=require("./index.cjs44.js"),q=({title:c,headerTitle:l,data:r=[]})=>{const[i,d]=a.useState(""),n=m.useDebouncedValue(i.trim().toLowerCase(),300),o=a.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.SectionHeading,{title:c,mdFs:"2",fs:"3",color:"primary",className:"table-card-section-title"}),e.jsxRuntimeExports.jsxs(R.Col,{children:[e.jsxRuntimeExports.jsx(u.Row,{alignItems:"flex-start",className:"header-row",justifyContent:"space-between",flexWrap:"wrap",children:e.jsxRuntimeExports.jsx("p",{className:"update-title",children:l})}),e.jsxRuntimeExports.jsxs(u.Row,{alignItems:"flex-start",className:"header-row border-bottom",justifyContent:"space-between",flexWrap:"wrap",children:[e.jsxRuntimeExports.jsxs("span",{className:"info",children:["(Numero elementi: ",o.length,")"]}),e.jsxRuntimeExports.jsx(p.Search,{variant:"outlined",btnText:"",helperText:"",value:i,onChangeValue:d})]}),e.jsxRuntimeExports.jsx(j.GridContainer,{gap:"x24",mt:"x32",px:"x12",children:o.map((s,t)=>e.jsxRuntimeExports.jsx(b.GridItem,{sm:6,md:4,children:e.jsxRuntimeExports.jsx(h.CardFile,{...s})},`table-card-${t}`))})]})]})};exports.TableCard=q;
 //# sourceMappingURL=index.cjs155.js.map

package/dist/index.cjs155.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs155.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\n  CardFile,\n  Col,\n  GridContainer,\n  GridItem,\n  Row,\n  Search,\n  Section,\n  SectionHeading,\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      [u.title, u.description].some((field) =>\n        field?.toLowerCase().includes(debouncedQuery),\n      ),\n    );\n  }, [debouncedQuery, data]);\n\n  return (\n    <Section className=\"table-card\">\n      <SectionHeading\n        title={title}\n        mdFs=\"2\"\n        fs=\"3\"\n        color=\"primary\"\n        className=\"table-card-section-title\"\n      />\n      <Col>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <p className=\"update-title\">{headerTitle}</p>\n        </Row>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row border-bottom\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <span className=\"info\">(Numero elementi: {filtered.length})</span>\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","SectionHeading","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":"+ZAqBaA,EAAY,CAAC,CAAE,MAAAC,EAAO,YAAAC,EAAa,KAAAC,EAAO,CAAA,KAAgB,CACrE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAC/BC,EAAiBC,EAAAA,kBAAkBJ,EAAM,OAAO,YAAA,EAAe,GAAG,EAElEK,EAAWC,EAAAA,QAAQ,IAClBH,EACEJ,EAAK,OAAQQ,GAClB,CAACA,EAAE,MAAOA,EAAE,WAAW,EAAE,KAAMC,GAC7BA,GAAA,YAAAA,EAAO,cAAc,SAASL,EAAc,CAC9C,EAJ0BJ,EAM3B,CAACI,EAAgBJ,CAAI,CAAC,EAEzB,OACEU,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CAAQ,UAAU,aACjB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,MAAAf,EACA,KAAK,IACL,GAAG,IACH,MAAM,UACN,UAAU,0BAAA,CAAA,2BAEXgB,EAAAA,IAAA,CACC,SAAA,CAAAF,EAAAA,kBAAAA,IAACG,EAAAA,IAAA,CACC,WAAW,aACX,UAAU,aACV,eAAe,gBACf,SAAS,OAET,SAAAH,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,eAAgB,SAAAb,CAAA,CAAY,CAAA,CAAA,EAE3CW,EAAAA,kBAAAA,KAACK,EAAAA,IAAA,CACC,WAAW,aACX,UAAU,2BACV,eAAe,gBACf,SAAS,OAET,SAAA,CAAAL,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,OAAO,SAAA,CAAA,qBAAmBJ,EAAS,OAAO,GAAA,EAAC,EAC3DM,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CACC,QAAQ,WACR,QAAQ,GACR,WAAW,GACX,MAAOf,EACP,cAAeC,CAAA,CAAA,CACjB,CAAA,CAAA,EAEFU,EAAAA,kBAAAA,IAACK,EAAAA,cAAA,CAAc,IAAI,MAAM,GAAG,MAAM,GAAG,MAClC,SAAAX,EAAS,IAAI,CAACY,EAAIC,IACjBP,wBAACQ,EAAAA,SAAA,CAAqC,GAAI,EAAG,GAAI,EAC/C,SAAAR,EAAAA,kBAAAA,IAACS,EAAAA,SAAA,CAAU,GAAGH,CAAA,CAAI,CAAA,EADL,cAAcC,CAAK,EAElC,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs155.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\r\n  CardFile,\r\n  Col,\r\n  GridContainer,\r\n  GridItem,\r\n  Row,\r\n  Search,\r\n  Section,\r\n  SectionHeading,\r\n} from \"@/components\";\r\nimport \"./TableCard.scss\";\r\nimport { useMemo, useState } from \"react\";\r\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\r\nimport { CardFileProps } from \"@/components/ui/CardFile\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  headerTitle: string;\r\n  data?: CardFileProps[];\r\n};\r\n\r\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\r\n\r\n  const filtered = useMemo(() => {\r\n    if (!debouncedQuery) return data;\r\n    return data.filter((u) =>\r\n      [u.title, u.description].some((field) =>\r\n        field?.toLowerCase().includes(debouncedQuery),\r\n      ),\r\n    );\r\n  }, [debouncedQuery, data]);\r\n\r\n  return (\r\n    <Section className=\"table-card\">\r\n      <SectionHeading\r\n        title={title}\r\n        mdFs=\"2\"\r\n        fs=\"3\"\r\n        color=\"primary\"\r\n        className=\"table-card-section-title\"\r\n      />\r\n      <Col>\r\n        <Row\r\n          alignItems=\"flex-start\"\r\n          className=\"header-row\"\r\n          justifyContent=\"space-between\"\r\n          flexWrap=\"wrap\"\r\n        >\r\n          <p className=\"update-title\">{headerTitle}</p>\r\n        </Row>\r\n        <Row\r\n          alignItems=\"flex-start\"\r\n          className=\"header-row border-bottom\"\r\n          justifyContent=\"space-between\"\r\n          flexWrap=\"wrap\"\r\n        >\r\n          <span className=\"info\">(Numero elementi: {filtered.length})</span>\r\n          <Search\r\n            variant=\"outlined\"\r\n            btnText=\"\"\r\n            helperText=\"\"\r\n            value={query}\r\n            onChangeValue={setQuery}\r\n          />\r\n        </Row>\r\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\r\n          {filtered.map((el, index) => (\r\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\r\n              <CardFile {...el} />\r\n            </GridItem>\r\n          ))}\r\n        </GridContainer>\r\n      </Col>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","SectionHeading","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":"+ZAqBaA,EAAY,CAAC,CAAE,MAAAC,EAAO,YAAAC,EAAa,KAAAC,EAAO,CAAA,KAAgB,CACrE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAC/BC,EAAiBC,EAAAA,kBAAkBJ,EAAM,OAAO,YAAA,EAAe,GAAG,EAElEK,EAAWC,EAAAA,QAAQ,IAClBH,EACEJ,EAAK,OAAQQ,GAClB,CAACA,EAAE,MAAOA,EAAE,WAAW,EAAE,KAAMC,GAC7BA,GAAA,YAAAA,EAAO,cAAc,SAASL,EAAc,CAC9C,EAJ0BJ,EAM3B,CAACI,EAAgBJ,CAAI,CAAC,EAEzB,OACEU,EAAAA,kBAAAA,KAACC,EAAAA,QAAA,CAAQ,UAAU,aACjB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CACC,MAAAf,EACA,KAAK,IACL,GAAG,IACH,MAAM,UACN,UAAU,0BAAA,CAAA,2BAEXgB,EAAAA,IAAA,CACC,SAAA,CAAAF,EAAAA,kBAAAA,IAACG,EAAAA,IAAA,CACC,WAAW,aACX,UAAU,aACV,eAAe,gBACf,SAAS,OAET,SAAAH,EAAAA,kBAAAA,IAAC,IAAA,CAAE,UAAU,eAAgB,SAAAb,CAAA,CAAY,CAAA,CAAA,EAE3CW,EAAAA,kBAAAA,KAACK,EAAAA,IAAA,CACC,WAAW,aACX,UAAU,2BACV,eAAe,gBACf,SAAS,OAET,SAAA,CAAAL,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,OAAO,SAAA,CAAA,qBAAmBJ,EAAS,OAAO,GAAA,EAAC,EAC3DM,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CACC,QAAQ,WACR,QAAQ,GACR,WAAW,GACX,MAAOf,EACP,cAAeC,CAAA,CAAA,CACjB,CAAA,CAAA,EAEFU,EAAAA,kBAAAA,IAACK,EAAAA,cAAA,CAAc,IAAI,MAAM,GAAG,MAAM,GAAG,MAClC,SAAAX,EAAS,IAAI,CAACY,EAAIC,IACjBP,wBAACQ,EAAAA,SAAA,CAAqC,GAAI,EAAG,GAAI,EAC/C,SAAAR,EAAAA,kBAAAA,IAACS,EAAAA,SAAA,CAAU,GAAGH,CAAA,CAAI,CAAA,EADL,cAAcC,CAAK,EAElC,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/index.cjs156.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 e=require("./index.cjs241.js"),G=require("./index.cjs259.js");require("./index.cjs.js");const V=require("./index.cjs260.js"),u=require("./index.cjs242.js"),i=require("react");;/* empty css              */;/* empty css              */;/* empty css              */const D=require("./index.cjs264.js"),O=require("./index.cjs265.js"),z=require("./index.cjs266.js"),S=require("./index.cjs267.js");;/* empty css              */const H=require("./index.cjs150.js"),J=require("./index.cjs223.js"),C=require("./index.cjs61.js"),K=require("./index.cjs36.js"),T=require("./index.cjs116.js"),b=require("./index.cjs169.js"),Q=require("./index.cjs202.js");var I=(r=>(r.FULL_IMAGE="full-image",r.BLUR_IMAGE="blur-image",r))(I||{});const $=({ImageComponent:r,tagsLabelTitle:n="Argomenti correlati",gradientStyle:m,withShadow:o,...t})=>{var c;const p={"--blur-percentage":t!=null&&t.blurPercentage?`${t==null?void 0:t.blurPercentage}px`:"5px"},[l,a]=i.useMemo(()=>!t.slideTitle||t.slideTitle.trim()===""?[null,null]:t.slideTitle.trim().split(/\s+/).length>=4?V.splitInTwo(t.slideTitle.toUpperCase()):[t.slideTitle.toUpperCase(),null],[t.slideTitle]);return e.jsxRuntimeExports.jsxs("div",{className:u.clsx("is-event","hero-event-container",{"with-shadow":o}),style:m,children:[e.jsxRuntimeExports.jsx("img",{className:"hero-event-background",src:t.src,alt:`Evento ${t.alt}`,style:p}),e.jsxRuntimeExports.jsxs("div",{className:"hero-event-content",children:[e.jsxRuntimeExports.jsxs("div",{className:"image-container",children:[!!t.src&&e.jsxRuntimeExports.jsx(r,{alt:`${t.title} image`,src:t.src,style:{aspectRatio:21/9}}),t.slideTitle&&e.jsxRuntimeExports.jsxs("p",{className:u.clsx("short-title",t.titleAlignment),children:[e.jsxRuntimeExports.jsx("span",{children:l}),a&&e.jsxRuntimeExports.jsx("span",{children:a})]})]}),e.jsxRuntimeExports.jsxs(C.Col,{className:"hero-event-card-container",children:[e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(K.CardCategory,{title:t.title,href:t.href||"#",className:"w-full",description2:t.description,classNameTitle:"text-slate-20 fs-5 md-fs-custom-2",classNameDescriptionTitle:"text-slate-28 fw-bold fs-6 md-fs-custom"})}),t.tags&&((c=t.tags)==null?void 0:c.length)>0&&e.jsxRuntimeExports.jsx(H.Tags,{title:n,items:t.tags??[]})]})]})]})},P=({autoplay:r,toggleAutoPlay:n})=>r?e.jsxRuntimeExports.jsx(G.Pause,{width:20,height:20,onClick:n,className:"cursor-pointer"}):e.jsxRuntimeExports.jsx(J.PlayVideo,{width:20,height:20,onClick:n,color:"white",className:"cursor-pointer"}),A=({slides:r,currentIndex:n,goPrev:m,goNext:o,autoplay:t,toggleAutoPlay:p,gradientColorStyle:l,type:a,paginationLabel:c="di"})=>e.jsxRuntimeExports.jsxs(T.Row,{className:u.clsx("pagination",a),gap:"x20",style:l,children:[r.length>1&&e.jsxRuntimeExports.jsxs(T.Row,{alignItems:"center",children:[e.jsxRuntimeExports.jsx(b.ArrowLeft,{width:40,height:40,onClick:m,color:"white",className:"cursor-pointer"}),e.jsxRuntimeExports.jsx(P,{autoplay:t,toggleAutoPlay:p})]}),e.jsxRuntimeExports.jsx("span",{children:`${n+1} ${c} ${r.length}`}),r.length>1&&e.jsxRuntimeExports.jsx(b.ArrowLeft,{width:40,height:40,className:"next cursor-pointer",onClick:o,color:"white"})]}),W=({slides:r=[],asLink:n="a",asImage:m="img",timeout:o=3e3,openInNewTab:t=!1,paginationLabel:p="di",withShadow:l=!0,gradientColor:a="#3d6289",swiperHeight:c=574,type:j="full-image",tagsLabelTitle:k="Argomenti correlati"})=>{const L=n||"a",E=m,x=i.useRef(null),[f,B]=i.useState(0),[d,_]=i.useState(!1),M=()=>{_(!d)},h=i.useCallback(()=>{if(!x.current)return;const s=x.current;s.isEnd&&!s.params.loop?s.slideTo(0):s.slideNext()},[]),U=i.useCallback(()=>{if(!x.current)return;const s=x.current;s.isBeginning&&!s.params.loop?s.slideTo(s.slides.length-1):s.slidePrev()},[]);i.useEffect(()=>{const s=d?setInterval(()=>{h()},o):null;return()=>{s&&clearInterval(s)}},[d,h,o]);const R={"--gradient":a},w={"--swiper-height":`${c}px`};return e.jsxRuntimeExports.jsx(C.Col,{className:u.clsx("ui-slider-section-wrapper-container",j),style:w,children:e.jsxRuntimeExports.jsx("div",{className:"ui-slider",children:e.jsxRuntimeExports.jsxs(S.Swiper,{modules:[D,O,z],slidesPerView:1,autoplay:d,observer:!0,observeParents:!0,loop:!0,onSwiper:s=>x.current=s,onSlideChange:s=>B(s.realIndex),style:w,children:[r.map((s,F)=>{var N,v,y;return e.jsxRuntimeExports.jsx(S.SwiperSlide,{className:u.clsx(j==="blur-image"?"ui-slider-section-wrapper-container":""),children:j==="blur-image"?e.jsxRuntimeExports.jsx($,{...s,ImageComponent:E,tagsLabelTitle:k,withShadow:l,gradientStyle:R}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(E,{src:s.src,alt:s.alt,className:"slider-image",onLoad:()=>{var g,q;return(q=(g=x.current)==null?void 0:g.update)==null?void 0:q.call(g)}}),e.jsxRuntimeExports.jsx("div",{className:u.clsx("slider-content",{"with-shadow":l}),style:R,children:e.jsxRuntimeExports.jsx("div",{className:"container",children:e.jsxRuntimeExports.jsxs("div",{className:"slider-content-grid",children:[e.jsxRuntimeExports.jsxs("div",{className:"category",children:[s.category&&e.jsxRuntimeExports.jsx(Q.File,{fillColor:"#fff",width:30,height:30}),((N=s.category)==null?void 0:N.type)??" ",e.jsxRuntimeExports.jsx("p",{className:"date",children:((v=s.category)==null?void 0:v.published_at)??" "})]}),e.jsxRuntimeExports.jsx(L,{href:((y=r[f])==null?void 0:y.href)||"",target:t?"_blank":"_self",children:e.jsxRuntimeExports.jsx("h1",{className:"title",children:s.title})})]})})})]})},F)}),e.jsxRuntimeExports.jsx(A,{slides:r,currentIndex:f,goPrev:U,goNext:h,autoplay:d,toggleAutoPlay:M,type:j,gradientColorStyle:R,paginationLabel:p})]})})})};exports.AutoplayButton=P;exports.BlurImageSlide=$;exports.Slider=W;exports.SliderPagination=A;exports.SliderTypeEnum=I;
+"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 e=require("./index.cjs241.js"),G=require("./index.cjs258.js");require("./index.cjs.js");const V=require("./index.cjs259.js"),u=require("./index.cjs243.js"),i=require("react");;/* empty css              */;/* empty css              */;/* empty css              */const D=require("./index.cjs263.js"),O=require("./index.cjs264.js"),z=require("./index.cjs265.js"),S=require("./index.cjs266.js");;/* empty css              */const H=require("./index.cjs150.js"),J=require("./index.cjs223.js"),C=require("./index.cjs61.js"),K=require("./index.cjs36.js"),T=require("./index.cjs116.js"),b=require("./index.cjs169.js"),Q=require("./index.cjs202.js");var I=(r=>(r.FULL_IMAGE="full-image",r.BLUR_IMAGE="blur-image",r))(I||{});const $=({ImageComponent:r,tagsLabelTitle:n="Argomenti correlati",gradientStyle:m,withShadow:o,...t})=>{var c;const p={"--blur-percentage":t!=null&&t.blurPercentage?`${t==null?void 0:t.blurPercentage}px`:"5px"},[l,a]=i.useMemo(()=>!t.slideTitle||t.slideTitle.trim()===""?[null,null]:t.slideTitle.trim().split(/\s+/).length>=4?V.splitInTwo(t.slideTitle.toUpperCase()):[t.slideTitle.toUpperCase(),null],[t.slideTitle]);return e.jsxRuntimeExports.jsxs("div",{className:u.clsx("is-event","hero-event-container",{"with-shadow":o}),style:m,children:[e.jsxRuntimeExports.jsx("img",{className:"hero-event-background",src:t.src,alt:`Evento ${t.alt}`,style:p}),e.jsxRuntimeExports.jsxs("div",{className:"hero-event-content",children:[e.jsxRuntimeExports.jsxs("div",{className:"image-container",children:[!!t.src&&e.jsxRuntimeExports.jsx(r,{alt:`${t.title} image`,src:t.src,style:{aspectRatio:21/9}}),t.slideTitle&&e.jsxRuntimeExports.jsxs("p",{className:u.clsx("short-title",t.titleAlignment),children:[e.jsxRuntimeExports.jsx("span",{children:l}),a&&e.jsxRuntimeExports.jsx("span",{children:a})]})]}),e.jsxRuntimeExports.jsxs(C.Col,{className:"hero-event-card-container",children:[e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(K.CardCategory,{title:t.title,href:t.href||"#",className:"w-full",description2:t.description,classNameTitle:"text-slate-20 fs-5 md-fs-custom-2",classNameDescriptionTitle:"text-slate-28 fw-bold fs-6 md-fs-custom"})}),t.tags&&((c=t.tags)==null?void 0:c.length)>0&&e.jsxRuntimeExports.jsx(H.Tags,{title:n,items:t.tags??[]})]})]})]})},P=({autoplay:r,toggleAutoPlay:n})=>r?e.jsxRuntimeExports.jsx(G.Pause,{width:20,height:20,onClick:n,className:"cursor-pointer"}):e.jsxRuntimeExports.jsx(J.PlayVideo,{width:20,height:20,onClick:n,color:"white",className:"cursor-pointer"}),A=({slides:r,currentIndex:n,goPrev:m,goNext:o,autoplay:t,toggleAutoPlay:p,gradientColorStyle:l,type:a,paginationLabel:c="di"})=>e.jsxRuntimeExports.jsxs(T.Row,{className:u.clsx("pagination",a),gap:"x20",style:l,children:[r.length>1&&e.jsxRuntimeExports.jsxs(T.Row,{alignItems:"center",children:[e.jsxRuntimeExports.jsx(b.ArrowLeft,{width:40,height:40,onClick:m,color:"white",className:"cursor-pointer"}),e.jsxRuntimeExports.jsx(P,{autoplay:t,toggleAutoPlay:p})]}),e.jsxRuntimeExports.jsx("span",{children:`${n+1} ${c} ${r.length}`}),r.length>1&&e.jsxRuntimeExports.jsx(b.ArrowLeft,{width:40,height:40,className:"next cursor-pointer",onClick:o,color:"white"})]}),W=({slides:r=[],asLink:n="a",asImage:m="img",timeout:o=3e3,openInNewTab:t=!1,paginationLabel:p="di",withShadow:l=!0,gradientColor:a="#3d6289",swiperHeight:c=574,type:j="full-image",tagsLabelTitle:k="Argomenti correlati"})=>{const L=n||"a",E=m,x=i.useRef(null),[f,B]=i.useState(0),[d,_]=i.useState(!1),M=()=>{_(!d)},h=i.useCallback(()=>{if(!x.current)return;const s=x.current;s.isEnd&&!s.params.loop?s.slideTo(0):s.slideNext()},[]),U=i.useCallback(()=>{if(!x.current)return;const s=x.current;s.isBeginning&&!s.params.loop?s.slideTo(s.slides.length-1):s.slidePrev()},[]);i.useEffect(()=>{const s=d?setInterval(()=>{h()},o):null;return()=>{s&&clearInterval(s)}},[d,h,o]);const R={"--gradient":a},w={"--swiper-height":`${c}px`};return e.jsxRuntimeExports.jsx(C.Col,{className:u.clsx("ui-slider-section-wrapper-container",j),style:w,children:e.jsxRuntimeExports.jsx("div",{className:"ui-slider",children:e.jsxRuntimeExports.jsxs(S.Swiper,{modules:[D,O,z],slidesPerView:1,autoplay:d,observer:!0,observeParents:!0,loop:!0,onSwiper:s=>x.current=s,onSlideChange:s=>B(s.realIndex),style:w,children:[r.map((s,F)=>{var N,v,y;return e.jsxRuntimeExports.jsx(S.SwiperSlide,{className:u.clsx(j==="blur-image"?"ui-slider-section-wrapper-container":""),children:j==="blur-image"?e.jsxRuntimeExports.jsx($,{...s,ImageComponent:E,tagsLabelTitle:k,withShadow:l,gradientStyle:R}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(E,{src:s.src,alt:s.alt,className:"slider-image",onLoad:()=>{var g,q;return(q=(g=x.current)==null?void 0:g.update)==null?void 0:q.call(g)}}),e.jsxRuntimeExports.jsx("div",{className:u.clsx("slider-content",{"with-shadow":l}),style:R,children:e.jsxRuntimeExports.jsx("div",{className:"container",children:e.jsxRuntimeExports.jsxs("div",{className:"slider-content-grid",children:[e.jsxRuntimeExports.jsxs("div",{className:"category",children:[s.category&&e.jsxRuntimeExports.jsx(Q.File,{fillColor:"#fff",width:30,height:30}),((N=s.category)==null?void 0:N.type)??" ",e.jsxRuntimeExports.jsx("p",{className:"date",children:((v=s.category)==null?void 0:v.published_at)??" "})]}),e.jsxRuntimeExports.jsx(L,{href:((y=r[f])==null?void 0:y.href)||"",target:t?"_blank":"_self",children:e.jsxRuntimeExports.jsx("h1",{className:"title",children:s.title})})]})})})]})},F)}),e.jsxRuntimeExports.jsx(A,{slides:r,currentIndex:f,goPrev:U,goNext:h,autoplay:d,toggleAutoPlay:M,type:j,gradientColorStyle:R,paginationLabel:p})]})})})};exports.AutoplayButton=P;exports.BlurImageSlide=$;exports.Slider=W;exports.SliderPagination=A;exports.SliderTypeEnum=I;
 //# sourceMappingURL=index.cjs156.js.map

package/dist/index.cjs156.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs156.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import { CardCategory, Col, Row } from \"@/components\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Tags } from \"@/index\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { GetValues } from \"@anoki/fse-common/dist\";\nimport clsx from \"clsx\";\nimport {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport { A11y, Navigation, Pagination } from \"swiper/modules\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport \"./Slider.scss\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  slideTitle?: string;\n  title: string;\n  description?: string;\n  titleAlignment?: \"left\" | \"center\" | \"right\";\n  blurPercentage?: number;\n  href?: string;\n  tags?: string[];\n};\nexport enum SliderTypeEnum {\n  FULL_IMAGE = \"full-image\",\n  BLUR_IMAGE = \"blur-image\",\n}\n\nexport type SliderType = GetValues<SliderTypeEnum>;\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: React.ComponentType<any> | \"img\";\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  tagsLabelTitle?: string;\n};\n\ntype BlurImageSlideProps = {\n  tagsLabelTitle?: SliderProps[\"tagsLabelTitle\"];\n  ImageComponent: React.ComponentType<any> | \"img\";\n  gradientStyle?: CSSProperties;\n  withShadow?: boolean;\n} & Slide;\n\nexport const BlurImageSlide = ({\n  ImageComponent,\n  tagsLabelTitle = \"Argomenti correlati\",\n  gradientStyle,\n  withShadow,\n  ...slide\n}: BlurImageSlideProps) => {\n  const blurPercentageStyle = {\n    \"--blur-percentage\": slide?.blurPercentage\n      ? `${slide?.blurPercentage}px`\n      : \"5px\",\n  } as CSSProperties;\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (!slide.slideTitle || slide.slideTitle.trim() === \"\") {\n      return [null, null];\n    }\n\n    const words = slide.slideTitle.trim().split(/\\s+/);\n\n    if (words.length >= 4) {\n      return splitInTwo(slide.slideTitle.toUpperCase());\n    }\n\n    return [slide.slideTitle.toUpperCase(), null];\n  }, [slide.slideTitle]);\n\n  return (\n    <div\n      className={clsx(\"is-event\", \"hero-event-container\", {\n        \"with-shadow\": withShadow,\n      })}\n      style={gradientStyle}\n    >\n      <img\n        className=\"hero-event-background\"\n        src={slide.src}\n        alt={`Evento ${slide.alt}`}\n        style={blurPercentageStyle}\n      />\n      <div className={\"hero-event-content\"}>\n        <div className=\"image-container\">\n          {!!slide.src && (\n            <ImageComponent\n              alt={`${slide.title} image`}\n              src={slide.src}\n              style={{ aspectRatio: 21 / 9 }}\n            />\n          )}\n          {slide.slideTitle && (\n            <p className={clsx(\"short-title\", slide.titleAlignment)}>\n              <span>{firstTitleLine}</span>\n              {secondTitleLine && <span>{secondTitleLine}</span>}\n            </p>\n          )}\n        </div>\n\n        <Col className=\"hero-event-card-container\">\n          <div>\n            {\n              <CardCategory\n                title={slide.title}\n                href={slide.href || \"#\"}\n                className={\"w-full\"}\n                description2={slide.description}\n                classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\n                classNameDescriptionTitle={\n                  \"text-slate-28 fw-bold fs-6 md-fs-custom\"\n                }\n              />\n            }\n          </div>\n\n          {slide.tags && slide.tags?.length > 0 && (\n            <Tags title={tagsLabelTitle} items={slide.tags ?? []} />\n          )}\n        </Col>\n      </div>\n    </div>\n  );\n};\n\nexport type AutoplayButtonProps = {\n  autoplay: boolean;\n  toggleAutoPlay: () => void;\n};\n\nexport const AutoplayButton = ({\n  autoplay,\n  toggleAutoPlay,\n}: AutoplayButtonProps) => {\n  return 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};\n\nexport type SliderPaginationProps = {\n  slides: Slide[];\n  currentIndex: number;\n  goPrev: () => void;\n  goNext: () => void;\n  autoplay: boolean;\n  toggleAutoPlay: () => void;\n  gradientColorStyle: CSSProperties;\n  paginationLabel?: string;\n  type: SliderType;\n};\n\nexport const SliderPagination = ({\n  slides,\n  currentIndex,\n  goPrev,\n  goNext,\n  autoplay,\n  toggleAutoPlay,\n  gradientColorStyle,\n  type,\n  paginationLabel = \"di\",\n}: SliderPaginationProps) => {\n  return (\n    <Row\n      className={clsx(\"pagination\", type)}\n      gap=\"x20\"\n      style={gradientColorStyle}\n    >\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          <AutoplayButton autoplay={autoplay} toggleAutoPlay={toggleAutoPlay} />\n        </Row>\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  );\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  tagsLabelTitle = \"Argomenti correlati\",\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [autoplay, setAutoplay] = useState(/* true */ false);\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\n      className={clsx(\"ui-slider-section-wrapper-container\", type)}\n      style={swiperStyle}\n    >\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: any) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper: any) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide\n              key={index}\n              className={clsx(\n                type === \"blur-image\"\n                  ? \"ui-slider-section-wrapper-container\"\n                  : \"\",\n              )}\n            >\n              {type === \"blur-image\" ? (\n                <BlurImageSlide\n                  {...slide}\n                  ImageComponent={ImageComponent}\n                  tagsLabelTitle={tagsLabelTitle}\n                  withShadow={withShadow}\n                  gradientStyle={gradientColorStyle}\n                />\n              ) : (\n                <>\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                          <h1 className=\"title\">{slide.title}</h1>\n                        </LinkTag>\n                      </div>\n                    </div>\n                  </div>\n                </>\n              )}\n            </SwiperSlide>\n          ))}\n          <SliderPagination\n            slides={slides}\n            currentIndex={currentIndex}\n            goPrev={goPrev}\n            goNext={goNext}\n            autoplay={autoplay}\n            toggleAutoPlay={toggleAutoPlay}\n            type={type}\n            gradientColorStyle={gradientColorStyle}\n            paginationLabel={paginationLabel}\n          />\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["SliderTypeEnum","BlurImageSlide","ImageComponent","tagsLabelTitle","gradientStyle","withShadow","slide","blurPercentageStyle","firstTitleLine","secondTitleLine","useMemo","splitInTwo","jsxs","clsx","jsx","Col","CardCategory","_a","Tags","AutoplayButton","autoplay","toggleAutoPlay","Pause","PlayVideo","SliderPagination","slides","currentIndex","goPrev","goNext","gradientColorStyle","type","paginationLabel","Row","ArrowLeft","Slider","asLink","asImage","timeout","openInNewTab","gradientColor","swiperHeight","LinkTag","swiperRef","useRef","setCurrentIndex","useState","setAutoplay","useCallback","swiper","useEffect","intervalId","swiperStyle","Swiper","Navigation","Pagination","A11y","index","SwiperSlide","Fragment","_b","File","_c"],"mappings":"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"}
+{"version":3,"file":"index.cjs156.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import { CardCategory, Col, Row } from \"@/components\";\r\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\r\nimport { Pause } from \"@/icons/Pause\";\r\nimport { Tags } from \"@/index\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { GetValues } from \"@anoki/fse-common/dist\";\r\nimport clsx from \"clsx\";\r\nimport {\r\n  CSSProperties,\r\n  ElementType,\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/navigation\";\r\nimport \"swiper/css/pagination\";\r\nimport { A11y, Navigation, Pagination } from \"swiper/modules\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport \"./Slider.scss\";\r\n\r\nexport type Slide = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  src: string;\r\n  alt: string;\r\n  slideTitle?: string;\r\n  title: string;\r\n  description?: string;\r\n  titleAlignment?: \"left\" | \"center\" | \"right\";\r\n  blurPercentage?: number;\r\n  href?: string;\r\n  tags?: string[];\r\n};\r\nexport enum SliderTypeEnum {\r\n  FULL_IMAGE = \"full-image\",\r\n  BLUR_IMAGE = \"blur-image\",\r\n}\r\n\r\nexport type SliderType = GetValues<SliderTypeEnum>;\r\nexport type SliderProps = {\r\n  slides: Slide[];\r\n  asImage: React.ComponentType<any> | \"img\";\r\n  asLink?: ElementType;\r\n  timeout?: number;\r\n  openInNewTab?: boolean;\r\n  paginationLabel?: string;\r\n  withShadow?: boolean;\r\n  gradientColor?: string;\r\n  type?: SliderType;\r\n  swiperHeight?: number;\r\n  tagsLabelTitle?: string;\r\n};\r\n\r\ntype BlurImageSlideProps = {\r\n  tagsLabelTitle?: SliderProps[\"tagsLabelTitle\"];\r\n  ImageComponent: React.ComponentType<any> | \"img\";\r\n  gradientStyle?: CSSProperties;\r\n  withShadow?: boolean;\r\n} & Slide;\r\n\r\nexport const BlurImageSlide = ({\r\n  ImageComponent,\r\n  tagsLabelTitle = \"Argomenti correlati\",\r\n  gradientStyle,\r\n  withShadow,\r\n  ...slide\r\n}: BlurImageSlideProps) => {\r\n  const blurPercentageStyle = {\r\n    \"--blur-percentage\": slide?.blurPercentage\r\n      ? `${slide?.blurPercentage}px`\r\n      : \"5px\",\r\n  } as CSSProperties;\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (!slide.slideTitle || slide.slideTitle.trim() === \"\") {\r\n      return [null, null];\r\n    }\r\n\r\n    const words = slide.slideTitle.trim().split(/\\s+/);\r\n\r\n    if (words.length >= 4) {\r\n      return splitInTwo(slide.slideTitle.toUpperCase());\r\n    }\r\n\r\n    return [slide.slideTitle.toUpperCase(), null];\r\n  }, [slide.slideTitle]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"is-event\", \"hero-event-container\", {\r\n        \"with-shadow\": withShadow,\r\n      })}\r\n      style={gradientStyle}\r\n    >\r\n      <img\r\n        className=\"hero-event-background\"\r\n        src={slide.src}\r\n        alt={`Evento ${slide.alt}`}\r\n        style={blurPercentageStyle}\r\n      />\r\n      <div className={\"hero-event-content\"}>\r\n        <div className=\"image-container\">\r\n          {!!slide.src && (\r\n            <ImageComponent\r\n              alt={`${slide.title} image`}\r\n              src={slide.src}\r\n              style={{ aspectRatio: 21 / 9 }}\r\n            />\r\n          )}\r\n          {slide.slideTitle && (\r\n            <p className={clsx(\"short-title\", slide.titleAlignment)}>\r\n              <span>{firstTitleLine}</span>\r\n              {secondTitleLine && <span>{secondTitleLine}</span>}\r\n            </p>\r\n          )}\r\n        </div>\r\n\r\n        <Col className=\"hero-event-card-container\">\r\n          <div>\r\n            {\r\n              <CardCategory\r\n                title={slide.title}\r\n                href={slide.href || \"#\"}\r\n                className={\"w-full\"}\r\n                description2={slide.description}\r\n                classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n                classNameDescriptionTitle={\r\n                  \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n                }\r\n              />\r\n            }\r\n          </div>\r\n\r\n          {slide.tags && slide.tags?.length > 0 && (\r\n            <Tags title={tagsLabelTitle} items={slide.tags ?? []} />\r\n          )}\r\n        </Col>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport type AutoplayButtonProps = {\r\n  autoplay: boolean;\r\n  toggleAutoPlay: () => void;\r\n};\r\n\r\nexport const AutoplayButton = ({\r\n  autoplay,\r\n  toggleAutoPlay,\r\n}: AutoplayButtonProps) => {\r\n  return autoplay ? (\r\n    <Pause\r\n      width={20}\r\n      height={20}\r\n      onClick={toggleAutoPlay}\r\n      className=\"cursor-pointer\"\r\n    />\r\n  ) : (\r\n    <PlayVideo\r\n      width={20}\r\n      height={20}\r\n      onClick={toggleAutoPlay}\r\n      color=\"white\"\r\n      className=\"cursor-pointer\"\r\n    />\r\n  );\r\n};\r\n\r\nexport type SliderPaginationProps = {\r\n  slides: Slide[];\r\n  currentIndex: number;\r\n  goPrev: () => void;\r\n  goNext: () => void;\r\n  autoplay: boolean;\r\n  toggleAutoPlay: () => void;\r\n  gradientColorStyle: CSSProperties;\r\n  paginationLabel?: string;\r\n  type: SliderType;\r\n};\r\n\r\nexport const SliderPagination = ({\r\n  slides,\r\n  currentIndex,\r\n  goPrev,\r\n  goNext,\r\n  autoplay,\r\n  toggleAutoPlay,\r\n  gradientColorStyle,\r\n  type,\r\n  paginationLabel = \"di\",\r\n}: SliderPaginationProps) => {\r\n  return (\r\n    <Row\r\n      className={clsx(\"pagination\", type)}\r\n      gap=\"x20\"\r\n      style={gradientColorStyle}\r\n    >\r\n      {slides.length > 1 && (\r\n        <Row alignItems=\"center\">\r\n          <ArrowLeft\r\n            width={40}\r\n            height={40}\r\n            onClick={goPrev}\r\n            color=\"white\"\r\n            className=\"cursor-pointer\"\r\n          />\r\n          <AutoplayButton autoplay={autoplay} toggleAutoPlay={toggleAutoPlay} />\r\n        </Row>\r\n      )}\r\n      <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\r\n      {slides.length > 1 && (\r\n        <ArrowLeft\r\n          width={40}\r\n          height={40}\r\n          className=\"next cursor-pointer\"\r\n          onClick={goNext}\r\n          color=\"white\"\r\n        />\r\n      )}\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport const Slider: React.FC<SliderProps> = ({\r\n  slides = [],\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n  timeout = 3000,\r\n  openInNewTab = false,\r\n  paginationLabel = \"di\",\r\n  withShadow = true,\r\n  gradientColor = \"#3d6289\",\r\n  swiperHeight = 574,\r\n  type = \"full-image\",\r\n  tagsLabelTitle = \"Argomenti correlati\",\r\n}) => {\r\n  const LinkTag = asLink || \"a\";\r\n  const ImageComponent = asImage;\r\n  const swiperRef = useRef<any>(null);\r\n  const [currentIndex, setCurrentIndex] = useState(0);\r\n  const [autoplay, setAutoplay] = useState(/* true */ false);\r\n  const toggleAutoPlay = () => {\r\n    setAutoplay(!autoplay);\r\n  };\r\n\r\n  const goNext = useCallback(() => {\r\n    if (!swiperRef.current) return;\r\n    const swiper = swiperRef.current;\r\n    if (swiper.isEnd && !swiper.params.loop) {\r\n      swiper.slideTo(0);\r\n    } else {\r\n      swiper.slideNext();\r\n    }\r\n  }, []);\r\n\r\n  const goPrev = useCallback(() => {\r\n    if (!swiperRef.current) return;\r\n    const swiper = swiperRef.current;\r\n    if (swiper.isBeginning && !swiper.params.loop) {\r\n      swiper.slideTo(swiper.slides.length - 1);\r\n    } else {\r\n      swiper.slidePrev();\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const intervalId = autoplay\r\n      ? setInterval(() => {\r\n          goNext();\r\n        }, timeout)\r\n      : null;\r\n\r\n    return () => {\r\n      if (intervalId) clearInterval(intervalId);\r\n    };\r\n  }, [autoplay, goNext, timeout]);\r\n\r\n  const gradientColorStyle = {\r\n    \"--gradient\": gradientColor,\r\n  } as CSSProperties;\r\n\r\n  const swiperStyle = {\r\n    \"--swiper-height\": `${swiperHeight}px`,\r\n  } as CSSProperties;\r\n\r\n  return (\r\n    <Col\r\n      className={clsx(\"ui-slider-section-wrapper-container\", type)}\r\n      style={swiperStyle}\r\n    >\r\n      <div className=\"ui-slider\">\r\n        <Swiper\r\n          modules={[Navigation, Pagination, A11y]}\r\n          slidesPerView={1}\r\n          autoplay={autoplay}\r\n          observer={true}\r\n          observeParents={true}\r\n          loop={true}\r\n          onSwiper={(swiper: any) => (swiperRef.current = swiper)}\r\n          onSlideChange={(swiper: any) => setCurrentIndex(swiper.realIndex)}\r\n          style={swiperStyle}\r\n        >\r\n          {slides.map((slide, index) => (\r\n            <SwiperSlide\r\n              key={index}\r\n              className={clsx(\r\n                type === \"blur-image\"\r\n                  ? \"ui-slider-section-wrapper-container\"\r\n                  : \"\",\r\n              )}\r\n            >\r\n              {type === \"blur-image\" ? (\r\n                <BlurImageSlide\r\n                  {...slide}\r\n                  ImageComponent={ImageComponent}\r\n                  tagsLabelTitle={tagsLabelTitle}\r\n                  withShadow={withShadow}\r\n                  gradientStyle={gradientColorStyle}\r\n                />\r\n              ) : (\r\n                <>\r\n                  <ImageComponent\r\n                    src={slide.src}\r\n                    alt={slide.alt}\r\n                    className=\"slider-image\"\r\n                    onLoad={() => swiperRef.current?.update?.()}\r\n                  />\r\n                  <div\r\n                    className={clsx(\"slider-content\", {\r\n                      \"with-shadow\": withShadow,\r\n                    })}\r\n                    style={gradientColorStyle}\r\n                  >\r\n                    <div className=\"container\">\r\n                      <div className=\"slider-content-grid\">\r\n                        <div className=\"category\">\r\n                          {slide.category && (\r\n                            <File fillColor=\"#fff\" width={30} height={30} />\r\n                          )}\r\n                          {slide.category?.type ?? \" \"}\r\n                          <p className=\"date\">\r\n                            {slide.category?.published_at ?? \" \"}\r\n                          </p>\r\n                        </div>\r\n                        <LinkTag\r\n                          href={slides[currentIndex]?.href || \"\"}\r\n                          target={openInNewTab ? \"_blank\" : \"_self\"}\r\n                        >\r\n                          <h1 className=\"title\">{slide.title}</h1>\r\n                        </LinkTag>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n            </SwiperSlide>\r\n          ))}\r\n          <SliderPagination\r\n            slides={slides}\r\n            currentIndex={currentIndex}\r\n            goPrev={goPrev}\r\n            goNext={goNext}\r\n            autoplay={autoplay}\r\n            toggleAutoPlay={toggleAutoPlay}\r\n            type={type}\r\n            gradientColorStyle={gradientColorStyle}\r\n            paginationLabel={paginationLabel}\r\n          />\r\n        </Swiper>\r\n      </div>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["SliderTypeEnum","BlurImageSlide","ImageComponent","tagsLabelTitle","gradientStyle","withShadow","slide","blurPercentageStyle","firstTitleLine","secondTitleLine","useMemo","splitInTwo","jsxs","clsx","jsx","Col","CardCategory","_a","Tags","AutoplayButton","autoplay","toggleAutoPlay","Pause","PlayVideo","SliderPagination","slides","currentIndex","goPrev","goNext","gradientColorStyle","type","paginationLabel","Row","ArrowLeft","Slider","asLink","asImage","timeout","openInNewTab","gradientColor","swiperHeight","LinkTag","swiperRef","useRef","setCurrentIndex","useState","setAutoplay","useCallback","swiper","useEffect","intervalId","swiperStyle","Swiper","Navigation","Pagination","A11y","index","SwiperSlide","Fragment","_b","File","_c"],"mappings":"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"}