@anoki/fse-ui 2.1.0-SNAPSHOT47 → 2.1.0-SNAPSHOT49

package/dist/index.es143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es143.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;"}
+{"version":3,"file":"index.es143.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;"}

package/dist/index.es144.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es250.js";
 import { Section as d, SectionHeading as h } from "./index.es123.js";
 import { clsx as v } from "./index.es252.js";
-import { l as t } from "./index.es254.js";
+import { l as t } from "./index.es253.js";
 import { useMemo as f } from "react";
 import { RichText as g } from "./index.es143.js";
 import './sections/Services/Services.css';/* empty css            */

package/dist/index.es144.js.map

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

package/dist/index.es146.js

@@ -1,13 +1,14 @@
 import { j as i } from "./index.es250.js";
+import { RichText as e } from "./index.es143.js";
 import './sections/Documents/Documents.css';/* empty css            */
-import { CardFile as e } from "./index.es45.js";
-import { Section as r, SectionHeading as l } from "./index.es123.js";
-const x = ({ title: n, description: t, items: o = [] }) => /* @__PURE__ */ i.jsxs(r, { className: "ui-document-section", children: [
+import { CardFile as a } from "./index.es45.js";
+import { Section as c, SectionHeading as l } from "./index.es123.js";
+const m = ({ title: n, description: t, items: o = [] }) => /* @__PURE__ */ i.jsxs(c, { className: "ui-document-section", children: [
   /* @__PURE__ */ i.jsx(
     l,
     {
       title: n,
-      description: t,
+      description: /* @__PURE__ */ i.jsx(e, { description: t }),
       className: "ui-document-items-section-title"
     }
   ),
@@ -17,8 +18,8 @@ const x = ({ title: n, description: t, items: o = [] }) => /* @__PURE__ */ i.jsx
       role: "list",
       "aria-label": `Lista di ${n}`,
       className: "list-style-none ui-document-items-layout",
-      children: o == null ? void 0 : o.map((s, a) => /* @__PURE__ */ i.jsx("li", { children: /* @__PURE__ */ i.jsx(
-        e,
+      children: o == null ? void 0 : o.map((s, r) => /* @__PURE__ */ i.jsx("li", { children: /* @__PURE__ */ i.jsx(
+        a,
         {
           action: s == null ? void 0 : s.action,
           issued_at: s.issued_at,
@@ -27,11 +28,11 @@ const x = ({ title: n, description: t, items: o = [] }) => /* @__PURE__ */ i.jsx
           description: s.description,
           asLink: s.asLink
         }
-      ) }, a))
+      ) }, r))
     }
   )
 ] });
 export {
-  x as Documents
+  m as Documents
 };
 //# sourceMappingURL=index.es146.js.map

package/dist/index.es146.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es146.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section, SectionHeading } 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 = ({ title, description, items = [] }: Props) => {\r\n  return (\r\n    <Section className=\"ui-document-section\">\r\n      <SectionHeading\r\n        title={title}\r\n        description={description}\r\n        className=\"ui-document-items-section-title\"\r\n      />\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-document-items-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardFile\r\n                action={item?.action}\r\n                issued_at={item.issued_at}\r\n                title={item.title}\r\n                file={item.file}\r\n                description={item.description}\r\n                asLink={item.asLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Documents","title","description","items","jsxs","Section","jsx","SectionHeading","item","index","CardFile"],"mappings":";;;;AAca,MAAAA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,IAAQ,SAEpDC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAAC;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EACAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYL,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACK,GAAMC,4BAEd,MACC,EAAA,UAAAH,gBAAAA,EAAA;AAAA,QAACI;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.es146.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section, SectionHeading } from \"@/components\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ReactNode } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./Documents.scss\";\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({ title, description, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <SectionHeading\n        title={title}\n        description={<RichText description={description}></RichText>}\n        className=\"ui-document-items-section-title\"\n      />\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n                description={item.description}\n                asLink={item.asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","jsxs","Section","jsx","SectionHeading","RichText","item","index","CardFile"],"mappings":";;;;;AAea,MAAAA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,IAAQ,SAEpDC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAcK,gBAAAA,EAAA,IAAAE,GAAA,EAAS,aAAAN,EAA0B,CAAA;AAAA,MACjD,WAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EACAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYL,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,UAClB,QAAQA,EAAK;AAAA,QAAA;AAAA,WAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es147.js.map

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

package/dist/index.es148.js.map

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

package/dist/index.es149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es149.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import {\r\n  CardPreviewProps,\r\n  CardPreview,\r\n  Section,\r\n  SectionHeading,\r\n} from \"@/components\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./Insights.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  items: CardPreviewProps[];\r\n  colorTitle?: ColorKeys;\r\n  showBackgroundRectangle?: boolean;\r\n};\r\n\r\nexport const Insights = ({\r\n  title,\r\n  items = [],\r\n  colorTitle = \"slate-20\",\r\n  showBackgroundRectangle = true,\r\n}: Props) => {\r\n  return (\r\n    <Section className=\"ui-insights-section\">\r\n      {showBackgroundRectangle && (\r\n        <div className=\"ui-insights-background-rectangle\"></div>\r\n      )}\r\n      <SectionHeading\r\n        className=\"ui-insights-items-section-title\"\r\n        title={title}\r\n        color={colorTitle}\r\n        titleMarginBottom=\"\"\r\n        fs=\"3\"\r\n        mdFs=\"3\"\r\n      />\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-insights-items-layout ${!title ? \"mt-x56\" : \"\"}`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardPreview {...item} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","SectionHeading","item","index","CardPreview"],"mappings":";;;;AAgBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,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,EAEpDA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAP;AAAA,MACA,OAAOE;AAAA,MACP,mBAAkB;AAAA,MAClB,IAAG;AAAA,MACH,MAAK;AAAA,IAAA;AAAA,EACP;AAAA,EACAI,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,CAACO,GAAMC,4BAEd,MACC,EAAA,UAAAH,gBAAAA,EAAA,IAACI,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es149.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import {\n  CardPreviewProps,\n  CardPreview,\n  Section,\n  SectionHeading,\n} from \"@/components\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./Insights.scss\";\n\ntype Props = {\n  title: string;\n  items: CardPreviewProps[];\n  colorTitle?: ColorKeys;\n  showBackgroundRectangle?: boolean;\n};\n\nexport const Insights = ({\n  title,\n  items = [],\n  colorTitle = \"slate-20\",\n  showBackgroundRectangle = true,\n}: Props) => {\n  return (\n    <Section className=\"ui-insights-section\">\n      {showBackgroundRectangle && (\n        <div className=\"ui-insights-background-rectangle\"></div>\n      )}\n      <SectionHeading\n        className=\"ui-insights-items-section-title\"\n        title={title}\n        color={colorTitle}\n        titleMarginBottom=\"\"\n        fs=\"3\"\n        mdFs=\"3\"\n      />\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout ${!title ? \"mt-x56\" : \"\"}`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardPreview {...item} />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","SectionHeading","item","index","CardPreview"],"mappings":";;;;AAgBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,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,EAEpDA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAP;AAAA,MACA,OAAOE;AAAA,MACP,mBAAkB;AAAA,MAClB,IAAG;AAAA,MACH,MAAK;AAAA,IAAA;AAAA,EACP;AAAA,EACAI,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,CAACO,GAAMC,4BAEd,MACC,EAAA,UAAAH,gBAAAA,EAAA,IAACI,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es150.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Section, SectionHeading } from \"../../components\";\r\nimport \"./ImagesDescription.scss\";\r\n\r\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\r\n  // Layout FULL (1 colonna)\r\n  FULL_1_1: \"FULL_1_1\",\r\n  FULL_4_3: \"FULL_4_3\",\r\n  FULL_16_9: \"FULL_16_9\",\r\n  FULL_21_9: \"FULL_21_9\",\r\n  FULL_32_9: \"FULL_32_9\",\r\n  // Layout TWO_COL (2 colonne)\r\n  TWO_COL_1_1: \"TWO_COL_1_1\",\r\n  TWO_COL_4_3: \"TWO_COL_4_3\",\r\n  TWO_COL_16_9: \"TWO_COL_16_9\",\r\n  TWO_COL_21_9: \"TWO_COL_21_9\",\r\n  TWO_COL_32_9: \"TWO_COL_32_9\",\r\n  // Layout THREE_COL (3 colonne)\r\n  THREE_COL_1_1: \"THREE_COL_1_1\",\r\n  THREE_COL_4_3: \"THREE_COL_4_3\",\r\n  THREE_COL_16_9: \"THREE_COL_16_9\",\r\n  THREE_COL_21_9: \"THREE_COL_21_9\",\r\n  THREE_COL_32_9: \"THREE_COL_32_9\",\r\n} as const;\r\n\r\nexport type ImagesDescriptionLayout =\r\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\r\n\r\nexport interface ImageDescriptionItem {\r\n  _id: string;\r\n  image: {\r\n    src: string;\r\n    alt: string;\r\n    title?: string;\r\n  };\r\n  description: string;\r\n}\r\n\r\nexport interface ImagesDescriptionProps {\r\n  title: ReactNode;\r\n  items: ImageDescriptionItem[];\r\n  layout?: ImagesDescriptionLayout;\r\n  className?: string;\r\n}\r\n\r\nexport const ImagesDescription = ({\r\n  title,\r\n  items = [],\r\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\r\n  className,\r\n}: ImagesDescriptionProps) => {\r\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\r\n    switch (l) {\r\n      // Layout FULL (1 colonna)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\r\n        return \"images-description-layout-full-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\r\n        return \"images-description-layout-full-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\r\n        return \"images-description-layout-full-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\r\n        return \"images-description-layout-full-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\r\n        return \"images-description-layout-full-32-9\";\r\n\r\n      // Layout TWO_COL (2 colonne)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\r\n        return \"images-description-layout-two-col-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\r\n        return \"images-description-layout-two-col-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\r\n        return \"images-description-layout-two-col-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\r\n        return \"images-description-layout-two-col-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\r\n        return \"images-description-layout-two-col-32-9\";\r\n\r\n      // Layout THREE_COL (3 colonne)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\r\n        return \"images-description-layout-three-col-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\r\n        return \"images-description-layout-three-col-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\r\n        return \"images-description-layout-three-col-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\r\n        return \"images-description-layout-three-col-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\r\n        return \"images-description-layout-three-col-32-9\";\r\n\r\n      default:\r\n        return \"\";\r\n    }\r\n  };\r\n\r\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\r\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\r\n\r\n  const limitedItems = isFullLayout\r\n    ? items.slice(0, 1)\r\n    : isThreeColLayout\r\n      ? items.slice(0, 3)\r\n      : items.slice(0, 2); */\r\n\r\n  const layoutClassName = getLayoutClassName(layout);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col images-description-section\", className)}>\r\n      <SectionHeading title={title} />\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Raccolta di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {items?.map((item) => (\r\n          <li key={item._id} className=\"images-description-item\">\r\n            <div className=\"images-description-item-image-container\">\r\n              <img\r\n                src={item.image.src}\r\n                alt={item.image.alt}\r\n                title={item.image.title}\r\n                className=\"images-description-item-image\"\r\n              />\r\n            </div>\r\n            <div className=\"images-description-item-content\">\r\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\r\n                {item.description}\r\n              </p>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","SectionHeading","item","jsxs"],"mappings":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAsBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,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,gCACGI,GAAQ,EAAA,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAA;AAAA,IAAAK,gBAAAA,MAACC,KAAe,OAAAT,GAAc;AAAA,IAC9BQ,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,eAAeR,CAAK;AAAA,QAChC,WAAW,mBAAmBI,CAAe;AAAA,QAE5C,iCAAO,IAAI,CAACM,MACVC,gBAAAA,OAAA,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,UAACH,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKE,EAAK,MAAM;AAAA,cAChB,KAAKA,EAAK,MAAM;AAAA,cAChB,OAAOA,EAAK,MAAM;AAAA,cAClB,WAAU;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,UACAF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA,IAAC,OAAE,WAAU,0DACV,UAAKE,EAAA,YACR,CAAA,EACF,CAAA;AAAA,QAAA,EAbO,GAAAA,EAAK,GAcd;AAAA,MACD;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"index.es150.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section, SectionHeading } from \"../../components\";\nimport \"./ImagesDescription.scss\";\n\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\n  // Layout FULL (1 colonna)\n  FULL_1_1: \"FULL_1_1\",\n  FULL_4_3: \"FULL_4_3\",\n  FULL_16_9: \"FULL_16_9\",\n  FULL_21_9: \"FULL_21_9\",\n  FULL_32_9: \"FULL_32_9\",\n  // Layout TWO_COL (2 colonne)\n  TWO_COL_1_1: \"TWO_COL_1_1\",\n  TWO_COL_4_3: \"TWO_COL_4_3\",\n  TWO_COL_16_9: \"TWO_COL_16_9\",\n  TWO_COL_21_9: \"TWO_COL_21_9\",\n  TWO_COL_32_9: \"TWO_COL_32_9\",\n  // Layout THREE_COL (3 colonne)\n  THREE_COL_1_1: \"THREE_COL_1_1\",\n  THREE_COL_4_3: \"THREE_COL_4_3\",\n  THREE_COL_16_9: \"THREE_COL_16_9\",\n  THREE_COL_21_9: \"THREE_COL_21_9\",\n  THREE_COL_32_9: \"THREE_COL_32_9\",\n} as const;\n\nexport type ImagesDescriptionLayout =\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\n\nexport interface ImageDescriptionItem {\n  _id: string;\n  image: {\n    src: string;\n    alt: string;\n    title?: string;\n  };\n  description: string;\n}\n\nexport interface ImagesDescriptionProps {\n  title: ReactNode;\n  items: ImageDescriptionItem[];\n  layout?: ImagesDescriptionLayout;\n  className?: string;\n}\n\nexport const ImagesDescription = ({\n  title,\n  items = [],\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\n  className,\n}: ImagesDescriptionProps) => {\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\n    switch (l) {\n      // Layout FULL (1 colonna)\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\n        return \"images-description-layout-full-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\n        return \"images-description-layout-full-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\n        return \"images-description-layout-full-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\n        return \"images-description-layout-full-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\n        return \"images-description-layout-full-32-9\";\n\n      // Layout TWO_COL (2 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\n        return \"images-description-layout-two-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\n        return \"images-description-layout-two-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\n        return \"images-description-layout-two-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\n        return \"images-description-layout-two-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\n        return \"images-description-layout-two-col-32-9\";\n\n      // Layout THREE_COL (3 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\n        return \"images-description-layout-three-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\n        return \"images-description-layout-three-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\n        return \"images-description-layout-three-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\n        return \"images-description-layout-three-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\n        return \"images-description-layout-three-col-32-9\";\n\n      default:\n        return \"\";\n    }\n  };\n\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\n\n  const limitedItems = isFullLayout\n    ? items.slice(0, 1)\n    : isThreeColLayout\n      ? items.slice(0, 3)\n      : items.slice(0, 2); */\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  return (\n    <Section className={clsx(\"base-col images-description-section\", className)}>\n      <SectionHeading title={title} />\n      <ul\n        role=\"list\"\n        aria-label={`Raccolta di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {items?.map((item) => (\n          <li key={item._id} className=\"images-description-item\">\n            <div className=\"images-description-item-image-container\">\n              <img\n                src={item.image.src}\n                alt={item.image.alt}\n                title={item.image.title}\n                className=\"images-description-item-image\"\n              />\n            </div>\n            <div className=\"images-description-item-content\">\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\n                {item.description}\n              </p>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","SectionHeading","item","jsxs"],"mappings":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAsBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,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,gCACGI,GAAQ,EAAA,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAA;AAAA,IAAAK,gBAAAA,MAACC,KAAe,OAAAT,GAAc;AAAA,IAC9BQ,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,eAAeR,CAAK;AAAA,QAChC,WAAW,mBAAmBI,CAAe;AAAA,QAE5C,iCAAO,IAAI,CAACM,MACVC,gBAAAA,OAAA,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,UAACH,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKE,EAAK,MAAM;AAAA,cAChB,KAAKA,EAAK,MAAM;AAAA,cAChB,OAAOA,EAAK,MAAM;AAAA,cAClB,WAAU;AAAA,YAAA;AAAA,UAAA,GAEd;AAAA,UACAF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA,IAAC,OAAE,WAAU,0DACV,UAAKE,EAAA,YACR,CAAA,EACF,CAAA;AAAA,QAAA,EAbO,GAAAA,EAAK,GAcd;AAAA,MACD;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/index.es151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es151.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import {\r\n  Section,\r\n  SectionHeading,\r\n  Step,\r\n  StepVariantEnum,\r\n  VerticalCardStepper,\r\n} from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  description: string;\r\n  steps: Step[];\r\n  type: StepVariantEnum;\r\n};\r\n\r\nexport const VerticalCardStepperSection = ({\r\n  title,\r\n  description,\r\n  steps,\r\n  type,\r\n}: Props) => {\r\n  return (\r\n    <Section>\r\n      <SectionHeading\r\n        title={title}\r\n        description={description}\r\n        color=\"primary\"\r\n        titleMarginBottom=\"mb-x16\"\r\n        descriptionClassName=\"text-slate-14 fs-6\"\r\n        descriptionMarginBottom=\"mb-x36\"\r\n      />\r\n      <VerticalCardStepper steps={steps} type={type} />\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","SectionHeading","VerticalCardStepper"],"mappings":";;;AAeO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GACC,EAAA,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAAC;AAAA,MACA,OAAM;AAAA,MACN,mBAAkB;AAAA,MAClB,sBAAqB;AAAA,MACrB,yBAAwB;AAAA,IAAA;AAAA,EAC1B;AAAA,EACAI,gBAAAA,EAAAA,IAACE,GAAoB,EAAA,OAAAL,GAAc,MAAAC,EAAY,CAAA;AAAA,GACjD;"}
+{"version":3,"file":"index.es151.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import {\n  Section,\n  SectionHeading,\n  Step,\n  StepVariantEnum,\n  VerticalCardStepper,\n} from \"@/components\";\n\ntype Props = {\n  title: string;\n  description: string;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <SectionHeading\n        title={title}\n        description={description}\n        color=\"primary\"\n        titleMarginBottom=\"mb-x16\"\n        descriptionClassName=\"text-slate-14 fs-6\"\n        descriptionMarginBottom=\"mb-x36\"\n      />\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","SectionHeading","VerticalCardStepper"],"mappings":";;;AAeO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GACC,EAAA,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAAC;AAAA,MACA,OAAM;AAAA,MACN,mBAAkB;AAAA,MAClB,sBAAqB;AAAA,MACrB,yBAAwB;AAAA,IAAA;AAAA,EAC1B;AAAA,EACAI,gBAAAA,EAAAA,IAACE,GAAoB,EAAA,OAAAL,GAAc,MAAAC,EAAY,CAAA;AAAA,GACjD;"}

package/dist/index.es152.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es152.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\r\n  CardFile,\r\n  Col,\r\n  GridContainer,\r\n  GridItem,\r\n  Row,\r\n  Search,\r\n  Section,\r\n  SectionHeading,\r\n} from \"@/components\";\r\nimport \"./TableCard.scss\";\r\nimport { useMemo, useState } from \"react\";\r\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\r\nimport { CardFileProps } from \"@/components/ui/CardFile\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  headerTitle: string;\r\n  data?: CardFileProps[];\r\n};\r\n\r\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\r\n\r\n  const filtered = useMemo(() => {\r\n    if (!debouncedQuery) return data;\r\n    return data.filter((u) =>\r\n      [u.title, u.description].some((field) =>\r\n        field?.toLowerCase().includes(debouncedQuery),\r\n      ),\r\n    );\r\n  }, [debouncedQuery, data]);\r\n\r\n  return (\r\n    <Section className=\"table-card\">\r\n      <SectionHeading\r\n        title={title}\r\n        mdFs=\"2\"\r\n        fs=\"3\"\r\n        color=\"primary\"\r\n        className=\"table-card-section-title\"\r\n      />\r\n      <Col>\r\n        <Row\r\n          alignItems=\"flex-start\"\r\n          className=\"header-row\"\r\n          justifyContent=\"space-between\"\r\n          flexWrap=\"wrap\"\r\n        >\r\n          <h1 className=\"update-title\">\r\n            {headerTitle} <span>({filtered.length})</span>\r\n          </h1>\r\n          <Search\r\n            variant=\"outlined\"\r\n            btnText=\"\"\r\n            helperText=\"\"\r\n            value={query}\r\n            onChangeValue={setQuery}\r\n          />\r\n        </Row>\r\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\r\n          {filtered.map((el, index) => (\r\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\r\n              <CardFile {...el} />\r\n            </GridItem>\r\n          ))}\r\n        </GridContainer>\r\n      </Col>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","SectionHeading","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":";;;;;;;;;;;AAqBa,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,CAACA,EAAE,OAAOA,EAAE,WAAW,EAAE;AAAA,MAAK,CAACC,MAC7BA,KAAA,gBAAAA,EAAO,cAAc,SAASL;AAAA,IAAc;AAAA,EAEhD,IAL4BJ,GAM3B,CAACI,GAAgBJ,CAAI,CAAC;AAGvB,SAAAU,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,cACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,MAAK;AAAA,QACL,IAAG;AAAA,QACH,OAAM;AAAA,QACN,WAAU;AAAA,MAAA;AAAA,IACZ;AAAA,2BACCgB,GACC,EAAA,UAAA;AAAA,MAAAJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAA;AAAA,YAACL,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,cAACI;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,OAAOf;AAAA,gBACP,eAAeC;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MACCU,gBAAAA,EAAA,IAAAK,GAAA,EAAc,KAAI,OAAM,IAAG,OAAM,IAAG,OAClC,UAASX,EAAA,IAAI,CAACY,GAAIC,MACjBP,gBAAAA,MAACQ,GAAqC,EAAA,IAAI,GAAG,IAAI,GAC/C,UAAAR,gBAAAA,EAAA,IAACS,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.es152.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\n  CardFile,\n  Col,\n  GridContainer,\n  GridItem,\n  Row,\n  Search,\n  Section,\n  SectionHeading,\n} from \"@/components\";\nimport \"./TableCard.scss\";\nimport { useMemo, useState } from \"react\";\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\nimport { CardFileProps } from \"@/components/ui/CardFile\";\n\ntype Props = {\n  title: string;\n  headerTitle: string;\n  data?: CardFileProps[];\n};\n\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\n  const [query, setQuery] = useState(\"\");\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\n\n  const filtered = useMemo(() => {\n    if (!debouncedQuery) return data;\n    return data.filter((u) =>\n      [u.title, u.description].some((field) =>\n        field?.toLowerCase().includes(debouncedQuery),\n      ),\n    );\n  }, [debouncedQuery, data]);\n\n  return (\n    <Section className=\"table-card\">\n      <SectionHeading\n        title={title}\n        mdFs=\"2\"\n        fs=\"3\"\n        color=\"primary\"\n        className=\"table-card-section-title\"\n      />\n      <Col>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <h1 className=\"update-title\">\n            {headerTitle} <span>({filtered.length})</span>\n          </h1>\n          <Search\n            variant=\"outlined\"\n            btnText=\"\"\n            helperText=\"\"\n            value={query}\n            onChangeValue={setQuery}\n          />\n        </Row>\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\n          {filtered.map((el, index) => (\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\n              <CardFile {...el} />\n            </GridItem>\n          ))}\n        </GridContainer>\n      </Col>\n    </Section>\n  );\n};\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","SectionHeading","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":";;;;;;;;;;;AAqBa,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,CAACA,EAAE,OAAOA,EAAE,WAAW,EAAE;AAAA,MAAK,CAACC,MAC7BA,KAAA,gBAAAA,EAAO,cAAc,SAASL;AAAA,IAAc;AAAA,EAEhD,IAL4BJ,GAM3B,CAACI,GAAgBJ,CAAI,CAAC;AAGvB,SAAAU,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,cACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,MAAK;AAAA,QACL,IAAG;AAAA,QACH,OAAM;AAAA,QACN,WAAU;AAAA,MAAA;AAAA,IACZ;AAAA,2BACCgB,GACC,EAAA,UAAA;AAAA,MAAAJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAA;AAAA,YAACL,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,cAACI;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,OAAOf;AAAA,gBACP,eAAeC;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MACCU,gBAAAA,EAAA,IAAAK,GAAA,EAAc,KAAI,OAAM,IAAG,OAAM,IAAG,OAClC,UAASX,EAAA,IAAI,CAACY,GAAIC,MACjBP,gBAAAA,MAACQ,GAAqC,EAAA,IAAI,GAAG,IAAI,GAC/C,UAAAR,gBAAAA,EAAA,IAACS,GAAU,EAAA,GAAGH,EAAI,CAAA,EAAA,GADL,cAAcC,CAAK,EAElC,CACD,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es153.js.map

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

package/dist/index.es154.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es154.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\nimport {\r\n  AggregationItemCard,\r\n  Button,\r\n  Row,\r\n  SectionHeading,\r\n} from \"../../components\";\r\nimport \"./CommunicationContents.scss\";\r\nimport Masonry from \"react-layout-masonry\";\r\n\r\nexport type CommunicationContentsProps = {\r\n  sectionId?: string;\r\n  title: string;\r\n  elements: any[];\r\n  total: number;\r\n  totalLabels?: {\r\n    first: string;\r\n    middle: string;\r\n    end: string;\r\n  };\r\n  loading?: boolean;\r\n  handleLoadMore: () => void;\r\n  showMoreTitle?: string;\r\n  noResultsLabel?: string;\r\n};\r\n\r\nexport function CommunicationContents({\r\n  title,\r\n  elements = [],\r\n  total,\r\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\r\n  handleLoadMore,\r\n  loading = false,\r\n  showMoreTitle = \"Visualizza altro \",\r\n  noResultsLabel = \"Nessun risultato trovato\",\r\n}: CommunicationContentsProps) {\r\n  const showMoreButtonVisible = total > elements?.length;\r\n\r\n  return (\r\n    <section className=\"communication-contents d-flex section-gap flex-column\">\r\n      <SectionHeading className=\"title\" title={title} />\r\n      <Masonry\r\n        columns={{ 0: 1, 768: 2, 992: 3 }}\r\n        gap={24}\r\n        className=\"masonry-component\"\r\n      >\r\n        {elements?.map((element) => (\r\n          <AggregationItemCard {...element} key={element._id} />\r\n        ))}\r\n      </Masonry>\r\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\r\n        {loading && <Spinner height={30} width={30} />}\r\n      </Row>\r\n      <span className=\"total-elements-label\">\r\n        {elements?.length === 0 ? (\r\n          <span>{noResultsLabel}</span>\r\n        ) : (\r\n          <>\r\n            <span>{totalLabels.first}</span>\r\n            <Row justifyContent=\"center\" gap=\"x4\">\r\n              <b>{elements?.length}</b>\r\n              <span>{totalLabels.middle}</span>\r\n              <span>{total}</span>\r\n              <span>{totalLabels.end}</span>\r\n            </Row>\r\n          </>\r\n        )}\r\n      </span>\r\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\r\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\r\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\r\n        </Row>\r\n      )}\r\n    </section>\r\n  );\r\n}\r\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","SectionHeading","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;;AA0BO,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,EAAAA,IAAAC,GAAA,EAAe,WAAU,SAAQ,OAAAX,EAAc,CAAA;AAAA,IAChDU,gBAAAA,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCH,gBAAAA,MAAAM,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAX,2BAAYY,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAP,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAS,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACR,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAO,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACN,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,2BACtDe,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAN,gBAAAA,EAAAA,IAACS,KAAO,SAASf,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es154.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport {\n  AggregationItemCard,\n  Button,\n  Row,\n  SectionHeading,\n} from \"../../components\";\nimport \"./CommunicationContents.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  total: number;\n  totalLabels?: {\n    first: string;\n    middle: string;\n    end: string;\n  };\n  loading?: boolean;\n  handleLoadMore: () => void;\n  showMoreTitle?: string;\n  noResultsLabel?: string;\n};\n\nexport function CommunicationContents({\n  title,\n  elements = [],\n  total,\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\n  handleLoadMore,\n  loading = false,\n  showMoreTitle = \"Visualizza altro \",\n  noResultsLabel = \"Nessun risultato trovato\",\n}: CommunicationContentsProps) {\n  const showMoreButtonVisible = total > elements?.length;\n\n  return (\n    <section className=\"communication-contents d-flex section-gap flex-column\">\n      <SectionHeading className=\"title\" title={title} />\n      <Masonry\n        columns={{ 0: 1, 768: 2, 992: 3 }}\n        gap={24}\n        className=\"masonry-component\"\n      >\n        {elements?.map((element) => (\n          <AggregationItemCard {...element} key={element._id} />\n        ))}\n      </Masonry>\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\n        {loading && <Spinner height={30} width={30} />}\n      </Row>\n      <span className=\"total-elements-label\">\n        {elements?.length === 0 ? (\n          <span>{noResultsLabel}</span>\n        ) : (\n          <>\n            <span>{totalLabels.first}</span>\n            <Row justifyContent=\"center\" gap=\"x4\">\n              <b>{elements?.length}</b>\n              <span>{totalLabels.middle}</span>\n              <span>{total}</span>\n              <span>{totalLabels.end}</span>\n            </Row>\n          </>\n        )}\n      </span>\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\n        </Row>\n      )}\n    </section>\n  );\n}\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","SectionHeading","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;;AA0BO,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,EAAAA,IAAAC,GAAA,EAAe,WAAU,SAAQ,OAAAX,EAAc,CAAA;AAAA,IAChDU,gBAAAA,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCH,gBAAAA,MAAAM,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAX,2BAAYY,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAP,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAS,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACR,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAO,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACN,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,2BACtDe,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAN,gBAAAA,EAAAA,IAACS,KAAO,SAASf,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es155.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es155.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        {title && (\r\n          <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\r\n        )}\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,iBACrC,UAAA;AAAA,IAAAR,KACES,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,yCAAyC,UAAMT,GAAA;AAAA,IAE/DS,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.es155.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        {title && (\n          <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\n        )}\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,iBACrC,UAAA;AAAA,IAAAR,KACES,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,yCAAyC,UAAMT,GAAA;AAAA,IAE/DS,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.es156.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es156.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import {\r\n  CommunicationSearch,\r\n  CommunicationSearchProps,\r\n  SectionHeading,\r\n} 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      <SectionHeading\r\n        className=\"title\"\r\n        title={title}\r\n        titleMarginBottom=\"mb-x0\"\r\n      />\r\n      <CommunicationSearch {...searchProps} />\r\n      {/* tags && <TagsSection /> */}\r\n    </section>\r\n  );\r\n};\r\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","SectionHeading","CommunicationSearch"],"mappings":";;;AAYO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAJ;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EACpB;AAAA,EACAG,gBAAAA,MAACE,GAAqB,EAAA,GAAGJ,EAAa,CAAA;AAAA,GAExC;"}
+{"version":3,"file":"index.es156.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import {\n  CommunicationSearch,\n  CommunicationSearchProps,\n  SectionHeading,\n} 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      <SectionHeading\n        className=\"title\"\n        title={title}\n        titleMarginBottom=\"mb-x0\"\n      />\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","SectionHeading","CommunicationSearch"],"mappings":";;;AAYO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAJ;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EACpB;AAAA,EACAG,gBAAAA,MAACE,GAAqB,EAAA,GAAGJ,EAAa,CAAA;AAAA,GAExC;"}

package/dist/index.es157.js

@@ -1,42 +1,41 @@
-import { j as o } from "./index.es250.js";
+import { j as e } from "./index.es250.js";
+import { clsx as s } from "./index.es252.js";
+import { RichText as x } from "./index.es143.js";
 import './sections/TableList/TableList.css';/* empty css            */
-import { HTML as x } from "./index.es148.js";
-import f from "react";
-import { clsx as r } from "./index.es252.js";
 import { Section as p, SectionHeading as d } from "./index.es123.js";
-import { Col as u } from "./index.es61.js";
+import { Col as f } from "./index.es61.js";
 var j = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(j || {});
 const C = ({
   title: t,
-  description: e,
-  fontSize: s = "2",
+  description: o,
+  fontSize: r = "2",
   mdFontSize: i = "2",
-  classNameTitle: m,
-  additionalClass: a,
-  variantClassTable: l = "text-left",
-  children: c
+  classNameTitle: c,
+  additionalClass: m,
+  variantClassTable: a = "text-left",
+  children: l
 }) => {
-  const n = e ? typeof e == "string" && f.isValidElement(e) ? e : x(e.toString(), "div") : void 0;
-  return /* @__PURE__ */ o.jsxs(
+  const n = o ? /* @__PURE__ */ e.jsx(x, { description: o }) : void 0;
+  return /* @__PURE__ */ e.jsxs(
     p,
     {
-      className: r("base-col ui-table-list-section", a),
+      className: s("base-col ui-table-list-section", m),
       children: [
-        /* @__PURE__ */ o.jsx(u, { className: "ui-table-list-content", children: /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ e.jsx(f, { className: "ui-table-list-content", children: /* @__PURE__ */ e.jsx(
           d,
           {
-            fs: s,
+            fs: r,
             mdFs: i,
-            className: m,
+            className: c,
             titleMarginBottom: "0",
             descriptionMarginBottom: "0",
             color: "blue-48",
             title: t,
             description: n,
-            descriptionClassName: r("text-slate-28", l)
+            descriptionClassName: s("text-slate-28", a)
           }
         ) }),
-        c
+        l
       ]
     }
   );

package/dist/index.es157.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es157.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./TableList.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\nexport enum TableAlignment {\r\n  LEFT = \"text-left\",\r\n  CENTER = \"text-center\",\r\n  RIGHT = \"text-right\",\r\n}\r\n\r\ntype TableListProps = 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  variantClassTable?: TableAlignment;\r\n}>;\r\n\r\nexport const TableList = ({\r\n  title,\r\n  description,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  variantClassTable = TableAlignment.LEFT,\r\n  children,\r\n}: TableListProps) => {\r\n  const desc = !!description\r\n    ? typeof description === \"string\" && React.isValidElement(description)\r\n      ? description\r\n      : HTML(description.toString(), \"div\")\r\n    : undefined;\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\r\n    >\r\n      <Col className=\"ui-table-list-content\">\r\n        <SectionHeading\r\n          fs={fontSize}\r\n          mdFs={mdFontSize}\r\n          className={classNameTitle}\r\n          titleMarginBottom=\"0\"\r\n          descriptionMarginBottom=\"0\"\r\n          color={\"blue-48\"}\r\n          title={title}\r\n          description={desc}\r\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\r\n        />\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","desc","React","HTML","jsxs","Section","clsx","jsx","Col","SectionHeading"],"mappings":";;;;;;;AASY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,aACPA,EAAA,SAAS,eACTA,EAAA,QAAQ,cAHEA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAASP,IACX,OAAOA,KAAgB,YAAYQ,EAAM,eAAeR,CAAW,IACjEA,IACAS,EAAKT,EAAY,SAAS,GAAG,KAAK,IACpC;AAEF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kCAAkCR,CAAe;AAAA,MAEjE,UAAA;AAAA,QAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAId;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YACxB,OAAO;AAAA,YACP,OAAAJ;AAAA,YACA,aAAaQ;AAAA,YACb,sBAAsBK,EAAK,iBAAiBP,CAAiB;AAAA,UAAA;AAAA,QAAA,GAEjE;AAAA,QACCC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es157.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport clsx from \"clsx\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./TableList.scss\";\n\nexport enum TableAlignment {\n  LEFT = \"text-left\",\n  CENTER = \"text-center\",\n  RIGHT = \"text-right\",\n}\n\ntype TableListProps = 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  variantClassTable?: TableAlignment;\n}>;\n\nexport const TableList = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  children,\n}: TableListProps) => {\n  const desc = !!description\n    ? <RichText description={description}></RichText>\n    : undefined;\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-list-content\">\n        <SectionHeading\n          fs={fontSize}\n          mdFs={mdFontSize}\n          className={classNameTitle}\n          titleMarginBottom=\"0\"\n          descriptionMarginBottom=\"0\"\n          color={\"blue-48\"}\n          title={title}\n          description={desc}\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\n        />\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","desc","jsx","RichText","jsxs","Section","clsx","Col","SectionHeading"],"mappings":";;;;;;AAQY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,aACPA,EAAA,SAAS,eACTA,EAAA,QAAQ,cAHEA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAASP,IACVQ,gBAAAA,EAAAA,IAAAC,GAAA,EAAS,aAAAT,EAA0B,CAAA,IACpC;AAEF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kCAAkCR,CAAe;AAAA,MAEjE,UAAA;AAAA,QAACI,gBAAAA,EAAAA,IAAAK,GAAA,EAAI,WAAU,yBACb,UAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,IAAIb;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YACxB,OAAO;AAAA,YACP,OAAAJ;AAAA,YACA,aAAaQ;AAAA,YACb,sBAAsBK,EAAK,iBAAiBP,CAAiB;AAAA,UAAA;AAAA,QAAA,GAEjE;AAAA,QACCC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}