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

package/dist/index.es143.js

@@ -1,77 +1,53 @@
-import { j as e } from "./index.es237.js";
-import o, { useMemo as S } from "react";
-import './sections/RichText/RichText.css';/* empty css            */
-import { HTML as m } from "./index.es148.js";
-import { clsx as d } from "./index.es239.js";
-import { Section as c } from "./index.es123.js";
-import { Col as E } from "./index.es61.js";
-const z = ({
-  title: i,
-  description: t,
-  fontSize: f = "2",
-  mdFontSize: u = "2",
-  classNameTitle: h,
-  additionalClass: g,
-  children: x,
-  maxLines: r = void 0
+import { j as i } from "./index.es241.js";
+import { Section as s } from "./index.es123.js";
+import './sections/Login/Login.css';/* empty css            */
+import { EntryButton as g } from "./index.es82.js";
+import { Col as o } from "./index.es61.js";
+const N = ({
+  title: l,
+  description: e,
+  loginTitle: n,
+  loginDescription: r,
+  buttonLabel: t,
+  buttonAriaLabel: c,
+  buttonHref: a,
+  asImage: m = "img",
+  region: d = "marche",
+  authSrc: h = ""
 }) => {
-  const [s, p] = o.useState(
-    typeof r == "number"
-  ), [a, j] = o.useState(!1), l = o.useRef(null), v = () => {
-    p(!s);
-  };
-  o.useLayoutEffect(() => {
-    const n = () => {
-      if (l.current) {
-        const { scrollHeight: w, clientHeight: y } = l.current;
-        j(w > y);
-      }
-    };
-    return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
-  }, [t, r]);
-  const b = S(() => 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: d(
-          "rich-text-body",
-          s && "rich-text-body--clamped"
-        ),
-        style: { "--max-lines": r },
-        children: m(t.toString(), "div")
-      }
-    ),
-    a && /* @__PURE__ */ e.jsxs(
-      "a",
-      {
-        "aria-label": "Mostra altro",
-        className: "toggle-clamped-btn",
-        onClick: v,
-        children: [
-          "Mostra ",
-          s ? "altro" : "meno"
-        ]
-      }
-    )
-  ] }) : null, [t, s, r, a]);
-  return /* @__PURE__ */ e.jsxs(c, { className: d("base-col ui-rich-text-section", g), children: [
-    /* @__PURE__ */ e.jsxs(E, { className: "ui-rich-text-content", children: [
-      i && /* @__PURE__ */ e.jsx(
-        c.Title,
+  const x = m;
+  return console.log(d), /* @__PURE__ */ i.jsxs(s, { className: "base-col ui-login-section", children: [
+    /* @__PURE__ */ i.jsxs(o, { className: "ui-login-content", children: [
+      /* @__PURE__ */ i.jsx(s.Title, { fs: "1", className: "md-fs-0 ui-login-title", mdFs: "0", children: l }),
+      e && /* @__PURE__ */ i.jsx(s.Description, { className: "ui-login-description", children: e })
+    ] }),
+    /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body", children: [
+      /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
+        /* @__PURE__ */ i.jsx("h1", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: n }),
+        /* @__PURE__ */ i.jsx(s.Description, { children: r }),
+        /* @__PURE__ */ i.jsx(
+          g,
+          {
+            ariaLabel: c,
+            href: a,
+            children: t
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
+        x,
         {
-          fs: f,
-          mdFs: u,
-          className: h,
-          children: i
+          src: h,
+          alt: "",
+          "aria-hidden": "true",
+          width: 246,
+          height: 746
         }
-      ),
-      /* @__PURE__ */ e.jsx(c.Description, { children: b })
-    ] }),
-    x
+      ) })
+    ] })
   ] });
 };
 export {
-  z as RichText
+  N as Login
 };
 //# sourceMappingURL=index.es143.js.map

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\";\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}>;\n\nexport const RichText = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  children,\n  maxLines = undefined,\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          {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","clamped","setClamped","React","showToggle","setShowToggle","contentRef","toggleClamped","checkOverflow","scrollHeight","clientHeight","body","useMemo","HTML","jsxs","Fragment","jsx","clsx","Section","Col"],"mappings":";;;;;;;AAqBO,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;AACb,MAAqB;AACnB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM;AAAA,IAClC,OAAOH,KAAa;AAAA,EAAA,GAEhB,CAACI,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,CAACd,GAAaM,CAAQ,CAAC;AAE1B,QAAMW,IAAOC,EAAQ,MACdlB,IAEF,OAAOA,KAAgB,YAAYS,EAAM,eAAeT,CAAW,KACpE,CAACM,IAEMa,EAAKnB,EAAY,SAAA,GAAY,KAAK,IAGvCoB,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,eAAeD,EAAA;AAAA,QAEvB,UAAAa,EAAKnB,EAAY,SAAA,GAAY,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAGpCU,KACCU,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,CAACP,GAAaO,GAASD,GAAUI,CAAU,CAAC;AAE/C,gCACGc,GAAA,EAAQ,WAAWD,EAAK,iCAAiCnB,CAAe,GACvE,UAAA;AAAA,IAAAgB,gBAAAA,EAAAA,KAACK,GAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,MAAA1B,KACCuB,gBAAAA,EAAAA;AAAAA,QAACE,EAAQ;AAAA,QAAR;AAAA,UACC,IAAIvB;AAAA,UACJ,MAAMC;AAAA,UACN,WAAWC;AAAA,UAEV,UAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGLuB,gBAAAA,EAAAA,IAACE,EAAQ,aAAR,EAAqB,UAAAP,EAAA,CAAK;AAAA,IAAA,GAC7B;AAAA,IACCZ;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.es143.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { Col, EntryButton } from \"@/components\";\nimport \"./Login.scss\";\nimport { Config } from \"@/utils/config.ts\";\n\nexport type LoginProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  loginTitle: string;\n  loginDescription: React.ReactNode;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  buttonHref: string;\n  asImage?: \"img\";\n  region?: Config[\"REGION\"];\n  authSrc?: string;\n};\n\nexport const Login = ({\n  title,\n  description,\n  loginTitle,\n  loginDescription,\n  buttonLabel,\n  buttonAriaLabel,\n  buttonHref,\n  asImage = \"img\",\n  region = \"marche\",\n  authSrc = \"\",\n}: LoginProps) => {\n  const ImageComponent = asImage;\n\n  console.log(region);\n\n  return (\n    <Section className=\"base-col ui-login-section\">\n      <Col className=\"ui-login-content\">\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\n          {title}\n        </Section.Title>\n        {description && (\n          <Section.Description className=\"ui-login-description\">\n            {description}\n          </Section.Description>\n        )}\n      </Col>\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\n        <Col gap={\"x16\"}>\n          <h1 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h1>\n          <Section.Description>{loginDescription}</Section.Description>\n          <EntryButton\n            // showIcon={region === \"marche\"}\n            ariaLabel={buttonAriaLabel}\n            href={buttonHref}\n          >\n            {buttonLabel}\n          </EntryButton>\n        </Col>\n\n        <div className=\"ui-login-body-img h-full\">\n          <ImageComponent\n            src={authSrc}\n            alt=\"\"\n            aria-hidden=\"true\"\n            width={246}\n            height={746}\n          />\n        </div>\n      </div>\n    </Section>\n  );\n};\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,6BACjB,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,KAACE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UAAAZ,EAAA,CACH;AAAA,MACCC,KACCa,gBAAAA,EAAAA,IAACF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UAAAX,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAACE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAAAC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,0CACX,UAAAZ,GACH;AAAA,QACAY,gBAAAA,EAAAA,IAACF,EAAQ,aAAR,EAAqB,UAAAT,EAAA,CAAiB;AAAA,QACvCW,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,4BACb,UAAAA,gBAAAA,EAAAA;AAAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EACV,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es144.js

@@ -1,128 +1,109 @@
-import { j as e } from "./index.es237.js";
-import { Section as d, SectionHeading as h } from "./index.es123.js";
-import { clsx as v } from "./index.es239.js";
-import { l as t } from "./index.es240.js";
-import { useMemo as f } from "react";
-import { RichText as g } from "./index.es143.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 = {
+import { j as s } from "./index.es241.js";
+import { Section as m, SectionHeading as f } from "./index.es123.js";
+import { clsx as g } from "./index.es243.js";
+import { l as t } from "./index.es244.js";
+import { useMemo as j } from "react";
+import { RichText as v } from "./index.es146.js";
+import './sections/HomeServices/HomeServices.css';/* empty css            */
+import { ArrowLink as T } from "./index.es25.js";
+import { CardCategory as w } from "./index.es36.js";
+import { Col as O } from "./index.es61.js";
+const r = {
   LayoutOne: "LayoutOne",
   LayoutTwo: "LayoutTwo",
   LayoutThree: "LayoutThree",
-  LayoutFour: "LayoutFour",
-  LayoutFive: "LayoutFive"
-}, _ = ({
-  title: i,
-  description: p,
-  goToLabel: l,
-  href: y,
-  asLink: L = "a",
+  LayoutFour: "LayoutFour"
+}, H = ({
+  title: l,
+  description: L,
+  goToLabel: i,
+  href: p,
+  asLink: h = "a",
   items: a,
-  layout: n = o.LayoutOne,
-  className: m
+  layout: n = r.LayoutOne,
+  className: x,
+  showBlueBackground: y = !1
 }) => {
-  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 "";
-    }
-  })(n), u = f(() => {
+  const d = n === r.LayoutOne ? "ui-home-services-layout-one" : n === r.LayoutTwo ? "ui-home-services-layout-two" : n === r.LayoutThree ? "ui-home-services-layout-three" : n === r.LayoutFour ? "ui-home-services-layout-four" : "", u = j(() => {
     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;
+      case r.LayoutOne:
+        return a.map((o, e) => {
+          const c = e !== 0;
           return {
-            ...t.omit(r, c ? ["image"] : [])
+            ...t.omit(o, c ? ["image"] : [])
           };
         });
-      /**
-       * In this layout, we remove the image from all items.
-       */
-      case o.LayoutThree:
-        return a.map((r) => ({
-          ...t.omit(r, ["image"])
+      case r.LayoutTwo:
+        return a.map((o) => ({
+          ...t.omit(o, [])
         }));
-      /**
-       * In this layout, we remove the image from all items.
-       */
-      case o.LayoutFour:
-        return a.map((r, s) => {
-          const c = s !== 0;
+      case r.LayoutThree:
+        return a.map((o, e) => {
+          const c = e !== 0;
           return {
-            ...t.omit(r, c ? ["image"] : [])
+            ...t.omit(o, c ? ["image"] : [])
+          };
+        });
+      case r.LayoutFour:
+        return a.map((o, e) => {
+          const c = e !== 2;
+          return {
+            ...t.omit(o, 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,
+  return /* @__PURE__ */ s.jsxs(
+    m,
+    {
+      className: g(
+        "base-col ui-home-services-section",
+        x,
+        y ? "blue-background" : ""
+      ),
+      children: [
+        /* @__PURE__ */ s.jsx(O, { className: "ui-home-services-section-content", children: /* @__PURE__ */ s.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("-")))
-      }
-    )
-  ] });
+            title: l,
+            description: /* @__PURE__ */ s.jsx(v, { description: L }),
+            className: "ui-home-services-section-title",
+            color: "slate-20",
+            mdFs: "1",
+            titleMarginBottom: "mb-x0",
+            descriptionMarginBottom: "mb-x0",
+            children: i && p && /* @__PURE__ */ s.jsx(T, { href: p, asLink: h, fs: "7", children: i.toUpperCase() })
+          }
+        ) }),
+        /* @__PURE__ */ s.jsx(
+          "ul",
+          {
+            role: "list",
+            "aria-label": `Lista di ${l}`,
+            className: `list-style-none ${d}`,
+            children: u == null ? void 0 : u.map((o, e) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+              w,
+              {
+                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: h,
+                isExternal: o == null ? void 0 : o.externalLink
+              },
+              [o._id, e].join("-")
+            ) }, [o._id, e].join("-")))
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  o as SERVICES_LAYOUTS,
-  _ as Services
+  r as HOME_SERVICES_LAYOUTS,
+  H as HomeServices
 };
 //# sourceMappingURL=index.es144.js.map

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\";\nimport { Section, SectionHeading } from \"@/components/ui/Section\";\nimport clsx from \"clsx\";\nimport { omit } from \"lodash\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./Services.scss\";\n\nexport const SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n  LayoutFive: \"LayoutFive\",\n} as const;\n\ntype ServicesLayout = (typeof SERVICES_LAYOUTS)[keyof typeof SERVICES_LAYOUTS];\n\nexport type ServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: ServicesLayout;\n  className?: string;\n};\n\nexport const Services = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = SERVICES_LAYOUTS.LayoutOne,\n  className,\n}: ServicesProps) => {\n  const getLayoutClassName = (l: ServicesLayout) => {\n    switch (l) {\n      case SERVICES_LAYOUTS.LayoutOne:\n        return \"ui-service-items-layout-one\";\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return \"ui-service-items-layout-two\";\n      case SERVICES_LAYOUTS.LayoutThree:\n        return \"ui-service-items-layout-three\";\n      case SERVICES_LAYOUTS.LayoutFour:\n        return \"ui-service-items-layout-four\";\n      case SERVICES_LAYOUTS.LayoutFive:\n        return \"ui-service-items-layout-five\";\n      default:\n        return \"\";\n    }\n  };\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items except the second one.\n       */\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item, index) => {\n          const removeImage = index !== 1;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case SERVICES_LAYOUTS.LayoutFive:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-service-items-section\", className)}>\n      <Col className=\"ui-service-items-sectirron-content\">\n        <SectionHeading\n          fs={\"2\"}\n          mdFs={\"2\"}\n          className=\"ui-service-items-section-title\"\n          titleMarginBottom=\"mb-x0\"\n          descriptionMarginBottom=\"mb-x0\"\n          color={\"slate-20\"}\n          title={title}\n          description={<RichText description={description}/>}\n        >\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </SectionHeading>\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item, index) => {\n          return (\n            <li key={[item._id, index].join(\"-\")}>\n              <CardCategory\n                key={[item._id, index].join(\"-\")}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SERVICES_LAYOUTS","Services","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","l","itemsNormalized","useMemo","item","omit","index","removeImage","Section","clsx","jsx","Col","SectionHeading","RichText","ArrowLink","CardCategory"],"mappings":"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"}
+{"version":3,"file":"index.es144.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { ArrowLink, CardCategory, Col } from \"@/components\";\nimport { Section, SectionHeading } from \"@/components/ui/Section\";\nimport clsx from \"clsx\";\nimport { omit } from \"lodash\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./HomeServices.scss\";\n\nexport const HOME_SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n} as const;\n\ntype Layout =\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\n\nexport type AggregationItemsProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: Layout;\n  className?: string;\n  showBlueBackground?: boolean;\n};\n\nexport const HomeServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\n  className,\n  showBlueBackground = false,\n}: AggregationItemsProps) => {\n  const layoutClassName =\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\n      ? \"ui-home-services-layout-one\"\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\n        ? \"ui-home-services-layout-two\"\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\n          ? \"ui-home-services-layout-three\"\n          : layout === HOME_SERVICES_LAYOUTS.LayoutFour\n            ? \"ui-home-services-layout-four\"\n            : \"\";\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item) => {\n          const removeImage = false;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 2;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section\n      className={clsx(\n        \"base-col ui-home-services-section\",\n        className,\n        showBlueBackground ? \"blue-background\" : \"\",\n      )}\n    >\n      <Col className=\"ui-home-services-section-content\">\n        <SectionHeading\n          title={title}\n          description={<RichText description={description}></RichText>}\n          className=\"ui-home-services-section-title\"\n          color=\"slate-20\"\n          mdFs=\"1\"\n          titleMarginBottom=\"mb-x0\"\n          descriptionMarginBottom=\"mb-x0\"\n        >\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </SectionHeading>\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item, index) => {\n          return (\n            <li key={[item._id, index].join(\"-\")}>\n              <CardCategory\n                key={[item._id, index].join(\"-\")}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","jsx","Col","SectionHeading","RichText","ArrowLink","CardCategory"],"mappings":";;;;;;;;;;AAQO,MAAMA,IAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AACd,GAiBaC,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,QAAAC,IAASR,EAAsB;AAAA,EAC/B,WAAAS;AAAA,EACA,oBAAAC,IAAqB;AACvB,MAA6B;AAC3B,QAAMC,IACJH,MAAWR,EAAsB,YAC7B,gCACAQ,MAAWR,EAAsB,YAC/B,gCACAQ,MAAWR,EAAsB,cAC/B,kCACAQ,MAAWR,EAAsB,aAC/B,iCACA,IAENY,IAAkBC,EAAQ,MAAM;AACpC,YAAQL,GAAA;AAAA,MACN,KAAKR,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACO,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AAC9B,iBAAO;AAAA,YACL,GAAGE,EAAAA,KAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAA,CAAE;AAAA,UAAA;AAAA,QAE9C,CAAC;AAAA,MACH,KAAKhB,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACO,OAET;AAAA,UACL,GAAGG,EAAAA,KAAKH,GAAgC,CAAA,CAAE;AAAA,QAAA,EAE7C;AAAA,MACH,KAAKd,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACO,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AAC9B,iBAAO;AAAA,YACL,GAAGE,EAAAA,KAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAA,CAAE;AAAA,UAAA;AAAA,QAE9C,CAAC;AAAA,MACH,KAAKhB,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACO,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AAC9B,iBAAO;AAAA,YACL,GAAGE,EAAAA,KAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAA,CAAE;AAAA,UAAA;AAAA,QAE9C,CAAC;AAAA,MACH;AACE,eAAOT;AAAA,IAAA;AAAA,EAEb,GAAG,CAACA,GAAOC,CAAM,CAAC;AAElB,SACEU,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAX;AAAA,QACAC,IAAqB,oBAAoB;AAAA,MAAA;AAAA,MAG3C,UAAA;AAAA,QAAAW,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAU,oCACb,UAAAD,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAArB;AAAA,YACA,aAAamB,gBAAAA,EAAAA,IAACG,GAAA,EAAS,aAAArB,EAAA,CAA0B;AAAA,YACjD,WAAU;AAAA,YACV,OAAM;AAAA,YACN,MAAK;AAAA,YACL,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YAEvB,UAAAC,KAAaC,KACZgB,gBAAAA,EAAAA,IAACI,GAAA,EAAU,MAAApB,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAAF,EAAU,YAAA,EAAY,CACzB;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QACAiB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY,YAAYnB,CAAK;AAAA,YAC7B,WAAW,mBAAmBS,CAAe;AAAA,YAE5C,UAAAC,KAAA,gBAAAA,EAAiB,IAAI,CAACE,GAAMC,4BAExB,MAAA,EACC,UAAAM,gBAAAA,EAAAA;AAAAA,cAACK;AAAA,cAAA;AAAA,gBAEC,OAAOZ,KAAA,gBAAAA,EAAM;AAAA,gBACb,aAAaA,KAAA,gBAAAA,EAAM;AAAA,gBACnB,OAAOA,KAAA,gBAAAA,EAAM;AAAA,gBACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,gBAC1B,UAAUA,KAAA,gBAAAA,EAAM;AAAA,gBAChB,QAAAR;AAAA,gBACA,YAAYQ,KAAA,gBAAAA,EAAM;AAAA,cAAA;AAAA,cAPb,CAACA,EAAK,KAAKC,CAAK,EAAE,KAAK,GAAG;AAAA,YAAA,EAQjC,GAVO,CAACD,EAAK,KAAKC,CAAK,EAAE,KAAK,GAAG,CAWnC;AAAA,UAEH;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es145.js

@@ -1,56 +1,60 @@
-import { j as e } from "./index.es237.js";
-import { Section as c } from "./index.es123.js";
-import { clsx as p } from "./index.es239.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,
+import { j as o } from "./index.es241.js";
+import { clsx as m } from "./index.es243.js";
+import { RichText as c } from "./index.es146.js";
+import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
+import { Section as p, SectionHeading as u } from "./index.es123.js";
+import { Col as h } from "./index.es61.js";
+import { Button as x } from "./index.es32.js";
+const B = ({
+  title: r,
+  description: t,
+  links: e,
+  asLink: s = "a",
+  showBlueBackground: n = !1
+}) => /* @__PURE__ */ o.jsxs(
+  p,
   {
-    className: p("base-col ui-suggested-services-section", d),
+    className: `base-col ui-what-do-you-need-section ${n ? "blue-background" : ""}`,
     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(
+      /* @__PURE__ */ o.jsx(h, { className: "ui-what-do-you-need-content", children: /* @__PURE__ */ o.jsx(
+        u,
+        {
+          title: r,
+          fs: "2",
+          mdFs: "1",
+          color: "slate-20",
+          titleMarginBottom: "0",
+          descriptionMarginBottom: "0",
+          description: t ? /* @__PURE__ */ o.jsx(c, { description: t }) : void 0
+        }
+      ) }),
+      /* @__PURE__ */ o.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);
-          })
+          "aria-label": `Lista di ${r}`,
+          className: m(
+            "list-style-none ui-what-do-you-need-links",
+            e.length < 4 ? "row" : "grid"
+          ),
+          children: e == null ? void 0 : e.map(({ link: i, title: d, isNewTab: a }, l) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
+            x,
+            {
+              asLink: s,
+              href: i,
+              size: "2",
+              variant: l > 0 ? "secondary" : "primary",
+              target: a ? "_blank" : void 0,
+              rel: a ? "noopener noreferrer" : void 0,
+              children: d
+            }
+          ) }, i))
         }
-      ) })
+      )
     ]
   }
 );
 export {
-  k as SuggestedServices
+  B as WhatDoYouNeed
 };
 //# sourceMappingURL=index.es145.js.map

package/dist/index.es145.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es145.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;"}
+{"version":3,"file":"index.es145.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section, SectionHeading } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport clsx from \"clsx\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./WhatDoYouNeed.scss\";\n\ntype WhatDoYouNeedProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links: EnhancedSectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  showBlueBackground?: boolean;\n}>;\n\ntype EnhancedSectionLink = SectionLink & {\n  isNewTab?: boolean;\n};\n\nexport const WhatDoYouNeed = ({\n  title,\n  description,\n  links,\n  asLink = \"a\",\n  showBlueBackground = false,\n}: WhatDoYouNeedProps) => {\n  return (\n    <Section\n      className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}\n    >\n      <Col className=\"ui-what-do-you-need-content\">\n        <SectionHeading\n          title={title}\n          fs=\"2\"\n          mdFs=\"1\"\n          color=\"slate-20\"\n          titleMarginBottom=\"0\"\n          descriptionMarginBottom=\"0\"\n          description={description ? <RichText description={description}></RichText> : undefined}\n        />\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={clsx(\n          \"list-style-none ui-what-do-you-need-links\",\n          links.length < 4 ? \"row\" : \"grid\",\n        )}\n      >\n        {links?.map(({ link, title, isNewTab }, index) => (\n          <li key={link}>\n            <Button\n              asLink={asLink}\n              href={link}\n              size=\"2\"\n              variant={index > 0 ? \"secondary\" : \"primary\"}\n              // textColor={index > 0 ? \"primary\" : undefined}\n              // bg={index > 0 ? \"white\" : undefined}\n              // className={index > 0 ? \"br-color-primary\" : undefined}\n              target={isNewTab ? \"_blank\" : undefined}\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\n            >\n              {title}\n            </Button>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","jsxs","Section","jsx","Col","SectionHeading","RichText","clsx","link","isNewTab","index","Button"],"mappings":";;;;;;;AAmBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,oBAAAC,IAAqB;AACvB,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,wCAAwCF,IAAqB,oBAAoB,EAAE;AAAA,IAE9F,UAAA;AAAA,MAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAU,+BACb,UAAAD,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAT;AAAA,UACA,IAAG;AAAA,UACH,MAAK;AAAA,UACL,OAAM;AAAA,UACN,mBAAkB;AAAA,UAClB,yBAAwB;AAAA,UACxB,aAAaC,IAAcM,gBAAAA,EAAAA,IAACG,GAAA,EAAS,aAAAT,GAA0B,IAAc;AAAA,QAAA;AAAA,MAAA,GAEjF;AAAA,MACAM,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,YAAYP,CAAK;AAAA,UAC7B,WAAWW;AAAA,YACT;AAAA,YACAT,EAAM,SAAS,IAAI,QAAQ;AAAA,UAAA;AAAA,UAG5B,UAAAA,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAU,GAAM,OAAAZ,GAAO,UAAAa,EAAA,GAAYC,MACtCP,gBAAAA,EAAAA,IAAC,MAAA,EACC,UAAAA,gBAAAA,EAAAA;AAAAA,YAACQ;AAAA,YAAA;AAAA,cACC,QAAAZ;AAAA,cACA,MAAMS;AAAA,cACN,MAAK;AAAA,cACL,SAASE,IAAQ,IAAI,cAAc;AAAA,cAInC,QAAQD,IAAW,WAAW;AAAA,cAC9B,KAAKA,IAAW,wBAAwB;AAAA,cAEvC,UAAAb;AAAAA,YAAA;AAAA,UAAA,EACH,GAbOY,CAcT;AAAA,QACD;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAAA;"}