@anoki/fse-ui 2.3.0-4-SNAPSHOT2 → 2.3.0-5-SNAPSHOT1

package/dist/index.es146.js

@@ -1,38 +1,78 @@
-import { j as i } from "./index.es237.js";
-import { RichText as e } from "./index.es143.js";
-import './sections/Documents/Documents.css';/* empty css            */
-import { CardFile as a } from "./index.es44.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: /* @__PURE__ */ i.jsx(e, { description: t }),
-      className: "ui-document-items-section-title"
-    }
-  ),
-  /* @__PURE__ */ i.jsx(
-    "ul",
-    {
-      role: "list",
-      "aria-label": `Lista di ${n}`,
-      className: "list-style-none ui-document-items-layout",
-      children: o == null ? void 0 : o.map((s, r) => /* @__PURE__ */ i.jsx("li", { children: /* @__PURE__ */ i.jsx(
-        a,
+import { j as e } from "./index.es241.js";
+import o, { useMemo as E } from "react";
+import './sections/RichText/RichText.css';/* empty css            */
+import { HTML as m } from "./index.es151.js";
+import { clsx as u } from "./index.es243.js";
+import { Section as c } from "./index.es123.js";
+import { Col as N } from "./index.es61.js";
+const F = ({
+  title: i,
+  description: t,
+  fontSize: d = "2",
+  mdFontSize: f = "2",
+  classNameTitle: h,
+  additionalClass: g,
+  children: x,
+  maxLines: r = void 0,
+  useShowToggle: p = !0
+}) => {
+  const [s, j] = o.useState(
+    typeof r == "number"
+  ), [a, v] = o.useState(!1), l = o.useRef(null), b = () => {
+    j(!s);
+  };
+  o.useLayoutEffect(() => {
+    const n = () => {
+      if (l.current) {
+        const { scrollHeight: y, clientHeight: S } = l.current;
+        v(y > S);
+      }
+    };
+    return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, [t, r]);
+  const w = E(() => t ? typeof t == "string" && o.isValidElement(t) || !r ? m(t.toString(), "div") : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        ref: l,
+        className: u(
+          "rich-text-body",
+          s && "rich-text-body--clamped"
+        ),
+        style: { "--max-lines": r },
+        children: m(t.toString(), "div")
+      }
+    ),
+    p && a && /* @__PURE__ */ e.jsxs(
+      "a",
+      {
+        "aria-label": "Mostra altro",
+        className: "toggle-clamped-btn",
+        onClick: b,
+        children: [
+          "Mostra ",
+          s ? "altro" : "meno"
+        ]
+      }
+    )
+  ] }) : null, [t, s, r, a]);
+  return /* @__PURE__ */ e.jsxs(c, { className: u("base-col ui-rich-text-section", g), children: [
+    /* @__PURE__ */ e.jsxs(N, { className: "ui-rich-text-content", children: [
+      i && /* @__PURE__ */ e.jsx(
+        c.Title,
         {
-          action: s == null ? void 0 : s.action,
-          issued_at: s.issued_at,
-          title: s.title,
-          file: s.file,
-          description: s.description,
-          asLink: s.asLink
+          fs: d,
+          mdFs: f,
+          className: h,
+          children: i
         }
-      ) }, r))
-    }
-  )
-] });
+      ),
+      /* @__PURE__ */ e.jsx(c.Description, { children: w })
+    ] }),
+    x
+  ] });
+};
 export {
-  m as Documents
+  F as RichText
 };
 //# 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\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ReactNode } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./Documents.scss\";\n\ntype Props = {\n  title?: string; \n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({ title, description, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <SectionHeading\n        title={title}\n        description={<RichText description={description}></RichText>}\n        className=\"ui-document-items-section-title\"\n      />\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n                description={item.description}\n                asLink={item.asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","jsxs","Section","jsx","SectionHeading","RichText","item","index","CardFile"],"mappings":";;;;;AAeO,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,IAAQ,CAAA,QAEpDC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,uBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAaK,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAN,EAAA,CAA0B;AAAA,MACjD,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEZI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYL,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAAE,KAAA,gBAAAA,EAAO,IAAI,CAACM,GAAMC,4BAEd,MAAA,EACC,UAAAJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,UAClB,QAAQA,EAAK;AAAA,QAAA;AAAA,MAAA,KAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es146.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType, useMemo } from \"react\";\nimport \"./RichText.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\ntype RichTextProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  maxLines?: number;\n  useShowToggle?: boolean;\n}>;\n\nexport const RichText = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  children,\n  maxLines = undefined,\n  useShowToggle = true,\n}: RichTextProps) => {\n  const [clamped, setClamped] = React.useState<boolean>(\n    typeof maxLines === \"number\",\n  );\n  const [showToggle, setShowToggle] = React.useState(false);\n\n  const contentRef = React.useRef<HTMLDivElement>(null);\n\n  const toggleClamped = () => {\n    setClamped(!clamped);\n  };\n\n  React.useLayoutEffect(() => {\n    const checkOverflow = () => {\n      if (contentRef.current) {\n        const { scrollHeight, clientHeight } = contentRef.current;\n        setShowToggle(scrollHeight > clientHeight);\n      }\n    };\n\n    checkOverflow();\n\n    window.addEventListener(\"resize\", checkOverflow);\n    return () => window.removeEventListener(\"resize\", checkOverflow);\n  }, [description, maxLines]);\n\n  const body = useMemo(() => {\n    if (!description) return null;\n    if (\n      (typeof description === \"string\" && React.isValidElement(description)) ||\n      !maxLines\n    ) {\n      return HTML(description.toString(), \"div\");\n    } else {\n      return (\n        <>\n          <div\n            ref={contentRef}\n            className={clsx(\n              \"rich-text-body\",\n              clamped && \"rich-text-body--clamped\",\n            )}\n            style={{ \"--max-lines\": maxLines } as React.CSSProperties}\n          >\n            {HTML(description.toString(), \"div\")}\n          </div>\n\n          {useShowToggle && showToggle && (\n            <a\n              aria-label=\"Mostra altro\"\n              className=\"toggle-clamped-btn\"\n              onClick={toggleClamped}\n            >\n              Mostra {clamped ? \"altro\" : \"meno\"}\n            </a>\n          )}\n        </>\n      );\n    }\n  }, [description, clamped, maxLines, showToggle]);\n\n  return (\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\n      <Col className=\"ui-rich-text-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n          >\n            {title}\n          </Section.Title>\n        )}\n        <Section.Description>{body}</Section.Description>\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","maxLines","useShowToggle","clamped","setClamped","React","showToggle","setShowToggle","contentRef","toggleClamped","checkOverflow","scrollHeight","clientHeight","body","useMemo","HTML","jsxs","Fragment","jsx","clsx","Section","Col"],"mappings":";;;;;;;AAsBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAClB,MAAqB;AACnB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM;AAAA,IAClC,OAAOJ,KAAa;AAAA,EAAA,GAEhB,CAACK,GAAYC,CAAa,IAAIF,EAAM,SAAS,EAAK,GAElDG,IAAaH,EAAM,OAAuB,IAAI,GAE9CI,IAAgB,MAAM;AAC1B,IAAAL,EAAW,CAACD,CAAO;AAAA,EACrB;AAEAE,EAAAA,EAAM,gBAAgB,MAAM;AAC1B,UAAMK,IAAgB,MAAM;AAC1B,UAAIF,EAAW,SAAS;AACtB,cAAM,EAAE,cAAAG,GAAc,cAAAC,EAAA,IAAiBJ,EAAW;AAClD,QAAAD,EAAcI,IAAeC,CAAY;AAAA,MAC3C;AAAA,IACF;AAEA,WAAAF,EAAA,GAEA,OAAO,iBAAiB,UAAUA,CAAa,GACxC,MAAM,OAAO,oBAAoB,UAAUA,CAAa;AAAA,EACjE,GAAG,CAACf,GAAaM,CAAQ,CAAC;AAE1B,QAAMY,IAAOC,EAAQ,MACdnB,IAEF,OAAOA,KAAgB,YAAYU,EAAM,eAAeV,CAAW,KACpE,CAACM,IAEMc,EAAKpB,EAAY,SAAA,GAAY,KAAK,IAGvCqB,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKV;AAAA,QACL,WAAWW;AAAA,UACT;AAAA,UACAhB,KAAW;AAAA,QAAA;AAAA,QAEb,OAAO,EAAE,eAAeF,EAAA;AAAA,QAEvB,UAAAc,EAAKpB,EAAY,SAAA,GAAY,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpCO,KAAiBI,KAChBU,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAU;AAAA,QACV,SAASP;AAAA,QACV,UAAA;AAAA,UAAA;AAAA,UACSN,IAAU,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9B,GAEJ,IA7BqB,MAgCxB,CAACR,GAAaQ,GAASF,GAAUK,CAAU,CAAC;AAE/C,gCACGc,GAAA,EAAQ,WAAWD,EAAK,iCAAiCpB,CAAe,GACvE,UAAA;AAAA,IAAAiB,gBAAAA,EAAAA,KAACK,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,MAAA3B,KACCwB,gBAAAA,EAAAA;AAAAA,QAACE,EAAQ;AAAA,QAAR;AAAA,UACC,IAAIxB;AAAA,UACJ,MAAMC;AAAA,UACN,WAAWC;AAAA,UAEV,UAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGLwB,gBAAAA,EAAAA,IAACE,EAAQ,aAAR,EAAqB,UAAAP,EAAA,CAAK;AAAA,IAAA,GAC7B;AAAA,IACCb;AAAA,EAAA,GACH;AAEJ;"}

package/dist/index.es147.js

@@ -1,22 +1,128 @@
-import { j as s } from "./index.es237.js";
-import './sections/Tags/Tags.css';/* empty css            */
-import { TagsGroup as r } from "./index.es135.js";
-import { Section as t } from "./index.es123.js";
-const l = ({ title: o, items: i = [] }) => /* @__PURE__ */ s.jsxs(t, { className: "ui-tags-section", children: [
-  /* @__PURE__ */ s.jsx(
-    t.Title,
-    {
-      fs: "6",
-      mdFs: "6",
-      as: "h1",
-      color: "slate-28",
-      className: "ui-tags-items-section-title",
-      children: o
+import { j as e } from "./index.es241.js";
+import { Section as d, SectionHeading as h } from "./index.es123.js";
+import { clsx as v } from "./index.es243.js";
+import { l as t } from "./index.es244.js";
+import { useMemo as f } from "react";
+import { RichText as g } from "./index.es146.js";
+import './sections/Services/Services.css';/* empty css            */
+import { Col as j } from "./index.es61.js";
+import { ArrowLink as w } from "./index.es25.js";
+import { CardCategory as F } from "./index.es36.js";
+const o = {
+  LayoutOne: "LayoutOne",
+  LayoutTwo: "LayoutTwo",
+  LayoutThree: "LayoutThree",
+  LayoutFour: "LayoutFour",
+  LayoutFive: "LayoutFive"
+}, _ = ({
+  title: i,
+  description: p,
+  goToLabel: l,
+  href: y,
+  asLink: L = "a",
+  items: a,
+  layout: n = o.LayoutOne,
+  className: m
+}) => {
+  const x = ((r) => {
+    switch (r) {
+      case o.LayoutOne:
+        return "ui-service-items-layout-one";
+      case o.LayoutTwo:
+        return "ui-service-items-layout-two";
+      case o.LayoutThree:
+        return "ui-service-items-layout-three";
+      case o.LayoutFour:
+        return "ui-service-items-layout-four";
+      case o.LayoutFive:
+        return "ui-service-items-layout-five";
+      default:
+        return "";
     }
-  ),
-  /* @__PURE__ */ s.jsx(r, { topics: i })
-] });
+  })(n), u = f(() => {
+    switch (n) {
+      /**
+       * In this layout, we remove the image from all items.
+       */
+      case o.LayoutOne:
+        return a.map((r) => ({
+          ...t.omit(r, ["image"])
+        }));
+      /**
+       * In this layout, we remove the image from all items except the second one.
+       */
+      case o.LayoutTwo:
+        return a.map((r, s) => {
+          const c = s !== 1;
+          return {
+            ...t.omit(r, c ? ["image"] : [])
+          };
+        });
+      /**
+       * In this layout, we remove the image from all items.
+       */
+      case o.LayoutThree:
+        return a.map((r) => ({
+          ...t.omit(r, ["image"])
+        }));
+      /**
+       * In this layout, we remove the image from all items.
+       */
+      case o.LayoutFour:
+        return a.map((r, s) => {
+          const c = s !== 0;
+          return {
+            ...t.omit(r, c ? ["image"] : [])
+          };
+        });
+      case o.LayoutFive:
+        return a.map((r) => ({
+          ...t.omit(r, ["image"])
+        }));
+      default:
+        return a;
+    }
+  }, [a, n]);
+  return /* @__PURE__ */ e.jsxs(d, { className: v("base-col ui-service-items-section", m), children: [
+    /* @__PURE__ */ e.jsx(j, { className: "ui-service-items-sectirron-content", children: /* @__PURE__ */ e.jsx(
+      h,
+      {
+        fs: "2",
+        mdFs: "2",
+        className: "ui-service-items-section-title",
+        titleMarginBottom: "mb-x0",
+        descriptionMarginBottom: "mb-x0",
+        color: "slate-20",
+        title: i,
+        description: /* @__PURE__ */ e.jsx(g, { description: p }),
+        children: l && y && /* @__PURE__ */ e.jsx(w, { href: y, asLink: L, fs: "7", children: l.toUpperCase() })
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(
+      "ul",
+      {
+        role: "list",
+        "aria-label": `Lista di ${i}`,
+        className: `list-style-none ${x}`,
+        children: u == null ? void 0 : u.map((r, s) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+          F,
+          {
+            title: r == null ? void 0 : r.name,
+            description: r == null ? void 0 : r.description,
+            image: r == null ? void 0 : r.image,
+            href: (r == null ? void 0 : r.link) || (r == null ? void 0 : r.externalLink),
+            showIcon: r == null ? void 0 : r.externalLink,
+            asLink: L,
+            isExternal: r == null ? void 0 : r.externalLink
+          },
+          [r._id, s].join("-")
+        ) }, [r._id, s].join("-")))
+      }
+    )
+  ] });
+};
 export {
-  l as Tags
+  o as SERVICES_LAYOUTS,
+  _ as Services
 };
 //# sourceMappingURL=index.es147.js.map

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\";\nimport \"./Tags.scss\";\n\ntype Props = {\n  title: string;\n  items: any[];\n};\n\nexport const Tags = ({ title, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-tags-section\">\n      <Section.Title\n        fs={\"6\"}\n        mdFs={\"6\"}\n        as={\"h1\"}\n        color={\"slate-28\"}\n        className=\"ui-tags-items-section-title\"\n      >\n        {title}\n      </Section.Title>\n      <TagsGroup topics={items} />\n    </Section>\n  );\n};\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":";;;;AAQO,MAAMA,IAAO,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,CAAA,QAElCC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,mBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAU;AAAA,MAET,UAAAH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEHI,gBAAAA,EAAAA,IAACC,GAAA,EAAU,QAAQJ,EAAA,CAAO;AAAA,GAC5B;"}
+{"version":3,"file":"index.es147.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { ArrowLink, CardCategory, Col } from \"@/components\";\nimport { Section, SectionHeading } from \"@/components/ui/Section\";\nimport clsx from \"clsx\";\nimport { omit } from \"lodash\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./Services.scss\";\n\nexport const SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n  LayoutFive: \"LayoutFive\",\n} as const;\n\ntype ServicesLayout = (typeof SERVICES_LAYOUTS)[keyof typeof SERVICES_LAYOUTS];\n\nexport type ServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: ServicesLayout;\n  className?: string;\n};\n\nexport const Services = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = SERVICES_LAYOUTS.LayoutOne,\n  className,\n}: ServicesProps) => {\n  const getLayoutClassName = (l: ServicesLayout) => {\n    switch (l) {\n      case SERVICES_LAYOUTS.LayoutOne:\n        return \"ui-service-items-layout-one\";\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return \"ui-service-items-layout-two\";\n      case SERVICES_LAYOUTS.LayoutThree:\n        return \"ui-service-items-layout-three\";\n      case SERVICES_LAYOUTS.LayoutFour:\n        return \"ui-service-items-layout-four\";\n      case SERVICES_LAYOUTS.LayoutFive:\n        return \"ui-service-items-layout-five\";\n      default:\n        return \"\";\n    }\n  };\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items except the second one.\n       */\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item, index) => {\n          const removeImage = index !== 1;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case SERVICES_LAYOUTS.LayoutFive:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-service-items-section\", className)}>\n      <Col className=\"ui-service-items-sectirron-content\">\n        <SectionHeading\n          fs={\"2\"}\n          mdFs={\"2\"}\n          className=\"ui-service-items-section-title\"\n          titleMarginBottom=\"mb-x0\"\n          descriptionMarginBottom=\"mb-x0\"\n          color={\"slate-20\"}\n          title={title}\n          description={<RichText description={description}/>}\n        >\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </SectionHeading>\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item, index) => {\n          return (\n            <li key={[item._id, index].join(\"-\")}>\n              <CardCategory\n                key={[item._id, index].join(\"-\")}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SERVICES_LAYOUTS","Services","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","l","itemsNormalized","useMemo","item","omit","index","removeImage","Section","clsx","jsx","Col","SectionHeading","RichText","ArrowLink","CardCategory"],"mappings":";;;;;;;;;;AAQO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AACd,GAeaC,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,QAAAC,IAASR,EAAiB;AAAA,EAC1B,WAAAS;AACF,MAAqB;AAkBnB,QAAMC,KAjBqB,CAACC,MAAsB;AAChD,YAAQA,GAAA;AAAA,MACN,KAAKX,EAAiB;AACpB,eAAO;AAAA,MACT,KAAKA,EAAiB;AACpB,eAAO;AAAA,MACT,KAAKA,EAAiB;AACpB,eAAO;AAAA,MACT,KAAKA,EAAiB;AACpB,eAAO;AAAA,MACT,KAAKA,EAAiB;AACpB,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAE2CQ,CAAM,GAE3CI,IAAkBC,EAAQ,MAAM;AACpC,YAAQL,GAAA;AAAA;AAAA;AAAA;AAAA,MAIN,KAAKR,EAAiB;AACpB,eAAOO,EAAM,IAAI,CAACO,OACT;AAAA,UACL,GAAGC,EAAAA,KAAKD,GAAM,CAAC,OAAO,CAAC;AAAA,QAAA,EAE1B;AAAA;AAAA;AAAA;AAAA,MAIH,KAAKd,EAAiB;AACpB,eAAOO,EAAM,IAAI,CAACO,GAAME,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AAC9B,iBAAO;AAAA,YACL,GAAGD,EAAAA,KAAKD,GAAMG,IAAc,CAAC,OAAO,IAAI,CAAA,CAAE;AAAA,UAAA;AAAA,QAE9C,CAAC;AAAA;AAAA;AAAA;AAAA,MAIH,KAAKjB,EAAiB;AACpB,eAAOO,EAAM,IAAI,CAACO,OACT;AAAA,UACL,GAAGC,EAAAA,KAAKD,GAAM,CAAC,OAAO,CAAC;AAAA,QAAA,EAE1B;AAAA;AAAA;AAAA;AAAA,MAIH,KAAKd,EAAiB;AACpB,eAAOO,EAAM,IAAI,CAACO,GAAME,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AAE9B,iBAAO;AAAA,YACL,GAAGD,EAAAA,KAAKD,GAAMG,IAAc,CAAC,OAAO,IAAI,CAAA,CAAE;AAAA,UAAA;AAAA,QAE9C,CAAC;AAAA,MACH,KAAKjB,EAAiB;AACpB,eAAOO,EAAM,IAAI,CAACO,OACT;AAAA,UACL,GAAGC,EAAAA,KAAKD,GAAM,CAAC,OAAO,CAAC;AAAA,QAAA,EAE1B;AAAA,MACH;AACE,eAAOP;AAAA,IAAA;AAAA,EAEb,GAAG,CAACA,GAAOC,CAAM,CAAC;AAElB,gCACGU,GAAA,EAAQ,WAAWC,EAAK,qCAAqCV,CAAS,GACrE,UAAA;AAAA,IAAAW,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAU,sCACb,UAAAD,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAU;AAAA,QACV,mBAAkB;AAAA,QAClB,yBAAwB;AAAA,QACxB,OAAO;AAAA,QACP,OAAApB;AAAA,QACA,aAAakB,gBAAAA,EAAAA,IAACG,GAAA,EAAS,aAAApB,EAAA,CAAyB;AAAA,QAE/C,UAAAC,KAAaC,KACZe,gBAAAA,EAAAA,IAACI,GAAA,EAAU,MAAAnB,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAAF,EAAU,YAAA,EAAY,CACzB;AAAA,MAAA;AAAA,IAAA,GAGN;AAAA,IACAgB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYlB,CAAK;AAAA,QAC7B,WAAW,mBAAmBQ,CAAe;AAAA,QAE5C,UAAAE,KAAA,gBAAAA,EAAiB,IAAI,CAACE,GAAME,4BAExB,MAAA,EACC,UAAAI,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YAEC,OAAOX,KAAA,gBAAAA,EAAM;AAAA,YACb,aAAaA,KAAA,gBAAAA,EAAM;AAAA,YACnB,OAAOA,KAAA,gBAAAA,EAAM;AAAA,YACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,YAC1B,UAAUA,KAAA,gBAAAA,EAAM;AAAA,YAChB,QAAAR;AAAA,YACA,YAAYQ,KAAA,gBAAAA,EAAM;AAAA,UAAA;AAAA,UAPb,CAACA,EAAK,KAAKE,CAAK,EAAE,KAAK,GAAG;AAAA,QAAA,EAQjC,GAVO,CAACF,EAAK,KAAKE,CAAK,EAAE,KAAK,GAAG,CAWnC;AAAA,MAEH;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/index.es148.js

@@ -1,23 +1,56 @@
-import { j as o } from "./index.es237.js";
-import i from "./index.es248.js";
-import a from "./index.es249.js";
-const z = (n, t = void 0) => {
-  const e = i.sanitize(n).replace(
-    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,
-    "$3"
-  );
-  return /* @__PURE__ */ o.jsx(a, { dangerouslySetInnerHTML: { __html: e }, as: t });
-}, l = (n, t = "p") => {
-  const r = i.sanitize(n, {
-    ADD_ATTR: ["target"]
-  }), e = t, s = r.replace(
-    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,
-    "$3"
-  );
-  return /* @__PURE__ */ o.jsx(e, { dangerouslySetInnerHTML: { __html: s } });
-};
+import { j as e } from "./index.es241.js";
+import { Section as c } from "./index.es123.js";
+import { clsx as p } from "./index.es243.js";
+import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
+import { CardService as x } from "./index.es55.js";
+import { Col as g } from "./index.es61.js";
+import { ArrowLink as j } from "./index.es25.js";
+const k = ({
+  title: o,
+  description: i,
+  goToLabel: n,
+  href: l,
+  asLink: a = "a",
+  items: r,
+  className: d
+}) => /* @__PURE__ */ e.jsxs(
+  c,
+  {
+    className: p("base-col ui-suggested-services-section", d),
+    children: [
+      /* @__PURE__ */ e.jsxs(g, { className: "ui-suggested-services-section-content", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "ui-suggested-services-section-title", children: [
+          /* @__PURE__ */ e.jsx(c.Description, { color: "slate-14", className: "fw-regular fs-3", children: o }),
+          n && l && /* @__PURE__ */ e.jsx(j, { href: l, asLink: a, fs: "7", children: n.toUpperCase() })
+        ] }),
+        i && /* @__PURE__ */ e.jsx(c.Description, { children: i })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "ui-suggested-services-container", children: /* @__PURE__ */ e.jsx(
+        "ul",
+        {
+          role: "list",
+          "aria-label": `Lista di ${o}`,
+          className: "list-style-none ui-suggested-services-layout",
+          children: r == null ? void 0 : r.map((s, t) => {
+            const u = ["icon3", "icon1", "icon2"];
+            return /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+              x,
+              {
+                title: s == null ? void 0 : s.name,
+                href: (s == null ? void 0 : s.link) || (s == null ? void 0 : s.externalLink),
+                iconType: u[t % 3],
+                titleTag: "h2",
+                asLink: a
+              },
+              s._id
+            ) }, s._id);
+          })
+        }
+      ) })
+    ]
+  }
+);
 export {
-  l as HTML,
-  z as HTMLBalancer
+  k as SuggestedServices
 };
 //# sourceMappingURL=index.es148.js.map

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\";\nimport Balancer from \"react-wrap-balancer\";\n\nexport const HTMLBalancer = (\n  html: string,\n  as: string | undefined = undefined,\n) => {\n  const sanitized = DOMPurify.sanitize(html);\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return (\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\n  );\n};\n\nexport const HTML = (html: string, as: \"div\" | \"p\" = \"p\") => {\n  const sanitized = DOMPurify.sanitize(html, {\n    ADD_ATTR: [\"target\"],\n  });\n  const Component = as;\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return <Component dangerouslySetInnerHTML={{ __html: innerContent }} />;\n};\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer","HTML","sanitized","Component"],"mappings":";;;AAGO,MAAMA,IAAe,CAC1BC,GACAC,IAAyB,WACtB;AAEH,QAAMC,IADYC,EAAU,SAASH,CAAI,EACV;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA;AAEF,+BACGI,GAAA,EAAS,yBAAyB,EAAE,QAAQF,EAAA,GAAgB,IAAAD,GAAQ;AAEzE,GAEaI,IAAO,CAACL,GAAcC,IAAkB,QAAQ;AAC3D,QAAMK,IAAYH,EAAU,SAASH,GAAM;AAAA,IACzC,UAAU,CAAC,QAAQ;AAAA,EAAA,CACpB,GACKO,IAAYN,GACZC,IAAeI,EAAU;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA;AAEF,+BAAQC,GAAA,EAAU,yBAAyB,EAAE,QAAQL,KAAgB;AACvE;"}
+{"version":3,"file":"index.es148.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardService, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./SuggestedServices.scss\";\nimport { ComponentType, ReactNode } from \"react\";\n\nexport type SuggestedServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  className?: string;\n};\n\nexport const SuggestedServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  className,\n}: SuggestedServicesProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\n    >\n      <Col className=\"ui-suggested-services-section-content\">\n        <div className=\"ui-suggested-services-section-title\">\n          <Section.Description color=\"slate-14\" className=\"fw-regular fs-3\">\n            {title}\n          </Section.Description>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <div className=\"ui-suggested-services-container\">\n        <ul\n          role=\"list\"\n          aria-label={`Lista di ${title}`}\n          className=\"list-style-none ui-suggested-services-layout\"\n        >\n          {items?.map((item, index) => {\n            const iconTypes = [\"icon3\", \"icon1\", \"icon2\"] as const;\n            return (\n              <li key={item._id}>\n                <CardService\n                  key={item._id}\n                  title={item?.name}\n                  href={item?.link || item?.externalLink}\n                  iconType={iconTypes[index % 3]}\n                  titleTag=\"h2\"\n                  asLink={asLink}\n                />\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </Section>\n  );\n};\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","iconTypes","CardService"],"mappings":";;;;;;;AAgBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,0CAA0CH,CAAS;AAAA,IAEnE,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,KAACG,GAAA,EAAI,WAAU,yCACb,UAAA;AAAA,QAAAH,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,UAAAI,gBAAAA,MAACH,EAAQ,aAAR,EAAoB,OAAM,YAAW,WAAU,mBAC7C,UAAAR,GACH;AAAA,UACCE,KAAaC,KACZQ,gBAAAA,MAACC,GAAA,EAAU,MAAAT,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAAF,EAAU,YAAA,EAAY,CACzB;AAAA,QAAA,GAEJ;AAAA,QACCD,KACCU,gBAAAA,EAAAA,IAACH,EAAQ,aAAR,EAAqB,UAAAP,EAAA,CAAY;AAAA,MAAA,GAEtC;AAAA,MACAU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCACb,UAAAA,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYX,CAAK;AAAA,UAC7B,WAAU;AAAA,UAET,UAAAK,KAAA,gBAAAA,EAAO,IAAI,CAACQ,GAAMC,MAAU;AAC3B,kBAAMC,IAAY,CAAC,SAAS,SAAS,OAAO;AAC5C,yCACG,MAAA,EACC,UAAAJ,gBAAAA,EAAAA;AAAAA,cAACK;AAAA,cAAA;AAAA,gBAEC,OAAOH,KAAA,gBAAAA,EAAM;AAAA,gBACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,gBAC1B,UAAUE,EAAUD,IAAQ,CAAC;AAAA,gBAC7B,UAAS;AAAA,gBACT,QAAAV;AAAA,cAAA;AAAA,cALKS,EAAK;AAAA,YAAA,EAMZ,GAROA,EAAK,GASd;AAAA,UAEJ;AAAA,QAAC;AAAA,MAAA,EACH,CACF;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/index.es149.js

@@ -1,36 +1,38 @@
-import { j as s } from "./index.es237.js";
-import './sections/Insights/Insights.css';/* empty css            */
-import { CardPreview as a } from "./index.es52.js";
-import { Section as l, SectionHeading as c } from "./index.es123.js";
-const g = ({
-  title: i,
-  items: t = [],
-  colorTitle: r = "slate-20",
-  showBackgroundRectangle: e = !0
-}) => /* @__PURE__ */ s.jsxs(l, { className: "ui-insights-section", children: [
-  e && /* @__PURE__ */ s.jsx("div", { className: "ui-insights-background-rectangle" }),
-  /* @__PURE__ */ s.jsx(
-    c,
+import { j as i } from "./index.es241.js";
+import { RichText as e } from "./index.es146.js";
+import './sections/Documents/Documents.css';/* empty css            */
+import { CardFile as a } from "./index.es44.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,
     {
-      className: "ui-insights-items-section-title",
-      title: i,
-      color: r,
-      titleMarginBottom: "",
-      fs: "3",
-      mdFs: "3"
+      title: n,
+      description: /* @__PURE__ */ i.jsx(e, { description: t }),
+      className: "ui-document-items-section-title"
     }
   ),
-  /* @__PURE__ */ s.jsx(
+  /* @__PURE__ */ i.jsx(
     "ul",
     {
       role: "list",
-      "aria-label": `Lista di ${i}`,
-      className: `list-style-none ui-insights-items-layout ${i ? "" : "mt-x56"}`,
-      children: t == null ? void 0 : t.map((n, o) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(a, { ...n }) }, o))
+      "aria-label": `Lista di ${n}`,
+      className: "list-style-none ui-document-items-layout",
+      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,
+          title: s.title,
+          file: s.file,
+          description: s.description,
+          asLink: s.asLink
+        }
+      ) }, r))
     }
   )
 ] });
 export {
-  g as Insights
+  m as Documents
 };
 //# sourceMappingURL=index.es149.js.map

package/dist/index.es149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es149.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import {\n  CardPreview,\n  CardPreviewProps,\n  Section,\n  SectionHeading,\n} from \"@/components\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./Insights.scss\";\n\ntype Props = {\n  title: string;\n  items: CardPreviewProps[];\n  colorTitle?: ColorKeys;\n  showBackgroundRectangle?: boolean;\n};\n\nexport const Insights = ({ \n  title,\n  items = [],\n  colorTitle = \"slate-20\",\n  showBackgroundRectangle = true,\n}: Props) => {\n  return (\n    <Section className=\"ui-insights-section\">\n      {showBackgroundRectangle && (\n        <div className=\"ui-insights-background-rectangle\"></div>\n      )}\n      <SectionHeading\n        className=\"ui-insights-items-section-title\"\n        title={title}\n        color={colorTitle}\n        titleMarginBottom=\"\"\n        fs=\"3\"\n        mdFs=\"3\"\n      />\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout ${!title ? \"mt-x56\" : \"\"}`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardPreview {...item} />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","SectionHeading","item","index","CardPreview"],"mappings":";;;;AAgBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,yBAAAC,IAA0B;AAC5B,MAEIC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,uBAChB,UAAA;AAAA,EAAAF,KACCG,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAA,CAAmC;AAAA,EAEpDA,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAP;AAAA,MACA,OAAOE;AAAA,MACP,mBAAkB;AAAA,MAClB,IAAG;AAAA,MACH,MAAK;AAAA,IAAA;AAAA,EAAA;AAAA,EAEPI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYN,CAAK;AAAA,MAC7B,WAAW,4CAA6CA,IAAmB,KAAX,QAAa;AAAA,MAE5E,UAAAC,KAAA,gBAAAA,EAAO,IAAI,CAACO,GAAMC,4BAEd,MAAA,EACC,UAAAH,gBAAAA,EAAAA,IAACI,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es149.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section, SectionHeading } from \"@/components\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ReactNode } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./Documents.scss\";\n\ntype Props = {\n  title?: string; \n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({ title, description, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      <SectionHeading\n        title={title}\n        description={<RichText description={description}></RichText>}\n        className=\"ui-document-items-section-title\"\n      />\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n                description={item.description}\n                asLink={item.asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","jsxs","Section","jsx","SectionHeading","RichText","item","index","CardFile"],"mappings":";;;;;AAeO,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,IAAQ,CAAA,QAEpDC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,uBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAaK,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAN,EAAA,CAA0B;AAAA,MACjD,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEZI,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYL,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAAE,KAAA,gBAAAA,EAAO,IAAI,CAACM,GAAMC,4BAEd,MAAA,EACC,UAAAJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAQF,KAAA,gBAAAA,EAAM;AAAA,UACd,WAAWA,EAAK;AAAA,UAChB,OAAOA,EAAK;AAAA,UACZ,MAAMA,EAAK;AAAA,UACX,aAAaA,EAAK;AAAA,UAClB,QAAQA,EAAK;AAAA,QAAA;AAAA,MAAA,KAPRC,CAST;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es15.js

@@ -1,8 +1,8 @@
-import { j as o } from "./index.es237.js";
+import { j as o } from "./index.es241.js";
 import { useState as p } from "react";
-import { StepItem as S } from "./index.es286.js";
+import { StepItem as S } from "./index.es290.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import f from "./index.es288.js";
+import f from "./index.es292.js";
 import { SectionHeading as j } from "./index.es123.js";
 const b = ({
   steps: s,

package/dist/index.es150.js

@@ -1,97 +1,22 @@
-import { j as _ } from "./index.es237.js";
-import { clsx as c } from "./index.es239.js";
-import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
-import { Section as l, SectionHeading as L } from "./index.es123.js";
-const e = {
-  // Layout FULL (1 colonna)
-  FULL_1_1: "FULL_1_1",
-  FULL_4_3: "FULL_4_3",
-  FULL_16_9: "FULL_16_9",
-  FULL_21_9: "FULL_21_9",
-  FULL_32_9: "FULL_32_9",
-  // Layout TWO_COL (2 colonne)
-  TWO_COL_1_1: "TWO_COL_1_1",
-  TWO_COL_4_3: "TWO_COL_4_3",
-  TWO_COL_16_9: "TWO_COL_16_9",
-  TWO_COL_21_9: "TWO_COL_21_9",
-  TWO_COL_32_9: "TWO_COL_32_9",
-  // Layout THREE_COL (3 colonne)
-  THREE_COL_1_1: "THREE_COL_1_1",
-  THREE_COL_4_3: "THREE_COL_4_3",
-  THREE_COL_16_9: "THREE_COL_16_9",
-  THREE_COL_21_9: "THREE_COL_21_9",
-  THREE_COL_32_9: "THREE_COL_32_9"
-}, C = ({
-  title: t,
-  items: i = [],
-  layout: a = e.FULL_1_1,
-  className: r
-}) => {
-  const o = ((s) => {
-    switch (s) {
-      // Layout FULL (1 colonna)
-      case e.FULL_1_1:
-        return "images-description-layout-full-1-1";
-      case e.FULL_4_3:
-        return "images-description-layout-full-4-3";
-      case e.FULL_16_9:
-        return "images-description-layout-full-16-9";
-      case e.FULL_21_9:
-        return "images-description-layout-full-21-9";
-      case e.FULL_32_9:
-        return "images-description-layout-full-32-9";
-      // Layout TWO_COL (2 colonne)
-      case e.TWO_COL_1_1:
-        return "images-description-layout-two-col-1-1";
-      case e.TWO_COL_4_3:
-        return "images-description-layout-two-col-4-3";
-      case e.TWO_COL_16_9:
-        return "images-description-layout-two-col-16-9";
-      case e.TWO_COL_21_9:
-        return "images-description-layout-two-col-21-9";
-      case e.TWO_COL_32_9:
-        return "images-description-layout-two-col-32-9";
-      // Layout THREE_COL (3 colonne)
-      case e.THREE_COL_1_1:
-        return "images-description-layout-three-col-1-1";
-      case e.THREE_COL_4_3:
-        return "images-description-layout-three-col-4-3";
-      case e.THREE_COL_16_9:
-        return "images-description-layout-three-col-16-9";
-      case e.THREE_COL_21_9:
-        return "images-description-layout-three-col-21-9";
-      case e.THREE_COL_32_9:
-        return "images-description-layout-three-col-32-9";
-      default:
-        return "";
+import { j as s } from "./index.es241.js";
+import './sections/Tags/Tags.css';/* empty css            */
+import { TagsGroup as r } from "./index.es135.js";
+import { Section as t } from "./index.es123.js";
+const l = ({ title: o, items: i = [] }) => /* @__PURE__ */ s.jsxs(t, { className: "ui-tags-section", children: [
+  /* @__PURE__ */ s.jsx(
+    t.Title,
+    {
+      fs: "6",
+      mdFs: "6",
+      as: "h1",
+      color: "slate-28",
+      className: "ui-tags-items-section-title",
+      children: o
     }
-  })(a);
-  return /* @__PURE__ */ _.jsxs(l, { className: c("base-col images-description-section", r), children: [
-    /* @__PURE__ */ _.jsx(L, { title: t }),
-    /* @__PURE__ */ _.jsx(
-      "ul",
-      {
-        role: "list",
-        "aria-label": `Raccolta di ${t}`,
-        className: `list-style-none ${o}`,
-        children: i == null ? void 0 : i.map((s) => /* @__PURE__ */ _.jsxs("li", { className: "images-description-item", children: [
-          /* @__PURE__ */ _.jsx("div", { className: "images-description-item-image-container", children: /* @__PURE__ */ _.jsx(
-            "img",
-            {
-              src: s.image.src,
-              alt: s.image.alt,
-              title: s.image.title,
-              className: "images-description-item-image"
-            }
-          ) }),
-          /* @__PURE__ */ _.jsx("div", { className: "images-description-item-content", children: /* @__PURE__ */ _.jsx("p", { className: "images-description-item-description text-slate-28 fs-9", children: s.description }) })
-        ] }, s._id))
-      }
-    )
-  ] });
-};
+  ),
+  /* @__PURE__ */ s.jsx(r, { topics: i })
+] });
 export {
-  e as IMAGES_DESCRIPTION_LAYOUTS,
-  C as ImagesDescription
+  l as Tags
 };
 //# sourceMappingURL=index.es150.js.map