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

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":"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"}
+{"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.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"}

package/dist/index.cjs157.js.map

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

package/dist/index.cjs158.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs158.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport {\n  AggregationItemCard,\n  Button,\n  Row,\n  SectionHeading,\n} from \"../../components\";\nimport \"./CommunicationContents.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  total: number;\n  totalLabels?: {\n    first: string;\n    middle: string;\n    end: string;\n  };\n  loading?: boolean;\n  handleLoadMore: () => void;\n  showMoreTitle?: string;\n  noResultsLabel?: string;\n};\n\nexport function CommunicationContents({\n  title,\n  elements = [],\n  total,\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\n  handleLoadMore,\n  loading = false,\n  showMoreTitle = \"Visualizza altro \",\n  noResultsLabel = \"Nessun risultato trovato\",\n}: CommunicationContentsProps) {\n  const showMoreButtonVisible = total > elements?.length;\n\n  return (\n    <section className=\"communication-contents d-flex section-gap flex-column\">\n      <SectionHeading className=\"title\" title={title} />\n      <Masonry\n        columns={{ 0: 1, 768: 2, 992: 3 }}\n        gap={24}\n        className=\"masonry-component\"\n      >\n        {elements?.map((element) => (\n          <AggregationItemCard {...element} key={element._id} />\n        ))}\n      </Masonry>\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\n        {loading && <Spinner height={30} width={30} />}\n      </Row>\n      <span className=\"total-elements-label\">\n        {elements?.length === 0 ? (\n          <span>{noResultsLabel}</span>\n        ) : (\n          <>\n            <span>{totalLabels.first}</span>\n            <Row justifyContent=\"center\" gap=\"x4\">\n              <b>{elements?.length}</b>\n              <span>{totalLabels.middle}</span>\n              <span>{total}</span>\n              <span>{totalLabels.end}</span>\n            </Row>\n          </>\n        )}\n      </span>\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\n        </Row>\n      )}\n    </section>\n  );\n}\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","SectionHeading","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":"mWA0BO,SAASA,EAAsB,CACpC,MAAAC,EACA,SAAAC,EAAW,CAAA,EACX,MAAAC,EACA,YAAAC,EAAc,CAAE,MAAO,qBAAsB,OAAQ,KAAM,IAAK,UAAA,EAChE,eAAAC,EACA,QAAAC,EAAU,GACV,cAAAC,EAAgB,oBAChB,eAAAC,EAAiB,0BACnB,EAA+B,CAC7B,MAAMC,EAAwBN,GAAQD,GAAA,YAAAA,EAAU,QAEhD,OACEQ,EAAAA,kBAAAA,KAAC,UAAA,CAAQ,UAAU,wDACjB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CAAe,UAAU,QAAQ,MAAAX,CAAA,CAAc,EAChDU,EAAAA,kBAAAA,IAACE,EAAAA,QAAA,CACC,QAAS,CAAE,EAAG,EAAG,IAAK,EAAG,IAAK,CAAA,EAC9B,IAAK,GACL,UAAU,oBAET,SAAAX,GAAA,YAAAA,EAAU,IAAKY,GACdC,EAAAA,cAACC,sBAAA,CAAqB,GAAGF,EAAS,IAAKA,EAAQ,GAAA,CAAK,EACrD,CAAA,EAEHH,wBAACM,EAAAA,IAAA,CAAI,UAAU,cAAc,eAAe,SAAS,EAAE,MACpD,SAAAX,2BAAYY,EAAAA,QAAA,CAAQ,OAAQ,GAAI,MAAO,GAAI,EAC9C,EACAP,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,uBACb,UAAAT,GAAA,YAAAA,EAAU,UAAW,EACpBS,EAAAA,kBAAAA,IAAC,OAAA,CAAM,SAAAH,CAAA,CAAe,EAEtBE,yBAAAS,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAR,EAAAA,kBAAAA,IAAC,OAAA,CAAM,WAAY,KAAA,CAAM,EACzBD,EAAAA,kBAAAA,KAACO,EAAAA,IAAA,CAAI,eAAe,SAAS,IAAI,KAC/B,SAAA,CAAAN,EAAAA,kBAAAA,IAAC,IAAA,CAAG,0BAAU,MAAA,CAAO,EACrBA,EAAAA,kBAAAA,IAAC,OAAA,CAAM,SAAAP,EAAY,MAAA,CAAO,EAC1BO,EAAAA,kBAAAA,IAAC,QAAM,SAAAR,CAAA,CAAM,EACbQ,EAAAA,kBAAAA,IAAC,OAAA,CAAM,SAAAP,EAAY,GAAA,CAAI,CAAA,CAAA,CACzB,CAAA,CAAA,CACF,CAAA,CAEJ,EACCK,GAAyB,CAACH,IAAWJ,GAAA,YAAAA,EAAU,QAAS,2BACtDe,MAAA,CAAI,eAAe,SAAS,WAAW,SAAS,GAAG,MAClD,SAAAN,EAAAA,kBAAAA,IAACS,EAAAA,QAAO,QAASf,EAAiB,WAAc,CAAA,CAClD,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs158.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\nimport {\r\n  AggregationItemCard,\r\n  Button,\r\n  Row,\r\n  SectionHeading,\r\n} from \"../../components\";\r\nimport \"./CommunicationContents.scss\";\r\nimport Masonry from \"react-layout-masonry\";\r\n\r\nexport type CommunicationContentsProps = {\r\n  sectionId?: string;\r\n  title: string;\r\n  elements: any[];\r\n  total: number;\r\n  totalLabels?: {\r\n    first: string;\r\n    middle: string;\r\n    end: string;\r\n  };\r\n  loading?: boolean;\r\n  handleLoadMore: () => void;\r\n  showMoreTitle?: string;\r\n  noResultsLabel?: string;\r\n};\r\n\r\nexport function CommunicationContents({\r\n  title,\r\n  elements = [],\r\n  total,\r\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\r\n  handleLoadMore,\r\n  loading = false,\r\n  showMoreTitle = \"Visualizza altro \",\r\n  noResultsLabel = \"Nessun risultato trovato\",\r\n}: CommunicationContentsProps) {\r\n  const showMoreButtonVisible = total > elements?.length;\r\n\r\n  return (\r\n    <section className=\"communication-contents d-flex section-gap flex-column\">\r\n      <SectionHeading className=\"title\" title={title} />\r\n      <Masonry\r\n        columns={{ 0: 1, 768: 2, 992: 3 }}\r\n        gap={24}\r\n        className=\"masonry-component\"\r\n      >\r\n        {elements?.map((element) => (\r\n          <AggregationItemCard {...element} key={element._id} />\r\n        ))}\r\n      </Masonry>\r\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\r\n        {loading && <Spinner height={30} width={30} />}\r\n      </Row>\r\n      <span className=\"total-elements-label\">\r\n        {elements?.length === 0 ? (\r\n          <span>{noResultsLabel}</span>\r\n        ) : (\r\n          <>\r\n            <span>{totalLabels.first}</span>\r\n            <Row justifyContent=\"center\" gap=\"x4\">\r\n              <b>{elements?.length}</b>\r\n              <span>{totalLabels.middle}</span>\r\n              <span>{total}</span>\r\n              <span>{totalLabels.end}</span>\r\n            </Row>\r\n          </>\r\n        )}\r\n      </span>\r\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\r\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\r\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\r\n        </Row>\r\n      )}\r\n    </section>\r\n  );\r\n}\r\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","SectionHeading","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":"mWA0BO,SAASA,EAAsB,CACpC,MAAAC,EACA,SAAAC,EAAW,CAAA,EACX,MAAAC,EACA,YAAAC,EAAc,CAAE,MAAO,qBAAsB,OAAQ,KAAM,IAAK,UAAA,EAChE,eAAAC,EACA,QAAAC,EAAU,GACV,cAAAC,EAAgB,oBAChB,eAAAC,EAAiB,0BACnB,EAA+B,CAC7B,MAAMC,EAAwBN,GAAQD,GAAA,YAAAA,EAAU,QAEhD,OACEQ,EAAAA,kBAAAA,KAAC,UAAA,CAAQ,UAAU,wDACjB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CAAe,UAAU,QAAQ,MAAAX,CAAA,CAAc,EAChDU,EAAAA,kBAAAA,IAACE,EAAAA,QAAA,CACC,QAAS,CAAE,EAAG,EAAG,IAAK,EAAG,IAAK,CAAA,EAC9B,IAAK,GACL,UAAU,oBAET,SAAAX,GAAA,YAAAA,EAAU,IAAKY,GACdC,EAAAA,cAACC,sBAAA,CAAqB,GAAGF,EAAS,IAAKA,EAAQ,GAAA,CAAK,EACrD,CAAA,EAEHH,wBAACM,EAAAA,IAAA,CAAI,UAAU,cAAc,eAAe,SAAS,EAAE,MACpD,SAAAX,2BAAYY,EAAAA,QAAA,CAAQ,OAAQ,GAAI,MAAO,GAAI,EAC9C,EACAP,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,uBACb,UAAAT,GAAA,YAAAA,EAAU,UAAW,EACpBS,EAAAA,kBAAAA,IAAC,OAAA,CAAM,SAAAH,CAAA,CAAe,EAEtBE,yBAAAS,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAR,EAAAA,kBAAAA,IAAC,OAAA,CAAM,WAAY,KAAA,CAAM,EACzBD,EAAAA,kBAAAA,KAACO,EAAAA,IAAA,CAAI,eAAe,SAAS,IAAI,KAC/B,SAAA,CAAAN,EAAAA,kBAAAA,IAAC,IAAA,CAAG,0BAAU,MAAA,CAAO,EACrBA,EAAAA,kBAAAA,IAAC,OAAA,CAAM,SAAAP,EAAY,MAAA,CAAO,EAC1BO,EAAAA,kBAAAA,IAAC,QAAM,SAAAR,CAAA,CAAM,EACbQ,EAAAA,kBAAAA,IAAC,OAAA,CAAM,SAAAP,EAAY,GAAA,CAAI,CAAA,CAAA,CACzB,CAAA,CAAA,CACF,CAAA,CAEJ,EACCK,GAAyB,CAACH,IAAWJ,GAAA,YAAAA,EAAU,QAAS,2BACtDe,MAAA,CAAI,eAAe,SAAS,WAAW,SAAS,GAAG,MAClD,SAAAN,EAAAA,kBAAAA,IAACS,EAAAA,QAAO,QAASf,EAAiB,WAAc,CAAA,CAClD,CAAA,EAEJ,CAEJ"}