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

package/dist/index.cjs138.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs138.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\r\nimport { PlayVideo } from \"@/icons\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { RichText } from \"@/sections/RichText\";\r\nimport clsx from \"clsx\";\r\nimport { useRef, useState } from \"react\";\r\nimport \"./VideoPlayer.scss\";\r\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\r\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\r\n\r\nconst sizeStyles = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    width: \"311px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    width: \"388px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    width: \"642px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    width: \"992px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    width: \"100%\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    width: \"360px\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    heightImg: \"170px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    heightImg: \"183px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    heightImg: \"357px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    heightImg: \"400px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    heightImg: \"640px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    heightImg: \"525px\",\r\n  },\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\r\n  transcription,\r\n  previewImageSrc,\r\n  videoSrc,\r\n  videoTitle,\r\n  videoLang,\r\n  playButtonLabel = \"Riproduci\",\r\n  videoAriaLabel = \"Video player\",\r\n}: VideoPlayerProps) => {\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\r\n  const isLargeSize =\r\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\r\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\r\n  const containerWidth = isVertical ? \"642px\" : width;\r\n  const videoHeight = isVertical ? \"640px\" : heightImg;\r\n  const videoWidth = isVertical ? \"360px\" : width;\r\n\r\n  const handlePlay = async (e?: React.MouseEvent) => {\r\n    if (e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n\r\n    const video = videoRef.current;\r\n\r\n    if (!video) {\r\n      console.error(\"no video element found\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      if (!hasPlayedOnce) {\r\n        setHasPlayedOnce(true);\r\n        setIsPlaying(true);\r\n        await video.play();\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error controlling video:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: containerWidth }}\r\n      className={clsx(\"video-section-container\")}\r\n    >\r\n      <div\r\n        className=\"video-player-container\"\r\n        style={{\r\n          height: videoHeight,\r\n          width: videoWidth,\r\n          ...(isVertical && { alignSelf: \"center\" }),\r\n        }}\r\n      >\r\n        <button\r\n          className={clsx(\"start-video-container\", {\r\n            \"fade-out\": isPlaying || hasPlayedOnce,\r\n          })}\r\n          style={{\r\n            backgroundImage:\r\n              previewImageSrc && !hasPlayedOnce\r\n                ? `url(\"${previewImageSrc}\")`\r\n                : \"none\",\r\n            display: hasPlayedOnce ? \"none\" : \"block\",\r\n          }}\r\n          onClick={(e) => handlePlay(e)}\r\n          type=\"button\"\r\n        >\r\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo decorative />\r\n            </div>\r\n            <div className=\"play-button-text\">\r\n              {playButtonLabel}\r\n            </div>\r\n          </div>\r\n        </button>\r\n        <div className=\"video-container\">\r\n          <video\r\n            ref={videoRef}\r\n            controls\r\n            src={videoSrc || undefined}\r\n            aria-label={videoAriaLabel}\r\n            title={videoTitle ? videoTitle : undefined}\r\n          >\r\n            <source src={videoSrc || undefined} />\r\n            {videoLang  && (\r\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\r\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\r\n          </video>\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div\r\n          className={clsx(\r\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\r\n          )}\r\n          style={{ width: containerWidth }}\r\n        >\r\n          <div\r\n            className={clsx(\r\n              \"expand-button-container\",\r\n              \"accordion\",\r\n              \"base-row justify-content-between align-items-center\",\r\n            )}\r\n          >\r\n            <button\r\n              className={clsx(\r\n                \"ui-btn-accordion-video\",\r\n                \"base-row justify-content-between align-items-center\",\r\n              )}\r\n              type=\"button\"\r\n              onClick={() => setExpanded(!isExpanded)}\r\n              aria-expanded={isExpanded}\r\n              aria-controls=\"transcription-content\"\r\n            >\r\n              <span\r\n                className={clsx(\r\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\r\n                )}\r\n              >\r\n                {btnText}\r\n              </span>\r\n              <ArrowDown\r\n                color={\"primary\"}\r\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\r\n                decorative\r\n              />\r\n            </button>\r\n          </div>\r\n          {isExpanded && (\r\n            <div\r\n              id=\"transcription-content\"\r\n              className={clsx(\r\n                \"transcription-text-container\",\r\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n              )}\r\n            >\r\n              <RichText\r\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\r\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\r\n                description={transcription}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport { VIDEO_PLAYER_SIZE };\r\nexport type { VideoPlayerProps };\r\n\r\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}
+{"version":3,"file":"index.cjs138.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { RichText } from \"@/sections/RichText\";\nimport clsx from \"clsx\";\nimport { useRef, useState } from \"react\";\nimport \"./VideoPlayer.scss\";\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\n\nconst sizeStyles = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    width: \"311px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    width: \"388px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    width: \"642px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"992px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    width: \"360px\",\n  },\n};\n\nconst imgSize = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    heightImg: \"170px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    heightImg: \"183px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    heightImg: \"357px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    heightImg: \"400px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    heightImg: \"640px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    heightImg: \"525px\",\n  },\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n  videoTitle,\n  videoLang,\n  playButtonLabel = \"Riproduci\",\n  videoAriaLabel = \"Video player\",\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\n  const isLargeSize =\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\n  const containerWidth = isVertical ? \"642px\" : width;\n  const videoHeight = isVertical ? \"640px\" : heightImg;\n  const videoWidth = isVertical ? \"360px\" : width;\n\n  const handlePlay = async (e?: React.MouseEvent) => {\n    if (e) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    const video = videoRef.current;\n\n    if (!video) {\n      console.error(\"no video element found\");\n      return;\n    }\n\n    try {\n      if (!hasPlayedOnce) {\n        setHasPlayedOnce(true);\n        setIsPlaying(true);\n        await video.play();\n      }\n    } catch (error) {\n      console.error(\"Error controlling video:\", error);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: containerWidth }}\n      className={clsx(\"video-section-container\")}\n    >\n      <div\n        className=\"video-player-container\"\n        style={{\n          height: videoHeight,\n          width: videoWidth,\n          ...(isVertical && { alignSelf: \"center\" }),\n        }}\n      >\n        <button\n          className={clsx(\"start-video-container\", {\n            \"fade-out\": isPlaying || hasPlayedOnce,\n          })}\n          style={{\n            backgroundImage:\n              previewImageSrc && !hasPlayedOnce\n                ? `url(\"${previewImageSrc}\")`\n                : \"none\",\n            display: hasPlayedOnce ? \"none\" : \"block\",\n          }}\n          onClick={(e) => handlePlay(e)}\n          type=\"button\"\n        >\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\n            <div className=\"play-button-icon\">\n              <PlayVideo decorative />\n            </div>\n            <div className=\"play-button-text\">\n              {playButtonLabel}\n            </div>\n          </div>\n        </button>\n        <div className=\"video-container\">\n          <video\n            ref={videoRef}\n            controls\n            src={videoSrc || undefined}\n            aria-label={videoAriaLabel}\n            title={videoTitle ? videoTitle : undefined}\n          >\n            <source src={videoSrc || undefined} />\n            {videoLang  && (\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\n          </video>\n        </div>\n      </div>\n\n      {transcription && (\n        <div\n          className={clsx(\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\n          )}\n          style={{ width: containerWidth }}\n        >\n          <div\n            className={clsx(\n              \"expand-button-container\",\n              \"accordion\",\n              \"base-row justify-content-between align-items-center\",\n            )}\n          >\n            <button\n              className={clsx(\n                \"ui-btn-accordion-video\",\n                \"base-row justify-content-between align-items-center\",\n              )}\n              type=\"button\"\n              onClick={() => setExpanded(!isExpanded)}\n              aria-expanded={isExpanded}\n              aria-controls=\"transcription-content\"\n            >\n              <span\n                className={clsx(\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\n                )}\n              >\n                {btnText}\n              </span>\n              <ArrowDown\n                color={\"primary\"}\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\n                decorative\n              />\n            </button>\n          </div>\n          {isExpanded && (\n            <div\n              id=\"transcription-content\"\n              className={clsx(\n                \"transcription-text-container\",\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n              )}\n            >\n              <RichText\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\n                description={transcription}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </Col>\n  );\n};\n\nexport { VIDEO_PLAYER_SIZE };\nexport type { VideoPlayerProps };\n\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}

package/dist/index.cjs139.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs139.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\r\n  SMALL = \"small\",\r\n  MEDIUM = \"medium\",\r\n  LARGE = \"large\",\r\n  EXTRA_LARGE = \"extra-large\",\r\n  VERTICAL = \"vertical\",\r\n  FULL_WIDTH = \"full-width\",\r\n}\r\n\r\nexport type VideoPlayerProps = {\r\n  btnText?: string;\r\n  sizeComp?: VIDEO_PLAYER_SIZE;\r\n  previewImageSrc?: string;\r\n  transcription?: string;\r\n  videoSrc: string;\r\n  videoTitle?: string;\r\n  videoLang?: string;\r\n  playButtonLabel?: string;\r\n  videoAriaLabel?: string;\r\n  transcriptionHeading?: string;\r\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n};\r\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"gFAAY,IAAAA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,YAAc,cACdA,EAAA,SAAW,WACXA,EAAA,WAAa,aANHA,IAAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"index.cjs139.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nexport type VideoPlayerProps = {\n  btnText?: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription?: string;\n  videoSrc: string;\n  videoTitle?: string;\n  videoLang?: string;\n  playButtonLabel?: string;\n  videoAriaLabel?: string;\n  transcriptionHeading?: string;\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n};\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"gFAAY,IAAAA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,YAAc,cACdA,EAAA,SAAW,WACXA,EAAA,WAAa,aANHA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/index.cjs14.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs250.js"),c=require("./index.cjs65.js"),t=require("./index.cjs11.js"),l=require("./index.cjs72.js"),d=require("./index.cjs253.js"),u=require("./index.cjs116.js"),m=({asLink:s="a",shortTitle:i,region:n="marche",className:r})=>{const o=s,x=t.LOGOS.nazionale,a=t.LOGOS[n];return e.jsxRuntimeExports.jsx("div",{className:"bg-white",children:e.jsxRuntimeExports.jsxs(c.Container,{className:d.clsx("min-h-x48 base-row align-items-center",r),display:"flex",alignItems:"center",gap:"x16",py:"x8",children:[e.jsxRuntimeExports.jsxs(u.Row,{alignItems:"center",gap:"x8",children:[e.jsxRuntimeExports.jsx(x,{width:28,height:28}),n!=="nazionale"&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(l.Divider,{direction:"vertical",bg:"border-divider"}),e.jsxRuntimeExports.jsx(a,{width:28,height:28})]})]}),e.jsxRuntimeExports.jsx(o,{href:"/",className:"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline",children:i})]})})};exports.HeaderTopBanner=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs250.js"),c=require("./index.cjs65.js"),t=require("./index.cjs11.js"),l=require("./index.cjs72.js"),d=require("./index.cjs252.js"),u=require("./index.cjs116.js"),m=({asLink:s="a",shortTitle:i,region:n="marche",className:r})=>{const o=s,x=t.LOGOS.nazionale,a=t.LOGOS[n];return e.jsxRuntimeExports.jsx("div",{className:"bg-white",children:e.jsxRuntimeExports.jsxs(c.Container,{className:d.clsx("min-h-x48 base-row align-items-center",r),display:"flex",alignItems:"center",gap:"x16",py:"x8",children:[e.jsxRuntimeExports.jsxs(u.Row,{alignItems:"center",gap:"x8",children:[e.jsxRuntimeExports.jsx(x,{width:28,height:28}),n!=="nazionale"&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(l.Divider,{direction:"vertical",bg:"border-divider"}),e.jsxRuntimeExports.jsx(a,{width:28,height:28})]})]}),e.jsxRuntimeExports.jsx(o,{href:"/",className:"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline",children:i})]})})};exports.HeaderTopBanner=m;
 //# sourceMappingURL=index.cjs14.js.map

package/dist/index.cjs14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs14.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport { Region, LOGOS } from \"../Header\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type HeaderTopBannerProps = {\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  shortTitle: React.ReactNode;\r\n  region?: Region;\r\n  className?: string;\r\n};\r\n\r\nexport const HeaderTopBanner = ({\r\n  asLink = \"a\",\r\n  shortTitle,\r\n  region = \"marche\",\r\n  className,\r\n}: HeaderTopBannerProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <div className=\"bg-white\">\r\n      <Container\r\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\r\n        display=\"flex\"\r\n        alignItems=\"center\"\r\n        gap=\"x16\"\r\n        py=\"x8\"\r\n      >\r\n        <Row alignItems={\"center\"} gap={\"x8\"}>\r\n          <NationalIcon width={28} height={28} />\r\n\r\n          {region !== \"nazionale\" && (\r\n            <>\r\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\r\n              <RegionIcon width={28} height={28} />\r\n            </>\r\n          )}\r\n        </Row>\r\n\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={\r\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\r\n          }\r\n        >\r\n          {shortTitle}\r\n        </LinkComponent>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":"6QAeaA,EAAkB,CAAC,CAC9B,OAAAC,EAAS,IACT,WAAAC,EACA,OAAAC,EAAS,SACT,UAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBJ,EAEhBK,EAAeC,QAAM,UACrBC,EAAaD,QAAMJ,CAAM,EAG7B,OAAAM,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,WACb,SAAAC,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,UAAWC,EAAAA,KAAK,wCAAyCR,CAAS,EAClE,QAAQ,OACR,WAAW,SACX,IAAI,MACJ,GAAG,KAEH,SAAA,CAAAM,EAAA,kBAAA,KAACG,EAAI,IAAA,CAAA,WAAY,SAAU,IAAK,KAC9B,SAAA,CAAAJ,EAAA,kBAAA,IAACH,EAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,EAEpCH,IAAW,aAERO,EAAAA,kBAAAA,KAAAI,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAL,EAAA,kBAAA,IAACM,EAAQ,QAAA,CAAA,UAAU,WAAW,GAAG,iBAAiB,EACjDN,EAAA,kBAAA,IAAAD,EAAA,CAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CACrC,CAAA,CAAA,EAEJ,EAEAC,EAAA,kBAAA,IAACJ,EAAA,CACC,KAAK,IACL,UACE,6EAGD,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs14.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Region, LOGOS } from \"../Header\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport clsx from \"clsx\";\nimport { Row } from \"@/components\";\n\nexport type HeaderTopBannerProps = {\n  asLink?: \"a\" | React.ComponentType<any>;\n  shortTitle: React.ReactNode;\n  region?: Region;\n  className?: string;\n};\n\nexport const HeaderTopBanner = ({\n  asLink = \"a\",\n  shortTitle,\n  region = \"marche\",\n  className,\n}: HeaderTopBannerProps) => {\n  const LinkComponent = asLink;\n\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"bg-white\">\n      <Container\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\n        display=\"flex\"\n        alignItems=\"center\"\n        gap=\"x16\"\n        py=\"x8\"\n      >\n        <Row alignItems={\"center\"} gap={\"x8\"}>\n          <NationalIcon width={28} height={28} />\n\n          {region !== \"nazionale\" && (\n            <>\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\n              <RegionIcon width={28} height={28} />\n            </>\n          )}\n        </Row>\n\n        <LinkComponent\n          href=\"/\"\n          className={\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\n          }\n        >\n          {shortTitle}\n        </LinkComponent>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":"6QAeaA,EAAkB,CAAC,CAC9B,OAAAC,EAAS,IACT,WAAAC,EACA,OAAAC,EAAS,SACT,UAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBJ,EAEhBK,EAAeC,QAAM,UACrBC,EAAaD,QAAMJ,CAAM,EAG7B,OAAAM,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,WACb,SAAAC,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,UAAWC,EAAAA,KAAK,wCAAyCR,CAAS,EAClE,QAAQ,OACR,WAAW,SACX,IAAI,MACJ,GAAG,KAEH,SAAA,CAAAM,EAAA,kBAAA,KAACG,EAAI,IAAA,CAAA,WAAY,SAAU,IAAK,KAC9B,SAAA,CAAAJ,EAAA,kBAAA,IAACH,EAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,EAEpCH,IAAW,aAERO,EAAAA,kBAAAA,KAAAI,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAL,EAAA,kBAAA,IAACM,EAAQ,QAAA,CAAA,UAAU,WAAW,GAAG,iBAAiB,EACjDN,EAAA,kBAAA,IAAAD,EAAA,CAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CACrC,CAAA,CAAA,EAEJ,EAEAC,EAAA,kBAAA,IAACJ,EAAA,CACC,KAAK,IACL,UACE,6EAGD,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/index.cjs140.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs140.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,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,4BACjB,SAAA,CAACD,EAAAA,kBAAAA,KAAAE,EAAAA,IAAA,CAAI,UAAU,mBACb,SAAA,CAACC,EAAAA,kBAAAA,IAAAF,EAAA,QAAQ,MAAR,CAAc,GAAG,IAAI,UAAU,yBAAyB,KAAK,IAC3D,SACHZ,CAAA,CAAA,EACCC,GACEa,EAAAA,kBAAAA,IAAAF,EAAAA,QAAQ,YAAR,CAAoB,UAAU,uBAC5B,SACHX,CAAA,CAAA,CAAA,EAEJ,EACAU,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,sCACb,SAAA,CAACA,EAAAA,kBAAAA,KAAAE,EAAAA,IAAA,CAAI,IAAK,MACR,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,yCACX,SACHZ,EAAA,EACCY,EAAAA,kBAAAA,IAAAF,EAAAA,QAAQ,YAAR,CAAqB,SAAiBT,CAAA,CAAA,EACvCW,EAAA,kBAAA,IAACC,EAAA,YAAA,CAEC,UAAWV,EACX,KAAMC,EAEL,SAAAF,CAAA,CAAA,CACH,EACF,EAEAU,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,2BACb,SAAAA,EAAA,kBAAA,IAACJ,EAAA,CACC,IAAKD,EACL,IAAI,GACJ,cAAY,OACZ,MAAO,IACP,OAAQ,GAAA,CAAA,CAEZ,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs140.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,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,4BACjB,SAAA,CAACD,EAAAA,kBAAAA,KAAAE,EAAAA,IAAA,CAAI,UAAU,mBACb,SAAA,CAACC,EAAAA,kBAAAA,IAAAF,EAAA,QAAQ,MAAR,CAAc,GAAG,IAAI,UAAU,yBAAyB,KAAK,IAC3D,SACHZ,CAAA,CAAA,EACCC,GACEa,EAAAA,kBAAAA,IAAAF,EAAAA,QAAQ,YAAR,CAAoB,UAAU,uBAC5B,SACHX,CAAA,CAAA,CAAA,EAEJ,EACAU,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,sCACb,SAAA,CAACA,EAAAA,kBAAAA,KAAAE,EAAAA,IAAA,CAAI,IAAK,MACR,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,yCACX,SACHZ,EAAA,EACCY,EAAAA,kBAAAA,IAAAF,EAAAA,QAAQ,YAAR,CAAqB,SAAiBT,CAAA,CAAA,EACvCW,EAAA,kBAAA,IAACC,EAAA,YAAA,CAEC,UAAWV,EACX,KAAMC,EAEL,SAAAF,CAAA,CAAA,CACH,EACF,EAEAU,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,2BACb,SAAAA,EAAA,kBAAA,IAACJ,EAAA,CACC,IAAKD,EACL,IAAI,GACJ,cAAY,OACZ,MAAO,IACP,OAAQ,GAAA,CAAA,CAEZ,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.cjs141.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/HomeServices/HomeServices.css');const s=require("./index.cjs250.js"),h=require("./index.cjs123.js"),E=require("./index.cjs253.js"),u=require("./index.cjs438.js"),g=require("react"),v=require("./index.cjs143.js");;/* empty css              */const R=require("./index.cjs27.js"),S=require("./index.cjs38.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.cjs250.js"),h=require("./index.cjs123.js"),E=require("./index.cjs252.js"),u=require("./index.cjs253.js"),g=require("react"),v=require("./index.cjs143.js");;/* empty css              */const R=require("./index.cjs27.js"),S=require("./index.cjs38.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.cjs141.js.map

package/dist/index.cjs141.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs141.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":"iYAQaA,EAAwB,CACnC,UAAW,YACX,UAAW,YACX,YAAa,cACb,WAAY,YACd,EAiBaC,EAAe,CAAC,CAC3B,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,IACT,MAAAC,EACA,OAAAC,EAASR,EAAsB,UAC/B,UAAAS,EACA,mBAAAC,EAAqB,EACvB,IAA6B,CAC3B,MAAMC,EACJH,IAAWR,EAAsB,UAC7B,8BACAQ,IAAWR,EAAsB,UAC/B,8BACAQ,IAAWR,EAAsB,YAC/B,gCACAQ,IAAWR,EAAsB,WAC/B,+BACA,GAENY,EAAkBC,EAAAA,QAAQ,IAAM,CACpC,OAAQL,EAAQ,CACd,KAAKR,EAAsB,UACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,KAAKhB,EAAsB,UAClB,OAAAO,EAAM,IAAKO,IAET,CACL,GAAGG,EAAAA,cAAAA,KAAKH,EAAgC,CAAE,CAAA,CAC5C,EACD,EACH,KAAKd,EAAsB,YACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,KAAKhB,EAAsB,WACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,QACS,OAAAT,CAAA,CACX,EACC,CAACA,EAAOC,CAAM,CAAC,EAGhB,OAAAU,EAAA,kBAAA,KAACC,EAAA,QAAA,CACC,UAAWC,EAAA,KACT,oCACAX,EACAC,EAAqB,kBAAoB,EAC3C,EAEA,SAAA,CAACW,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,UAAU,mCACb,SAAAD,EAAA,kBAAA,IAACE,EAAA,eAAA,CACC,MAAArB,EACA,YAAcmB,EAAA,kBAAA,IAAAG,WAAA,CAAS,YAAArB,CAA0B,CAAA,EACjD,UAAU,iCACV,MAAM,WACN,KAAK,IACL,kBAAkB,QAClB,wBAAwB,QAEvB,SAAAC,GAAaC,GACZgB,EAAA,kBAAA,IAACI,EAAU,UAAA,CAAA,KAAApB,EAAY,OAAAC,EAAgB,GAAG,IACvC,SAAUF,EAAA,YAAA,CACb,CAAA,CAAA,CAAA,EAGN,EACAiB,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYnB,CAAK,GAC7B,UAAW,mBAAmBS,CAAe,GAE5C,SAAiBC,GAAA,YAAAA,EAAA,IAAI,CAACE,EAAMC,4BAExB,KACC,CAAA,SAAAM,EAAA,kBAAA,IAACK,EAAA,aAAA,CAEC,MAAOZ,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,IAAKC,CAAK,EAAE,KAAK,GAAG,CAAA,CAQjC,EAVO,CAACD,EAAK,IAAKC,CAAK,EAAE,KAAK,GAAG,CAWnC,EAEH,CAAA,CACH,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs141.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":"iYAQaA,EAAwB,CACnC,UAAW,YACX,UAAW,YACX,YAAa,cACb,WAAY,YACd,EAiBaC,EAAe,CAAC,CAC3B,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,IACT,MAAAC,EACA,OAAAC,EAASR,EAAsB,UAC/B,UAAAS,EACA,mBAAAC,EAAqB,EACvB,IAA6B,CAC3B,MAAMC,EACJH,IAAWR,EAAsB,UAC7B,8BACAQ,IAAWR,EAAsB,UAC/B,8BACAQ,IAAWR,EAAsB,YAC/B,gCACAQ,IAAWR,EAAsB,WAC/B,+BACA,GAENY,EAAkBC,EAAAA,QAAQ,IAAM,CACpC,OAAQL,EAAQ,CACd,KAAKR,EAAsB,UACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,KAAKhB,EAAsB,UAClB,OAAAO,EAAM,IAAKO,IAET,CACL,GAAGG,EAAAA,cAAAA,KAAKH,EAAgC,CAAE,CAAA,CAC5C,EACD,EACH,KAAKd,EAAsB,YACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,KAAKhB,EAAsB,WACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,QACS,OAAAT,CAAA,CACX,EACC,CAACA,EAAOC,CAAM,CAAC,EAGhB,OAAAU,EAAA,kBAAA,KAACC,EAAA,QAAA,CACC,UAAWC,EAAA,KACT,oCACAX,EACAC,EAAqB,kBAAoB,EAC3C,EAEA,SAAA,CAACW,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,UAAU,mCACb,SAAAD,EAAA,kBAAA,IAACE,EAAA,eAAA,CACC,MAAArB,EACA,YAAcmB,EAAA,kBAAA,IAAAG,WAAA,CAAS,YAAArB,CAA0B,CAAA,EACjD,UAAU,iCACV,MAAM,WACN,KAAK,IACL,kBAAkB,QAClB,wBAAwB,QAEvB,SAAAC,GAAaC,GACZgB,EAAA,kBAAA,IAACI,EAAU,UAAA,CAAA,KAAApB,EAAY,OAAAC,EAAgB,GAAG,IACvC,SAAUF,EAAA,YAAA,CACb,CAAA,CAAA,CAAA,EAGN,EACAiB,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYnB,CAAK,GAC7B,UAAW,mBAAmBS,CAAe,GAE5C,SAAiBC,GAAA,YAAAA,EAAA,IAAI,CAACE,EAAMC,4BAExB,KACC,CAAA,SAAAM,EAAA,kBAAA,IAACK,EAAA,aAAA,CAEC,MAAOZ,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,IAAKC,CAAK,EAAE,KAAK,GAAG,CAAA,CAQjC,EAVO,CAACD,EAAK,IAAKC,CAAK,EAAE,KAAK,GAAG,CAWnC,EAEH,CAAA,CACH,CAAA,CACF,CAEJ"}

package/dist/index.cjs142.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/WhatDoYouNeed/WhatDoYouNeed.css');const e=require("./index.cjs250.js"),x=require("./index.cjs253.js"),l=require("./index.cjs143.js");;/* empty css              */const n=require("./index.cjs123.js"),m=require("./index.cjs61.js"),j=require("./index.cjs34.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.cjs250.js"),x=require("./index.cjs252.js"),l=require("./index.cjs143.js");;/* empty css              */const n=require("./index.cjs123.js"),m=require("./index.cjs61.js"),j=require("./index.cjs34.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.cjs142.js.map

package/dist/index.cjs142.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs142.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,EAAA,kBAAA,KAACC,EAAA,QAAA,CACC,UAAW,wCAAwCF,EAAqB,kBAAoB,EAAE,GAE9F,SAAA,CAACG,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,UAAU,8BACb,SAAAD,EAAA,kBAAA,IAACE,EAAA,eAAA,CACC,MAAAT,EACA,GAAG,IACH,KAAK,IACL,MAAM,WACN,kBAAkB,IAClB,wBAAwB,IACxB,YAAaC,EAAeM,EAAA,kBAAA,IAAAG,EAAA,SAAA,CAAS,YAAAT,CAA0B,CAAA,EAAc,MAAA,CAAA,EAEjF,EACAM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYP,CAAK,GAC7B,UAAWW,EAAA,KACT,4CACAT,EAAM,OAAS,EAAI,MAAQ,MAC7B,EAEC,SAAAA,GAAA,YAAAA,EAAO,IAAI,CAAC,CAAE,KAAAU,EAAM,MAAAZ,EAAO,SAAAa,CAAS,EAAGC,IACtCP,EAAAA,kBAAAA,IAAC,KACC,CAAA,SAAAA,EAAA,kBAAA,IAACQ,EAAA,OAAA,CACC,OAAAZ,EACA,KAAMS,EACN,KAAK,IACL,QAASE,EAAQ,EAAI,YAAc,UAInC,OAAQD,EAAW,SAAW,OAC9B,IAAKA,EAAW,sBAAwB,OAEvC,SAAAb,CAAA,CACH,CAAA,EAbOY,CAcT,EACD,CAAA,CACH,CAAA,CACF"}
+{"version":3,"file":"index.cjs142.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,EAAA,kBAAA,KAACC,EAAA,QAAA,CACC,UAAW,wCAAwCF,EAAqB,kBAAoB,EAAE,GAE9F,SAAA,CAACG,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,UAAU,8BACb,SAAAD,EAAA,kBAAA,IAACE,EAAA,eAAA,CACC,MAAAT,EACA,GAAG,IACH,KAAK,IACL,MAAM,WACN,kBAAkB,IAClB,wBAAwB,IACxB,YAAaC,EAAeM,EAAA,kBAAA,IAAAG,EAAA,SAAA,CAAS,YAAAT,CAA0B,CAAA,EAAc,MAAA,CAAA,EAEjF,EACAM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYP,CAAK,GAC7B,UAAWW,EAAA,KACT,4CACAT,EAAM,OAAS,EAAI,MAAQ,MAC7B,EAEC,SAAAA,GAAA,YAAAA,EAAO,IAAI,CAAC,CAAE,KAAAU,EAAM,MAAAZ,EAAO,SAAAa,CAAS,EAAGC,IACtCP,EAAAA,kBAAAA,IAAC,KACC,CAAA,SAAAA,EAAA,kBAAA,IAACQ,EAAA,OAAA,CACC,OAAAZ,EACA,KAAMS,EACN,KAAK,IACL,QAASE,EAAQ,EAAI,YAAc,UAInC,OAAQD,EAAW,SAAW,OAC9B,IAAKA,EAAW,sBAAwB,OAEvC,SAAAb,CAAA,CACH,CAAA,EAbOY,CAcT,EACD,CAAA,CACH,CAAA,CACF"}

package/dist/index.cjs143.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/RichText/RichText.css');const t=require("./index.cjs250.js");;/* empty css              */const u=require("./index.cjs148.js"),l=require("react"),a=require("./index.cjs253.js"),s=require("./index.cjs123.js"),m=require("./index.cjs61.js"),j=({title:i,description:e,fontSize:r="2",mdFontSize:n="2",classNameTitle:c,additionalClass:x,children:o})=>t.jsxRuntimeExports.jsxs(s.Section,{className:a.clsx("base-col ui-rich-text-section",x),children:[t.jsxRuntimeExports.jsxs(m.Col,{className:"ui-rich-text-content",children:[i&&t.jsxRuntimeExports.jsx(s.Section.Title,{fs:r,mdFs:n,className:c,children:i}),e&&t.jsxRuntimeExports.jsx(s.Section.Description,{children:typeof e=="string"&&l.isValidElement(e)?e:u.HTML(e.toString(),"div")})]}),o]});exports.RichText=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/RichText/RichText.css');const t=require("./index.cjs250.js");;/* empty css              */const u=require("./index.cjs148.js"),l=require("react"),a=require("./index.cjs252.js"),s=require("./index.cjs123.js"),m=require("./index.cjs61.js"),j=({title:i,description:e,fontSize:r="2",mdFontSize:n="2",classNameTitle:c,additionalClass:x,children:o})=>t.jsxRuntimeExports.jsxs(s.Section,{className:a.clsx("base-col ui-rich-text-section",x),children:[t.jsxRuntimeExports.jsxs(m.Col,{className:"ui-rich-text-content",children:[i&&t.jsxRuntimeExports.jsx(s.Section.Title,{fs:r,mdFs:n,className:c,children:i}),e&&t.jsxRuntimeExports.jsx(s.Section.Description,{children:typeof e=="string"&&l.isValidElement(e)?e:u.HTML(e.toString(),"div")})]}),o]});exports.RichText=j;
 //# sourceMappingURL=index.cjs143.js.map

package/dist/index.cjs143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs143.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 } 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}>;\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}: RichTextProps) => {\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        {description && (\r\n          <Section.Description>\r\n            {typeof description === \"string\" &&\r\n            React.isValidElement(description)\r\n              ? description\r\n              : HTML(description.toString(), \"div\")}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTML"],"mappings":"sSAoBaA,EAAW,CAAC,CACvB,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,IACX,WAAAC,EAAa,IACb,eAAAC,EACA,gBAAAC,EACA,SAAAC,CACF,6BAEKC,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,gCAAiCH,CAAe,EACvE,SAAA,CAACI,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,UAAU,uBACZ,SAAA,CACCV,GAAAW,EAAA,kBAAA,IAACJ,EAAAA,QAAQ,MAAR,CACC,GAAIL,EACJ,KAAMC,EACN,UAAWC,EAEV,SAAAJ,CAAA,CACH,EAEDC,GACEU,EAAA,kBAAA,IAAAJ,UAAQ,YAAR,CACE,SAAA,OAAON,GAAgB,UACxBW,EAAM,eAAeX,CAAW,EAC5BA,EACAY,EAAAA,KAAKZ,EAAY,SAAS,EAAG,KAAK,CACxC,CAAA,CAAA,EAEJ,EACCK,CAAA,EACH"}
+{"version":3,"file":"index.cjs143.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } 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}>;\n\nexport const RichText = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  children,\n}: RichTextProps) => {\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        {description && (\n          <Section.Description>\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTML"],"mappings":"sSAoBaA,EAAW,CAAC,CACvB,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,IACX,WAAAC,EAAa,IACb,eAAAC,EACA,gBAAAC,EACA,SAAAC,CACF,6BAEKC,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,gCAAiCH,CAAe,EACvE,SAAA,CAACI,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,UAAU,uBACZ,SAAA,CACCV,GAAAW,EAAA,kBAAA,IAACJ,EAAAA,QAAQ,MAAR,CACC,GAAIL,EACJ,KAAMC,EACN,UAAWC,EAEV,SAAAJ,CAAA,CACH,EAEDC,GACEU,EAAA,kBAAA,IAAAJ,UAAQ,YAAR,CACE,SAAA,OAAON,GAAgB,UACxBW,EAAM,eAAeX,CAAW,EAC5BA,EACAY,EAAAA,KAAKZ,EAAY,SAAS,EAAG,KAAK,CACxC,CAAA,CAAA,EAEJ,EACCK,CAAA,EACH"}

package/dist/index.cjs144.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Services/Services.css');const s=require("./index.cjs250.js"),d=require("./index.cjs123.js"),j=require("./index.cjs253.js"),a=require("./index.cjs438.js"),v=require("react"),E=require("./index.cjs143.js");;/* empty css              */const g=require("./index.cjs61.js"),R=require("./index.cjs27.js"),S=require("./index.cjs38.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.cjs250.js"),d=require("./index.cjs123.js"),j=require("./index.cjs252.js"),a=require("./index.cjs253.js"),v=require("react"),E=require("./index.cjs143.js");;/* empty css              */const g=require("./index.cjs61.js"),R=require("./index.cjs27.js"),S=require("./index.cjs38.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.cjs144.js.map

package/dist/index.cjs144.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs144.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":"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"}
+{"version":3,"file":"index.cjs144.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":"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,CAkBb,MAAAC,GAjBsBC,GAAsB,CAChD,OAAQA,EAAG,CACT,KAAKX,EAAiB,UACb,MAAA,8BACT,KAAKA,EAAiB,UACb,MAAA,8BACT,KAAKA,EAAiB,YACb,MAAA,gCACT,KAAKA,EAAiB,WACb,MAAA,+BACT,KAAKA,EAAiB,WACb,MAAA,+BACT,QACS,MAAA,EAAA,CAEb,GAE2CQ,CAAM,EAE3CI,EAAkBC,EAAAA,QAAQ,IAAM,CACpC,OAAQL,EAAQ,CAId,KAAKR,EAAiB,UACb,OAAAO,EAAM,IAAKO,IACT,CACL,GAAGC,EAAA,cAAA,KAAKD,EAAM,CAAC,OAAO,CAAC,CACzB,EACD,EAIH,KAAKd,EAAiB,UACpB,OAAOO,EAAM,IAAI,CAACO,EAAME,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGD,qBAAKD,EAAMG,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EAIH,KAAKjB,EAAiB,YACb,OAAAO,EAAM,IAAKO,IACT,CACL,GAAGC,EAAA,cAAA,KAAKD,EAAM,CAAC,OAAO,CAAC,CACzB,EACD,EAIH,KAAKd,EAAiB,WACpB,OAAOO,EAAM,IAAI,CAACO,EAAME,IAAU,CAChC,MAAMC,EAAcD,IAAU,EAEvB,MAAA,CACL,GAAGD,qBAAKD,EAAMG,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,KAAKjB,EAAiB,WACb,OAAAO,EAAM,IAAKO,IACT,CACL,GAAGC,EAAA,cAAA,KAAKD,EAAM,CAAC,OAAO,CAAC,CACzB,EACD,EACH,QACS,OAAAP,CAAA,CACX,EACC,CAACA,EAAOC,CAAM,CAAC,EAElB,gCACGU,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,oCAAqCV,CAAS,EACrE,SAAA,CAACW,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,UAAU,qCACb,SAAAD,EAAA,kBAAA,IAACE,EAAA,eAAA,CACC,GAAI,IACJ,KAAM,IACN,UAAU,iCACV,kBAAkB,QAClB,wBAAwB,QACxB,MAAO,WACP,MAAApB,EACA,YAAckB,EAAA,kBAAA,IAAAG,WAAA,CAAS,YAAApB,CAAyB,CAAA,EAE/C,SAAAC,GAAaC,GACZe,EAAA,kBAAA,IAACI,EAAU,UAAA,CAAA,KAAAnB,EAAY,OAAAC,EAAgB,GAAG,IACvC,SAAUF,EAAA,YAAA,CACb,CAAA,CAAA,CAAA,EAGN,EACAgB,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYlB,CAAK,GAC7B,UAAW,mBAAmBQ,CAAe,GAE5C,SAAiBE,GAAA,YAAAA,EAAA,IAAI,CAACE,EAAME,4BAExB,KACC,CAAA,SAAAI,EAAA,kBAAA,IAACK,EAAA,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.cjs145.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/SuggestedServices/SuggestedServices.css');const e=require("./index.cjs250.js"),n=require("./index.cjs123.js"),d=require("./index.cjs253.js");;/* empty css              */const j=require("./index.cjs55.js"),g=require("./index.cjs61.js"),p=require("./index.cjs27.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.cjs250.js"),n=require("./index.cjs123.js"),d=require("./index.cjs252.js");;/* empty css              */const j=require("./index.cjs55.js"),g=require("./index.cjs61.js"),p=require("./index.cjs27.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.cjs145.js.map

package/dist/index.cjs146.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs146.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,MAEpDC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBACjB,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,MAAAN,EACA,YAAcK,EAAA,kBAAA,IAAAE,WAAA,CAAS,YAAAN,CAA0B,CAAA,EACjD,UAAU,iCAAA,CACZ,EACAI,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYL,CAAK,GAC7B,UAAW,2CAEV,SAAOE,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAJ,EAAA,kBAAA,IAACK,EAAA,SAAA,CACC,OAAQF,GAAA,YAAAA,EAAM,OACd,UAAWA,EAAK,UAChB,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,YAAaA,EAAK,YAClB,OAAQA,EAAK,MAAA,IAPRC,CAST,EAEH,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs146.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,MAEpDC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBACjB,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,MAAAN,EACA,YAAcK,EAAA,kBAAA,IAAAE,WAAA,CAAS,YAAAN,CAA0B,CAAA,EACjD,UAAU,iCAAA,CACZ,EACAI,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYL,CAAK,GAC7B,UAAW,2CAEV,SAAOE,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAJ,EAAA,kBAAA,IAACK,EAAA,SAAA,CACC,OAAQF,GAAA,YAAAA,EAAM,OACd,UAAWA,EAAK,UAChB,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,YAAaA,EAAK,YAClB,OAAQA,EAAK,MAAA,IAPRC,CAST,EAEH,CAAA,CACH,EACF"}

package/dist/index.cjs147.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs147.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,MAElCC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,kBACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAI,IACJ,KAAM,IACN,GAAI,KACJ,MAAO,WACP,UAAU,8BAET,SAAAH,CAAA,CACH,EACAI,EAAAA,kBAAAA,IAACC,EAAU,UAAA,CAAA,OAAQJ,CAAO,CAAA,CAAA,EAC5B"}
+{"version":3,"file":"index.cjs147.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,MAElCC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,kBACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAI,IACJ,KAAM,IACN,GAAI,KACJ,MAAO,WACP,UAAU,8BAET,SAAAH,CAAA,CACH,EACAI,EAAAA,kBAAAA,IAACC,EAAU,UAAA,CAAA,OAAQJ,CAAO,CAAA,CAAA,EAC5B"}

package/dist/index.cjs148.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs250.js"),i=require("./index.cjs446.js"),a=require("./index.cjs325.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.cjs250.js"),i=require("./index.cjs261.js"),a=require("./index.cjs262.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.cjs148.js.map

package/dist/index.cjs148.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs148.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,IACF,EACA,+BACGI,EAAS,QAAA,CAAA,wBAAyB,CAAE,OAAQF,CAAA,EAAgB,GAAAD,EAAQ,CAEzE,EAEaI,EAAO,CAACL,EAAcC,EAAkB,MAAQ,CACrD,MAAAK,EAAYH,EAAU,SAASH,EAAM,CACzC,SAAU,CAAC,QAAQ,CAAA,CACpB,EACKO,EAAYN,EACZC,EAAeI,EAAU,QAC7B,yCACA,IACF,EACA,+BAAQC,EAAU,CAAA,wBAAyB,CAAE,OAAQL,GAAgB,CACvE"}
+{"version":3,"file":"index.cjs148.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\nimport Balancer from \"react-wrap-balancer\";\n\nexport const HTMLBalancer = (\n  html: string,\n  as: string | undefined = undefined,\n) => {\n  const sanitized = DOMPurify.sanitize(html);\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return (\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\n  );\n};\n\nexport const HTML = (html: string, as: \"div\" | \"p\" = \"p\") => {\n  const sanitized = DOMPurify.sanitize(html, {\n    ADD_ATTR: [\"target\"],\n  });\n  const Component = as;\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return <Component dangerouslySetInnerHTML={{ __html: innerContent }} />;\n};\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer","HTML","sanitized","Component"],"mappings":"mLAGaA,EAAe,CAC1BC,EACAC,EAAyB,SACtB,CAEH,MAAMC,EADYC,EAAU,SAASH,CAAI,EACV,QAC7B,yCACA,IACF,EACA,+BACGI,EAAS,QAAA,CAAA,wBAAyB,CAAE,OAAQF,CAAA,EAAgB,GAAAD,EAAQ,CAEzE,EAEaI,EAAO,CAACL,EAAcC,EAAkB,MAAQ,CACrD,MAAAK,EAAYH,EAAU,SAASH,EAAM,CACzC,SAAU,CAAC,QAAQ,CAAA,CACpB,EACKO,EAAYN,EACZC,EAAeI,EAAU,QAC7B,yCACA,IACF,EACA,+BAAQC,EAAU,CAAA,wBAAyB,CAAE,OAAQL,GAAgB,CACvE"}

package/dist/index.cjs149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs149.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,CAAC,EACT,WAAAC,EAAa,WACb,wBAAAC,EAA0B,EAC5B,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBAChB,SAAA,CACCF,GAAAG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAEpDA,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,UAAU,kCACV,MAAAP,EACA,MAAOE,EACP,kBAAkB,GAClB,GAAG,IACH,KAAK,GAAA,CACP,EACAI,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYN,CAAK,GAC7B,UAAW,4CAA6CA,EAAmB,GAAX,QAAa,GAE5E,SAAOC,GAAA,YAAAA,EAAA,IAAI,CAACO,EAAMC,4BAEd,KACC,CAAA,SAAAH,EAAA,kBAAA,IAACI,eAAa,GAAGF,CAAA,CAAM,GADhBC,CAET,EAEH,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs149.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,CAAC,EACT,WAAAC,EAAa,WACb,wBAAAC,EAA0B,EAC5B,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBAChB,SAAA,CACCF,GAAAG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAEpDA,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,UAAU,kCACV,MAAAP,EACA,MAAOE,EACP,kBAAkB,GAClB,GAAG,IACH,KAAK,GAAA,CACP,EACAI,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYN,CAAK,GAC7B,UAAW,4CAA6CA,EAAmB,GAAX,QAAa,GAE5E,SAAOC,GAAA,YAAAA,EAAA,IAAI,CAACO,EAAMC,4BAEd,KACC,CAAA,SAAAH,EAAA,kBAAA,IAACI,eAAa,GAAGF,CAAA,CAAM,GADhBC,CAET,EAEH,CAAA,CACH,EACF"}

package/dist/index.cjs15.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/TabBar/TabBar.css');const e=require("./index.cjs250.js"),a=require("./index.cjs253.js");;/* empty css              */const i=require("./index.cjs116.js"),x=({navigatonItems:n,asLink:t="a",className:o})=>{const l=t;return e.jsxRuntimeExports.jsx("nav",{className:a.clsx("bg-white ui-tab-bar shadow",o),children:e.jsxRuntimeExports.jsx(i.Row,{as:"ul",className:"list-style-none ui-tab-bar-list",role:"list",children:n.map((s,c)=>{const r=s==null?void 0:s.icon;return e.jsxRuntimeExports.jsx("li",{className:"ui-tab-bar-item",children:e.jsxRuntimeExports.jsxs(l,{href:s.href,className:a.clsx("text-decoration-none text-secondary fs-8 fw-bold",s.active&&"active"),children:[r&&e.jsxRuntimeExports.jsx(r,{color:s.active?"primary":"secondary",filled:!!s.active}),s.shortLabel?s.shortLabel:s.label,s.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},c)})})})};exports.TabBar=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/TabBar/TabBar.css');const e=require("./index.cjs250.js"),a=require("./index.cjs252.js");;/* empty css              */const i=require("./index.cjs116.js"),x=({navigatonItems:n,asLink:t="a",className:o})=>{const l=t;return e.jsxRuntimeExports.jsx("nav",{className:a.clsx("bg-white ui-tab-bar shadow",o),children:e.jsxRuntimeExports.jsx(i.Row,{as:"ul",className:"list-style-none ui-tab-bar-list",role:"list",children:n.map((s,c)=>{const r=s==null?void 0:s.icon;return e.jsxRuntimeExports.jsx("li",{className:"ui-tab-bar-item",children:e.jsxRuntimeExports.jsxs(l,{href:s.href,className:a.clsx("text-decoration-none text-secondary fs-8 fw-bold",s.active&&"active"),children:[r&&e.jsxRuntimeExports.jsx(r,{color:s.active?"primary":"secondary",filled:!!s.active}),s.shortLabel?s.shortLabel:s.label,s.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},c)})})})};exports.TabBar=x;
 //# sourceMappingURL=index.cjs15.js.map

package/dist/index.cjs150.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/ImagesDescription/ImagesDescription.css');const s=require("./index.cjs250.js"),n=require("./index.cjs253.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.cjs250.js"),n=require("./index.cjs252.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.cjs150.js.map

package/dist/index.cjs150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs150.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,CAAC,EACT,OAAAC,EAASJ,EAA2B,SACpC,UAAAK,CACF,IAA8B,CAqDtB,MAAAC,GApDsBC,GAA+B,CACzD,OAAQA,EAAG,CAET,KAAKP,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCAGT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCAGT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CAET,QACS,MAAA,EAAA,CAEb,GAW2CI,CAAM,EAEjD,gCACGI,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,sCAAuCJ,CAAS,EACvE,SAAA,CAAAK,wBAACC,EAAAA,gBAAe,MAAAT,EAAc,EAC9BQ,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,eAAeR,CAAK,GAChC,UAAW,mBAAmBI,CAAe,GAE5C,0BAAO,IAAKM,GACVC,yBAAA,KAAA,CAAkB,UAAU,0BAC3B,SAAA,CAACH,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,0CACb,SAAAA,EAAA,kBAAA,IAAC,MAAA,CACC,IAAKE,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,UAAU,+BAAA,CAAA,EAEd,EACAF,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAAC,KAAE,UAAU,yDACV,SAAKE,EAAA,WACR,CAAA,CACF,CAAA,CAAA,CAbO,EAAAA,EAAK,GAcd,EACD,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"index.cjs150.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,CAAC,EACT,OAAAC,EAASJ,EAA2B,SACpC,UAAAK,CACF,IAA8B,CAqDtB,MAAAC,GApDsBC,GAA+B,CACzD,OAAQA,EAAG,CAET,KAAKP,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCAGT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCAGT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CAET,QACS,MAAA,EAAA,CAEb,GAW2CI,CAAM,EAEjD,gCACGI,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,sCAAuCJ,CAAS,EACvE,SAAA,CAAAK,wBAACC,EAAAA,gBAAe,MAAAT,EAAc,EAC9BQ,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,eAAeR,CAAK,GAChC,UAAW,mBAAmBI,CAAe,GAE5C,0BAAO,IAAKM,GACVC,yBAAA,KAAA,CAAkB,UAAU,0BAC3B,SAAA,CAACH,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,0CACb,SAAAA,EAAA,kBAAA,IAAC,MAAA,CACC,IAAKE,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,UAAU,+BAAA,CAAA,EAEd,EACAF,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAAC,KAAE,UAAU,yDACV,SAAKE,EAAA,WACR,CAAA,CACF,CAAA,CAAA,CAbO,EAAAA,EAAK,GAcd,EACD,CAAA,CACH,EACF,CAEJ"}

package/dist/index.cjs151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs151.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\n\r\ntype Props = {\r\n  title: string;\r\n  description: string;\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={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","VerticalCardStepper"],"mappings":"mLAeaA,EAA6B,CAAC,CACzC,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,CACF,6BAEKC,UACC,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,MAAAN,EACA,YAAAC,EACA,MAAM,UACN,kBAAkB,SAClB,qBAAqB,qBACrB,wBAAwB,QAAA,CAC1B,EACAI,EAAAA,kBAAAA,IAACE,EAAoB,oBAAA,CAAA,MAAAL,EAAc,KAAAC,CAAY,CAAA,CAAA,EACjD"}
+{"version":3,"file":"index.cjs151.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import {\n  Section,\n  SectionHeading,\n  Step,\n  StepVariantEnum,\n  VerticalCardStepper,\n} from \"@/components\";\n\ntype Props = {\n  title: string;\n  description: string;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <SectionHeading\n        title={title}\n        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","VerticalCardStepper"],"mappings":"mLAeaA,EAA6B,CAAC,CACzC,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,CACF,6BAEKC,UACC,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,MAAAN,EACA,YAAAC,EACA,MAAM,UACN,kBAAkB,SAClB,qBAAqB,qBACrB,wBAAwB,QAAA,CAC1B,EACAI,EAAAA,kBAAAA,IAACE,EAAoB,oBAAA,CAAA,MAAAL,EAAc,KAAAC,CAAY,CAAA,CAAA,EACjD"}

package/dist/index.cjs152.js

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

package/dist/index.cjs152.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs152.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          <h1 className=\"update-title\">\r\n            {headerTitle} <span>({filtered.length})</span>\r\n          </h1>\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,MAAgB,CACrE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAC/BC,EAAiBC,EAAAA,kBAAkBJ,EAAM,OAAO,cAAe,GAAG,EAElEK,EAAWC,EAAAA,QAAQ,IAClBH,EACEJ,EAAK,OAAQQ,GAClB,CAACA,EAAE,MAAOA,EAAE,WAAW,EAAE,KAAMC,GAC7BA,GAAA,YAAAA,EAAO,cAAc,SAASL,EAAc,CAEhD,EAL4BJ,EAM3B,CAACI,EAAgBJ,CAAI,CAAC,EAGvB,OAAAU,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,aACjB,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,MAAAf,EACA,KAAK,IACL,GAAG,IACH,MAAM,UACN,UAAU,0BAAA,CACZ,2BACCgB,EAAAA,IACC,CAAA,SAAA,CAAAJ,EAAA,kBAAA,KAACK,EAAA,IAAA,CACC,WAAW,aACX,UAAU,aACV,eAAe,gBACf,SAAS,OAET,SAAA,CAACL,EAAAA,kBAAAA,KAAA,KAAA,CAAG,UAAU,eACX,SAAA,CAAAX,EAAY,6BAAE,OAAK,CAAA,SAAA,CAAA,IAAEO,EAAS,OAAO,GAAA,CAAC,CAAA,CAAA,EACzC,EACAM,EAAA,kBAAA,IAACI,EAAA,OAAA,CACC,QAAQ,WACR,QAAQ,GACR,WAAW,GACX,MAAOf,EACP,cAAeC,CAAA,CAAA,CACjB,CAAA,CACF,EACCU,EAAA,kBAAA,IAAAK,EAAA,cAAA,CAAc,IAAI,MAAM,GAAG,MAAM,GAAG,MAClC,SAASX,EAAA,IAAI,CAACY,EAAIC,IACjBP,wBAACQ,EAAAA,SAAqC,CAAA,GAAI,EAAG,GAAI,EAC/C,SAAAR,EAAA,kBAAA,IAACS,EAAU,SAAA,CAAA,GAAGH,CAAI,CAAA,CAAA,EADL,cAAcC,CAAK,EAElC,CACD,CACH,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs152.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          <h1 className=\"update-title\">\n            {headerTitle} <span>({filtered.length})</span>\n          </h1>\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,MAAgB,CACrE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAC/BC,EAAiBC,EAAAA,kBAAkBJ,EAAM,OAAO,cAAe,GAAG,EAElEK,EAAWC,EAAAA,QAAQ,IAClBH,EACEJ,EAAK,OAAQQ,GAClB,CAACA,EAAE,MAAOA,EAAE,WAAW,EAAE,KAAMC,GAC7BA,GAAA,YAAAA,EAAO,cAAc,SAASL,EAAc,CAEhD,EAL4BJ,EAM3B,CAACI,EAAgBJ,CAAI,CAAC,EAGvB,OAAAU,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,aACjB,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,eAAA,CACC,MAAAf,EACA,KAAK,IACL,GAAG,IACH,MAAM,UACN,UAAU,0BAAA,CACZ,2BACCgB,EAAAA,IACC,CAAA,SAAA,CAAAJ,EAAA,kBAAA,KAACK,EAAA,IAAA,CACC,WAAW,aACX,UAAU,aACV,eAAe,gBACf,SAAS,OAET,SAAA,CAACL,EAAAA,kBAAAA,KAAA,KAAA,CAAG,UAAU,eACX,SAAA,CAAAX,EAAY,6BAAE,OAAK,CAAA,SAAA,CAAA,IAAEO,EAAS,OAAO,GAAA,CAAC,CAAA,CAAA,EACzC,EACAM,EAAA,kBAAA,IAACI,EAAA,OAAA,CACC,QAAQ,WACR,QAAQ,GACR,WAAW,GACX,MAAOf,EACP,cAAeC,CAAA,CAAA,CACjB,CAAA,CACF,EACCU,EAAA,kBAAA,IAAAK,EAAA,cAAA,CAAc,IAAI,MAAM,GAAG,MAAM,GAAG,MAClC,SAASX,EAAA,IAAI,CAACY,EAAIC,IACjBP,wBAACQ,EAAAA,SAAqC,CAAA,GAAI,EAAG,GAAI,EAC/C,SAAAR,EAAA,kBAAA,IAACS,EAAU,SAAA,CAAA,GAAGH,CAAI,CAAA,CAAA,EADL,cAAcC,CAAK,EAElC,CACD,CACH,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.cjs153.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.cjs250.js"),G=require("./index.cjs451.js");require("./index.cjs.js");const V=require("./index.cjs289.js"),u=require("./index.cjs253.js"),i=require("react");;/* empty css              */;/* empty css              */;/* empty css              */const D=require("./index.cjs331.js"),O=require("./index.cjs332.js"),z=require("./index.cjs452.js"),S=require("./index.cjs330.js");;/* empty css              */const H=require("./index.cjs147.js"),J=require("./index.cjs224.js"),C=require("./index.cjs61.js"),K=require("./index.cjs38.js"),T=require("./index.cjs116.js"),b=require("./index.cjs176.js"),Q=require("./index.cjs189.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.cjs250.js"),G=require("./index.cjs267.js");require("./index.cjs.js");const V=require("./index.cjs268.js"),u=require("./index.cjs252.js"),i=require("react");;/* empty css              */;/* empty css              */;/* empty css              */const D=require("./index.cjs272.js"),O=require("./index.cjs273.js"),z=require("./index.cjs274.js"),S=require("./index.cjs275.js");;/* empty css              */const H=require("./index.cjs147.js"),J=require("./index.cjs224.js"),C=require("./index.cjs61.js"),K=require("./index.cjs38.js"),T=require("./index.cjs116.js"),b=require("./index.cjs176.js"),Q=require("./index.cjs189.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.cjs153.js.map