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

package/dist/index.es140.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es140.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":";;;AAiBO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASP,CAAa,GAC5CQ,IAAaC,EAA8B,IAAI,GAC/CC,IAAaD,EAA8B,IAAI,GAC/CE,IAASF,EAA8B,IAAI,GAC3C,CAACG,GAAQC,CAAS,IAAIN,EAAc,EAAE,KAAK,GAAG,MAAM,GAAG,GAGvDO,IADef,MAAW,SACDA,IAASM,GAElCU,IAAc,MAAM;AACxB,IAAIZ,IAAQ,IACVK,EAAW,UAAU,WAAW,MAAMF,EAAU,EAAI,GAAGH,CAAK,IAE5DG,EAAU,EAAI;AAAA,EAElB,GAEMU,IAAc,MAAM;AACxB,IAAIR,EAAW,WAAS,aAAaA,EAAW,OAAO,GACvDF,EAAU,EAAK;AAAA,EACjB;AAEA,SAAAW,EAAU,MAAM;AACd,QAAIP,EAAW,WAAWC,EAAO,SAAS;AACxC,YAAMO,IAAOR,EAAW,QAAQ,sBAAA,GAC1BS,IAAMR,EAAO,QAAQ,sBAAA;AAC3B,UAAIS,IAAM,GACNC,IAAwB;AAC5B,cAAQpB,GAAA;AAAA,QACN,KAAK;AACH,UAAAmB,IAAMF,EAAK,MAAM,GACjBG,IAAOH,EAAK,OAAOA,EAAK,QAAQ;AAChC;AAAA,QACF,KAAK;AACH,UAAAE,IAAMF,EAAK,SAAS,GACpBG,IAAOH,EAAK,QAAQ,IAAIC,EAAI,QAAQ;AACpC;AAAA,QACF,KAAK;AACH,UAAAC,IAAMF,EAAK,MAAMA,EAAK,SAAS,GAC/BG,KAAQH,EAAK,OAAO,KAAK;AACzB;AAAA,QACF,KAAK;AACH,UAAAE,IAAMF,EAAK,MAAMA,EAAK,SAAS,GAC/BG,IAAOH,EAAK,QAAQ;AACpB;AAAA,MAAA;AAEJ,MAAAL,EAAU,EAAE,KAAAO,GAAK,MAAAC,GAAM;AAAA,IACzB;AAAA,EACF,GAAG,CAACP,GAASb,CAAQ,CAAC,GAGpBqB,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAKZ;AAAA,MACL,cAAcK;AAAA,MACd,cAAcC;AAAA,MAEb,UAAA;AAAA,QAAAnB;AAAA,QACAiB,KACCQ,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,uBAAuBrB,CAAQ,IAAIG,CAAS;AAAA,YACvD,OAAO;AAAA,cACL,KAAKQ,EAAO;AAAA,cACZ,MAAMA,EAAO;AAAA,YAAA;AAAA,YAEf,KAAKD;AAAA,YAEJ,UAAA;AAAA,cAAAb;AAAA,cACAI,KACCqB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,+BAA+BtB,CAAQ,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAE/D;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es140.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":";;;AAiBO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASP,CAAa,GAC5CQ,IAAaC,EAA8B,IAAI,GAC/CC,IAAaD,EAA8B,IAAI,GAC/CE,IAASF,EAA8B,IAAI,GAC3C,CAACG,GAAQC,CAAS,IAAIN,EAAc,EAAE,KAAK,GAAG,MAAM,GAAG,GAGvDO,IADef,MAAW,SACDA,IAASM,GAElCU,IAAc,MAAM;AACxB,IAAIZ,IAAQ,IACVK,EAAW,UAAU,WAAW,MAAMF,EAAU,EAAI,GAAGH,CAAK,IAE5DG,EAAU,EAAI;AAAA,EAElB,GAEMU,IAAc,MAAM;AACxB,IAAIR,EAAW,WAAS,aAAaA,EAAW,OAAO,GACvDF,EAAU,EAAK;AAAA,EACjB;AAEA,SAAAW,EAAU,MAAM;AACd,QAAIP,EAAW,WAAWC,EAAO,SAAS;AACxC,YAAMO,IAAOR,EAAW,QAAQ,sBAAA,GAC1BS,IAAMR,EAAO,QAAQ,sBAAA;AAC3B,UAAIS,IAAM,GACNC,IAAwB;AAC5B,cAAQpB,GAAA;AAAA,QACN,KAAK;AACH,UAAAmB,IAAMF,EAAK,MAAM,GACjBG,IAAOH,EAAK,OAAOA,EAAK,QAAQ;AAChC;AAAA,QACF,KAAK;AACH,UAAAE,IAAMF,EAAK,SAAS,GACpBG,IAAOH,EAAK,QAAQ,IAAIC,EAAI,QAAQ;AACpC;AAAA,QACF,KAAK;AACH,UAAAC,IAAMF,EAAK,MAAMA,EAAK,SAAS,GAC/BG,KAAQH,EAAK,OAAO,KAAK;AACzB;AAAA,QACF,KAAK;AACH,UAAAE,IAAMF,EAAK,MAAMA,EAAK,SAAS,GAC/BG,IAAOH,EAAK,QAAQ;AACpB;AAAA,MAAA;AAEJ,MAAAL,EAAU,EAAE,KAAAO,GAAK,MAAAC,GAAM;AAAA,IACzB;AAAA,EACF,GAAG,CAACP,GAASb,CAAQ,CAAC,GAGpBqB,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAKZ;AAAA,MACL,cAAcK;AAAA,MACd,cAAcC;AAAA,MAEb,UAAA;AAAA,QAAAnB;AAAA,QACAiB,KACCQ,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,uBAAuBrB,CAAQ,IAAIG,CAAS;AAAA,YACvD,OAAO;AAAA,cACL,KAAKQ,EAAO;AAAA,cACZ,MAAMA,EAAO;AAAA,YAAA;AAAA,YAEf,KAAKD;AAAA,YAEJ,UAAA;AAAA,cAAAb;AAAA,cACAI,KACCqB,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,+BAA+BtB,CAAQ,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAE/D;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.es141.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es141.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":";;;;AAYA,MAAMA,IAAS;AAAA,EACb;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEA,SAASC,EAAiBC,GAAc;AACtC,MAAIC,IAAO;AACX,WAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC/B,IAAAD,IAAOD,EAAK,WAAWE,CAAC,MAAMD,KAAQ,KAAKA;AAE7C,SAAOH,EAAO,KAAK,IAAIG,CAAI,IAAIH,EAAO,MAAM;AAC9C;AAEO,MAAMK,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AACT,MAAM;AACJ,QAAMC,IAAeH,EAAM,MAAM,GAAGC,CAAU,GACxCG,IAAcJ,EAAM,SAASG,EAAa;AAEhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,OACED,gBAAAA,EAAAA,IAACE,GAAA,EAAI,KAAI,OACN,UAAAJ,EAAa,IAAI,CAACK,MACjBC,gBAAAA,EAAAA,KAAC,KAAA,EAAwB,WAAU,gBAChC,UAAA;AAAA,QAAAD,EAAK;AAAA,QAAU;AAAA,QAAEA,EAAK;AAAA,MAAA,EAAA,GADjBA,EAAK,UAEb,CACD,GACH;AAAA,MAGF,UAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBACZ,UAAA;AAAA,QAAAN,EAAa,IAAI,CAACK,GAAME,MAAU;AACjC,gBAAMC,IAAKhB,EAAiBa,EAAK,SAAS,GACpCI,IAAUJ,EAAK,UAAU,OAAO,CAAC,EAAE,YAAA;AAEzC,iBACEH,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,OAAOH;AAAA,gBACP,QAAQA;AAAA,gBACR,YAAYQ,MAAU,IAAI,IAAI,CAACR,IAAO;AAAA,gBACtC,iBAAiBS;AAAA,gBACjB,UAAUT,IAAO;AAAA,cAAA;AAAA,cAGlB,UAAAU;AAAA,YAAA;AAAA,YAVIJ,EAAK;AAAA,UAAA;AAAA,QAahB,CAAC;AAAA,QAEAJ,IAAc,KACbK,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAOP;AAAA,cACP,QAAQA;AAAA,cACR,YAAY,CAACA,IAAO;AAAA,cACpB,UAAUA,IAAO;AAAA,YAAA;AAAA,YAEpB,UAAA;AAAA,cAAA;AAAA,cACGE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es141.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":";;;;AAYA,MAAMA,IAAS;AAAA,EACb;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACF;AAEA,SAASC,EAAiBC,GAAc;AACtC,MAAIC,IAAO;AACX,WAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC/B,IAAAD,IAAOD,EAAK,WAAWE,CAAC,MAAMD,KAAQ,KAAKA;AAE7C,SAAOH,EAAO,KAAK,IAAIG,CAAI,IAAIH,EAAO,MAAM;AAC9C;AAEO,MAAMK,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AACT,MAAM;AACJ,QAAMC,IAAeH,EAAM,MAAM,GAAGC,CAAU,GACxCG,IAAcJ,EAAM,SAASG,EAAa;AAEhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,OACED,gBAAAA,EAAAA,IAACE,GAAA,EAAI,KAAI,OACN,UAAAJ,EAAa,IAAI,CAACK,MACjBC,gBAAAA,EAAAA,KAAC,KAAA,EAAwB,WAAU,gBAChC,UAAA;AAAA,QAAAD,EAAK;AAAA,QAAU;AAAA,QAAEA,EAAK;AAAA,MAAA,EAAA,GADjBA,EAAK,UAEb,CACD,GACH;AAAA,MAGF,UAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,iBACZ,UAAA;AAAA,QAAAN,EAAa,IAAI,CAACK,GAAME,MAAU;AACjC,gBAAMC,IAAKhB,EAAiBa,EAAK,SAAS,GACpCI,IAAUJ,EAAK,UAAU,OAAO,CAAC,EAAE,YAAA;AAEzC,iBACEH,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,OAAOH;AAAA,gBACP,QAAQA;AAAA,gBACR,YAAYQ,MAAU,IAAI,IAAI,CAACR,IAAO;AAAA,gBACtC,iBAAiBS;AAAA,gBACjB,UAAUT,IAAO;AAAA,cAAA;AAAA,cAGlB,UAAAU;AAAA,YAAA;AAAA,YAVIJ,EAAK;AAAA,UAAA;AAAA,QAahB,CAAC;AAAA,QAEAJ,IAAc,KACbK,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAOP;AAAA,cACP,QAAQA;AAAA,cACR,YAAY,CAACA,IAAO;AAAA,cACpB,UAAUA,IAAO;AAAA,YAAA;AAAA,YAEpB,UAAA;AAAA,cAAA;AAAA,cACGE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es142.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es142.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":";;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,sBAAAC;AACF,GAAoB;AAClB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,MAEX,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,kDACX,UAAAL,GACH;AAAA,QACAG,gBAAAA,EAAAA,KAACG,GAAA,EAAI,gBAAe,iBAClB,UAAA;AAAA,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAR,GAAc,YAAY,EAAA,CAAG;AAAA,UACtCM,gBAAAA,EAAAA;AAAAA,YAACG;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd,UAAQ;AAAA,cACR,SAASN;AAAA,cACT,WAAU;AAAA,cAET,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es142.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":";;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,sBAAAC;AACF,GAAoB;AAClB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAW;AAAA,MAEX,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,kDACX,UAAAL,GACH;AAAA,QACAG,gBAAAA,EAAAA,KAACG,GAAA,EAAI,gBAAe,iBAClB,UAAA;AAAA,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAR,GAAc,YAAY,EAAA,CAAG;AAAA,UACtCM,gBAAAA,EAAAA;AAAAA,YAACG;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd,UAAQ;AAAA,cACR,SAASN;AAAA,cACT,WAAU;AAAA,cAET,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es143.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":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,6BACjB,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,KAACE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UAAAZ,EAAA,CACH;AAAA,MACCC,KACCa,gBAAAA,EAAAA,IAACF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UAAAX,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAACE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,0CACX,UAAAZ,GACH;AAAA,QACAY,gBAAAA,EAAAA,IAACF,EAAQ,aAAR,EAAqB,UAAAT,EAAA,CAAiB;AAAA,QACvCW,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,4BACb,UAAAA,gBAAAA,EAAAA;AAAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EACV,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es143.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":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,6BACjB,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,KAACE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UAAAZ,EAAA,CACH;AAAA,MACCC,KACCa,gBAAAA,EAAAA,IAACF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UAAAX,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAACE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,0CACX,UAAAZ,GACH;AAAA,QACAY,gBAAAA,EAAAA,IAACF,EAAQ,aAAR,EAAqB,UAAAT,EAAA,CAAiB;AAAA,QACvCW,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,4BACb,UAAAA,gBAAAA,EAAAA;AAAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EACV,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es144.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es241.js";
 import { Section as m, SectionHeading as f } from "./index.es123.js";
-import { clsx as g } from "./index.es242.js";
-import { l as t } from "./index.es245.js";
+import { clsx as g } from "./index.es243.js";
+import { l as t } from "./index.es244.js";
 import { useMemo as j } from "react";
 import { RichText as v } from "./index.es146.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */

package/dist/index.es144.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es144.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.es144.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.es145.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es241.js";
-import { clsx as m } from "./index.es242.js";
+import { clsx as m } from "./index.es243.js";
 import { RichText as c } from "./index.es146.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
 import { Section as p, SectionHeading as u } from "./index.es123.js";

package/dist/index.es145.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es145.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":";;;;;;;AAmBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,wCAAwCF,IAAqB,oBAAoB,EAAE;AAAA,IAE9F,UAAA;AAAA,MAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAU,+BACb,UAAAD,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAT;AAAA,UACA,IAAG;AAAA,UACH,MAAK;AAAA,UACL,OAAM;AAAA,UACN,mBAAkB;AAAA,UAClB,yBAAwB;AAAA,UACxB,aAAaC,IAAcM,gBAAAA,EAAAA,IAACG,GAAA,EAAS,aAAAT,GAA0B,IAAc;AAAA,QAAA;AAAA,MAAA,GAEjF;AAAA,MACAM,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYP,CAAK;AAAA,UAC7B,WAAWW;AAAA,YACT;AAAA,YACAT,EAAM,SAAS,IAAI,QAAQ;AAAA,UAAA;AAAA,UAG5B,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAU,GAAM,OAAAZ,GAAO,UAAAa,EAAA,GAAYC,MACtCP,gBAAAA,EAAAA,IAAC,MAAA,EACC,UAAAA,gBAAAA,EAAAA;AAAAA,YAACQ;AAAA,YAAA;AAAA,cACC,QAAAZ;AAAA,cACA,MAAMS;AAAA,cACN,MAAK;AAAA,cACL,SAASE,IAAQ,IAAI,cAAc;AAAA,cAInC,QAAQD,IAAW,WAAW;AAAA,cAC9B,KAAKA,IAAW,wBAAwB;AAAA,cAEvC,UAAAb;AAAAA,YAAA;AAAA,UAAA,EACH,GAbOY,CAcT;AAAA,QACD;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.es145.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":";;;;;;;AAmBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,wCAAwCF,IAAqB,oBAAoB,EAAE;AAAA,IAE9F,UAAA;AAAA,MAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAU,+BACb,UAAAD,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAT;AAAA,UACA,IAAG;AAAA,UACH,MAAK;AAAA,UACL,OAAM;AAAA,UACN,mBAAkB;AAAA,UAClB,yBAAwB;AAAA,UACxB,aAAaC,IAAcM,gBAAAA,EAAAA,IAACG,GAAA,EAAS,aAAAT,GAA0B,IAAc;AAAA,QAAA;AAAA,MAAA,GAEjF;AAAA,MACAM,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYP,CAAK;AAAA,UAC7B,WAAWW;AAAA,YACT;AAAA,YACAT,EAAM,SAAS,IAAI,QAAQ;AAAA,UAAA;AAAA,UAG5B,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAU,GAAM,OAAAZ,GAAO,UAAAa,EAAA,GAAYC,MACtCP,gBAAAA,EAAAA,IAAC,MAAA,EACC,UAAAA,gBAAAA,EAAAA;AAAAA,YAACQ;AAAA,YAAA;AAAA,cACC,QAAAZ;AAAA,cACA,MAAMS;AAAA,cACN,MAAK;AAAA,cACL,SAASE,IAAQ,IAAI,cAAc;AAAA,cAInC,QAAQD,IAAW,WAAW;AAAA,cAC9B,KAAKA,IAAW,wBAAwB;AAAA,cAEvC,UAAAb;AAAAA,YAAA;AAAA,UAAA,EACH,GAbOY,CAcT;AAAA,QACD;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}

package/dist/index.es146.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es241.js";
 import o, { useMemo as E } from "react";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTML as m } from "./index.es151.js";
-import { clsx as u } from "./index.es242.js";
+import { clsx as u } from "./index.es243.js";
 import { Section as c } from "./index.es123.js";
 import { Col as N } from "./index.es61.js";
 const F = ({

package/dist/index.es146.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es146.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":";;;;;;;AAsBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAClB,MAAqB;AACnB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM;AAAA,IAClC,OAAOJ,KAAa;AAAA,EAAA,GAEhB,CAACK,GAAYC,CAAa,IAAIF,EAAM,SAAS,EAAK,GAElDG,IAAaH,EAAM,OAAuB,IAAI,GAE9CI,IAAgB,MAAM;AAC1B,IAAAL,EAAW,CAACD,CAAO;AAAA,EACrB;AAEAE,EAAAA,EAAM,gBAAgB,MAAM;AAC1B,UAAMK,IAAgB,MAAM;AAC1B,UAAIF,EAAW,SAAS;AACtB,cAAM,EAAE,cAAAG,GAAc,cAAAC,EAAA,IAAiBJ,EAAW;AAClD,QAAAD,EAAcI,IAAeC,CAAY;AAAA,MAC3C;AAAA,IACF;AAEA,WAAAF,EAAA,GAEA,OAAO,iBAAiB,UAAUA,CAAa,GACxC,MAAM,OAAO,oBAAoB,UAAUA,CAAa;AAAA,EACjE,GAAG,CAACf,GAAaM,CAAQ,CAAC;AAE1B,QAAMY,IAAOC,EAAQ,MACdnB,IAEF,OAAOA,KAAgB,YAAYU,EAAM,eAAeV,CAAW,KACpE,CAACM,IAEMc,EAAKpB,EAAY,SAAA,GAAY,KAAK,IAGvCqB,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKV;AAAA,QACL,WAAWW;AAAA,UACT;AAAA,UACAhB,KAAW;AAAA,QAAA;AAAA,QAEb,OAAO,EAAE,eAAeF,EAAA;AAAA,QAEvB,UAAAc,EAAKpB,EAAY,SAAA,GAAY,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpCO,KAAiBI,KAChBU,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAU;AAAA,QACV,SAASP;AAAA,QACV,UAAA;AAAA,UAAA;AAAA,UACSN,IAAU,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9B,GAEJ,IA7BqB,MAgCxB,CAACR,GAAaQ,GAASF,GAAUK,CAAU,CAAC;AAE/C,gCACGc,GAAA,EAAQ,WAAWD,EAAK,iCAAiCpB,CAAe,GACvE,UAAA;AAAA,IAAAiB,gBAAAA,EAAAA,KAACK,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,MAAA3B,KACCwB,gBAAAA,EAAAA;AAAAA,QAACE,EAAQ;AAAA,QAAR;AAAA,UACC,IAAIxB;AAAA,UACJ,MAAMC;AAAA,UACN,WAAWC;AAAA,UAEV,UAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGLwB,gBAAAA,EAAAA,IAACE,EAAQ,aAAR,EAAqB,UAAAP,EAAA,CAAK;AAAA,IAAA,GAC7B;AAAA,IACCb;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.es146.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":";;;;;;;AAsBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAClB,MAAqB;AACnB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM;AAAA,IAClC,OAAOJ,KAAa;AAAA,EAAA,GAEhB,CAACK,GAAYC,CAAa,IAAIF,EAAM,SAAS,EAAK,GAElDG,IAAaH,EAAM,OAAuB,IAAI,GAE9CI,IAAgB,MAAM;AAC1B,IAAAL,EAAW,CAACD,CAAO;AAAA,EACrB;AAEAE,EAAAA,EAAM,gBAAgB,MAAM;AAC1B,UAAMK,IAAgB,MAAM;AAC1B,UAAIF,EAAW,SAAS;AACtB,cAAM,EAAE,cAAAG,GAAc,cAAAC,EAAA,IAAiBJ,EAAW;AAClD,QAAAD,EAAcI,IAAeC,CAAY;AAAA,MAC3C;AAAA,IACF;AAEA,WAAAF,EAAA,GAEA,OAAO,iBAAiB,UAAUA,CAAa,GACxC,MAAM,OAAO,oBAAoB,UAAUA,CAAa;AAAA,EACjE,GAAG,CAACf,GAAaM,CAAQ,CAAC;AAE1B,QAAMY,IAAOC,EAAQ,MACdnB,IAEF,OAAOA,KAAgB,YAAYU,EAAM,eAAeV,CAAW,KACpE,CAACM,IAEMc,EAAKpB,EAAY,SAAA,GAAY,KAAK,IAGvCqB,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKV;AAAA,QACL,WAAWW;AAAA,UACT;AAAA,UACAhB,KAAW;AAAA,QAAA;AAAA,QAEb,OAAO,EAAE,eAAeF,EAAA;AAAA,QAEvB,UAAAc,EAAKpB,EAAY,SAAA,GAAY,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpCO,KAAiBI,KAChBU,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAU;AAAA,QACV,SAASP;AAAA,QACV,UAAA;AAAA,UAAA;AAAA,UACSN,IAAU,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9B,GAEJ,IA7BqB,MAgCxB,CAACR,GAAaQ,GAASF,GAAUK,CAAU,CAAC;AAE/C,gCACGc,GAAA,EAAQ,WAAWD,EAAK,iCAAiCpB,CAAe,GACvE,UAAA;AAAA,IAAAiB,gBAAAA,EAAAA,KAACK,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,MAAA3B,KACCwB,gBAAAA,EAAAA;AAAAA,QAACE,EAAQ;AAAA,QAAR;AAAA,UACC,IAAIxB;AAAA,UACJ,MAAMC;AAAA,UACN,WAAWC;AAAA,UAEV,UAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGLwB,gBAAAA,EAAAA,IAACE,EAAQ,aAAR,EAAqB,UAAAP,EAAA,CAAK;AAAA,IAAA,GAC7B;AAAA,IACCb;AAAA,EAAA,GACH;AAEJ;"}

package/dist/index.es147.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es241.js";
 import { Section as d, SectionHeading as h } from "./index.es123.js";
-import { clsx as v } from "./index.es242.js";
-import { l as t } from "./index.es245.js";
+import { clsx as v } from "./index.es243.js";
+import { l as t } from "./index.es244.js";
 import { useMemo as f } from "react";
 import { RichText as g } from "./index.es146.js";
 import './sections/Services/Services.css';/* empty css            */

package/dist/index.es147.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es147.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.es147.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.es148.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import { Section as c } from "./index.es123.js";
-import { clsx as p } from "./index.es242.js";
+import { clsx as p } from "./index.es243.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as x } from "./index.es55.js";
 import { Col as g } from "./index.es61.js";

package/dist/index.es149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es149.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":";;;;;AAeO,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,IAAQ,CAAA,QAEpDC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,uBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAaK,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAN,EAAA,CAA0B;AAAA,MACjD,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEZI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYL,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAAE,KAAA,gBAAAA,EAAO,IAAI,CAACM,GAAMC,4BAEd,MAAA,EACC,UAAAJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,UAClB,QAAQA,EAAK;AAAA,QAAA;AAAA,MAAA,KAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es149.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":";;;;;AAeO,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,IAAQ,CAAA,QAEpDC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,uBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAaK,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAN,EAAA,CAA0B;AAAA,MACjD,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEZI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYL,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAAE,KAAA,gBAAAA,EAAO,IAAI,CAACM,GAAMC,4BAEd,MAAA,EACC,UAAAJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,UAClB,QAAQA,EAAK;AAAA,QAAA;AAAA,MAAA,KAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es15.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":";;;;;;AAcO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,wBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCN,EAAM,IAAI,CAACO,GAAGC,MAAUA,MAAU,CAAC;AAAA,EAAA,GAE/B,CAACC,GAASC,CAAU,IAAIJ,EAAS,EAAK,GAEtCK,IAAY,MAAM;AACtB,UAAMC,IAAW,CAACH;AAClB,IAAAJ,EAAiBL,EAAM,IAAI,MAAMY,CAAQ,CAAC,GAC1CF,EAAWE,CAAQ;AAAA,EACrB,GAEMC,IAAa,CAACL,MAAkB;AACpC,UAAMM,IAAU,CAAC,GAAGV,CAAa;AACjC,IAAAU,EAAQN,CAAK,IAAI,CAACM,EAAQN,CAAK,GAC/BH,EAAiBS,CAAO;AAAA,EAC1B;AAEA,SACEC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAOhB;AAAA,QACP,WAAU;AAAA,QACV,IAAG;AAAA,QACH,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPe,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAASP;AAAA,QACT,QAAQF;AAAA,QACR,cAAcP;AAAA,MAAA;AAAA,IAAA;AAAA,IAGfF,EAAM,IAAI,CAACmB,GAAMX,MAChBQ,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QAEC,OAAAZ;AAAA,QACA,OAAOW,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQf,EAAcI,CAAK;AAAA,QAC3B,cAAcL;AAAA,QACd,UAAU,MAAMU,EAAWL,CAAK;AAAA,MAAA;AAAA,MAN3BA;AAAA,IAAA,CAQR;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.es15.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":";;;;;;AAcO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,wBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCN,EAAM,IAAI,CAACO,GAAGC,MAAUA,MAAU,CAAC;AAAA,EAAA,GAE/B,CAACC,GAASC,CAAU,IAAIJ,EAAS,EAAK,GAEtCK,IAAY,MAAM;AACtB,UAAMC,IAAW,CAACH;AAClB,IAAAJ,EAAiBL,EAAM,IAAI,MAAMY,CAAQ,CAAC,GAC1CF,EAAWE,CAAQ;AAAA,EACrB,GAEMC,IAAa,CAACL,MAAkB;AACpC,UAAMM,IAAU,CAAC,GAAGV,CAAa;AACjC,IAAAU,EAAQN,CAAK,IAAI,CAACM,EAAQN,CAAK,GAC/BH,EAAiBS,CAAO;AAAA,EAC1B;AAEA,SACEC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAOhB;AAAA,QACP,WAAU;AAAA,QACV,IAAG;AAAA,QACH,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPe,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAASP;AAAA,QACT,QAAQF;AAAA,QACR,cAAcP;AAAA,MAAA;AAAA,IAAA;AAAA,IAGfF,EAAM,IAAI,CAACmB,GAAMX,MAChBQ,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QAEC,OAAAZ;AAAA,QACA,OAAOW,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQf,EAAcI,CAAK;AAAA,QAC3B,cAAcL;AAAA,QACd,UAAU,MAAMU,EAAWL,CAAK;AAAA,MAAA;AAAA,MAN3BA;AAAA,IAAA,CAQR;AAAA,EAAA,GACH;AAEJ;"}

package/dist/index.es150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es150.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":";;;;AAQO,MAAMA,IAAO,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,CAAA,QAElCC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,mBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAU;AAAA,MAET,UAAAH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEHI,gBAAAA,EAAAA,IAACC,GAAA,EAAU,QAAQJ,EAAA,CAAO;AAAA,GAC5B;"}
+{"version":3,"file":"index.es150.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":";;;;AAQO,MAAMA,IAAO,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,CAAA,QAElCC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,mBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAU;AAAA,MAET,UAAAH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEHI,gBAAAA,EAAAA,IAACC,GAAA,EAAU,QAAQJ,EAAA,CAAO;AAAA,GAC5B;"}

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import i from "./index.es253.js";
-import a from "./index.es254.js";
+import i from "./index.es252.js";
+import a from "./index.es253.js";
 const z = (n, t = void 0) => {
   const e = i.sanitize(n).replace(
     /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,

package/dist/index.es151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es151.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":";;;AAGO,MAAMA,IAAe,CAC1BC,GACAC,IAAyB,WACtB;AAEH,QAAMC,IADYC,EAAU,SAASH,CAAI,EACV;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA;AAEF,+BACGI,GAAA,EAAS,yBAAyB,EAAE,QAAQF,EAAA,GAAgB,IAAAD,GAAQ;AAEzE,GAEaI,IAAO,CAACL,GAAcC,IAAkB,QAAQ;AAC3D,QAAMK,IAAYH,EAAU,SAASH,GAAM;AAAA,IACzC,UAAU,CAAC,QAAQ;AAAA,EAAA,CACpB,GACKO,IAAYN,GACZC,IAAeI,EAAU;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA;AAEF,+BAAQC,GAAA,EAAU,yBAAyB,EAAE,QAAQL,KAAgB;AACvE;"}
+{"version":3,"file":"index.es151.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":";;;AAGO,MAAMA,IAAe,CAC1BC,GACAC,IAAyB,WACtB;AAEH,QAAMC,IADYC,EAAU,SAASH,CAAI,EACV;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA;AAEF,+BACGI,GAAA,EAAS,yBAAyB,EAAE,QAAQF,EAAA,GAAgB,IAAAD,GAAQ;AAEzE,GAEaI,IAAO,CAACL,GAAcC,IAAkB,QAAQ;AAC3D,QAAMK,IAAYH,EAAU,SAASH,GAAM;AAAA,IACzC,UAAU,CAAC,QAAQ;AAAA,EAAA,CACpB,GACKO,IAAYN,GACZC,IAAeI,EAAU;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA;AAEF,+BAAQC,GAAA,EAAU,yBAAyB,EAAE,QAAQL,KAAgB;AACvE;"}

package/dist/index.es152.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es152.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":";;;;AAgBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,yBAAAC,IAA0B;AAC5B,MAEIC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,uBAChB,UAAA;AAAA,EAAAF,KACCG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAEpDA,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAP;AAAA,MACA,OAAOE;AAAA,MACP,mBAAkB;AAAA,MAClB,IAAG;AAAA,MACH,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEPI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYN,CAAK;AAAA,MAC7B,WAAW,4CAA6CA,IAAmB,KAAX,QAAa;AAAA,MAE5E,UAAAC,KAAA,gBAAAA,EAAO,IAAI,CAACO,GAAMC,4BAEd,MAAA,EACC,UAAAH,gBAAAA,EAAAA,IAACI,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es152.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":";;;;AAgBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,yBAAAC,IAA0B;AAC5B,MAEIC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,uBAChB,UAAA;AAAA,EAAAF,KACCG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAEpDA,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAP;AAAA,MACA,OAAOE;AAAA,MACP,mBAAkB;AAAA,MAClB,IAAG;AAAA,MACH,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEPI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYN,CAAK;AAAA,MAC7B,WAAW,4CAA6CA,IAAmB,KAAX,QAAa;AAAA,MAE5E,UAAAC,KAAA,gBAAAA,EAAO,IAAI,CAACO,GAAMC,4BAEd,MAAA,EACC,UAAAH,gBAAAA,EAAAA,IAACI,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es153.js

@@ -1,5 +1,5 @@
 import { j as _ } from "./index.es241.js";
-import { clsx as c } from "./index.es242.js";
+import { clsx as c } from "./index.es243.js";
 import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
 import { Section as l, SectionHeading as L } from "./index.es123.js";
 const e = {

package/dist/index.es153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es153.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":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAsBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AAqD5B,QAAMC,KApDqB,CAACC,MAA+B;AACzD,YAAQA,GAAA;AAAA;AAAA,MAEN,KAAKP,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA;AAAA,MAGT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA;AAAA,MAGT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MAET;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAW2CI,CAAM;AAEjD,gCACGI,GAAA,EAAQ,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAA;AAAA,IAAAK,gBAAAA,MAACC,KAAe,OAAAT,GAAc;AAAA,IAC9BQ,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,eAAeR,CAAK;AAAA,QAChC,WAAW,mBAAmBI,CAAe;AAAA,QAE5C,iCAAO,IAAI,CAACM,MACXC,gBAAAA,OAAC,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,UAAAH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKE,EAAK,MAAM;AAAA,cAChB,KAAKA,EAAK,MAAM;AAAA,cAChB,OAAOA,EAAK,MAAM;AAAA,cAClB,WAAU;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,UACAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAAA,IAAC,OAAE,WAAU,0DACV,UAAAE,EAAK,YAAA,CACR,EAAA,CACF;AAAA,QAAA,EAAA,GAbOA,EAAK,GAcd;AAAA,MACD;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"index.es153.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":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAsBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AAqD5B,QAAMC,KApDqB,CAACC,MAA+B;AACzD,YAAQA,GAAA;AAAA;AAAA,MAEN,KAAKP,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA;AAAA,MAGT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA;AAAA,MAGT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MACT,KAAKA,EAA2B;AAC9B,eAAO;AAAA,MAET;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAW2CI,CAAM;AAEjD,gCACGI,GAAA,EAAQ,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAA;AAAA,IAAAK,gBAAAA,MAACC,KAAe,OAAAT,GAAc;AAAA,IAC9BQ,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,eAAeR,CAAK;AAAA,QAChC,WAAW,mBAAmBI,CAAe;AAAA,QAE5C,iCAAO,IAAI,CAACM,MACXC,gBAAAA,OAAC,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,UAAAH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKE,EAAK,MAAM;AAAA,cAChB,KAAKA,EAAK,MAAM;AAAA,cAChB,OAAOA,EAAK,MAAM;AAAA,cAClB,WAAU;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,UACAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAAA,IAAC,OAAE,WAAU,0DACV,UAAAE,EAAK,YAAA,CACR,EAAA,CACF;AAAA,QAAA,EAAA,GAbOA,EAAK,GAcd;AAAA,MACD;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/index.es154.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es154.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":";;;;AAiBO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GAAA,EACC,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAaK,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAN,EAAA,CAA0B;AAAA,MACjD,OAAM;AAAA,MACN,mBAAkB;AAAA,MAClB,sBAAqB;AAAA,MACrB,yBAAwB;AAAA,IAAA;AAAA,EAAA;AAAA,EAE1BI,gBAAAA,EAAAA,IAACG,GAAA,EAAoB,OAAAN,GAAc,MAAAC,EAAA,CAAY;AAAA,GACjD;"}
+{"version":3,"file":"index.es154.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":";;;;AAiBO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GAAA,EACC,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAaK,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAN,EAAA,CAA0B;AAAA,MACjD,OAAM;AAAA,MACN,mBAAkB;AAAA,MAClB,sBAAqB;AAAA,MACrB,yBAAwB;AAAA,IAAA;AAAA,EAAA;AAAA,EAE1BI,gBAAAA,EAAAA,IAACG,GAAA,EAAoB,OAAAN,GAAc,MAAAC,EAAA,CAAY;AAAA,GACjD;"}

package/dist/index.es155.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es241.js";
 import './sections/TableCard/TableCard.css';/* empty css            */
 import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es258.js";
+import { useDebouncedValue as d } from "./index.es257.js";
 import { Search as u } from "./index.es117.js";
 import { GridContainer as f } from "./index.es95.js";
 import { GridItem as j } from "./index.es96.js";

package/dist/index.es155.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es155.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":";;;;;;;;;;;AAqBO,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,CAAA,QAAgB;AACrE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/BC,IAAiBC,EAAkBJ,EAAM,OAAO,YAAA,GAAe,GAAG,GAElEK,IAAWC,EAAQ,MAClBH,IACEJ,EAAK;AAAA,IAAO,CAACQ,MAClB,CAACA,EAAE,OAAOA,EAAE,WAAW,EAAE;AAAA,MAAK,CAACC,MAC7BA,KAAA,gBAAAA,EAAO,cAAc,SAASL;AAAA,IAAc;AAAA,EAC9C,IAJ0BJ,GAM3B,CAACI,GAAgBJ,CAAI,CAAC;AAEzB,SACEU,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,cACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,MAAK;AAAA,QACL,IAAG;AAAA,QACH,OAAM;AAAA,QACN,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,2BAEXgB,GAAA,EACC,UAAA;AAAA,MAAAF,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAAH,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,gBAAgB,UAAAb,EAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAE3CW,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAA;AAAA,YAAAL,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,QAAO,UAAA;AAAA,cAAA;AAAA,cAAmBJ,EAAS;AAAA,cAAO;AAAA,YAAA,GAAC;AAAA,YAC3DM,gBAAAA,EAAAA;AAAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,OAAOf;AAAA,gBACP,eAAeC;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFU,gBAAAA,EAAAA,IAACK,GAAA,EAAc,KAAI,OAAM,IAAG,OAAM,IAAG,OAClC,UAAAX,EAAS,IAAI,CAACY,GAAIC,MACjBP,gBAAAA,MAACQ,GAAA,EAAqC,IAAI,GAAG,IAAI,GAC/C,UAAAR,gBAAAA,EAAAA,IAACS,GAAA,EAAU,GAAGH,EAAA,CAAI,EAAA,GADL,cAAcC,CAAK,EAElC,CACD,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es155.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":";;;;;;;;;;;AAqBO,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,CAAA,QAAgB;AACrE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/BC,IAAiBC,EAAkBJ,EAAM,OAAO,YAAA,GAAe,GAAG,GAElEK,IAAWC,EAAQ,MAClBH,IACEJ,EAAK;AAAA,IAAO,CAACQ,MAClB,CAACA,EAAE,OAAOA,EAAE,WAAW,EAAE;AAAA,MAAK,CAACC,MAC7BA,KAAA,gBAAAA,EAAO,cAAc,SAASL;AAAA,IAAc;AAAA,EAC9C,IAJ0BJ,GAM3B,CAACI,GAAgBJ,CAAI,CAAC;AAEzB,SACEU,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,cACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,MAAK;AAAA,QACL,IAAG;AAAA,QACH,OAAM;AAAA,QACN,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,2BAEXgB,GAAA,EACC,UAAA;AAAA,MAAAF,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAAH,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,gBAAgB,UAAAb,EAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAE3CW,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAA;AAAA,YAAAL,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,QAAO,UAAA;AAAA,cAAA;AAAA,cAAmBJ,EAAS;AAAA,cAAO;AAAA,YAAA,GAAC;AAAA,YAC3DM,gBAAAA,EAAAA;AAAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,OAAOf;AAAA,gBACP,eAAeC;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFU,gBAAAA,EAAAA,IAACK,GAAA,EAAc,KAAI,OAAM,IAAG,OAAM,IAAG,OAClC,UAAAX,EAAS,IAAI,CAACY,GAAIC,MACjBP,gBAAAA,MAACQ,GAAA,EAAqC,IAAI,GAAG,IAAI,GAC/C,UAAAR,gBAAAA,EAAAA,IAACS,GAAA,EAAU,GAAGH,EAAA,CAAI,EAAA,GADL,cAAcC,CAAK,EAElC,CACD,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es156.js

@@ -1,16 +1,16 @@
 import { j as e } from "./index.es241.js";
-import { Pause as U } from "./index.es259.js";
+import { Pause as U } from "./index.es258.js";
 import "./index.es.js";
-import { splitInTwo as F } from "./index.es260.js";
-import { clsx as m } from "./index.es242.js";
+import { splitInTwo as F } from "./index.es259.js";
+import { clsx as m } from "./index.es243.js";
 import { useMemo as M, useRef as G, useState as b, useCallback as I, useEffect as V } from "react";
 import './sections/Slider/Slider.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */
-import D from "./index.es264.js";
-import q from "./index.es265.js";
-import z from "./index.es266.js";
-import { Swiper as H, SwiperSlide as J } from "./index.es267.js";
+import D from "./index.es263.js";
+import q from "./index.es264.js";
+import z from "./index.es265.js";
+import { Swiper as H, SwiperSlide as J } from "./index.es266.js";
 /* empty css            */
 import { Tags as K } from "./index.es150.js";
 import { PlayVideo as O } from "./index.es223.js";