@anoki/fse-ui 2.3.0-7-SNAPSHOT2 → 2.3.0-7-SNAPSHOT3

package/dist/index.cjs139.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs139.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\";\nimport useWindowWidth from \"@/hooks/useWindowWidth\";\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\n  const [isExpanded, setExpanded] = useState(false);\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const windowWidth = useWindowWidth();\n\n  const { width: componentBaseWidthString } = sizeStyles[sizeComp];\n\n  let width;\n  let calculatedHeight;\n\n  if (componentBaseWidthString.includes(\"%\")) {\n    width = componentBaseWidthString;\n\n    calculatedHeight = imgSize[sizeComp].heightImg;\n  } else {\n    const componentBaseWidth = parseInt(componentBaseWidthString, 10);\n    const componentBaseHeight = parseInt(imgSize[sizeComp].heightImg, 10);\n\n    const aspectRatio = componentBaseHeight / componentBaseWidth;\n\n    const finalWidthInPx = windowWidth\n      ? Math.min(componentBaseWidth, windowWidth)\n      : componentBaseWidth;\n\n    const finalHeightInPx = Math.round(finalWidthInPx * aspectRatio);\n\n    width = `${finalWidthInPx}px`;\n    calculatedHeight = `${finalHeightInPx}px`;\n  }\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\n  const containerWidth = isVertical ? \"642px\" : width;\n  const videoHeight = isVertical ? \"640px\" : calculatedHeight;\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\">{playButtonLabel}</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"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","isExpanded","setExpanded","videoRef","useRef","windowWidth","useWindowWidth","componentBaseWidthString","width","calculatedHeight","componentBaseWidth","aspectRatio","finalWidthInPx","finalHeightInPx","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"mYAWMA,EAAa,CACjB,CAACC,EAAAA,kBAAkB,KAAK,EAAG,CACzB,MAAO,OAAA,EAET,CAACA,EAAAA,kBAAkB,MAAM,EAAG,CAC1B,MAAO,OAAA,EAET,CAACA,EAAAA,kBAAkB,KAAK,EAAG,CACzB,MAAO,OAAA,EAET,CAACA,EAAAA,kBAAkB,WAAW,EAAG,CAC/B,MAAO,OAAA,EAET,CAACA,EAAAA,kBAAkB,UAAU,EAAG,CAC9B,MAAO,MAAA,EAET,CAACA,EAAAA,kBAAkB,QAAQ,EAAG,CAC5B,MAAO,OAAA,CAEX,EAEMC,EAAU,CACd,CAACD,EAAAA,kBAAkB,KAAK,EAAG,CACzB,UAAW,OAAA,EAEb,CAACA,EAAAA,kBAAkB,MAAM,EAAG,CAC1B,UAAW,OAAA,EAEb,CAACA,EAAAA,kBAAkB,KAAK,EAAG,CACzB,UAAW,OAAA,EAEb,CAACA,EAAAA,kBAAkB,WAAW,EAAG,CAC/B,UAAW,OAAA,EAEb,CAACA,EAAAA,kBAAkB,QAAQ,EAAG,CAC5B,UAAW,OAAA,EAEb,CAACA,EAAAA,kBAAkB,UAAU,EAAG,CAC9B,UAAW,OAAA,CAEf,EAEaE,EAAc,CAAC,CAC1B,QAAAC,EAAU,eACV,SAAAC,EAAWJ,EAAAA,kBAAkB,MAC7B,cAAAK,EACA,gBAAAC,EACA,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,gBAAAC,EAAkB,YAClB,eAAAC,EAAiB,cACnB,IAAwB,CACtB,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAeC,CAAgB,EAAIF,EAAAA,SAAS,EAAK,EAElD,CAACG,EAAYC,CAAW,EAAIJ,EAAAA,SAAS,EAAK,EAC1CK,EAAWC,EAAAA,OAAyB,IAAI,EAExCC,EAAcC,EAAA,EAEd,CAAE,MAAOC,GAA6BxB,EAAWK,CAAQ,EAE/D,IAAIoB,EACAC,EAEJ,GAAIF,EAAyB,SAAS,GAAG,EACvCC,EAAQD,EAERE,EAAmBxB,EAAQG,CAAQ,EAAE,cAChC,CACL,MAAMsB,EAAqB,SAASH,EAA0B,EAAE,EAG1DI,EAFsB,SAAS1B,EAAQG,CAAQ,EAAE,UAAW,EAAE,EAE1BsB,EAEpCE,EAAiBP,EACnB,KAAK,IAAIK,EAAoBL,CAAW,EACxCK,EAEEG,EAAkB,KAAK,MAAMD,EAAiBD,CAAW,EAE/DH,EAAQ,GAAGI,CAAc,KACzBH,EAAmB,GAAGI,CAAe,IACvC,CAEA,MAAMC,EAAa1B,IAAaJ,EAAAA,kBAAkB,SAC5C+B,EACJ3B,IAAaJ,EAAAA,kBAAkB,aAC/BI,IAAaJ,EAAAA,kBAAkB,WAE3BgC,EAAiBF,EAAa,QAAUN,EACxCS,EAAcH,EAAa,QAAUL,EACrCS,EAAaJ,EAAa,QAAUN,EAEpCW,EAAa,MAAOC,GAAyB,CAC7CA,IACFA,EAAE,eAAA,EACFA,EAAE,gBAAA,GAGJ,MAAMC,EAAQlB,EAAS,QAEvB,GAAI,CAACkB,EAAO,CACV,QAAQ,MAAM,wBAAwB,EACtC,MACF,CAEA,GAAI,CACGtB,IACHC,EAAiB,EAAI,EACrBH,EAAa,EAAI,EACjB,MAAMwB,EAAM,KAAA,EAEhB,OAASC,EAAO,CACd,QAAQ,MAAM,2BAA4BA,CAAK,CACjD,CACF,EAEA,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CACC,GAAI,KACJ,MAAO,CAAE,MAAOR,CAAA,EAChB,UAAWS,EAAAA,KAAK,yBAAyB,EAEzC,SAAA,CAAAF,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAU,yBACV,MAAO,CACL,OAAQN,EACR,MAAOC,EACP,GAAIJ,GAAc,CAAE,UAAW,QAAA,CAAS,EAG1C,SAAA,CAAAY,EAAAA,kBAAAA,IAAC,SAAA,CACC,UAAWD,EAAAA,KAAK,wBAAyB,CACvC,WAAY7B,GAAaG,CAAA,CAC1B,EACD,MAAO,CACL,gBACET,GAAmB,CAACS,EAChB,QAAQT,CAAe,KACvB,OACN,QAASS,EAAgB,OAAS,OAAA,EAEpC,QAAUqB,GAAMD,EAAWC,CAAC,EAC5B,KAAK,SAEL,SAAAG,EAAAA,kBAAAA,KAAC,OAAI,UAAWE,EAAAA,KAAK,wBAAyB,CAAE,OAAQ7B,CAAA,CAAW,EACjE,SAAA,CAAA8B,EAAAA,kBAAAA,IAAC,OAAI,UAAU,mBACb,iCAACC,EAAAA,UAAA,CAAU,WAAU,GAAC,CAAA,CACxB,EACAD,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mBAAoB,SAAAhC,CAAA,CAAgB,CAAA,CAAA,CACrD,CAAA,CAAA,EAEFgC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kBACb,SAAAH,EAAAA,kBAAAA,KAAC,QAAA,CACC,IAAKpB,EACL,SAAQ,GACR,IAAKZ,GAAY,OACjB,aAAYI,EACZ,MAAOH,GAA0B,OAEjC,SAAA,CAAAkC,EAAAA,kBAAAA,IAAC,SAAA,CAAO,IAAKnC,GAAY,MAAA,CAAW,EACnCE,GACCiC,EAAAA,kBAAAA,IAAC,QAAA,CAAM,KAAK,YAAY,IAAI,mBAAmB,QAASjC,IAAc,WAAa,KAAO,IAAA,CAAM,EAChG,GAAA,CAAA,CAAA,CACJ,CACF,CAAA,CAAA,CAAA,EAGDJ,GACCkC,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWE,EAAAA,KACTV,EAAc,0BAA4B,sBAAA,EAE5C,MAAO,CAAE,MAAOC,CAAA,EAEhB,SAAA,CAAAU,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,KACT,0BACA,YACA,qDAAA,EAGF,SAAAF,EAAAA,kBAAAA,KAAC,SAAA,CACC,UAAWE,EAAAA,KACT,yBACA,qDAAA,EAEF,KAAK,SACL,QAAS,IAAMvB,EAAY,CAACD,CAAU,EACtC,gBAAeA,EACf,gBAAc,wBAEd,SAAA,CAAAyB,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,KACT,8FAAA,EAGD,SAAAtC,CAAA,CAAA,EAEHuC,EAAAA,kBAAAA,IAACE,EAAAA,UAAA,CACC,MAAO,UACP,UAAWH,EAAAA,KAAK,WAAY,CAAE,SAAUxB,EAAY,EACpD,WAAU,EAAA,CAAA,CACZ,CAAA,CAAA,CACF,CAAA,EAEDA,GACCyB,EAAAA,kBAAAA,IAAC,MAAA,CACC,GAAG,wBACH,UAAWD,EAAAA,KACT,+BACA,qDAAA,EAGF,SAAAC,EAAAA,kBAAAA,IAACG,EAAAA,SAAA,CACC,gBAAgB,kDAChB,eAAe,2DACf,YAAaxC,CAAA,CAAA,CACf,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,CAIR"}
+{"version":3,"file":"index.cjs139.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\nimport useWindowWidth from \"@/hooks/useWindowWidth\";\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\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const windowWidth = useWindowWidth();\r\n\r\n  const { width: componentBaseWidthString } = sizeStyles[sizeComp];\r\n\r\n  let width;\r\n  let calculatedHeight;\r\n\r\n  if (componentBaseWidthString.includes(\"%\")) {\r\n    width = componentBaseWidthString;\r\n\r\n    calculatedHeight = imgSize[sizeComp].heightImg;\r\n  } else {\r\n    const componentBaseWidth = parseInt(componentBaseWidthString, 10);\r\n    const componentBaseHeight = parseInt(imgSize[sizeComp].heightImg, 10);\r\n\r\n    const aspectRatio = componentBaseHeight / componentBaseWidth;\r\n\r\n    const finalWidthInPx = windowWidth\r\n      ? Math.min(componentBaseWidth, windowWidth)\r\n      : componentBaseWidth;\r\n\r\n    const finalHeightInPx = Math.round(finalWidthInPx * aspectRatio);\r\n\r\n    width = `${finalWidthInPx}px`;\r\n    calculatedHeight = `${finalHeightInPx}px`;\r\n  }\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\r\n  const containerWidth = isVertical ? \"642px\" : width;\r\n  const videoHeight = isVertical ? \"640px\" : calculatedHeight;\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\">{playButtonLabel}</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"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","isExpanded","setExpanded","videoRef","useRef","windowWidth","useWindowWidth","componentBaseWidthString","width","calculatedHeight","componentBaseWidth","aspectRatio","finalWidthInPx","finalHeightInPx","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}

package/dist/index.cjs14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs14.js","sources":["../src/components/ui/AccessLogSkeleton/index.tsx"],"sourcesContent":["import \"./AccessLogSkeleton.scss\";\n\nexport const AccessLogSkeleton = () => {\n  return (\n    <div className=\"access-skeleton-container\">\n      {/* Search and filters */}\n      <div className=\"access-skeleton-search-row\">\n        <div className=\"access-skeleton-search-input pulse\"></div>\n        <div className=\"access-skeleton-search-button pulse\"></div>\n        <div className=\"access-skeleton-filter-button pulse\"></div>\n      </div>\n\n      {/* Table header */}\n      <div className=\"access-skeleton-table\">\n        <div className=\"access-skeleton-header\">\n          <div className=\"access-skeleton-header-cell\">\n            <div className=\"access-skeleton-header-content\">\n              <div className=\"access-skeleton-header-text pulse\"></div>\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\n              <div className=\"access-skeleton-info-icon pulse\"></div>\n            </div>\n          </div>\n\n          <div className=\"access-skeleton-header-cell\">\n            <div className=\"access-skeleton-header-content\">\n              <div className=\"access-skeleton-header-text pulse\"></div>\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\n              <div className=\"access-skeleton-info-icon pulse\"></div>\n            </div>\n          </div>\n\n          <div className=\"access-skeleton-header-cell\">\n            <div className=\"access-skeleton-header-content\">\n              <div className=\"access-skeleton-header-text pulse\"></div>\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\n              <div className=\"access-skeleton-info-icon pulse\"></div>\n            </div>\n          </div>\n\n          <div className=\"access-skeleton-header-cell\">\n            <div className=\"access-skeleton-header-content\">\n              <div className=\"access-skeleton-header-text pulse\"></div>\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\n              <div className=\"access-skeleton-info-icon pulse\"></div>\n            </div>\n          </div>\n\n          <div className=\"access-skeleton-header-cell\">\n            <div className=\"access-skeleton-header-content\">\n              <div className=\"access-skeleton-header-text pulse\"></div>\n              <div className=\"access-skeleton-download-icon pulse\"></div>\n            </div>\n          </div>\n        </div>\n\n        {/* Table rows */}\n        {Array(8)\n          .fill(0)\n          .map((_, index) => (\n            <div key={index} className=\"access-skeleton-row\">\n              <div className=\"access-skeleton-cell\">\n                <div className=\"access-skeleton-date pulse\"></div>\n              </div>\n\n              <div className=\"access-skeleton-cell\">\n                <div className=\"access-skeleton-user pulse\"></div>\n              </div>\n\n              <div className=\"access-skeleton-cell\">\n                <div className=\"access-skeleton-type pulse\"></div>\n              </div>\n\n              <div className=\"access-skeleton-cell\">\n                <div className=\"access-skeleton-action pulse\"></div>\n              </div>\n\n              <div className=\"access-skeleton-cell\">\n                <div className=\"access-skeleton-details-button pulse\"></div>\n              </div>\n            </div>\n          ))}\n      </div>\n\n      {/* Pagination info */}\n      <div className=\"access-skeleton-pagination\">\n        <div className=\"access-skeleton-pagination-text pulse\"></div>\n      </div>\n    </div>\n  );\n};\n"],"names":["AccessLogSkeleton","jsxs","jsx","_","index"],"mappings":"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"}
+{"version":3,"file":"index.cjs14.js","sources":["../src/components/ui/AccessLogSkeleton/index.tsx"],"sourcesContent":["import \"./AccessLogSkeleton.scss\";\r\n\r\nexport const AccessLogSkeleton = () => {\r\n  return (\r\n    <div className=\"access-skeleton-container\">\r\n      {/* Search and filters */}\r\n      <div className=\"access-skeleton-search-row\">\r\n        <div className=\"access-skeleton-search-input pulse\"></div>\r\n        <div className=\"access-skeleton-search-button pulse\"></div>\r\n        <div className=\"access-skeleton-filter-button pulse\"></div>\r\n      </div>\r\n\r\n      {/* Table header */}\r\n      <div className=\"access-skeleton-table\">\r\n        <div className=\"access-skeleton-header\">\r\n          <div className=\"access-skeleton-header-cell\">\r\n            <div className=\"access-skeleton-header-content\">\r\n              <div className=\"access-skeleton-header-text pulse\"></div>\r\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\r\n              <div className=\"access-skeleton-info-icon pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"access-skeleton-header-cell\">\r\n            <div className=\"access-skeleton-header-content\">\r\n              <div className=\"access-skeleton-header-text pulse\"></div>\r\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\r\n              <div className=\"access-skeleton-info-icon pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"access-skeleton-header-cell\">\r\n            <div className=\"access-skeleton-header-content\">\r\n              <div className=\"access-skeleton-header-text pulse\"></div>\r\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\r\n              <div className=\"access-skeleton-info-icon pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"access-skeleton-header-cell\">\r\n            <div className=\"access-skeleton-header-content\">\r\n              <div className=\"access-skeleton-header-text pulse\"></div>\r\n              <div className=\"access-skeleton-sort-icon pulse\"></div>\r\n              <div className=\"access-skeleton-info-icon pulse\"></div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"access-skeleton-header-cell\">\r\n            <div className=\"access-skeleton-header-content\">\r\n              <div className=\"access-skeleton-header-text pulse\"></div>\r\n              <div className=\"access-skeleton-download-icon pulse\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Table rows */}\r\n        {Array(8)\r\n          .fill(0)\r\n          .map((_, index) => (\r\n            <div key={index} className=\"access-skeleton-row\">\r\n              <div className=\"access-skeleton-cell\">\r\n                <div className=\"access-skeleton-date pulse\"></div>\r\n              </div>\r\n\r\n              <div className=\"access-skeleton-cell\">\r\n                <div className=\"access-skeleton-user pulse\"></div>\r\n              </div>\r\n\r\n              <div className=\"access-skeleton-cell\">\r\n                <div className=\"access-skeleton-type pulse\"></div>\r\n              </div>\r\n\r\n              <div className=\"access-skeleton-cell\">\r\n                <div className=\"access-skeleton-action pulse\"></div>\r\n              </div>\r\n\r\n              <div className=\"access-skeleton-cell\">\r\n                <div className=\"access-skeleton-details-button pulse\"></div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n      </div>\r\n\r\n      {/* Pagination info */}\r\n      <div className=\"access-skeleton-pagination\">\r\n        <div className=\"access-skeleton-pagination-text pulse\"></div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AccessLogSkeleton","jsxs","jsx","_","index"],"mappings":"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"}

package/dist/index.cjs140.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs140.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":"gFAAO,IAAKA,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.cjs140.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":"gFAAO,IAAKA,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.cjs141.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs141.js","sources":["../src/components/ui/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { ReactNode, useState, useRef, useEffect } from \"react\";\nimport \"./tooltip.scss\";\n\ntype TooltipPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\n\ninterface TooltipProps {\n  children: ReactNode;\n  label: ReactNode;\n  opened?: boolean;\n  defaultOpened?: boolean;\n  position?: TooltipPosition;\n  withArrow?: boolean;\n  delay?: number;\n  className?: string;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  label,\n  opened,\n  defaultOpened = false,\n  position = \"top\",\n  withArrow = true,\n  delay = 0,\n  className = \"\",\n}) => {\n  const [isOpen, setIsOpen] = useState(defaultOpened);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const boxRef = useRef<HTMLDivElement | null>(null);\n  const [coords, setCoords] = useState<any>({ top: 0, left: 0 });\n\n  const isControlled = opened !== undefined;\n  const visible = isControlled ? opened : isOpen;\n\n  const showTooltip = () => {\n    if (delay > 0) {\n      timeoutRef.current = setTimeout(() => setIsOpen(true), delay);\n    } else {\n      setIsOpen(true);\n    }\n  };\n\n  const hideTooltip = () => {\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    setIsOpen(false);\n  };\n\n  useEffect(() => {\n    if (wrapperRef.current && boxRef.current) {\n      const rect = wrapperRef.current.getBoundingClientRect();\n      const box = boxRef.current.getBoundingClientRect();\n      let top = 0;\n      let left: string | number = 0;\n      switch (position) {\n        case \"top\":\n          top = rect.top - 8;\n          left = rect.left + rect.width / 2;\n          break;\n        case \"bottom\":\n          top = rect.height + 8;\n          left = rect.width / 2 - box.width / 2;\n          break;\n        case \"left\":\n          top = rect.top + rect.height / 2;\n          left = (rect.left - 8) * -1;\n          break;\n        case \"right\":\n          top = rect.top + rect.height / 2;\n          left = rect.right + 8;\n          break;\n      }\n      setCoords({ top, left });\n    }\n  }, [visible, position]);\n\n  return (\n    <div\n      className=\"tooltip-wrapper\"\n      ref={wrapperRef}\n      onMouseEnter={showTooltip}\n      onMouseLeave={hideTooltip}\n    >\n      {children}\n      {visible && (\n        <div\n          className={`tooltip-box tooltip-${position} ${className} p-x24`}\n          style={{\n            top: coords.top,\n            left: coords.left,\n          }}\n          ref={boxRef}\n        >\n          {label}\n          {withArrow && (\n            <div className={`tooltip-arrow tooltip-arrow-${position}`} />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["Tooltip","children","label","opened","defaultOpened","position","withArrow","delay","className","isOpen","setIsOpen","useState","timeoutRef","useRef","wrapperRef","boxRef","coords","setCoords","visible","showTooltip","hideTooltip","useEffect","rect","box","top","left","jsxs","jsx"],"mappings":"qKAiBO,MAAMA,EAAkC,CAAC,CAC9C,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,cAAAC,EAAgB,GAChB,SAAAC,EAAW,MACX,UAAAC,EAAY,GACZ,MAAAC,EAAQ,EACR,UAAAC,EAAY,EACd,IAAM,CACJ,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASP,CAAa,EAC5CQ,EAAaC,EAAAA,OAA8B,IAAI,EAC/CC,EAAaD,EAAAA,OAA8B,IAAI,EAC/CE,EAASF,EAAAA,OAA8B,IAAI,EAC3C,CAACG,EAAQC,CAAS,EAAIN,EAAAA,SAAc,CAAE,IAAK,EAAG,KAAM,EAAG,EAGvDO,EADef,IAAW,OACDA,EAASM,EAElCU,EAAc,IAAM,CACpBZ,EAAQ,EACVK,EAAW,QAAU,WAAW,IAAMF,EAAU,EAAI,EAAGH,CAAK,EAE5DG,EAAU,EAAI,CAElB,EAEMU,EAAc,IAAM,CACpBR,EAAW,SAAS,aAAaA,EAAW,OAAO,EACvDF,EAAU,EAAK,CACjB,EAEAW,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIP,EAAW,SAAWC,EAAO,QAAS,CACxC,MAAMO,EAAOR,EAAW,QAAQ,sBAAA,EAC1BS,EAAMR,EAAO,QAAQ,sBAAA,EAC3B,IAAIS,EAAM,EACNC,EAAwB,EAC5B,OAAQpB,EAAA,CACN,IAAK,MACHmB,EAAMF,EAAK,IAAM,EACjBG,EAAOH,EAAK,KAAOA,EAAK,MAAQ,EAChC,MACF,IAAK,SACHE,EAAMF,EAAK,OAAS,EACpBG,EAAOH,EAAK,MAAQ,EAAIC,EAAI,MAAQ,EACpC,MACF,IAAK,OACHC,EAAMF,EAAK,IAAMA,EAAK,OAAS,EAC/BG,GAAQH,EAAK,KAAO,GAAK,GACzB,MACF,IAAK,QACHE,EAAMF,EAAK,IAAMA,EAAK,OAAS,EAC/BG,EAAOH,EAAK,MAAQ,EACpB,KAAA,CAEJL,EAAU,CAAE,IAAAO,EAAK,KAAAC,EAAM,CACzB,CACF,EAAG,CAACP,EAASb,CAAQ,CAAC,EAGpBqB,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAU,kBACV,IAAKZ,EACL,aAAcK,EACd,aAAcC,EAEb,SAAA,CAAAnB,EACAiB,GACCQ,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAW,uBAAuBrB,CAAQ,IAAIG,CAAS,SACvD,MAAO,CACL,IAAKQ,EAAO,IACZ,KAAMA,EAAO,IAAA,EAEf,IAAKD,EAEJ,SAAA,CAAAb,EACAI,GACCqB,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,+BAA+BtB,CAAQ,EAAA,CAAI,CAAA,CAAA,CAAA,CAE/D,CAAA,CAAA,CAIR"}
+{"version":3,"file":"index.cjs141.js","sources":["../src/components/ui/Tooltip/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { ReactNode, useState, useRef, useEffect } from \"react\";\r\nimport \"./tooltip.scss\";\r\n\r\ntype TooltipPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\r\n\r\ninterface TooltipProps {\r\n  children: ReactNode;\r\n  label: ReactNode;\r\n  opened?: boolean;\r\n  defaultOpened?: boolean;\r\n  position?: TooltipPosition;\r\n  withArrow?: boolean;\r\n  delay?: number;\r\n  className?: string;\r\n}\r\n\r\nexport const Tooltip: React.FC<TooltipProps> = ({\r\n  children,\r\n  label,\r\n  opened,\r\n  defaultOpened = false,\r\n  position = \"top\",\r\n  withArrow = true,\r\n  delay = 0,\r\n  className = \"\",\r\n}) => {\r\n  const [isOpen, setIsOpen] = useState(defaultOpened);\r\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\r\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\r\n  const boxRef = useRef<HTMLDivElement | null>(null);\r\n  const [coords, setCoords] = useState<any>({ top: 0, left: 0 });\r\n\r\n  const isControlled = opened !== undefined;\r\n  const visible = isControlled ? opened : isOpen;\r\n\r\n  const showTooltip = () => {\r\n    if (delay > 0) {\r\n      timeoutRef.current = setTimeout(() => setIsOpen(true), delay);\r\n    } else {\r\n      setIsOpen(true);\r\n    }\r\n  };\r\n\r\n  const hideTooltip = () => {\r\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\r\n    setIsOpen(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (wrapperRef.current && boxRef.current) {\r\n      const rect = wrapperRef.current.getBoundingClientRect();\r\n      const box = boxRef.current.getBoundingClientRect();\r\n      let top = 0;\r\n      let left: string | number = 0;\r\n      switch (position) {\r\n        case \"top\":\r\n          top = rect.top - 8;\r\n          left = rect.left + rect.width / 2;\r\n          break;\r\n        case \"bottom\":\r\n          top = rect.height + 8;\r\n          left = rect.width / 2 - box.width / 2;\r\n          break;\r\n        case \"left\":\r\n          top = rect.top + rect.height / 2;\r\n          left = (rect.left - 8) * -1;\r\n          break;\r\n        case \"right\":\r\n          top = rect.top + rect.height / 2;\r\n          left = rect.right + 8;\r\n          break;\r\n      }\r\n      setCoords({ top, left });\r\n    }\r\n  }, [visible, position]);\r\n\r\n  return (\r\n    <div\r\n      className=\"tooltip-wrapper\"\r\n      ref={wrapperRef}\r\n      onMouseEnter={showTooltip}\r\n      onMouseLeave={hideTooltip}\r\n    >\r\n      {children}\r\n      {visible && (\r\n        <div\r\n          className={`tooltip-box tooltip-${position} ${className} p-x24`}\r\n          style={{\r\n            top: coords.top,\r\n            left: coords.left,\r\n          }}\r\n          ref={boxRef}\r\n        >\r\n          {label}\r\n          {withArrow && (\r\n            <div className={`tooltip-arrow tooltip-arrow-${position}`} />\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Tooltip","children","label","opened","defaultOpened","position","withArrow","delay","className","isOpen","setIsOpen","useState","timeoutRef","useRef","wrapperRef","boxRef","coords","setCoords","visible","showTooltip","hideTooltip","useEffect","rect","box","top","left","jsxs","jsx"],"mappings":"qKAiBO,MAAMA,EAAkC,CAAC,CAC9C,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,cAAAC,EAAgB,GAChB,SAAAC,EAAW,MACX,UAAAC,EAAY,GACZ,MAAAC,EAAQ,EACR,UAAAC,EAAY,EACd,IAAM,CACJ,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASP,CAAa,EAC5CQ,EAAaC,EAAAA,OAA8B,IAAI,EAC/CC,EAAaD,EAAAA,OAA8B,IAAI,EAC/CE,EAASF,EAAAA,OAA8B,IAAI,EAC3C,CAACG,EAAQC,CAAS,EAAIN,EAAAA,SAAc,CAAE,IAAK,EAAG,KAAM,EAAG,EAGvDO,EADef,IAAW,OACDA,EAASM,EAElCU,EAAc,IAAM,CACpBZ,EAAQ,EACVK,EAAW,QAAU,WAAW,IAAMF,EAAU,EAAI,EAAGH,CAAK,EAE5DG,EAAU,EAAI,CAElB,EAEMU,EAAc,IAAM,CACpBR,EAAW,SAAS,aAAaA,EAAW,OAAO,EACvDF,EAAU,EAAK,CACjB,EAEAW,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIP,EAAW,SAAWC,EAAO,QAAS,CACxC,MAAMO,EAAOR,EAAW,QAAQ,sBAAA,EAC1BS,EAAMR,EAAO,QAAQ,sBAAA,EAC3B,IAAIS,EAAM,EACNC,EAAwB,EAC5B,OAAQpB,EAAA,CACN,IAAK,MACHmB,EAAMF,EAAK,IAAM,EACjBG,EAAOH,EAAK,KAAOA,EAAK,MAAQ,EAChC,MACF,IAAK,SACHE,EAAMF,EAAK,OAAS,EACpBG,EAAOH,EAAK,MAAQ,EAAIC,EAAI,MAAQ,EACpC,MACF,IAAK,OACHC,EAAMF,EAAK,IAAMA,EAAK,OAAS,EAC/BG,GAAQH,EAAK,KAAO,GAAK,GACzB,MACF,IAAK,QACHE,EAAMF,EAAK,IAAMA,EAAK,OAAS,EAC/BG,EAAOH,EAAK,MAAQ,EACpB,KAAA,CAEJL,EAAU,CAAE,IAAAO,EAAK,KAAAC,EAAM,CACzB,CACF,EAAG,CAACP,EAASb,CAAQ,CAAC,EAGpBqB,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAU,kBACV,IAAKZ,EACL,aAAcK,EACd,aAAcC,EAEb,SAAA,CAAAnB,EACAiB,GACCQ,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAW,uBAAuBrB,CAAQ,IAAIG,CAAS,SACvD,MAAO,CACL,IAAKQ,EAAO,IACZ,KAAMA,EAAO,IAAA,EAEf,IAAKD,EAEJ,SAAA,CAAAb,EACAI,GACCqB,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,+BAA+BtB,CAAQ,EAAA,CAAI,CAAA,CAAA,CAAA,CAE/D,CAAA,CAAA,CAIR"}

package/dist/index.cjs142.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs142.js","sources":["../src/components/ui/Avatars/index.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport \"./avatars.scss\"; // importa lo stile\nimport { Tooltip } from \"../Tooltip\";\nimport { Col, RelatedPeople } from \"@/components\";\n\ntype AvatarsProps = {\n  users: RelatedPeople[];\n  maxVisible?: number;\n  size?: number;\n};\n\nconst COLORS = [\n  \"#007bff\", // blue\n  \"#28a745\", // green\n  \"#dc3545\", // red\n  \"#17a2b8\", // teal\n  \"#6f42c1\", // purple\n  \"#fd7e14\", // orange\n  \"#20c997\", // emerald\n];\n\nfunction getColorFromName(name: string) {\n  let hash = 0;\n  for (let i = 0; i < name.length; i++) {\n    hash = name.charCodeAt(i) + ((hash << 5) - hash);\n  }\n  return COLORS[Math.abs(hash) % COLORS.length];\n}\n\nexport const Avatars: React.FC<AvatarsProps> = ({\n  users,\n  maxVisible = 5,\n  size = 32,\n}) => {\n  const visibleUsers = users.slice(0, maxVisible);\n  const hiddenCount = users.length - visibleUsers.length;\n\n  return (\n    <Tooltip\n      position=\"bottom\"\n      label={\n        <Col gap=\"x24\">\n          {visibleUsers.map((user) => (\n            <p key={user.fiscalCode} className=\"text-primary\">\n              {user.firstName} {user.lastName}\n            </p>\n          ))}\n        </Col>\n      }\n    >\n      <div className=\"avatars-group\">\n        {visibleUsers.map((user, index) => {\n          const bg = getColorFromName(user.firstName);\n          const initial = user.firstName.charAt(0).toUpperCase();\n\n          return (\n            <div\n              key={user.fiscalCode}\n              className=\"avatar\"\n              style={{\n                width: size,\n                height: size,\n                marginLeft: index === 0 ? 0 : -size / 4,\n                backgroundColor: bg,\n                fontSize: size * 0.45,\n              }}\n            >\n              {initial}\n            </div>\n          );\n        })}\n\n        {hiddenCount > 0 && (\n          <div\n            className=\"avatar avatar-extra\"\n            style={{\n              width: size,\n              height: size,\n              marginLeft: -size / 4,\n              fontSize: size * 0.45,\n            }}\n          >\n            +{hiddenCount}\n          </div>\n        )}\n      </div>\n    </Tooltip>\n  );\n};\n"],"names":["COLORS","getColorFromName","name","hash","i","Avatars","users","maxVisible","size","visibleUsers","hiddenCount","jsx","Tooltip","Col","user","jsxs","index","bg","initial"],"mappings":"qNAYMA,EAAS,CACb,UACA,UACA,UACA,UACA,UACA,UACA,SACF,EAEA,SAASC,EAAiBC,EAAc,CACtC,IAAIC,EAAO,EACX,QAASC,EAAI,EAAGA,EAAIF,EAAK,OAAQE,IAC/BD,EAAOD,EAAK,WAAWE,CAAC,IAAMD,GAAQ,GAAKA,GAE7C,OAAOH,EAAO,KAAK,IAAIG,CAAI,EAAIH,EAAO,MAAM,CAC9C,CAEO,MAAMK,EAAkC,CAAC,CAC9C,MAAAC,EACA,WAAAC,EAAa,EACb,KAAAC,EAAO,EACT,IAAM,CACJ,MAAMC,EAAeH,EAAM,MAAM,EAAGC,CAAU,EACxCG,EAAcJ,EAAM,OAASG,EAAa,OAEhD,OACEE,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,SAAS,SACT,MACED,EAAAA,kBAAAA,IAACE,EAAAA,IAAA,CAAI,IAAI,MACN,SAAAJ,EAAa,IAAKK,GACjBC,EAAAA,kBAAAA,KAAC,IAAA,CAAwB,UAAU,eAChC,SAAA,CAAAD,EAAK,UAAU,IAAEA,EAAK,QAAA,CAAA,EADjBA,EAAK,UAEb,CACD,EACH,EAGF,SAAAC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gBACZ,SAAA,CAAAN,EAAa,IAAI,CAACK,EAAME,IAAU,CACjC,MAAMC,EAAKhB,EAAiBa,EAAK,SAAS,EACpCI,EAAUJ,EAAK,UAAU,OAAO,CAAC,EAAE,YAAA,EAEzC,OACEH,EAAAA,kBAAAA,IAAC,MAAA,CAEC,UAAU,SACV,MAAO,CACL,MAAOH,EACP,OAAQA,EACR,WAAYQ,IAAU,EAAI,EAAI,CAACR,EAAO,EACtC,gBAAiBS,EACjB,SAAUT,EAAO,GAAA,EAGlB,SAAAU,CAAA,EAVIJ,EAAK,UAAA,CAahB,CAAC,EAEAJ,EAAc,GACbK,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAU,sBACV,MAAO,CACL,MAAOP,EACP,OAAQA,EACR,WAAY,CAACA,EAAO,EACpB,SAAUA,EAAO,GAAA,EAEpB,SAAA,CAAA,IACGE,CAAA,CAAA,CAAA,CACJ,CAAA,CAEJ,CAAA,CAAA,CAGN"}
+{"version":3,"file":"index.cjs142.js","sources":["../src/components/ui/Avatars/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React from \"react\";\r\nimport \"./avatars.scss\"; // importa lo stile\r\nimport { Tooltip } from \"../Tooltip\";\r\nimport { Col, RelatedPeople } from \"@/components\";\r\n\r\ntype AvatarsProps = {\r\n  users: RelatedPeople[];\r\n  maxVisible?: number;\r\n  size?: number;\r\n};\r\n\r\nconst COLORS = [\r\n  \"#007bff\", // blue\r\n  \"#28a745\", // green\r\n  \"#dc3545\", // red\r\n  \"#17a2b8\", // teal\r\n  \"#6f42c1\", // purple\r\n  \"#fd7e14\", // orange\r\n  \"#20c997\", // emerald\r\n];\r\n\r\nfunction getColorFromName(name: string) {\r\n  let hash = 0;\r\n  for (let i = 0; i < name.length; i++) {\r\n    hash = name.charCodeAt(i) + ((hash << 5) - hash);\r\n  }\r\n  return COLORS[Math.abs(hash) % COLORS.length];\r\n}\r\n\r\nexport const Avatars: React.FC<AvatarsProps> = ({\r\n  users,\r\n  maxVisible = 5,\r\n  size = 32,\r\n}) => {\r\n  const visibleUsers = users.slice(0, maxVisible);\r\n  const hiddenCount = users.length - visibleUsers.length;\r\n\r\n  return (\r\n    <Tooltip\r\n      position=\"bottom\"\r\n      label={\r\n        <Col gap=\"x24\">\r\n          {visibleUsers.map((user) => (\r\n            <p key={user.fiscalCode} className=\"text-primary\">\r\n              {user.firstName} {user.lastName}\r\n            </p>\r\n          ))}\r\n        </Col>\r\n      }\r\n    >\r\n      <div className=\"avatars-group\">\r\n        {visibleUsers.map((user, index) => {\r\n          const bg = getColorFromName(user.firstName);\r\n          const initial = user.firstName.charAt(0).toUpperCase();\r\n\r\n          return (\r\n            <div\r\n              key={user.fiscalCode}\r\n              className=\"avatar\"\r\n              style={{\r\n                width: size,\r\n                height: size,\r\n                marginLeft: index === 0 ? 0 : -size / 4,\r\n                backgroundColor: bg,\r\n                fontSize: size * 0.45,\r\n              }}\r\n            >\r\n              {initial}\r\n            </div>\r\n          );\r\n        })}\r\n\r\n        {hiddenCount > 0 && (\r\n          <div\r\n            className=\"avatar avatar-extra\"\r\n            style={{\r\n              width: size,\r\n              height: size,\r\n              marginLeft: -size / 4,\r\n              fontSize: size * 0.45,\r\n            }}\r\n          >\r\n            +{hiddenCount}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </Tooltip>\r\n  );\r\n};\r\n"],"names":["COLORS","getColorFromName","name","hash","i","Avatars","users","maxVisible","size","visibleUsers","hiddenCount","jsx","Tooltip","Col","user","jsxs","index","bg","initial"],"mappings":"qNAYMA,EAAS,CACb,UACA,UACA,UACA,UACA,UACA,UACA,SACF,EAEA,SAASC,EAAiBC,EAAc,CACtC,IAAIC,EAAO,EACX,QAASC,EAAI,EAAGA,EAAIF,EAAK,OAAQE,IAC/BD,EAAOD,EAAK,WAAWE,CAAC,IAAMD,GAAQ,GAAKA,GAE7C,OAAOH,EAAO,KAAK,IAAIG,CAAI,EAAIH,EAAO,MAAM,CAC9C,CAEO,MAAMK,EAAkC,CAAC,CAC9C,MAAAC,EACA,WAAAC,EAAa,EACb,KAAAC,EAAO,EACT,IAAM,CACJ,MAAMC,EAAeH,EAAM,MAAM,EAAGC,CAAU,EACxCG,EAAcJ,EAAM,OAASG,EAAa,OAEhD,OACEE,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,SAAS,SACT,MACED,EAAAA,kBAAAA,IAACE,EAAAA,IAAA,CAAI,IAAI,MACN,SAAAJ,EAAa,IAAKK,GACjBC,EAAAA,kBAAAA,KAAC,IAAA,CAAwB,UAAU,eAChC,SAAA,CAAAD,EAAK,UAAU,IAAEA,EAAK,QAAA,CAAA,EADjBA,EAAK,UAEb,CACD,EACH,EAGF,SAAAC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,gBACZ,SAAA,CAAAN,EAAa,IAAI,CAACK,EAAME,IAAU,CACjC,MAAMC,EAAKhB,EAAiBa,EAAK,SAAS,EACpCI,EAAUJ,EAAK,UAAU,OAAO,CAAC,EAAE,YAAA,EAEzC,OACEH,EAAAA,kBAAAA,IAAC,MAAA,CAEC,UAAU,SACV,MAAO,CACL,MAAOH,EACP,OAAQA,EACR,WAAYQ,IAAU,EAAI,EAAI,CAACR,EAAO,EACtC,gBAAiBS,EACjB,SAAUT,EAAO,GAAA,EAGlB,SAAAU,CAAA,EAVIJ,EAAK,UAAA,CAahB,CAAC,EAEAJ,EAAc,GACbK,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAU,sBACV,MAAO,CACL,MAAOP,EACP,OAAQA,EACR,WAAY,CAACA,EAAO,EACpB,SAAUA,EAAO,GAAA,EAEpB,SAAA,CAAA,IACGE,CAAA,CAAA,CAAA,CACJ,CAAA,CAEJ,CAAA,CAAA,CAGN"}

package/dist/index.cjs143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs143.js","sources":["../src/components/ui/DelegationHomeBanner/index.tsx"],"sourcesContent":["\"use client\";\nimport { ArrowLink, Col, Row } from \"@/components\";\nimport { Avatars } from \"../Avatars\";\nimport \"./DelegationHomeBanner.scss\";\ntype HomeBannerProps = {\n  users: Array<any>;\n  title?: string;\n  linkLabel?: string;\n  onChangeProfileClick?: () => void;\n};\nexport function DelegationHomeBanner({\n  users,\n  title = \"\",\n  linkLabel = \"\",\n  onChangeProfileClick,\n}: HomeBannerProps) {\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      className={\"delegation-home-banner bg-lightblue-a03 shadow\"}\n    >\n      <h3 className=\"ui-banner-title text-slate-20 fs-4 fw-semibold\">\n        {title}\n      </h3>\n      <Row justifyContent=\"space-between\">\n        <Avatars users={users} maxVisible={4} />\n        <ArrowLink\n          arrowVisible={true}\n          asButton\n          onClick={onChangeProfileClick}\n          className=\"cursor-pointer\"\n        >\n          {linkLabel}\n        </ArrowLink>\n      </Row>\n    </Col>\n  );\n}\n"],"names":["DelegationHomeBanner","users","title","linkLabel","onChangeProfileClick","jsxs","Col","jsx","Row","Avatars","ArrowLink"],"mappings":"kRAUO,SAASA,EAAqB,CACnC,MAAAC,EACA,MAAAC,EAAQ,GACR,UAAAC,EAAY,GACZ,qBAAAC,CACF,EAAoB,CAClB,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAW,iDAEX,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,iDACX,SAAAL,EACH,EACAG,EAAAA,kBAAAA,KAACG,EAAAA,IAAA,CAAI,eAAe,gBAClB,SAAA,CAAAD,EAAAA,kBAAAA,IAACE,EAAAA,QAAA,CAAQ,MAAAR,EAAc,WAAY,CAAA,CAAG,EACtCM,EAAAA,kBAAAA,IAACG,EAAAA,UAAA,CACC,aAAc,GACd,SAAQ,GACR,QAASN,EACT,UAAU,iBAET,SAAAD,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"index.cjs143.js","sources":["../src/components/ui/DelegationHomeBanner/index.tsx"],"sourcesContent":["\"use client\";\r\nimport { ArrowLink, Col, Row } from \"@/components\";\r\nimport { Avatars } from \"../Avatars\";\r\nimport \"./DelegationHomeBanner.scss\";\r\ntype HomeBannerProps = {\r\n  users: Array<any>;\r\n  title?: string;\r\n  linkLabel?: string;\r\n  onChangeProfileClick?: () => void;\r\n};\r\nexport function DelegationHomeBanner({\r\n  users,\r\n  title = \"\",\r\n  linkLabel = \"\",\r\n  onChangeProfileClick,\r\n}: HomeBannerProps) {\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      gap={\"x16\"}\r\n      className={\"delegation-home-banner bg-lightblue-a03 shadow\"}\r\n    >\r\n      <h3 className=\"ui-banner-title text-slate-20 fs-4 fw-semibold\">\r\n        {title}\r\n      </h3>\r\n      <Row justifyContent=\"space-between\">\r\n        <Avatars users={users} maxVisible={4} />\r\n        <ArrowLink\r\n          arrowVisible={true}\r\n          asButton\r\n          onClick={onChangeProfileClick}\r\n          className=\"cursor-pointer\"\r\n        >\r\n          {linkLabel}\r\n        </ArrowLink>\r\n      </Row>\r\n    </Col>\r\n  );\r\n}\r\n"],"names":["DelegationHomeBanner","users","title","linkLabel","onChangeProfileClick","jsxs","Col","jsx","Row","Avatars","ArrowLink"],"mappings":"kRAUO,SAASA,EAAqB,CACnC,MAAAC,EACA,MAAAC,EAAQ,GACR,UAAAC,EAAY,GACZ,qBAAAC,CACF,EAAoB,CAClB,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAW,iDAEX,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,KAAA,CAAG,UAAU,iDACX,SAAAL,EACH,EACAG,EAAAA,kBAAAA,KAACG,EAAAA,IAAA,CAAI,eAAe,gBAClB,SAAA,CAAAD,EAAAA,kBAAAA,IAACE,EAAAA,QAAA,CAAQ,MAAAR,EAAc,WAAY,CAAA,CAAG,EACtCM,EAAAA,kBAAAA,IAACG,EAAAA,UAAA,CACC,aAAc,GACd,SAAQ,GACR,QAASN,EACT,UAAU,iBAET,SAAAD,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/index.cjs144.js.map

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

package/dist/index.cjs145.js.map

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

package/dist/index.cjs146.js.map

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

package/dist/index.cjs147.js.map

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

package/dist/index.cjs148.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs148.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,CAkBnB,MAAMC,GAjBsBC,GAAsB,CAChD,OAAQA,EAAA,CACN,KAAKX,EAAiB,UACpB,MAAO,8BACT,KAAKA,EAAiB,UACpB,MAAO,8BACT,KAAKA,EAAiB,YACpB,MAAO,gCACT,KAAKA,EAAiB,WACpB,MAAO,+BACT,KAAKA,EAAiB,WACpB,MAAO,+BACT,QACE,MAAO,EAAA,CAEb,GAE2CQ,CAAM,EAE3CI,EAAkBC,EAAAA,QAAQ,IAAM,CACpC,OAAQL,EAAA,CAIN,KAAKR,EAAiB,UACpB,OAAOO,EAAM,IAAKO,IACT,CACL,GAAGC,EAAAA,cAAAA,KAAKD,EAAM,CAAC,OAAO,CAAC,CAAA,EAE1B,EAIH,KAAKd,EAAiB,UACpB,OAAOO,EAAM,IAAI,CAACO,EAAME,IAAU,CAChC,MAAMC,EAAcD,IAAU,EAC9B,MAAO,CACL,GAAGD,EAAAA,cAAAA,KAAKD,EAAMG,EAAc,CAAC,OAAO,EAAI,CAAA,CAAE,CAAA,CAE9C,CAAC,EAIH,KAAKjB,EAAiB,YACpB,OAAOO,EAAM,IAAKO,IACT,CACL,GAAGC,EAAAA,cAAAA,KAAKD,EAAM,CAAC,OAAO,CAAC,CAAA,EAE1B,EAIH,KAAKd,EAAiB,WACpB,OAAOO,EAAM,IAAI,CAACO,EAAME,IAAU,CAChC,MAAMC,EAAcD,IAAU,EAE9B,MAAO,CACL,GAAGD,EAAAA,cAAAA,KAAKD,EAAMG,EAAc,CAAC,OAAO,EAAI,CAAA,CAAE,CAAA,CAE9C,CAAC,EACH,KAAKjB,EAAiB,WACpB,OAAOO,EAAM,IAAKO,IACT,CACL,GAAGC,EAAAA,cAAAA,KAAKD,EAAM,CAAC,OAAO,CAAC,CAAA,EAE1B,EACH,QACE,OAAOP,CAAA,CAEb,EAAG,CAACA,EAAOC,CAAM,CAAC,EAElB,gCACGU,EAAAA,QAAA,CAAQ,UAAWC,EAAAA,KAAK,oCAAqCV,CAAS,EACrE,SAAA,CAAAW,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CAAI,UAAU,qCACb,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,eAAA,CACC,GAAI,IACJ,KAAM,IACN,UAAU,iCACV,kBAAkB,QAClB,wBAAwB,QACxB,MAAO,WACP,MAAApB,EACA,YAAakB,EAAAA,kBAAAA,IAACG,WAAA,CAAS,YAAApB,CAAA,CAAyB,EAE/C,SAAAC,GAAaC,GACZe,EAAAA,kBAAAA,IAACI,EAAAA,UAAA,CAAU,KAAAnB,EAAY,OAAAC,EAAgB,GAAG,IACvC,SAAAF,EAAU,YAAA,CAAY,CACzB,CAAA,CAAA,EAGN,EACAgB,EAAAA,kBAAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYlB,CAAK,GAC7B,UAAW,mBAAmBQ,CAAe,GAE5C,SAAAE,GAAA,YAAAA,EAAiB,IAAI,CAACE,EAAME,4BAExB,KAAA,CACC,SAAAI,EAAAA,kBAAAA,IAACK,EAAAA,aAAA,CAEC,MAAOX,GAAA,YAAAA,EAAM,KACb,YAAaA,GAAA,YAAAA,EAAM,YACnB,MAAOA,GAAA,YAAAA,EAAM,MACb,MAAMA,GAAA,YAAAA,EAAM,QAAQA,GAAA,YAAAA,EAAM,cAC1B,SAAUA,GAAA,YAAAA,EAAM,aAChB,OAAAR,EACA,WAAYQ,GAAA,YAAAA,EAAM,YAAA,EAPb,CAACA,EAAK,IAAKE,CAAK,EAAE,KAAK,GAAG,CAAA,CAQjC,EAVO,CAACF,EAAK,IAAKE,CAAK,EAAE,KAAK,GAAG,CAWnC,EAEH,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"index.cjs148.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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"}

package/dist/index.cjs15.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Accordion/AccordionStepper/AccordionStepper.css');const s=require("./index.cjs243.js"),c=require("react"),d=require("./index.cjs293.js");;/* empty css              */const x=require("./index.cjs295.js"),S=require("./index.cjs124.js"),j=({steps:n,mainTitle:i,toggleStepsLabels:a,toggleSingleStepsLabel:p})=>{const[o,r]=c.useState(n.map((t,e)=>e===0)),[l,u]=c.useState(!1),m=()=>{const t=!l;r(n.map(()=>t)),u(t)},g=t=>{const e=[...o];e[t]=!e[t],r(e)};return s.jsxRuntimeExports.jsxs("div",{className:"accordion-stepper",children:[s.jsxRuntimeExports.jsx(S.SectionHeading,{color:"primary",title:i,className:"mainTitle",fs:"4",mdFs:"2"}),s.jsxRuntimeExports.jsx(x,{className:"toggle-all",onClick:m,isOpen:l,toggleLabels:a}),n.map((t,e)=>s.jsxRuntimeExports.jsx(d.StepItem,{index:e,title:t.title,content:t.content,isOpen:o[e],detailLabels:p,onToggle:()=>g(e)},e))]})};exports.AccordionStepper=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Accordion/AccordionStepper/AccordionStepper.css');const s=require("./index.cjs243.js"),c=require("react"),d=require("./index.cjs292.js");;/* empty css              */const x=require("./index.cjs294.js"),S=require("./index.cjs124.js"),j=({steps:n,mainTitle:i,toggleStepsLabels:a,toggleSingleStepsLabel:p})=>{const[o,r]=c.useState(n.map((t,e)=>e===0)),[l,u]=c.useState(!1),m=()=>{const t=!l;r(n.map(()=>t)),u(t)},g=t=>{const e=[...o];e[t]=!e[t],r(e)};return s.jsxRuntimeExports.jsxs("div",{className:"accordion-stepper",children:[s.jsxRuntimeExports.jsx(S.SectionHeading,{color:"primary",title:i,className:"mainTitle",fs:"4",mdFs:"2"}),s.jsxRuntimeExports.jsx(x,{className:"toggle-all",onClick:m,isOpen:l,toggleLabels:a}),n.map((t,e)=>s.jsxRuntimeExports.jsx(d.StepItem,{index:e,title:t.title,content:t.content,isOpen:o[e],detailLabels:p,onToggle:()=>g(e)},e))]})};exports.AccordionStepper=j;
 //# sourceMappingURL=index.cjs15.js.map

package/dist/index.cjs15.js.map

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

package/dist/index.cjs150.js.map

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

package/dist/index.cjs151.js.map

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

package/dist/index.cjs152.js.map

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

package/dist/index.cjs153.js.map

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

package/dist/index.cjs154.js.map

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

package/dist/index.cjs155.js.map

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

package/dist/index.cjs156.js.map

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