@anoki/fse-ui 1.10.1-RC1.2 → 1.10.1-RC1.3

package/dist/index.es14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es14.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\n\nexport type SearchDocumentProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  items: any;\n  setValue: (value: string) => void;\n};\n\nexport const SearchDocument = ({\n  btnText,\n  helperText,\n  value,\n  items,\n  setValue,\n}: SearchDocumentProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<any>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item: any) =>\n        [item.classification?.type?.label].some((field) =>\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: any) => {\n    setValueInput(item.classification?.type?.label);\n    setFilteredItems([]);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item: any, index: any) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {item.classification?.type?.label\n                  ? highlightMatch(\n                      item.classification?.type?.label,\n                      valueInput || \"\",\n                    )\n                  : \"\"}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":"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"}
+{"version":3,"file":"index.es14.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\n\r\nexport type SearchDocumentProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  items: any;\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchDocument = ({\r\n  btnText,\r\n  helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchDocumentProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<any>([]);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n\r\n    if (inputValue.length >= 3) {\r\n      const results = items.filter((item: any) =>\r\n        [item.classification?.type?.label].some((field) =>\r\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\r\n        ),\r\n      );\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: any) => {\r\n    setValueInput(item.classification?.type?.label);\r\n    setFilteredItems([]);\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n        />\r\n        {valueInput && valueInput.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item: any, index: any) => (\r\n              <div key={index} onClick={() => handleSelectItem(item)}>\r\n                {item.classification?.type?.label\r\n                  ? highlightMatch(\r\n                      item.classification?.type?.label,\r\n                      valueInput || \"\",\r\n                    )\r\n                  : \"\"}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput ?? \"\");\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":"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"}

package/dist/index.es140.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es140.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport \"./WhatDoYouNeed.scss\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\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 className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\n      <Col className=\"ui-what-do-you-need-content\">\n        <Section.Title fs=\"2\">{title}</Section.Title>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={clsx(\"list-style-none ui-what-do-you-need-links\", links.length < 4 ? \"row\" : \"grid\")}\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","Section","jsxs","Col","jsx","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;AAkBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,6BAEKC,GAAQ,EAAA,WAAW,wCAAwCD,IAAqB,oBAAoB,EAAE,IACrG,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACH,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCO,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYR,CAAK;AAAA,MAC7B,WAAWS,EAAK,6CAA6CP,EAAM,SAAS,IAAI,QAAQ,MAAM;AAAA,MAE7F,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAV,GAAO,UAAAW,EAAS,GAAGC,MACtCJ,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAAV;AAAA,UACA,MAAMO;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAX;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOU,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es140.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport \"./WhatDoYouNeed.scss\";\r\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\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 className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\r\n      <Col className=\"ui-what-do-you-need-content\">\r\n        <Section.Title fs=\"2\">{title}</Section.Title>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={clsx(\"list-style-none ui-what-do-you-need-links\", links.length < 4 ? \"row\" : \"grid\")}\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","Section","jsxs","Col","jsx","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;AAkBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,6BAEKC,GAAQ,EAAA,WAAW,wCAAwCD,IAAqB,oBAAoB,EAAE,IACrG,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACH,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCO,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYR,CAAK;AAAA,MAC7B,WAAWS,EAAK,6CAA6CP,EAAM,SAAS,IAAI,QAAQ,MAAM;AAAA,MAE7F,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAV,GAAO,UAAAW,EAAS,GAAGC,MACtCJ,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAAV;AAAA,UACA,MAAMO;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAX;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOU,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es141.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es141.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./RichText.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\ntype RichTextProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n}>;\n\nexport const RichText = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  children,\n}: RichTextProps) => {\n  return (\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\n      <Col className=\"ui-rich-text-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description>\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTML"],"mappings":";;;;;;;AAoBO,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;AACF,6BAEKC,GAAQ,EAAA,WAAWC,EAAK,iCAAiCH,CAAe,GACvE,UAAA;AAAA,EAACI,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,IACCV,KAAAW,gBAAAA,EAAA;AAAA,MAACJ,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIL;AAAA,QACJ,MAAMC;AAAA,QACN,WAAWC;AAAA,QAEV,UAAAJ;AAAA,MAAA;AAAA,IACH;AAAA,IAEDC,KACEU,gBAAAA,EAAA,IAAAJ,EAAQ,aAAR,EACE,UAAA,OAAON,KAAgB,YACxBW,EAAM,eAAeX,CAAW,IAC5BA,IACAY,EAAKZ,EAAY,SAAS,GAAG,KAAK,EACxC,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCK;AAAA,GACH;"}
+{"version":3,"file":"index.es141.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./RichText.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTML } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype RichTextProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n}>;\r\n\r\nexport const RichText = ({\r\n  title,\r\n  description,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  children,\r\n}: RichTextProps) => {\r\n  return (\r\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\r\n      <Col className=\"ui-rich-text-content\">\r\n        {title && (\r\n          <Section.Title\r\n            fs={fontSize}\r\n            mdFs={mdFontSize}\r\n            className={classNameTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        )}\r\n        {description && (\r\n          <Section.Description>\r\n            {typeof description === \"string\" &&\r\n            React.isValidElement(description)\r\n              ? description\r\n              : HTML(description.toString(), \"div\")}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTML"],"mappings":";;;;;;;AAoBO,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;AACF,6BAEKC,GAAQ,EAAA,WAAWC,EAAK,iCAAiCH,CAAe,GACvE,UAAA;AAAA,EAACI,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,IACCV,KAAAW,gBAAAA,EAAA;AAAA,MAACJ,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIL;AAAA,QACJ,MAAMC;AAAA,QACN,WAAWC;AAAA,QAEV,UAAAJ;AAAA,MAAA;AAAA,IACH;AAAA,IAEDC,KACEU,gBAAAA,EAAA,IAAAJ,EAAQ,aAAR,EACE,UAAA,OAAON,KAAgB,YACxBW,EAAM,eAAeX,CAAW,IAC5BA,IACAY,EAAKZ,EAAY,SAAS,GAAG,KAAK,EACxC,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCK;AAAA,GACH;"}

package/dist/index.es142.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es142.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./Services.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\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        <div className=\"ui-service-items-section-title\">\n          <Section.Title fs={\"2\"} mdFs={\"2\"} as={\"h1\"} color={\"slate-20\"}>\n            {title}\n          </Section.Title>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\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","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}
+{"version":3,"file":"index.es142.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./Services.scss\";\r\nimport { ComponentType, ReactNode, useMemo } from \"react\";\r\nimport { omit } from \"lodash\";\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        <div className=\"ui-service-items-section-title\">\r\n          <Section.Title fs={\"2\"} mdFs={\"2\"} as={\"h1\"} color={\"slate-20\"}>\r\n            {title}\r\n          </Section.Title>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\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","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}

package/dist/index.es143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es143.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardService, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./SuggestedServices.scss\";\nimport { ComponentType, ReactNode } from \"react\";\n\nexport type SuggestedServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  className?: string;\n};\n\nexport const SuggestedServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  className,\n}: SuggestedServicesProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\n    >\n      <Col className=\"ui-suggested-services-sectirron-content\">\n        <div className=\"ui-suggested-services-section-title\">\n          <Section.Description color={\"slate-14\"} className={\"fw-regular fs-3\"}>\n            {title}\n          </Section.Description>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-suggested-services-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={item._id}>\n              <CardService\n                key={item._id}\n                title={item?.name}\n                href={item?.link || item?.externalLink}\n                iconType={\n                  index === 1 ? \"icon2\" : index === 2 ? \"icon3\" : \"icon1\"\n                }\n                titleTag={\"h1\"}\n                asLink={asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","CardService"],"mappings":";;;;;;;AAgBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,0CAA0CH,CAAS;AAAA,IAEnE,UAAA;AAAA,MAACC,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,UAAAI,gBAAAA,MAACH,EAAQ,aAAR,EAAoB,OAAO,YAAY,WAAW,mBAChD,UACHR,GAAA;AAAA,UACCE,KAAaC,KACZQ,gBAAAA,MAACC,GAAU,EAAA,MAAAT,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCD,KACCU,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYP,EAAA,CAAA;AAAA,MAAA,GAEtC;AAAA,MACAU,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYX,CAAK;AAAA,UAC7B,WAAW;AAAA,UAEV,UAAOK,KAAA,gBAAAA,EAAA,IAAI,CAACQ,GAAMC,4BAEd,MACC,EAAA,UAAAH,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cAEC,OAAOF,KAAA,gBAAAA,EAAM;AAAA,cACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,cAC1B,UACEC,MAAU,IAAI,UAAUA,MAAU,IAAI,UAAU;AAAA,cAElD,UAAU;AAAA,cACV,QAAAV;AAAA,YAAA;AAAA,YAPKS,EAAK;AAAA,UAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,QAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es143.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardService, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./SuggestedServices.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\n\r\nexport type SuggestedServicesProps = {\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  className?: string;\r\n};\r\n\r\nexport const SuggestedServices = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  className,\r\n}: SuggestedServicesProps) => {\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\r\n    >\r\n      <Col className=\"ui-suggested-services-sectirron-content\">\r\n        <div className=\"ui-suggested-services-section-title\">\r\n          <Section.Description color={\"slate-14\"} className={\"fw-regular fs-3\"}>\r\n            {title}\r\n          </Section.Description>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-suggested-services-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={item._id}>\r\n              <CardService\r\n                key={item._id}\r\n                title={item?.name}\r\n                href={item?.link || item?.externalLink}\r\n                iconType={\r\n                  index === 1 ? \"icon2\" : index === 2 ? \"icon3\" : \"icon1\"\r\n                }\r\n                titleTag={\"h1\"}\r\n                asLink={asLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","CardService"],"mappings":";;;;;;;AAgBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,0CAA0CH,CAAS;AAAA,IAEnE,UAAA;AAAA,MAACC,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAACH,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,UAAAI,gBAAAA,MAACH,EAAQ,aAAR,EAAoB,OAAO,YAAY,WAAW,mBAChD,UACHR,GAAA;AAAA,UACCE,KAAaC,KACZQ,gBAAAA,MAACC,GAAU,EAAA,MAAAT,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,QAAA,GAEJ;AAAA,QACCD,KACCU,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYP,EAAA,CAAA;AAAA,MAAA,GAEtC;AAAA,MACAU,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYX,CAAK;AAAA,UAC7B,WAAW;AAAA,UAEV,UAAOK,KAAA,gBAAAA,EAAA,IAAI,CAACQ,GAAMC,4BAEd,MACC,EAAA,UAAAH,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cAEC,OAAOF,KAAA,gBAAAA,EAAM;AAAA,cACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,cAC1B,UACEC,MAAU,IAAI,UAAUA,MAAU,IAAI,UAAU;AAAA,cAElD,UAAU;AAAA,cACV,QAAAV;AAAA,YAAA;AAAA,YAPKS,EAAK;AAAA,UAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,QAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;"}

package/dist/index.es144.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es144.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\nimport \"./Documents.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode } from \"react\";\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n}: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      {title && (\n        <div className=\"ui-document-items-section-title\">\n          <Section.Title\n            fs={fontSizeTitle}\n            mdFs={\"2\"}\n            as={\"h1\"}\n            color={colorTitle}\n          >\n            {title}\n          </Section.Title>\n        </div>\n      )}\n      {description && (\n        <Section.Description className=\"ui-document-section-description mb-x40\">\n          {description}\n        </Section.Description>\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","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBAChB,UAAA;AAAA,EACCN,KAAAO,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAIF;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAOD;AAAA,MAEN,UAAAH;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EAEDC,KACEM,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,0CAC5B,UACHL,GAAA;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,QAACG;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,WAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es144.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\r\nimport \"./Documents.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { ReactNode } from \"react\";\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 = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"2\",\r\n}: Props) => {\r\n  return (\r\n    <Section className=\"ui-document-section\">\r\n      {title && (\r\n        <div className=\"ui-document-items-section-title\">\r\n          <Section.Title\r\n            fs={fontSizeTitle}\r\n            mdFs={\"2\"}\r\n            as={\"h1\"}\r\n            color={colorTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        </div>\r\n      )}\r\n      {description && (\r\n        <Section.Description className=\"ui-document-section-description mb-x40\">\r\n          {description}\r\n        </Section.Description>\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","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":";;;;AAcO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBAChB,UAAA;AAAA,EACCN,KAAAO,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAIF;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAOD;AAAA,MAEN,UAAAH;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EAEDC,KACEM,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,0CAC5B,UACHL,GAAA;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,QAACG;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,WAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es145.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es145.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,SAElCC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,mBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,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,EACH;AAAA,EACAI,gBAAAA,EAAAA,IAACC,GAAU,EAAA,QAAQJ,EAAO,CAAA;AAAA,GAC5B;"}
+{"version":3,"file":"index.es145.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,SAElCC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,mBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,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,EACH;AAAA,EACAI,gBAAAA,EAAAA,IAACC,GAAU,EAAA,QAAQJ,EAAO,CAAA;AAAA,GAC5B;"}

package/dist/index.es146.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es146.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,EACF;AACA,+BACGI,GAAS,EAAA,yBAAyB,EAAE,QAAQF,EAAA,GAAgB,IAAAD,GAAQ;AAEzE,GAEaI,IAAO,CAACL,GAAcC,IAAkB,QAAQ;AACrD,QAAAK,IAAYH,EAAU,SAASH,GAAM;AAAA,IACzC,UAAU,CAAC,QAAQ;AAAA,EAAA,CACpB,GACKO,IAAYN,GACZC,IAAeI,EAAU;AAAA,IAC7B;AAAA,IACA;AAAA,EACF;AACA,+BAAQC,GAAU,EAAA,yBAAyB,EAAE,QAAQL,KAAgB;AACvE;"}
+{"version":3,"file":"index.es146.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,EACF;AACA,+BACGI,GAAS,EAAA,yBAAyB,EAAE,QAAQF,EAAA,GAAgB,IAAAD,GAAQ;AAEzE,GAEaI,IAAO,CAACL,GAAcC,IAAkB,QAAQ;AACrD,QAAAK,IAAYH,EAAU,SAASH,GAAM;AAAA,IACzC,UAAU,CAAC,QAAQ;AAAA,EAAA,CACpB,GACKO,IAAYN,GACZC,IAAeI,EAAU;AAAA,IAC7B;AAAA,IACA;AAAA,EACF;AACA,+BAAQC,GAAU,EAAA,yBAAyB,EAAE,QAAQL,KAAgB;AACvE;"}

package/dist/index.es147.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es147.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } 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      {title && (\n        <div className=\"ui-insights-items-section-title\">\n          <Section.Title\n            className=\"ui-insights-items-section-title\"\n            as={\"h1\"}\n            color={colorTitle}\n          >\n            {title}\n          </Section.Title>\n        </div>\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","item","index","CardPreview"],"mappings":";;;;AAWO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,yBAAAC,IAA0B;AAC5B,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBAChB,UAAA;AAAA,EACCF,KAAAG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCAAmC,CAAA;AAAA,EAEnDN,KACCM,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,WAAU;AAAA,MACV,IAAI;AAAA,MACJ,OAAOH;AAAA,MAEN,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYN,CAAK;AAAA,MAC7B,WAAW,4CAA6CA,IAAmB,KAAX,QAAa;AAAA,MAE5E,UAAOC,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA,IAACG,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es147.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } 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      {title && (\r\n        <div className=\"ui-insights-items-section-title\">\r\n          <Section.Title\r\n            className=\"ui-insights-items-section-title\"\r\n            as={\"h1\"}\r\n            color={colorTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        </div>\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","item","index","CardPreview"],"mappings":";;;;AAWO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,yBAAAC,IAA0B;AAC5B,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBAChB,UAAA;AAAA,EACCF,KAAAG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCAAmC,CAAA;AAAA,EAEnDN,KACCM,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,WAAU;AAAA,MACV,IAAI;AAAA,MACJ,OAAOH;AAAA,MAEN,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EAEFM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYN,CAAK;AAAA,MAC7B,WAAW,4CAA6CA,IAAmB,KAAX,QAAa;AAAA,MAE5E,UAAOC,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA,IAACG,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es148.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es148.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section } 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      <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","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,CAAC;AAAA,EACT,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AAqDtB,QAAAC,KApDqB,CAACC,MAA+B;AACzD,YAAQA,GAAG;AAAA;AAAA,MAET,KAAKP,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MAET;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAW2CI,CAAM;AAEjD,+BACGI,GAAQ,EAAA,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,eAAeR,CAAK;AAAA,MAChC,WAAW,mBAAmBI,CAAe;AAAA,MAE5C,iCAAO,IAAI,CAACK,MACVC,gBAAAA,OAAA,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,QAACF,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKC,EAAK,MAAM;AAAA,YAChB,KAAKA,EAAK,MAAM;AAAA,YAChB,OAAOA,EAAK,MAAM;AAAA,YAClB,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACAD,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA,IAAC,OAAE,WAAU,0DACV,UAAKC,EAAA,YACR,CAAA,EACF,CAAA;AAAA,MAAA,EAbO,GAAAA,EAAK,GAcd;AAAA,IACD;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"index.es148.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Section } 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      <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","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,CAAC;AAAA,EACT,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AAqDtB,QAAAC,KApDqB,CAACC,MAA+B;AACzD,YAAQA,GAAG;AAAA;AAAA,MAET,KAAKP,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MAET;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAW2CI,CAAM;AAEjD,+BACGI,GAAQ,EAAA,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,eAAeR,CAAK;AAAA,MAChC,WAAW,mBAAmBI,CAAe;AAAA,MAE5C,iCAAO,IAAI,CAACK,MACVC,gBAAAA,OAAA,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,QAACF,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKC,EAAK,MAAM;AAAA,YAChB,KAAKA,EAAK,MAAM;AAAA,YAChB,OAAOA,EAAK,MAAM;AAAA,YAClB,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACAD,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA,IAAC,OAAE,WAAU,0DACV,UAAKC,EAAA,YACR,CAAA,EACF,CAAA;AAAA,MAAA,EAbO,GAAAA,EAAK,GAcd;AAAA,IACD;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/index.es149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es149.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\n\ntype Props = {\n  title: string;\n  description: string;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\n        {title}\n      </Section.Title>\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\n        {description}\n      </Section.Description>\n\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","VerticalCardStepper"],"mappings":";;;AASO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GACC,EAAA,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAAD,EAAQ,OAAR,EAAc,OAAM,WAAU,IAAG,KAAI,MAAK,KAAI,WAAU,UACtD,UACHJ,EAAA,CAAA;AAAA,EACAK,gBAAAA,EAAAA,IAACD,EAAQ,aAAR,EAAoB,OAAM,YAAW,IAAG,KAAI,WAAU,UACpD,UACHH,EAAA,CAAA;AAAA,EAEAI,gBAAAA,EAAAA,IAACC,GAAoB,EAAA,OAAAJ,GAAc,MAAAC,EAAY,CAAA;AAAA,GACjD;"}
+{"version":3,"file":"index.es149.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  description: string;\r\n  steps: Step[];\r\n  type: StepVariantEnum;\r\n};\r\n\r\nexport const VerticalCardStepperSection = ({\r\n  title,\r\n  description,\r\n  steps,\r\n  type,\r\n}: Props) => {\r\n  return (\r\n    <Section>\r\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\r\n        {title}\r\n      </Section.Title>\r\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\r\n        {description}\r\n      </Section.Description>\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","VerticalCardStepper"],"mappings":";;;AASO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GACC,EAAA,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAAD,EAAQ,OAAR,EAAc,OAAM,WAAU,IAAG,KAAI,MAAK,KAAI,WAAU,UACtD,UACHJ,EAAA,CAAA;AAAA,EACAK,gBAAAA,EAAAA,IAACD,EAAQ,aAAR,EAAoB,OAAM,YAAW,IAAG,KAAI,WAAU,UACpD,UACHH,EAAA,CAAA;AAAA,EAEAI,gBAAAA,EAAAA,IAACC,GAAoB,EAAA,OAAAJ,GAAc,MAAAC,EAAY,CAAA;AAAA,GACjD;"}

package/dist/index.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es15.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./SearchGeneric.scss\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\n\nexport type SearchGenericProps<T extends object> = {\n  btnText: string;\n  helperText: string;\n  instructionsText?: string;\n  mobileHelperText?: string;\n  value: string;\n  items: T[];\n  setValue: (value: string) => void;\n  setTypedValue?: (value: string) => void;\n  getSearchField: (item: T) => string;\n  getDisplayField?: (item: T) => string;\n  onItemSelect?: (item: T) => void;\n  minCharsToSearch?: number;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport function SearchGeneric<T extends object>({\n  btnText,\n  helperText,\n  instructionsText = \"Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.\",\n  mobileHelperText = helperText,\n  value,\n  items,\n  setValue,\n  setTypedValue,\n  getSearchField,\n  getDisplayField = getSearchField,\n  onItemSelect,\n  minCharsToSearch = 3,\n  className,\n  dimensionStrategy = \"fixed\",\n}: SearchGenericProps<T>) {\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n  \n  // Generate unique IDs for accessibility\n  const searchId = useId();\n  const listboxId = `${searchId}-listbox`;\n  const instructionsId = `${searchId}-instructions`;\n  const labelId = `${searchId}-label`;\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    if (setTypedValue) {\n      setTypedValue(inputValue);\n    }\n    if (inputValue.length >= minCharsToSearch) {\n      const results = items.filter((item) => {\n        const searchField = getSearchField(item);\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\n      });\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: T) => {\n    const displayValue = getDisplayField(item);\n    setValueInput(displayValue);\n    setValue(displayValue);\n    setFilteredItems([]);\n\n    if (onItemSelect) {\n      onItemSelect(item);\n    }\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\n\n    return (\n      <>\n        {parts.map((part, i) =>\n          part.toLowerCase() === query.toLowerCase() ? (\n            <span key={i} className=\"text-primary fw-bold\">\n              {part}\n            </span>\n          ) : (\n            part\n          ),\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        {\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      {/* Screen reader only label */}\n      <label id={labelId} htmlFor={searchId} className=\"sr-only\">\n        {helperText}\n      </label>\n      \n      {/* Instructions for screen readers */}\n      {instructionsText && <div id={instructionsId} className=\"sr-only\">\n        {instructionsText?.replace(\"$minCharsToSearch\", String(minCharsToSearch))}\n      </div>}\n\n      <div className=\"position-relative\">\n        <input\n          id={searchId}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={filteredItems.length > 0}\n          aria-haspopup=\"listbox\"\n          aria-owns={filteredItems.length > 0 ? listboxId : undefined}\n          aria-describedby={instructionsId}\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\n          )}\n          placeholder={isDesktop ? helperText : mobileHelperText}\n          value={valueInput}\n          onChange={handleInputChange}\n          maxLength={30}\n          autoComplete=\"off\"\n        />\n        {valueInput && (\n          <Close\n            className=\"ui-clean-button\"\n            ariaLabel=\"Cancella ricerca\"\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              setValue(\"\");\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div \n          className=\"ui-wrap-list-item-search shadow position-absolute p-x24\"\n          role=\"listbox\"\n          id={listboxId}\n          aria-label={`${filteredItems.length} risultati disponibili`}\n        >\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item, index) => (\n              <div\n                key={index}\n                id={`${searchId}-option-${index}`}\n                role=\"option\"\n                onClick={() => handleSelectItem(item)}\n                className=\"hover:bg-primary\"\n              >\n                {highlightMatch(getDisplayField(item), valueInput)}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      \n      {/* Live region for announcing search results */}\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {filteredItems.length > 0 && valueInput.length >= minCharsToSearch && \n          `${filteredItems.length} risultati trovati`}\n        {valueInput.length >= minCharsToSearch && filteredItems.length === 0 && \n          \"Nessun risultato trovato\"}\n      </div>\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGeneric","btnText","helperText","instructionsText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","searchId","useId","listboxId","instructionsId","labelId","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}
+{"version":3,"file":"index.es15.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState, useId } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./SearchGeneric.scss\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\n\r\nexport type SearchGenericProps<T extends object> = {\r\n  btnText: string;\r\n  helperText: string;\r\n  instructionsText?: string;\r\n  mobileHelperText?: string;\r\n  value: string;\r\n  items: T[];\r\n  setValue: (value: string) => void;\r\n  setTypedValue?: (value: string) => void;\r\n  getSearchField: (item: T) => string;\r\n  getDisplayField?: (item: T) => string;\r\n  onItemSelect?: (item: T) => void;\r\n  minCharsToSearch?: number;\r\n  className?: string;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n};\r\n\r\nexport function SearchGeneric<T extends object>({\r\n  btnText,\r\n  helperText,\r\n  instructionsText = \"Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.\",\r\n  mobileHelperText = helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n  setTypedValue,\r\n  getSearchField,\r\n  getDisplayField = getSearchField,\r\n  onItemSelect,\r\n  minCharsToSearch = 3,\r\n  className,\r\n  dimensionStrategy = \"fixed\",\r\n}: SearchGenericProps<T>) {\r\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\r\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n  \r\n  // Generate unique IDs for accessibility\r\n  const searchId = useId();\r\n  const listboxId = `${searchId}-listbox`;\r\n  const instructionsId = `${searchId}-instructions`;\r\n  const labelId = `${searchId}-label`;\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n    if (setTypedValue) {\r\n      setTypedValue(inputValue);\r\n    }\r\n    if (inputValue.length >= minCharsToSearch) {\r\n      const results = items.filter((item) => {\r\n        const searchField = getSearchField(item);\r\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\r\n      });\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: T) => {\r\n    const displayValue = getDisplayField(item);\r\n    setValueInput(displayValue);\r\n    setValue(displayValue);\r\n    setFilteredItems([]);\r\n\r\n    if (onItemSelect) {\r\n      onItemSelect(item);\r\n    }\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\r\n\r\n    return (\r\n      <>\r\n        {parts.map((part, i) =>\r\n          part.toLowerCase() === query.toLowerCase() ? (\r\n            <span key={i} className=\"text-primary fw-bold\">\r\n              {part}\r\n            </span>\r\n          ) : (\r\n            part\r\n          ),\r\n        )}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n        {\r\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\r\n        },\r\n      )}\r\n    >\r\n      {/* Screen reader only label */}\r\n      <label id={labelId} htmlFor={searchId} className=\"sr-only\">\r\n        {helperText}\r\n      </label>\r\n      \r\n      {/* Instructions for screen readers */}\r\n      {instructionsText && <div id={instructionsId} className=\"sr-only\">\r\n        {instructionsText?.replace(\"$minCharsToSearch\", String(minCharsToSearch))}\r\n      </div>}\r\n\r\n      <div className=\"position-relative\">\r\n        <input\r\n          id={searchId}\r\n          type=\"text\"\r\n          role=\"combobox\"\r\n          aria-expanded={filteredItems.length > 0}\r\n          aria-haspopup=\"listbox\"\r\n          aria-owns={filteredItems.length > 0 ? listboxId : undefined}\r\n          aria-describedby={instructionsId}\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\r\n          )}\r\n          placeholder={isDesktop ? helperText : mobileHelperText}\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n          maxLength={30}\r\n          autoComplete=\"off\"\r\n        />\r\n        {valueInput && (\r\n          <Close\r\n            className=\"ui-clean-button\"\r\n            ariaLabel=\"Cancella ricerca\"\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n              setValue(\"\");\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div \r\n          className=\"ui-wrap-list-item-search shadow position-absolute p-x24\"\r\n          role=\"listbox\"\r\n          id={listboxId}\r\n          aria-label={`${filteredItems.length} risultati disponibili`}\r\n        >\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item, index) => (\r\n              <div\r\n                key={index}\r\n                id={`${searchId}-option-${index}`}\r\n                role=\"option\"\r\n                onClick={() => handleSelectItem(item)}\r\n                className=\"hover:bg-primary\"\r\n              >\r\n                {highlightMatch(getDisplayField(item), valueInput)}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      \r\n      {/* Live region for announcing search results */}\r\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\r\n        {filteredItems.length > 0 && valueInput.length >= minCharsToSearch && \r\n          `${filteredItems.length} risultati trovati`}\r\n        {valueInput.length >= minCharsToSearch && filteredItems.length === 0 && \r\n          \"Nessun risultato trovato\"}\r\n      </div>\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SearchGeneric","btnText","helperText","instructionsText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","searchId","useId","listboxId","instructionsId","labelId","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}

package/dist/index.es150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es150.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\n  CardFile,\n  Col,\n  GridContainer,\n  GridItem,\n  Row,\n  Search,\n  Section,\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      [\n        u.title,\n        u.description,\n      ].some((field) => \n        field?.toLowerCase().includes(debouncedQuery)\n      ),\n    );\n  }, [debouncedQuery, data]);\n\n  return (\n    <Section className=\"table-card\">\n      <Section.Title mdFs=\"2\" fs=\"3\" color=\"blue-48\" as=\"h1\" className=\"table-card-section-title\">\n        {title}\n      </Section.Title>\n      <Col>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <h1 className=\"update-title\">\n            {headerTitle} <span>({filtered.length})</span>\n          </h1>\n          <Search\n            variant=\"outlined\"\n            btnText=\"\"\n            helperText=\"\"\n            value={query}\n            onChangeValue={setQuery}\n          />\n        </Row>\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\n          {filtered.map((el, index) => (\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\n              <CardFile {...el} />\n            </GridItem>\n          ))}\n        </GridContainer>\n      </Col>\n    </Section>\n  );\n};\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":";;;;;;;;;;;AAoBa,MAAAA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,SAAgB;AACrE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/BC,IAAiBC,EAAkBJ,EAAM,OAAO,eAAe,GAAG,GAElEK,IAAWC,EAAQ,MAClBH,IACEJ,EAAK;AAAA,IAAO,CAACQ,MAClB;AAAA,MACEA,EAAE;AAAA,MACFA,EAAE;AAAA,IAAA,EACF;AAAA,MAAK,CAACC,MACNA,KAAA,gBAAAA,EAAO,cAAc,SAASL;AAAA,IAAc;AAAA,EAEhD,IAR4BJ,GAS3B,CAACI,GAAgBJ,CAAI,CAAC;AAGvB,SAAAU,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,cACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACD,EAAQ,OAAR,EAAc,MAAK,KAAI,IAAG,KAAI,OAAM,WAAU,IAAG,MAAK,WAAU,4BAC9D,UACHb,GAAA;AAAA,2BACCe,GACC,EAAA,UAAA;AAAA,MAAAH,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAA;AAAA,YAACJ,gBAAAA,EAAAA,KAAA,MAAA,EAAG,WAAU,gBACX,UAAA;AAAA,cAAAX;AAAA,cAAY;AAAA,qCAAE,QAAK,EAAA,UAAA;AAAA,gBAAA;AAAA,gBAAEO,EAAS;AAAA,gBAAO;AAAA,cAAA,EAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACAM,gBAAAA,EAAA;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,OAAOd;AAAA,gBACP,eAAeC;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MACCU,gBAAAA,EAAA,IAAAI,GAAA,EAAc,KAAI,OAAM,IAAG,OAAM,IAAG,OAClC,UAASV,EAAA,IAAI,CAACW,GAAIC,MACjBN,gBAAAA,MAACO,GAAqC,EAAA,IAAI,GAAG,IAAI,GAC/C,UAAAP,gBAAAA,EAAA,IAACQ,GAAU,EAAA,GAAGH,EAAI,CAAA,EAAA,GADL,cAAcC,CAAK,EAElC,CACD,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es150.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} 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      [\r\n        u.title,\r\n        u.description,\r\n      ].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      <Section.Title mdFs=\"2\" fs=\"3\" color=\"blue-48\" as=\"h1\" className=\"table-card-section-title\">\r\n        {title}\r\n      </Section.Title>\r\n      <Col>\r\n        <Row\r\n          alignItems=\"flex-start\"\r\n          className=\"header-row\"\r\n          justifyContent=\"space-between\"\r\n          flexWrap=\"wrap\"\r\n        >\r\n          <h1 className=\"update-title\">\r\n            {headerTitle} <span>({filtered.length})</span>\r\n          </h1>\r\n          <Search\r\n            variant=\"outlined\"\r\n            btnText=\"\"\r\n            helperText=\"\"\r\n            value={query}\r\n            onChangeValue={setQuery}\r\n          />\r\n        </Row>\r\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\r\n          {filtered.map((el, index) => (\r\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\r\n              <CardFile {...el} />\r\n            </GridItem>\r\n          ))}\r\n        </GridContainer>\r\n      </Col>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":";;;;;;;;;;;AAoBa,MAAAA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,SAAgB;AACrE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/BC,IAAiBC,EAAkBJ,EAAM,OAAO,eAAe,GAAG,GAElEK,IAAWC,EAAQ,MAClBH,IACEJ,EAAK;AAAA,IAAO,CAACQ,MAClB;AAAA,MACEA,EAAE;AAAA,MACFA,EAAE;AAAA,IAAA,EACF;AAAA,MAAK,CAACC,MACNA,KAAA,gBAAAA,EAAO,cAAc,SAASL;AAAA,IAAc;AAAA,EAEhD,IAR4BJ,GAS3B,CAACI,GAAgBJ,CAAI,CAAC;AAGvB,SAAAU,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,cACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACD,EAAQ,OAAR,EAAc,MAAK,KAAI,IAAG,KAAI,OAAM,WAAU,IAAG,MAAK,WAAU,4BAC9D,UACHb,GAAA;AAAA,2BACCe,GACC,EAAA,UAAA;AAAA,MAAAH,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAA;AAAA,YAACJ,gBAAAA,EAAAA,KAAA,MAAA,EAAG,WAAU,gBACX,UAAA;AAAA,cAAAX;AAAA,cAAY;AAAA,qCAAE,QAAK,EAAA,UAAA;AAAA,gBAAA;AAAA,gBAAEO,EAAS;AAAA,gBAAO;AAAA,cAAA,EAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACAM,gBAAAA,EAAA;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,OAAOd;AAAA,gBACP,eAAeC;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MACCU,gBAAAA,EAAA,IAAAI,GAAA,EAAc,KAAI,OAAM,IAAG,OAAM,IAAG,OAClC,UAASV,EAAA,IAAI,CAACW,GAAIC,MACjBN,gBAAAA,MAACO,GAAqC,EAAA,IAAI,GAAG,IAAI,GAC/C,UAAAP,gBAAAA,EAAA,IAACQ,GAAU,EAAA,GAAGH,EAAI,CAAA,EAAA,GADL,cAAcC,CAAK,EAElC,CACD,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es151.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport \"./Slider.scss\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Col, Row } from \"@/components\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  title: string;\n  href?: string;\n};\nexport type SliderType = \"full-image\";\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: ElementType;\n  asLink?: ElementType;\n  timeout?: number;\n  openInNewTab?: boolean;\n  paginationLabel?: string;\n  withShadow?: boolean;\n  gradientColor?: string;\n  type?: SliderType;\n  swiperHeight?: number;\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  slides = [],\n  asLink = \"a\",\n  asImage = \"img\",\n  timeout = 3000,\n  openInNewTab = false,\n  paginationLabel = \"di\",\n  withShadow = true,\n  gradientColor = \"#3d6289\",\n  swiperHeight = 574,\n  /* type = \"full-image\" */\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const [autoplay, setAutoplay] = useState(true);\n  const toggleAutoPlay = () => {\n    setAutoplay(!autoplay);\n  };\n\n  const goNext = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isEnd && !swiper.params.loop) {\n      swiper.slideTo(0);\n    } else {\n      swiper.slideNext();\n    }\n  }, []);\n\n  const goPrev = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isBeginning && !swiper.params.loop) {\n      swiper.slideTo(swiper.slides.length - 1);\n    } else {\n      swiper.slidePrev();\n    }\n  }, []);\n\n  useEffect(() => {\n    const intervalId = autoplay\n      ? setInterval(() => {\n          goNext();\n        }, timeout)\n      : null;\n\n    return () => {\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [autoplay, goNext, timeout]);\n\n  const gradientColorStyle = {\n    \"--gradient\": gradientColor,\n  } as CSSProperties;\n\n  const swiperStyle = {\n    \"--swiper-height\": `${swiperHeight}px`,\n  } as CSSProperties;\n\n  return (\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\n      <div className=\"ui-slider\">\n        <Swiper\n          modules={[Navigation, Pagination, A11y]}\n          slidesPerView={1}\n          autoplay={autoplay}\n          observer={true}\n          observeParents={true}\n          loop={true}\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide key={index}>\n              <ImageComponent\n                src={slide.src}\n                alt={slide.alt}\n                className=\"slider-image\"\n                onLoad={() => swiperRef.current?.update?.()}\n              />\n              <div\n                className={clsx(\"slider-content\", {\n                  \"with-shadow\": withShadow,\n                })}\n                style={gradientColorStyle}\n              >\n                <div className=\"container\">\n                  <div className=\"slider-content-grid\">\n                    <div className=\"category\">\n                      {slide.category && (\n                        <File fillColor=\"#fff\" width={30} height={30} />\n                      )}\n                      {slide.category?.type ?? \" \"}\n                      <p className=\"date\">\n                        {slide.category?.published_at ?? \" \"}\n                      </p>\n                    </div>\n                    <LinkTag\n                      href={slides[currentIndex]?.href || \"\"}\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\n                    >\n                      <h1 className=\"title\">{slide.title}</h1>\n                    </LinkTag>\n                  </div>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n          <Row className=\"pagination\" gap=\"x20\" style={gradientColorStyle}>\n            {slides.length > 1 && (\n              <Row alignItems=\"center\">\n                <ArrowLeft\n                  width={40}\n                  height={40}\n                  onClick={goPrev}\n                  color=\"white\"\n                  className=\"cursor-pointer\"\n                />\n                {autoplay ? (\n                  <Pause\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    className=\"cursor-pointer\"\n                  />\n                ) : (\n                  <PlayVideo\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    color=\"white\"\n                    className=\"cursor-pointer\"\n                  />\n                )}\n              </Row>\n            )}\n\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\n            {slides.length > 1 && (\n              <ArrowLeft\n                width={40}\n                height={40}\n                className=\"next cursor-pointer\"\n                onClick={goNext}\n                color=\"white\"\n              />\n            )}\n          </Row>\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"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"}
+{"version":3,"file":"index.es151.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\r\n  CSSProperties,\r\n  ElementType,\r\n  useCallback,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/navigation\";\r\nimport \"swiper/css/pagination\";\r\nimport \"./Slider.scss\";\r\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport { Pause } from \"@/icons/Pause\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\nexport type Slide = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  src: string;\r\n  alt: string;\r\n  title: string;\r\n  href?: string;\r\n};\r\nexport type SliderType = \"full-image\";\r\nexport type SliderProps = {\r\n  slides: Slide[];\r\n  asImage: ElementType;\r\n  asLink?: ElementType;\r\n  timeout?: number;\r\n  openInNewTab?: boolean;\r\n  paginationLabel?: string;\r\n  withShadow?: boolean;\r\n  gradientColor?: string;\r\n  type?: SliderType;\r\n  swiperHeight?: number;\r\n};\r\n\r\nexport const Slider: React.FC<SliderProps> = ({\r\n  slides = [],\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n  timeout = 3000,\r\n  openInNewTab = false,\r\n  paginationLabel = \"di\",\r\n  withShadow = true,\r\n  gradientColor = \"#3d6289\",\r\n  swiperHeight = 574,\r\n  /* type = \"full-image\" */\r\n}) => {\r\n  const LinkTag = asLink || \"a\";\r\n  const ImageComponent = asImage;\r\n  const swiperRef = useRef<any>(null);\r\n  const [currentIndex, setCurrentIndex] = useState(0);\r\n\r\n  const [autoplay, setAutoplay] = useState(true);\r\n  const toggleAutoPlay = () => {\r\n    setAutoplay(!autoplay);\r\n  };\r\n\r\n  const goNext = useCallback(() => {\r\n    if (!swiperRef.current) return;\r\n    const swiper = swiperRef.current;\r\n    if (swiper.isEnd && !swiper.params.loop) {\r\n      swiper.slideTo(0);\r\n    } else {\r\n      swiper.slideNext();\r\n    }\r\n  }, []);\r\n\r\n  const goPrev = useCallback(() => {\r\n    if (!swiperRef.current) return;\r\n    const swiper = swiperRef.current;\r\n    if (swiper.isBeginning && !swiper.params.loop) {\r\n      swiper.slideTo(swiper.slides.length - 1);\r\n    } else {\r\n      swiper.slidePrev();\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const intervalId = autoplay\r\n      ? setInterval(() => {\r\n          goNext();\r\n        }, timeout)\r\n      : null;\r\n\r\n    return () => {\r\n      if (intervalId) clearInterval(intervalId);\r\n    };\r\n  }, [autoplay, goNext, timeout]);\r\n\r\n  const gradientColorStyle = {\r\n    \"--gradient\": gradientColor,\r\n  } as CSSProperties;\r\n\r\n  const swiperStyle = {\r\n    \"--swiper-height\": `${swiperHeight}px`,\r\n  } as CSSProperties;\r\n\r\n  return (\r\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\r\n      <div className=\"ui-slider\">\r\n        <Swiper\r\n          modules={[Navigation, Pagination, A11y]}\r\n          slidesPerView={1}\r\n          autoplay={autoplay}\r\n          observer={true}\r\n          observeParents={true}\r\n          loop={true}\r\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\r\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\r\n          style={swiperStyle}\r\n        >\r\n          {slides.map((slide, index) => (\r\n            <SwiperSlide key={index}>\r\n              <ImageComponent\r\n                src={slide.src}\r\n                alt={slide.alt}\r\n                className=\"slider-image\"\r\n                onLoad={() => swiperRef.current?.update?.()}\r\n              />\r\n              <div\r\n                className={clsx(\"slider-content\", {\r\n                  \"with-shadow\": withShadow,\r\n                })}\r\n                style={gradientColorStyle}\r\n              >\r\n                <div className=\"container\">\r\n                  <div className=\"slider-content-grid\">\r\n                    <div className=\"category\">\r\n                      {slide.category && (\r\n                        <File fillColor=\"#fff\" width={30} height={30} />\r\n                      )}\r\n                      {slide.category?.type ?? \" \"}\r\n                      <p className=\"date\">\r\n                        {slide.category?.published_at ?? \" \"}\r\n                      </p>\r\n                    </div>\r\n                    <LinkTag\r\n                      href={slides[currentIndex]?.href || \"\"}\r\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\r\n                    >\r\n                      <h1 className=\"title\">{slide.title}</h1>\r\n                    </LinkTag>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </SwiperSlide>\r\n          ))}\r\n          <Row className=\"pagination\" gap=\"x20\" style={gradientColorStyle}>\r\n            {slides.length > 1 && (\r\n              <Row alignItems=\"center\">\r\n                <ArrowLeft\r\n                  width={40}\r\n                  height={40}\r\n                  onClick={goPrev}\r\n                  color=\"white\"\r\n                  className=\"cursor-pointer\"\r\n                />\r\n                {autoplay ? (\r\n                  <Pause\r\n                    width={20}\r\n                    height={20}\r\n                    onClick={toggleAutoPlay}\r\n                    className=\"cursor-pointer\"\r\n                  />\r\n                ) : (\r\n                  <PlayVideo\r\n                    width={20}\r\n                    height={20}\r\n                    onClick={toggleAutoPlay}\r\n                    color=\"white\"\r\n                    className=\"cursor-pointer\"\r\n                  />\r\n                )}\r\n              </Row>\r\n            )}\r\n\r\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\r\n            {slides.length > 1 && (\r\n              <ArrowLeft\r\n                width={40}\r\n                height={40}\r\n                className=\"next cursor-pointer\"\r\n                onClick={goNext}\r\n                color=\"white\"\r\n              />\r\n            )}\r\n          </Row>\r\n        </Swiper>\r\n      </div>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"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"}

package/dist/index.es152.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es152.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport { AggregationItemCard, Button, Row } from \"../../components\";\nimport \"./CommunicationContents.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  total: number;\n  totalLabels?: {\n    first: string;\n    middle: string;\n    end: string;\n  };\n  loading?: boolean;\n  handleLoadMore: () => void;\n  showMoreTitle?: string;\n  noResultsLabel?: string;\n};\n\nexport function CommunicationContents({\n  title,\n  elements = [],\n  total,\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\n  handleLoadMore,\n  loading = false,\n  showMoreTitle = \"Visualizza altro \",\n  noResultsLabel = \"Nessun risultato trovato\",\n}: CommunicationContentsProps) {\n  const showMoreButtonVisible = total > elements?.length;\n\n  return (\n    <section className=\"communication-contents d-flex section-gap flex-column\">\n      <h2 className=\"title\">{title}</h2>\n      <Masonry\n        columns={{ 0: 1, 768: 2, 992: 3 }}\n        gap={24}\n        className=\"masonry-component\"\n      >\n        {elements?.map((element) => (\n          <AggregationItemCard {...element} key={element._id} />\n        ))}\n      </Masonry>\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\n        {loading && <Spinner height={30} width={30} />}\n      </Row>\n      <span className=\"total-elements-label\">\n        {elements?.length === 0 ? (\n          <span>{noResultsLabel}</span>\n        ) : (\n          <>\n            <span>{totalLabels.first}</span>\n            <Row justifyContent=\"center\" gap=\"x4\">\n              <b>{elements?.length}</b>\n              <span>{totalLabels.middle}</span>\n              <span>{total}</span>\n              <span>{totalLabels.end}</span>\n            </Row>\n          </>\n        )}\n      </span>\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\n        </Row>\n      )}\n    </section>\n  );\n}\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;AAqBO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAW;AAAA,EAC3E,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AACvB,QAAAC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAG9C,SAAAQ,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,yDACjB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMV,GAAA;AAAA,IAC7BU,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAV,KAAA,gBAAAA,EAAU,IAAI,CAACW,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCF,gBAAAA,MAAAK,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAV,2BAAYW,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAN,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAQ,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACP,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAM,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACL,gBAAAA,EAAAA,IAAA,KAAA,EAAG,iCAAU,OAAO,CAAA;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,OAAO,CAAA;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAMR,EAAA,CAAA;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,IAAI,CAAA;AAAA,MAAA,EACzB,CAAA;AAAA,IAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDc,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAL,gBAAAA,EAAAA,IAACQ,KAAO,SAASd,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es152.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\nimport { AggregationItemCard, Button, Row } from \"../../components\";\r\nimport \"./CommunicationContents.scss\";\r\nimport Masonry from \"react-layout-masonry\";\r\n\r\nexport type CommunicationContentsProps = {\r\n  sectionId?: string;\r\n  title: string;\r\n  elements: any[];\r\n  total: number;\r\n  totalLabels?: {\r\n    first: string;\r\n    middle: string;\r\n    end: string;\r\n  };\r\n  loading?: boolean;\r\n  handleLoadMore: () => void;\r\n  showMoreTitle?: string;\r\n  noResultsLabel?: string;\r\n};\r\n\r\nexport function CommunicationContents({\r\n  title,\r\n  elements = [],\r\n  total,\r\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\r\n  handleLoadMore,\r\n  loading = false,\r\n  showMoreTitle = \"Visualizza altro \",\r\n  noResultsLabel = \"Nessun risultato trovato\",\r\n}: CommunicationContentsProps) {\r\n  const showMoreButtonVisible = total > elements?.length;\r\n\r\n  return (\r\n    <section className=\"communication-contents d-flex section-gap flex-column\">\r\n      <h2 className=\"title\">{title}</h2>\r\n      <Masonry\r\n        columns={{ 0: 1, 768: 2, 992: 3 }}\r\n        gap={24}\r\n        className=\"masonry-component\"\r\n      >\r\n        {elements?.map((element) => (\r\n          <AggregationItemCard {...element} key={element._id} />\r\n        ))}\r\n      </Masonry>\r\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\r\n        {loading && <Spinner height={30} width={30} />}\r\n      </Row>\r\n      <span className=\"total-elements-label\">\r\n        {elements?.length === 0 ? (\r\n          <span>{noResultsLabel}</span>\r\n        ) : (\r\n          <>\r\n            <span>{totalLabels.first}</span>\r\n            <Row justifyContent=\"center\" gap=\"x4\">\r\n              <b>{elements?.length}</b>\r\n              <span>{totalLabels.middle}</span>\r\n              <span>{total}</span>\r\n              <span>{totalLabels.end}</span>\r\n            </Row>\r\n          </>\r\n        )}\r\n      </span>\r\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\r\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\r\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\r\n        </Row>\r\n      )}\r\n    </section>\r\n  );\r\n}\r\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;AAqBO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAW;AAAA,EAC3E,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AACvB,QAAAC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAG9C,SAAAQ,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,yDACjB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMV,GAAA;AAAA,IAC7BU,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAV,KAAA,gBAAAA,EAAU,IAAI,CAACW,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCF,gBAAAA,MAAAK,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAV,2BAAYW,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAN,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAQ,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACP,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAM,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACL,gBAAAA,EAAAA,IAAA,KAAA,EAAG,iCAAU,OAAO,CAAA;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,OAAO,CAAA;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAMR,EAAA,CAAA;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,IAAI,CAAA;AAAA,MAAA,EACzB,CAAA;AAAA,IAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDc,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAL,gBAAAA,EAAAA,IAACQ,KAAO,SAASd,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es153.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\nimport { ArrowRight } from \"@/icons\";\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\n\nexport type FilterTag = {\n  selected: boolean;\n  onClick?: () => void;\n} & Partial<AggregationPage>;\n\ntype Props = {\n  title: string;\n  showAllLabel?: string;\n  showAllHref?: string;\n  mainTag: {\n    label?: string;\n    onClick?: () => void;\n    selected?: boolean;\n  };\n  tags: Array<FilterTag>;\n  onTagClick: () => void;\n};\n\nexport const TagsSection = ({\n  title,\n  mainTag = {\n    label: \"Tutto\",\n    onClick: () => {},\n    selected: true,\n  },\n  tags,\n  showAllHref,\n  showAllLabel = \"Scopri tutti tags\",\n  onTagClick,\n}: Props) => {\n  return (\n    <Col gap=\"x28\">\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\n        <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\n        <Link\n          transform=\"uppercase\"\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\n          title={showAllLabel}\n          src={showAllHref ?? \"\"}\n          icon={ArrowRight}\n        />\n      </Row>\n\n      <Row\n        alignItems=\"center\"\n        className=\"overflow-auto w-auto\"\n        gap=\"x16\"\n        flexWrap=\"wrap\"\n      >\n        {[\n          {\n            name: mainTag.label,\n            selected: mainTag.selected,\n            onClick: mainTag.onClick,\n          },\n          ...tags,\n        ].map((tag, index) => (\n          <Tag\n            key={index}\n            mode=\"filter\"\n            label={tag.name ?? \"\"}\n            onClick={tag?.onClick ?? onTagClick}\n            selected={tag.selected}\n          />\n        ))}\n      </Row>\n    </Col>\n  );\n};\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":";;;;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,UAAU;AAAA,EACZ;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAI,EAAA,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,YAAW,UAAS,gBAAe,iBACtC,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,yCAAyC,UAAMT,GAAA;AAAA,IAC7DS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,OAAON;AAAA,QACP,KAAKD,KAAe;AAAA,QACpB,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAAA,EAEAF,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAS;AAAA,MAER,UAAA;AAAA,QACC;AAAA,UACE,MAAMP,EAAQ;AAAA,UACd,UAAUA,EAAQ;AAAA,UAClB,SAASA,EAAQ;AAAA,QACnB;AAAA,QACA,GAAGC;AAAA,MACH,EAAA,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAOF,EAAI,QAAQ;AAAA,UACnB,UAASA,KAAA,gBAAAA,EAAK,YAAWP;AAAA,UACzB,UAAUO,EAAI;AAAA,QAAA;AAAA,QAJTC;AAAA,MAMR,CAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es153.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\r\nimport { ArrowRight } from \"@/icons\";\r\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\r\n\r\nexport type FilterTag = {\r\n  selected: boolean;\r\n  onClick?: () => void;\r\n} & Partial<AggregationPage>;\r\n\r\ntype Props = {\r\n  title: string;\r\n  showAllLabel?: string;\r\n  showAllHref?: string;\r\n  mainTag: {\r\n    label?: string;\r\n    onClick?: () => void;\r\n    selected?: boolean;\r\n  };\r\n  tags: Array<FilterTag>;\r\n  onTagClick: () => void;\r\n};\r\n\r\nexport const TagsSection = ({\r\n  title,\r\n  mainTag = {\r\n    label: \"Tutto\",\r\n    onClick: () => {},\r\n    selected: true,\r\n  },\r\n  tags,\r\n  showAllHref,\r\n  showAllLabel = \"Scopri tutti tags\",\r\n  onTagClick,\r\n}: Props) => {\r\n  return (\r\n    <Col gap=\"x28\">\r\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\r\n        <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\r\n        <Link\r\n          transform=\"uppercase\"\r\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\r\n          title={showAllLabel}\r\n          src={showAllHref ?? \"\"}\r\n          icon={ArrowRight}\r\n        />\r\n      </Row>\r\n\r\n      <Row\r\n        alignItems=\"center\"\r\n        className=\"overflow-auto w-auto\"\r\n        gap=\"x16\"\r\n        flexWrap=\"wrap\"\r\n      >\r\n        {[\r\n          {\r\n            name: mainTag.label,\r\n            selected: mainTag.selected,\r\n            onClick: mainTag.onClick,\r\n          },\r\n          ...tags,\r\n        ].map((tag, index) => (\r\n          <Tag\r\n            key={index}\r\n            mode=\"filter\"\r\n            label={tag.name ?? \"\"}\r\n            onClick={tag?.onClick ?? onTagClick}\r\n            selected={tag.selected}\r\n          />\r\n        ))}\r\n      </Row>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":";;;;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,UAAU;AAAA,EACZ;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAI,EAAA,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,YAAW,UAAS,gBAAe,iBACtC,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,yCAAyC,UAAMT,GAAA;AAAA,IAC7DS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,OAAON;AAAA,QACP,KAAKD,KAAe;AAAA,QACpB,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAAA,EAEAF,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAS;AAAA,MAER,UAAA;AAAA,QACC;AAAA,UACE,MAAMP,EAAQ;AAAA,UACd,UAAUA,EAAQ;AAAA,UAClB,SAASA,EAAQ;AAAA,QACnB;AAAA,QACA,GAAGC;AAAA,MACH,EAAA,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAOF,EAAI,QAAQ;AAAA,UACnB,UAASA,KAAA,gBAAAA,EAAK,YAAWP;AAAA,UACzB,UAAUO,EAAI;AAAA,QAAA;AAAA,QAJTC;AAAA,MAMR,CAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es154.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es154.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\n\ntype Props = {\n  title: string;\n  tags?: Array<{ title: string; href: string }>;\n  searchProps: CommunicationSearchProps;\n};\n\nexport const CommunicationSearchSection = ({\n  title,\n  /* tags, */\n  searchProps,\n}: Props) => {\n  return (\n    <section className=\"d-flex flex-column gap-x28\">\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":";;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,oCAAoC,UAAMH,GAAA;AAAA,EACxDG,gBAAAA,MAACC,GAAqB,EAAA,GAAGH,EAAa,CAAA;AAAA,GAExC;"}
+{"version":3,"file":"index.es154.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  tags?: Array<{ title: string; href: string }>;\r\n  searchProps: CommunicationSearchProps;\r\n};\r\n\r\nexport const CommunicationSearchSection = ({\r\n  title,\r\n  /* tags, */\r\n  searchProps,\r\n}: Props) => {\r\n  return (\r\n    <section className=\"d-flex flex-column gap-x28\">\r\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\r\n      <CommunicationSearch {...searchProps} />\r\n      {/* tags && <TagsSection /> */}\r\n    </section>\r\n  );\r\n};\r\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":";;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,oCAAoC,UAAMH,GAAA;AAAA,EACxDG,gBAAAA,MAACC,GAAqB,EAAA,GAAGH,EAAa,CAAA;AAAA,GAExC;"}

package/dist/index.es157.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es157.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\nimport { Section } from \"@/components\";\nimport \"./FaqSections.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode, useState } from \"react\";\nimport { BaseModal } from \"@/components/ui/BaseModal\";\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\n\nexport type FaqItem = {\n  key?: string;\n  type: CardFaqCTAType;\n  title: string;\n  description?: string;\n  link?: string;\n  isExternal?: boolean;\n};\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: FaqItem[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const FaqSections = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n}: Props) => {\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\n\n  const handleItemClick = (item: FaqItem) => {\n    setSelectedItem(item);\n    setIsSupportModalOpen(true);\n  };\n  return (\n    <Section className=\"faq-sections\">\n      {title && (\n        <div className=\"faq-sections__title\">\n          <Section.Title\n            fs={fontSizeTitle}\n            mdFs={\"2\"}\n            as={\"h1\"}\n            color={colorTitle}\n          >\n            {title}\n          </Section.Title>\n        </div>\n      )}\n      {description && (\n        <Section.Description className=\"faq-sections__description mb-x40\">\n          {description}\n        </Section.Description>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`faq-sections__list`}\n      >\n        {items?.map((item, index) => (\n          <li key={item.key ?? index}>\n            <CardFaqCTA\n              type={item.type}\n              title={item.title}\n              description={item.description}\n              link={item.link ?? \"\"}\n              isExternal={item.isExternal}\n              openModal={\n                item.type === CardFaqCTAType.FAQ\n                  ? () => handleItemClick(item)\n                  : undefined\n              }\n            />\n          </li>\n        ))}\n      </ul>\n      {selectedItem && (\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\n          <SupportModalSimple\n            faq={{\n              question: selectedItem.title,\n              answer: selectedItem.description || \"\",\n            }}\n            handleCloseModal={() => setIsSupportModalOpen(false)}\n          />\n        </BaseModal>\n      )}\n    </Section>\n  );\n};\n"],"names":["FaqSections","title","description","items","colorTitle","fontSizeTitle","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;AA0BO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI;AAAA,EAC5B;AAEE,SAAAM,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,gBAChB,UAAA;AAAA,IACCb,KAAAc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,uBACb,UAAAA,gBAAAA,EAAA;AAAA,MAACD,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIT;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAOD;AAAA,QAEN,UAAAH;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEDC,KACEa,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,oCAC5B,UACHZ,GAAA;AAAA,IAEFa,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMI,4BAChB,MACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAML,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASM,EAAe,MACzB,MAAMP,EAAgBC,CAAI,IAC1B;AAAA,UAAA;AAAA,QAAA,KAVDA,EAAK,OAAOI,CAarB;AAAA,MACD;AAAA,IACH;AAAA,IACCP,KACEM,gBAAAA,EAAAA,IAAAI,GAAA,EAAU,MAAMb,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUX,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QACtC;AAAA,QACA,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EAEvD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es157.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\r\nimport { Section } from \"@/components\";\r\nimport \"./FaqSections.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { ReactNode, useState } from \"react\";\r\nimport { BaseModal } from \"@/components/ui/BaseModal\";\r\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\r\n\r\nexport type FaqItem = {\r\n  key?: string;\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string;\r\n  link?: string;\r\n  isExternal?: boolean;\r\n};\r\n\r\ntype Props = {\r\n  title?: string;\r\n  description?: string | ReactNode;\r\n  items: FaqItem[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const FaqSections = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"2\",\r\n}: Props) => {\r\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\r\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\r\n\r\n  const handleItemClick = (item: FaqItem) => {\r\n    setSelectedItem(item);\r\n    setIsSupportModalOpen(true);\r\n  };\r\n  return (\r\n    <Section className=\"faq-sections\">\r\n      {title && (\r\n        <div className=\"faq-sections__title\">\r\n          <Section.Title\r\n            fs={fontSizeTitle}\r\n            mdFs={\"2\"}\r\n            as={\"h1\"}\r\n            color={colorTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        </div>\r\n      )}\r\n      {description && (\r\n        <Section.Description className=\"faq-sections__description mb-x40\">\r\n          {description}\r\n        </Section.Description>\r\n      )}\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`faq-sections__list`}\r\n      >\r\n        {items?.map((item, index) => (\r\n          <li key={item.key ?? index}>\r\n            <CardFaqCTA\r\n              type={item.type}\r\n              title={item.title}\r\n              description={item.description}\r\n              link={item.link ?? \"\"}\r\n              isExternal={item.isExternal}\r\n              openModal={\r\n                item.type === CardFaqCTAType.FAQ\r\n                  ? () => handleItemClick(item)\r\n                  : undefined\r\n              }\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n      {selectedItem && (\r\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\r\n          <SupportModalSimple\r\n            faq={{\r\n              question: selectedItem.title,\r\n              answer: selectedItem.description || \"\",\r\n            }}\r\n            handleCloseModal={() => setIsSupportModalOpen(false)}\r\n          />\r\n        </BaseModal>\r\n      )}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["FaqSections","title","description","items","colorTitle","fontSizeTitle","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;AA0BO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI;AAAA,EAC5B;AAEE,SAAAM,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,gBAChB,UAAA;AAAA,IACCb,KAAAc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,uBACb,UAAAA,gBAAAA,EAAA;AAAA,MAACD,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIT;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAOD;AAAA,QAEN,UAAAH;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEDC,KACEa,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,oCAC5B,UACHZ,GAAA;AAAA,IAEFa,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMI,4BAChB,MACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAML,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASM,EAAe,MACzB,MAAMP,EAAgBC,CAAI,IAC1B;AAAA,UAAA;AAAA,QAAA,KAVDA,EAAK,OAAOI,CAarB;AAAA,MACD;AAAA,IACH;AAAA,IACCP,KACEM,gBAAAA,EAAAA,IAAAI,GAAA,EAAU,MAAMb,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUX,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QACtC;AAAA,QACA,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EAEvD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es246.js";
 import { clsx as e } from "./index.es248.js";
-import { createColorClasses as z } from "./index.es278.js";
+import { createColorClasses as z } from "./index.es280.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es246.js";
 import { clsx as n } from "./index.es248.js";
-import { createColorClasses as m } from "./index.es278.js";
+import { createColorClasses as m } from "./index.es280.js";
 const p = ({
   width: s = 24,
   height: l = 24,

package/dist/index.es159.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es159.js","sources":["../src/icons/ArrowDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowDown = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  decorative = false,\n  ariaLabel = \"Down arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path d=\"M12 15.2 6.4 9.6l.7-.8 4.9 4.9 4.9-4.9.7.8-5.6 5.6Z\" />\n    </svg>\n  );\n};\n\n"],"names":["ArrowDown","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,sDAAsD,CAAA;AAAA,IAAA;AAAA,EAChE;AAEJ;"}
+{"version":3,"file":"index.es159.js","sources":["../src/icons/ArrowDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowDown = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  decorative = false,\n  ariaLabel = \"Down arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path d=\"M12 15.2 6.4 9.6l.7-.8 4.9 4.9 4.9-4.9.7.8-5.6 5.6Z\" />\n    </svg>\n  );\n};\n\r\n"],"names":["ArrowDown","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,sDAAsD,CAAA;AAAA,IAAA;AAAA,EAChE;AAEJ;"}

package/dist/index.es16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es16.js","sources":["../src/components/navigations/Footer/index.tsx"],"sourcesContent":["import { FseMS, FseMEF, FseUE, FseDGT, FseIT } from \"@/icons\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport \"./Footer.scss\";\nimport clsx from \"clsx\";\nimport { SettingFooterLink } from \"@anoki/fse-common/dist\";\n\ntype FooterProps = {\n  footerLinks?: SettingFooterLink[];\n  version?: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  className?: string;\n  additionalLogo?: string;\n  additionalLogoName?: string;\n  settingsFooterLinks?: {\n    FseMS?: string;\n    FseMEF?: string;\n    FseIT?: string;\n    FseDGT?: string;\n    FseUE?: string;\n    externalLink?: string;\n  };\n};\n\nconst isExternalLink = (url: string): boolean => {\n  if (!url) return false;\n  try {\n    const linkUrl = new URL(url);\n\n    if (typeof window === \"undefined\") {\n      // In SSR, assume it's internal or return a default\n      return true;\n    }\n    const currentUrl = new URL(window.location.href);\n    return linkUrl.hostname !== currentUrl.hostname;\n  } catch {\n    // If URL parsing fails, assume it's an internal link\n    return true;\n  }\n};\n\nexport const Footer = ({\n  footerLinks,\n  version,\n  asLink = \"a\",\n  className,\n  additionalLogo,\n  additionalLogoName = \"Logo aggiuntivo\",\n  settingsFooterLinks = {\n    FseMS: \"\",\n    FseIT: \"\",\n    FseMEF: \"\",\n    FseDGT: \"\",\n    FseUE: \"\",\n    externalLink: \"\",\n  },\n}: FooterProps) => {\n  const LinkComponent = asLink;\n\n  const INSTITUTION_LOGOS_MAP = {\n    FseUE,\n    FseIT,\n    FseMS,\n    FseMEF,\n    FseDGT,\n  } as const;\n\n  const INSTITUTION_NAMES = {\n    FseUE: \"Unione Europea\",\n    FseIT: \"Repubblica Italiana\",\n    FseMS: \"Ministero della Salute\",\n    FseMEF: \"Ministero dell'Economia e delle Finanze\",\n    FseDGT: \"Agenzia per l'Italia Digitale\",\n  } as const;\n\n  const orderedInstitutions = Object.entries(settingsFooterLinks)\n    .filter(([key]) => key !== \"externalLink\")\n    .map(([key]) => ({\n      key: key as keyof typeof INSTITUTION_LOGOS_MAP,\n      Logo: INSTITUTION_LOGOS_MAP[key as keyof typeof INSTITUTION_LOGOS_MAP],\n      name: INSTITUTION_NAMES[key as keyof typeof INSTITUTION_NAMES],\n      href: settingsFooterLinks[key as keyof typeof settingsFooterLinks] || \"#\",\n    }));\n\n  return (\n    <footer className={clsx(\"bg-slate-20\", \"ui-footer\", className)}>\n      <Container>\n        <section className=\"ui-footer-institution-logos\">\n          {orderedInstitutions.map(({ key, Logo, name, href }, _i) => {\n            const isExternal = isExternalLink(href);\n            return (\n              <LinkComponent\n                className=\"ui-footer-logo-link\"\n                href={href}\n                key={[key, _i].join(\"-\")}\n                target={isExternal ? \"_blank\" : \"_self\"}\n                rel={isExternal ? \"noopener noreferrer\" : undefined}\n                aria-label={`Visita il sito di ${name}${isExternal ? \" (si apre in una nuova finestra)\" : \"\"}`}\n              >\n                <Logo className=\"ui-footer-logo\" decorative={true} />\n              </LinkComponent>\n            );\n          })}\n          {additionalLogo && (\n            <LinkComponent\n              className=\"ui-footer-logo-link\"\n              href={settingsFooterLinks?.externalLink}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              aria-label={`Visita il sito di ${additionalLogoName} (si apre in una nuova finestra)`}\n            >\n              <img\n                src={additionalLogo}\n                alt=\"\"\n                className=\"ui-footer-logo\"\n                role=\"presentation\"\n              />\n            </LinkComponent>\n          )}\n        </section>\n        <Divider />\n        <section className=\"ui-footer-links-container\">\n          <ul className=\"ui-footer-links-list\" role=\"list\">\n            {footerLinks?.map((link, i) => {\n              if (!link.visible) return null;\n              return (\n                <li key={i}>\n                  <LinkComponent\n                    href={link.href}\n                    className=\"text-white fs-6 fw-semibold text-decoration-underline\"\n                    target={link.externalLink ? \"_blank\" : undefined}\n                    rel={link.externalLink ? \"noopener noreferrer\" : undefined}\n                  >\n                    {link.label}\n                  </LinkComponent>\n                </li>\n              );\n            })}\n          </ul>\n          <span className={`text-white fw-normal ui-footer-version`}>\n            {version}\n          </span>\n        </section>\n      </Container>\n    </footer>\n  );\n};\n"],"names":["isExternalLink","url","linkUrl","currentUrl","Footer","footerLinks","version","asLink","className","additionalLogo","additionalLogoName","settingsFooterLinks","LinkComponent","INSTITUTION_LOGOS_MAP","FseUE","FseIT","FseMS","FseMEF","FseDGT","INSTITUTION_NAMES","orderedInstitutions","key","jsx","clsx","jsxs","Container","Logo","name","href","_i","isExternal","Divider","link","i"],"mappings":"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"}
+{"version":3,"file":"index.es16.js","sources":["../src/components/navigations/Footer/index.tsx"],"sourcesContent":["import { FseMS, FseMEF, FseUE, FseDGT, FseIT } from \"@/icons\";\r\n\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport \"./Footer.scss\";\r\nimport clsx from \"clsx\";\r\nimport { SettingFooterLink } from \"@anoki/fse-common/dist\";\r\n\r\ntype FooterProps = {\r\n  footerLinks?: SettingFooterLink[];\r\n  version?: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  className?: string;\r\n  additionalLogo?: string;\r\n  additionalLogoName?: string;\r\n  settingsFooterLinks?: {\r\n    FseMS?: string;\r\n    FseMEF?: string;\r\n    FseIT?: string;\r\n    FseDGT?: string;\r\n    FseUE?: string;\r\n    externalLink?: string;\r\n  };\r\n};\r\n\r\nconst isExternalLink = (url: string): boolean => {\r\n  if (!url) return false;\r\n  try {\r\n    const linkUrl = new URL(url);\r\n\r\n    if (typeof window === \"undefined\") {\r\n      // In SSR, assume it's internal or return a default\r\n      return true;\r\n    }\r\n    const currentUrl = new URL(window.location.href);\r\n    return linkUrl.hostname !== currentUrl.hostname;\r\n  } catch {\r\n    // If URL parsing fails, assume it's an internal link\r\n    return true;\r\n  }\r\n};\r\n\r\nexport const Footer = ({\r\n  footerLinks,\r\n  version,\r\n  asLink = \"a\",\r\n  className,\r\n  additionalLogo,\r\n  additionalLogoName = \"Logo aggiuntivo\",\r\n  settingsFooterLinks = {\r\n    FseMS: \"\",\r\n    FseIT: \"\",\r\n    FseMEF: \"\",\r\n    FseDGT: \"\",\r\n    FseUE: \"\",\r\n    externalLink: \"\",\r\n  },\r\n}: FooterProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  const INSTITUTION_LOGOS_MAP = {\r\n    FseUE,\r\n    FseIT,\r\n    FseMS,\r\n    FseMEF,\r\n    FseDGT,\r\n  } as const;\r\n\r\n  const INSTITUTION_NAMES = {\r\n    FseUE: \"Unione Europea\",\r\n    FseIT: \"Repubblica Italiana\",\r\n    FseMS: \"Ministero della Salute\",\r\n    FseMEF: \"Ministero dell'Economia e delle Finanze\",\r\n    FseDGT: \"Agenzia per l'Italia Digitale\",\r\n  } as const;\r\n\r\n  const orderedInstitutions = Object.entries(settingsFooterLinks)\r\n    .filter(([key]) => key !== \"externalLink\")\r\n    .map(([key]) => ({\r\n      key: key as keyof typeof INSTITUTION_LOGOS_MAP,\r\n      Logo: INSTITUTION_LOGOS_MAP[key as keyof typeof INSTITUTION_LOGOS_MAP],\r\n      name: INSTITUTION_NAMES[key as keyof typeof INSTITUTION_NAMES],\r\n      href: settingsFooterLinks[key as keyof typeof settingsFooterLinks] || \"#\",\r\n    }));\r\n\r\n  return (\r\n    <footer className={clsx(\"bg-slate-20\", \"ui-footer\", className)}>\r\n      <Container>\r\n        <section className=\"ui-footer-institution-logos\">\r\n          {orderedInstitutions.map(({ key, Logo, name, href }, _i) => {\r\n            const isExternal = isExternalLink(href);\r\n            return (\r\n              <LinkComponent\r\n                className=\"ui-footer-logo-link\"\r\n                href={href}\r\n                key={[key, _i].join(\"-\")}\r\n                target={isExternal ? \"_blank\" : \"_self\"}\r\n                rel={isExternal ? \"noopener noreferrer\" : undefined}\r\n                aria-label={`Visita il sito di ${name}${isExternal ? \" (si apre in una nuova finestra)\" : \"\"}`}\r\n              >\r\n                <Logo className=\"ui-footer-logo\" decorative={true} />\r\n              </LinkComponent>\r\n            );\r\n          })}\r\n          {additionalLogo && (\r\n            <LinkComponent\r\n              className=\"ui-footer-logo-link\"\r\n              href={settingsFooterLinks?.externalLink}\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n              aria-label={`Visita il sito di ${additionalLogoName} (si apre in una nuova finestra)`}\r\n            >\r\n              <img\r\n                src={additionalLogo}\r\n                alt=\"\"\r\n                className=\"ui-footer-logo\"\r\n                role=\"presentation\"\r\n              />\r\n            </LinkComponent>\r\n          )}\r\n        </section>\r\n        <Divider />\r\n        <section className=\"ui-footer-links-container\">\r\n          <ul className=\"ui-footer-links-list\" role=\"list\">\r\n            {footerLinks?.map((link, i) => {\r\n              if (!link.visible) return null;\r\n              return (\r\n                <li key={i}>\r\n                  <LinkComponent\r\n                    href={link.href}\r\n                    className=\"text-white fs-6 fw-semibold text-decoration-underline\"\r\n                    target={link.externalLink ? \"_blank\" : undefined}\r\n                    rel={link.externalLink ? \"noopener noreferrer\" : undefined}\r\n                  >\r\n                    {link.label}\r\n                  </LinkComponent>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n          <span className={`text-white fw-normal ui-footer-version`}>\r\n            {version}\r\n          </span>\r\n        </section>\r\n      </Container>\r\n    </footer>\r\n  );\r\n};\r\n"],"names":["isExternalLink","url","linkUrl","currentUrl","Footer","footerLinks","version","asLink","className","additionalLogo","additionalLogoName","settingsFooterLinks","LinkComponent","INSTITUTION_LOGOS_MAP","FseUE","FseIT","FseMS","FseMEF","FseDGT","INSTITUTION_NAMES","orderedInstitutions","key","jsx","clsx","jsxs","Container","Logo","name","href","_i","isExternal","Divider","link","i"],"mappings":"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"}