@anoki/fse-ui 1.0.0-beta1.48.4 → 1.0.0-beta1.48.40

package/dist/index.es139.js

@@ -1,42 +1,98 @@
-import { j as e } from "./index.es243.js";
-import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { clsx as m } from "./index.es244.js";
-import { Section as o } from "./index.es54.js";
-import { Col as h } from "./index.es10.js";
-import { Button as u } from "./index.es28.js";
-const g = ({
-  title: t,
-  description: i,
-  links: r,
-  asLink: n = "a",
-  showBlueBackground: l = !1
-}) => /* @__PURE__ */ e.jsxs(o, { className: `base-col ui-what-do-you-need-section ${l ? "blue-background" : ""}`, children: [
-  /* @__PURE__ */ e.jsxs(h, { className: "ui-what-do-you-need-content", children: [
-    /* @__PURE__ */ e.jsx(o.Title, { fs: "2", children: t }),
-    i && /* @__PURE__ */ e.jsx(o.Description, { children: i })
-  ] }),
-  /* @__PURE__ */ e.jsx(
-    "ul",
+import { j as r } from "./index.es244.js";
+import { Section as l } from "./index.es54.js";
+import { clsx as j } from "./index.es246.js";
+import './sections/HomeServices/HomeServices.css';/* empty css            */
+import { useMemo as v } from "react";
+import { l as c } from "./index.es248.js";
+import { CardCategory as m } from "./index.es30.js";
+import { Col as g } from "./index.es10.js";
+import { ArrowLink as T } from "./index.es42.js";
+const e = {
+  LayoutOne: "LayoutOne",
+  LayoutTwo: "LayoutTwo",
+  LayoutThree: "LayoutThree",
+  LayoutFour: "LayoutFour"
+}, _ = ({
+  title: i,
+  description: h,
+  goToLabel: p,
+  href: L,
+  asLink: y = "a",
+  items: a,
+  layout: n = e.LayoutOne,
+  className: x,
+  showBlueBackground: d = !1
+}) => {
+  const f = n === e.LayoutOne ? "ui-home-services-layout-one" : n === e.LayoutTwo ? "ui-home-services-layout-two" : n === e.LayoutThree ? "ui-home-services-layout-three" : n === e.LayoutFour ? "ui-home-services-layout-four" : "", t = v(() => {
+    switch (n) {
+      case e.LayoutOne:
+        return a.map((o, s) => {
+          const u = s !== 0;
+          return {
+            ...c.omit(o, u ? ["image"] : [])
+          };
+        });
+      case e.LayoutTwo:
+        return a.map((o) => ({
+          ...c.omit(o, [])
+        }));
+      case e.LayoutThree:
+        return a.map((o, s) => {
+          const u = s !== 0;
+          return {
+            ...c.omit(o, u ? ["image"] : [])
+          };
+        });
+      case e.LayoutFour:
+        return a.map((o, s) => {
+          const u = s !== 2;
+          return {
+            ...c.omit(o, u ? ["image"] : [])
+          };
+        });
+      default:
+        return a;
+    }
+  }, [a, n]);
+  return /* @__PURE__ */ r.jsxs(
+    l,
     {
-      role: "list",
-      "aria-label": `Lista di ${t}`,
-      className: m("list-style-none ui-what-do-you-need-links", r.length < 4 ? "row" : "grid"),
-      children: r == null ? void 0 : r.map(({ link: a, title: d, isNewTab: s }, c) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-        u,
-        {
-          asLink: n,
-          href: a,
-          size: "2",
-          variant: c > 0 ? "secondary" : "primary",
-          target: s ? "_blank" : void 0,
-          rel: s ? "noopener noreferrer" : void 0,
-          children: d
-        }
-      ) }, a))
+      className: j("base-col ui-home-services-section", x, d ? "blue-background" : ""),
+      children: [
+        /* @__PURE__ */ r.jsxs(g, { className: "ui-home-services-section-content", children: [
+          /* @__PURE__ */ r.jsxs("div", { className: "ui-home-services-section-title", children: [
+            /* @__PURE__ */ r.jsx(l.Title, { fs: "2", children: i }),
+            p && L && /* @__PURE__ */ r.jsx(T, { href: L, asLink: y, fs: "7", children: p.toUpperCase() })
+          ] }),
+          h && /* @__PURE__ */ r.jsx(l.Description, { children: h })
+        ] }),
+        /* @__PURE__ */ r.jsx(
+          "ul",
+          {
+            role: "list",
+            "aria-label": `Lista di ${i}`,
+            className: `list-style-none ${f}`,
+            children: t == null ? void 0 : t.map((o, s) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+              m,
+              {
+                title: o == null ? void 0 : o.name,
+                description: o == null ? void 0 : o.description,
+                image: o == null ? void 0 : o.image,
+                href: (o == null ? void 0 : o.link) || (o == null ? void 0 : o.externalLink),
+                showIcon: o == null ? void 0 : o.externalLink,
+                asLink: y,
+                isExternal: o == null ? void 0 : o.externalLink
+              },
+              [o._id, s].join("-")
+            ) }, [o._id, s].join("-")))
+          }
+        )
+      ]
     }
-  )
-] });
+  );
+};
 export {
-  g as WhatDoYouNeed
+  e as HOME_SERVICES_LAYOUTS,
+  _ as HomeServices
 };
 //# sourceMappingURL=index.es139.js.map

package/dist/index.es139.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es139.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport \"./WhatDoYouNeed.scss\";\r\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype WhatDoYouNeedProps = PropsWithChildren<{\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  links: EnhancedSectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  showBlueBackground?: boolean;\r\n}>;\r\n\r\ntype EnhancedSectionLink = SectionLink & {\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport const WhatDoYouNeed = ({\r\n  title,\r\n  description,\r\n  links,\r\n  asLink = \"a\",\r\n  showBlueBackground = false,\r\n}: WhatDoYouNeedProps) => {\r\n  return (\r\n    <Section className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\r\n      <Col className=\"ui-what-do-you-need-content\">\r\n        <Section.Title fs=\"2\">{title}</Section.Title>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={clsx(\"list-style-none ui-what-do-you-need-links\", links.length < 4 ? \"row\" : \"grid\")}\r\n      >\r\n        {links?.map(({ link, title, isNewTab }, index) => (\r\n          <li key={link}>\r\n            <Button\r\n              asLink={asLink}\r\n              href={link}\r\n              size=\"2\"\r\n              variant={index > 0 ? \"secondary\" : \"primary\"}\r\n              // textColor={index > 0 ? \"primary\" : undefined}\r\n              // bg={index > 0 ? \"white\" : undefined}\r\n              // className={index > 0 ? \"br-color-primary\" : undefined}\r\n              target={isNewTab ? \"_blank\" : undefined}\r\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\r\n            >\r\n              {title}\r\n            </Button>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","Section","jsxs","Col","jsx","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;AAkBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,6BAEKC,GAAQ,EAAA,WAAW,wCAAwCD,IAAqB,oBAAoB,EAAE,IACrG,UAAA;AAAA,EAACE,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACH,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCO,gBAAAA,EAAA,IAACH,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYR,CAAK;AAAA,MAC7B,WAAWS,EAAK,6CAA6CP,EAAM,SAAS,IAAI,QAAQ,MAAM;AAAA,MAE7F,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAV,GAAO,UAAAW,EAAS,GAAGC,MACtCJ,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,QAAAV;AAAA,UACA,MAAMO;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAX;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOU,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es139.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./HomeServices.scss\";\r\nimport { ComponentType, ReactNode, useMemo } from \"react\";\r\nimport { omit } from \"lodash\";\r\n\r\nexport const HOME_SERVICES_LAYOUTS = {\r\n  LayoutOne: \"LayoutOne\",\r\n  LayoutTwo: \"LayoutTwo\",\r\n  LayoutThree: \"LayoutThree\",\r\n  LayoutFour: \"LayoutFour\",\r\n} as const;\r\n\r\ntype Layout =\r\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\r\n\r\nexport type AggregationItemsProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  layout?: Layout;\r\n  className?: string;\r\n  showBlueBackground?: boolean;\r\n};\r\n\r\nexport const HomeServices = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\r\n  className,\r\n  showBlueBackground = false,\r\n}: AggregationItemsProps) => {\r\n  const layoutClassName =\r\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\r\n      ? \"ui-home-services-layout-one\"\r\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\r\n        ? \"ui-home-services-layout-two\"\r\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\r\n          ? \"ui-home-services-layout-three\"\r\n          : layout === HOME_SERVICES_LAYOUTS.LayoutFour\r\n            ? \"ui-home-services-layout-four\"\r\n            : \"\";\r\n\r\n  const itemsNormalized = useMemo(() => {\r\n    switch (layout) {\r\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\r\n        return items.map((item) => {\r\n          const removeImage = false;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 2;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      default:\r\n        return items;\r\n    }\r\n  }, [items, layout]);\r\n\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-home-services-section\", className, showBlueBackground ? \"blue-background\" : \"\")}>\r\n      <Col className=\"ui-home-services-section-content\">\r\n        <div className=\"ui-home-services-section-title\">\r\n          <Section.Title fs=\"2\">{title}</Section.Title>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {itemsNormalized?.map((item, index) => {\r\n          return (\r\n            <li key={[item._id, index].join(\"-\")}>\r\n              <CardCategory\r\n                key={[item._id, index].join(\"-\")}\r\n                title={item?.name}\r\n                description={item?.description}\r\n                image={item?.image}\r\n                href={item?.link || item?.externalLink}\r\n                showIcon={item?.externalLink}\r\n                asLink={asLink}\r\n                isExternal={item?.externalLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}

package/dist/index.es14.js

@@ -1,8 +1,8 @@
-import { j as a } from "./index.es243.js";
+import { j as a } from "./index.es244.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es244.js";
+import { clsx as n } from "./index.es246.js";
 import { useState as u } from "react";
-import { Close as C } from "./index.es160.js";
+import { Close as C } from "./index.es161.js";
 import { Col as N } from "./index.es10.js";
 import { Button as y } from "./index.es28.js";
 const V = ({

package/dist/index.es140.js

@@ -1,34 +1,42 @@
-import { j as r } from "./index.es243.js";
-import './sections/RichText/RichText.css';/* empty css            */
-import { HTML as a } from "./index.es145.js";
-import n from "react";
-import { clsx as x } from "./index.es244.js";
+import { j as e } from "./index.es244.js";
+import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
+import { clsx as m } from "./index.es246.js";
 import { Section as o } from "./index.es54.js";
-import { Col as f } from "./index.es10.js";
-const T = ({
-  title: s,
-  description: t,
-  fontSize: e = "2",
-  mdFontSize: m = "2",
-  classNameTitle: i,
-  additionalClass: c,
-  children: l
-}) => /* @__PURE__ */ r.jsxs(o, { className: x("base-col ui-rich-text-section", c), children: [
-  /* @__PURE__ */ r.jsxs(f, { className: "ui-rich-text-content", children: [
-    s && /* @__PURE__ */ r.jsx(
-      o.Title,
-      {
-        fs: e,
-        mdFs: m,
-        className: i,
-        children: s
-      }
-    ),
-    t && /* @__PURE__ */ r.jsx(o.Description, { children: typeof t == "string" && n.isValidElement(t) ? t : a(t.toString(), "div") })
+import { Col as h } from "./index.es10.js";
+import { Button as u } from "./index.es28.js";
+const g = ({
+  title: t,
+  description: i,
+  links: r,
+  asLink: n = "a",
+  showBlueBackground: l = !1
+}) => /* @__PURE__ */ e.jsxs(o, { className: `base-col ui-what-do-you-need-section ${l ? "blue-background" : ""}`, children: [
+  /* @__PURE__ */ e.jsxs(h, { className: "ui-what-do-you-need-content", children: [
+    /* @__PURE__ */ e.jsx(o.Title, { fs: "2", children: t }),
+    i && /* @__PURE__ */ e.jsx(o.Description, { children: i })
   ] }),
-  l
+  /* @__PURE__ */ e.jsx(
+    "ul",
+    {
+      role: "list",
+      "aria-label": `Lista di ${t}`,
+      className: m("list-style-none ui-what-do-you-need-links", r.length < 4 ? "row" : "grid"),
+      children: r == null ? void 0 : r.map(({ link: a, title: d, isNewTab: s }, c) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+        u,
+        {
+          asLink: n,
+          href: a,
+          size: "2",
+          variant: c > 0 ? "secondary" : "primary",
+          target: s ? "_blank" : void 0,
+          rel: s ? "noopener noreferrer" : void 0,
+          children: d
+        }
+      ) }, a))
+    }
+  )
 ] });
 export {
-  T as RichText
+  g as WhatDoYouNeed
 };
 //# sourceMappingURL=index.es140.js.map

package/dist/index.es140.js.map

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

package/dist/index.es141.js

@@ -1,120 +1,34 @@
-import { j as o } from "./index.es243.js";
-import { Section as i } from "./index.es54.js";
-import { clsx as v } from "./index.es244.js";
-import './sections/Services/Services.css';/* empty css            */
-import { useMemo as f } from "react";
-import { l as s } from "./index.es431.js";
-import { Col as m } from "./index.es10.js";
-import { ArrowLink as g } from "./index.es42.js";
-import { CardCategory as j } from "./index.es30.js";
-const e = {
-  LayoutOne: "LayoutOne",
-  LayoutTwo: "LayoutTwo",
-  LayoutThree: "LayoutThree",
-  LayoutFour: "LayoutFour",
-  LayoutFive: "LayoutFive"
-}, _ = ({
-  title: l,
-  description: y,
-  goToLabel: L,
-  href: p,
-  asLink: h = "a",
-  items: a,
-  layout: t = e.LayoutOne,
-  className: x
-}) => {
-  const d = ((r) => {
-    switch (r) {
-      case e.LayoutOne:
-        return "ui-service-items-layout-one";
-      case e.LayoutTwo:
-        return "ui-service-items-layout-two";
-      case e.LayoutThree:
-        return "ui-service-items-layout-three";
-      case e.LayoutFour:
-        return "ui-service-items-layout-four";
-      case e.LayoutFive:
-        return "ui-service-items-layout-five";
-      default:
-        return "";
-    }
-  })(t), u = f(() => {
-    switch (t) {
-      /**
-       * In this layout, we remove the image from all items.
-       */
-      case e.LayoutOne:
-        return a.map((r) => ({
-          ...s.omit(r, ["image"])
-        }));
-      /**
-       * In this layout, we remove the image from all items except the second one.
-       */
-      case e.LayoutTwo:
-        return a.map((r, n) => {
-          const c = n !== 1;
-          return {
-            ...s.omit(r, c ? ["image"] : [])
-          };
-        });
-      /**
-       * In this layout, we remove the image from all items.
-       */
-      case e.LayoutThree:
-        return a.map((r) => ({
-          ...s.omit(r, ["image"])
-        }));
-      /**
-       * In this layout, we remove the image from all items.
-       */
-      case e.LayoutFour:
-        return a.map((r, n) => {
-          const c = n !== 0;
-          return {
-            ...s.omit(r, c ? ["image"] : [])
-          };
-        });
-      case e.LayoutFive:
-        return a.map((r) => ({
-          ...s.omit(r, ["image"])
-        }));
-      default:
-        return a;
-    }
-  }, [a, t]);
-  return /* @__PURE__ */ o.jsxs(i, { className: v("base-col ui-service-items-section", x), children: [
-    /* @__PURE__ */ o.jsxs(m, { className: "ui-service-items-sectirron-content", children: [
-      /* @__PURE__ */ o.jsxs("div", { className: "ui-service-items-section-title", children: [
-        /* @__PURE__ */ o.jsx(i.Title, { fs: "2", mdFs: "2", as: "h3", color: "slate-20", children: l }),
-        L && p && /* @__PURE__ */ o.jsx(g, { href: p, asLink: h, fs: "7", children: L.toUpperCase() })
-      ] }),
-      y && /* @__PURE__ */ o.jsx(i.Description, { children: y })
-    ] }),
-    /* @__PURE__ */ o.jsx(
-      "ul",
+import { j as r } from "./index.es244.js";
+import './sections/RichText/RichText.css';/* empty css            */
+import { HTML as a } from "./index.es146.js";
+import n from "react";
+import { clsx as x } from "./index.es246.js";
+import { Section as o } from "./index.es54.js";
+import { Col as f } from "./index.es10.js";
+const T = ({
+  title: s,
+  description: t,
+  fontSize: e = "2",
+  mdFontSize: m = "2",
+  classNameTitle: i,
+  additionalClass: c,
+  children: l
+}) => /* @__PURE__ */ r.jsxs(o, { className: x("base-col ui-rich-text-section", c), children: [
+  /* @__PURE__ */ r.jsxs(f, { className: "ui-rich-text-content", children: [
+    s && /* @__PURE__ */ r.jsx(
+      o.Title,
       {
-        role: "list",
-        "aria-label": `Lista di ${l}`,
-        className: `list-style-none ${d}`,
-        children: u == null ? void 0 : u.map((r) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
-          j,
-          {
-            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: h,
-            isExternal: r == null ? void 0 : r.externalLink
-          },
-          r._id
-        ) }, r._id))
+        fs: e,
+        mdFs: m,
+        className: i,
+        children: s
       }
-    )
-  ] });
-};
+    ),
+    t && /* @__PURE__ */ r.jsx(o.Description, { children: typeof t == "string" && n.isValidElement(t) ? t : a(t.toString(), "div") })
+  ] }),
+  l
+] });
 export {
-  e as SERVICES_LAYOUTS,
-  _ as Services
+  T as RichText
 };
 //# sourceMappingURL=index.es141.js.map

package/dist/index.es141.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es141.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./Services.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n  LayoutFive: \"LayoutFive\",\n} as const;\n\ntype ServicesLayout = (typeof SERVICES_LAYOUTS)[keyof typeof SERVICES_LAYOUTS];\n\nexport type ServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: ServicesLayout;\n  className?: string;\n};\n\nexport const Services = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = SERVICES_LAYOUTS.LayoutOne,\n  className,\n}: ServicesProps) => {\n  const getLayoutClassName = (l: ServicesLayout) => {\n    switch (l) {\n      case SERVICES_LAYOUTS.LayoutOne:\n        return \"ui-service-items-layout-one\";\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return \"ui-service-items-layout-two\";\n      case SERVICES_LAYOUTS.LayoutThree:\n        return \"ui-service-items-layout-three\";\n      case SERVICES_LAYOUTS.LayoutFour:\n        return \"ui-service-items-layout-four\";\n      case SERVICES_LAYOUTS.LayoutFive:\n        return \"ui-service-items-layout-five\";\n      default:\n        return \"\";\n    }\n  };\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items except the second one.\n       */\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item, index) => {\n          const removeImage = index !== 1;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case SERVICES_LAYOUTS.LayoutFive:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-service-items-section\", className)}>\n      <Col className=\"ui-service-items-sectirron-content\">\n        <div className=\"ui-service-items-section-title\">\n          <Section.Title fs={\"2\"} mdFs={\"2\"} as={\"h3\"} color={\"slate-20\"}>\n            {title}\n          </Section.Title>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item) => {\n          return (\n            <li key={item._id}>\n              <CardCategory\n                key={item._id}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SERVICES_LAYOUTS","Services","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","l","itemsNormalized","useMemo","item","omit","index","removeImage","Section","clsx","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}
+{"version":3,"file":"index.es141.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./RichText.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTML } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype RichTextProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n}>;\r\n\r\nexport const RichText = ({\r\n  title,\r\n  description,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  children,\r\n}: RichTextProps) => {\r\n  return (\r\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\r\n      <Col className=\"ui-rich-text-content\">\r\n        {title && (\r\n          <Section.Title\r\n            fs={fontSize}\r\n            mdFs={mdFontSize}\r\n            className={classNameTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        )}\r\n        {description && (\r\n          <Section.Description>\r\n            {typeof description === \"string\" &&\r\n            React.isValidElement(description)\r\n              ? description\r\n              : HTML(description.toString(), \"div\")}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTML"],"mappings":";;;;;;;AAoBO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,6BAEKC,GAAQ,EAAA,WAAWC,EAAK,iCAAiCH,CAAe,GACvE,UAAA;AAAA,EAACI,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,IACCV,KAAAW,gBAAAA,EAAA;AAAA,MAACJ,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIL;AAAA,QACJ,MAAMC;AAAA,QACN,WAAWC;AAAA,QAEV,UAAAJ;AAAA,MAAA;AAAA,IACH;AAAA,IAEDC,KACEU,gBAAAA,EAAA,IAAAJ,EAAQ,aAAR,EACE,UAAA,OAAON,KAAgB,YACxBW,EAAM,eAAeX,CAAW,IAC5BA,IACAY,EAAKZ,EAAY,SAAS,GAAG,KAAK,EACxC,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCK;AAAA,GACH;"}

package/dist/index.es142.js

@@ -1,53 +1,120 @@
-import { j as r } from "./index.es243.js";
-import { Section as c } from "./index.es54.js";
-import { clsx as u } from "./index.es244.js";
-import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
-import { CardService as p } from "./index.es34.js";
-import { Col as x } from "./index.es10.js";
-import { ArrowLink as g } from "./index.es42.js";
-const C = ({
-  title: o,
-  description: l,
-  goToLabel: i,
-  href: n,
-  asLink: a = "a",
-  items: e,
-  className: d
-}) => /* @__PURE__ */ r.jsxs(
-  c,
-  {
-    className: u("base-col ui-suggested-services-section", d),
-    children: [
-      /* @__PURE__ */ r.jsxs(x, { className: "ui-suggested-services-sectirron-content", children: [
-        /* @__PURE__ */ r.jsxs("div", { className: "ui-suggested-services-section-title", children: [
-          /* @__PURE__ */ r.jsx(c.Description, { color: "slate-14", className: "fw-regular fs-3", children: o }),
-          i && n && /* @__PURE__ */ r.jsx(g, { href: n, asLink: a, fs: "7", children: i.toUpperCase() })
-        ] }),
-        l && /* @__PURE__ */ r.jsx(c.Description, { children: l })
+import { j as o } from "./index.es244.js";
+import { Section as i } from "./index.es54.js";
+import { clsx as d } from "./index.es246.js";
+import './sections/Services/Services.css';/* empty css            */
+import { useMemo as f } from "react";
+import { l as t } from "./index.es248.js";
+import { Col as m } from "./index.es10.js";
+import { ArrowLink as j } from "./index.es42.js";
+import { CardCategory as g } from "./index.es30.js";
+const e = {
+  LayoutOne: "LayoutOne",
+  LayoutTwo: "LayoutTwo",
+  LayoutThree: "LayoutThree",
+  LayoutFour: "LayoutFour",
+  LayoutFive: "LayoutFive"
+}, _ = ({
+  title: l,
+  description: y,
+  goToLabel: L,
+  href: p,
+  asLink: h = "a",
+  items: a,
+  layout: u = e.LayoutOne,
+  className: v
+}) => {
+  const x = ((r) => {
+    switch (r) {
+      case e.LayoutOne:
+        return "ui-service-items-layout-one";
+      case e.LayoutTwo:
+        return "ui-service-items-layout-two";
+      case e.LayoutThree:
+        return "ui-service-items-layout-three";
+      case e.LayoutFour:
+        return "ui-service-items-layout-four";
+      case e.LayoutFive:
+        return "ui-service-items-layout-five";
+      default:
+        return "";
+    }
+  })(u), n = f(() => {
+    switch (u) {
+      /**
+       * In this layout, we remove the image from all items.
+       */
+      case e.LayoutOne:
+        return a.map((r) => ({
+          ...t.omit(r, ["image"])
+        }));
+      /**
+       * In this layout, we remove the image from all items except the second one.
+       */
+      case e.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 e.LayoutThree:
+        return a.map((r) => ({
+          ...t.omit(r, ["image"])
+        }));
+      /**
+       * In this layout, we remove the image from all items.
+       */
+      case e.LayoutFour:
+        return a.map((r, s) => {
+          const c = s !== 0;
+          return {
+            ...t.omit(r, c ? ["image"] : [])
+          };
+        });
+      case e.LayoutFive:
+        return a.map((r) => ({
+          ...t.omit(r, ["image"])
+        }));
+      default:
+        return a;
+    }
+  }, [a, u]);
+  return /* @__PURE__ */ o.jsxs(i, { className: d("base-col ui-service-items-section", v), children: [
+    /* @__PURE__ */ o.jsxs(m, { className: "ui-service-items-sectirron-content", children: [
+      /* @__PURE__ */ o.jsxs("div", { className: "ui-service-items-section-title", children: [
+        /* @__PURE__ */ o.jsx(i.Title, { fs: "2", mdFs: "2", as: "h1", color: "slate-20", children: l }),
+        L && p && /* @__PURE__ */ o.jsx(j, { href: p, asLink: h, fs: "7", children: L.toUpperCase() })
       ] }),
-      /* @__PURE__ */ r.jsx(
-        "ul",
-        {
-          role: "list",
-          "aria-label": `Lista di ${o}`,
-          className: "list-style-none ui-suggested-services-layout",
-          children: e == null ? void 0 : e.map((s, t) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
-            p,
-            {
-              title: s == null ? void 0 : s.name,
-              href: (s == null ? void 0 : s.link) || (s == null ? void 0 : s.externalLink),
-              iconType: t === 1 ? "icon2" : t === 2 ? "icon3" : "icon1",
-              titleTag: "h3",
-              asLink: a
-            },
-            s._id
-          ) }, s._id))
-        }
-      )
-    ]
-  }
-);
+      y && /* @__PURE__ */ o.jsx(i.Description, { children: y })
+    ] }),
+    /* @__PURE__ */ o.jsx(
+      "ul",
+      {
+        role: "list",
+        "aria-label": `Lista di ${l}`,
+        className: `list-style-none ${x}`,
+        children: n == null ? void 0 : n.map((r, s) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
+          g,
+          {
+            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: h,
+            isExternal: r == null ? void 0 : r.externalLink
+          },
+          [r._id, s].join("-")
+        ) }, [r._id, s].join("-")))
+      }
+    )
+  ] });
+};
 export {
-  C as SuggestedServices
+  e as SERVICES_LAYOUTS,
+  _ as Services
 };
 //# sourceMappingURL=index.es142.js.map