@anoki/fse-ui 1.0.552 → 1.0.554

package/dist/index.es106.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es106.js","sources":["../src/components/ui/Accordion/AccordionStepper/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { StepData, StepItem } from \"./StepItem\";\r\nimport \"./AccordionStepper.scss\";\r\nimport { ToggleLabel } from \"../types\";\r\nimport ToggleContent from \"../ToggleContent\";\r\n\r\ninterface AccordionStepperProps {\r\n  mainTitle?: string;\r\n  toggleStepsLabels: ToggleLabel;\r\n  toggleSingleStepsLabel: ToggleLabel;\r\n  steps: StepData[];\r\n}\r\n\r\nexport const AccordionStepper: React.FC<AccordionStepperProps> = ({\r\n  steps,\r\n  mainTitle,\r\n  toggleStepsLabels,\r\n  toggleSingleStepsLabel,\r\n}) => {\r\n  const [expandedSteps, setExpandedSteps] = useState<boolean[]>(\r\n    steps.map((_, index) => index === 0),\r\n  );\r\n  const [allOpen, setAllOpen] = useState(false);\r\n\r\n  const toggleAll = () => {\r\n    const newState = !allOpen;\r\n    setExpandedSteps(steps.map(() => newState));\r\n    setAllOpen(newState);\r\n  };\r\n\r\n  const toggleStep = (index: number) => {\r\n    const updated = [...expandedSteps];\r\n    updated[index] = !updated[index];\r\n    setExpandedSteps(updated);\r\n  };\r\n\r\n  return (\r\n    <div className=\"accordion-stepper\">\r\n      {mainTitle && <h2 className=\"mainTitle fs-x40 fw-bold\">{mainTitle}</h2>}\r\n      <ToggleContent\r\n        className=\"toggle-all\"\r\n        onClick={toggleAll}\r\n        isOpen={allOpen}\r\n        toggleLabels={toggleStepsLabels}\r\n      />\r\n\r\n      {steps.map((step, index) => (\r\n        <StepItem\r\n          key={index}\r\n          index={index}\r\n          title={step.title}\r\n          content={step.content}\r\n          isOpen={expandedSteps[index]}\r\n          detailLabels={toggleSingleStepsLabel}\r\n          onToggle={() => toggleStep(index)}\r\n        />\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AccordionStepper","steps","mainTitle","toggleStepsLabels","toggleSingleStepsLabel","expandedSteps","setExpandedSteps","useState","_","index","allOpen","setAllOpen","toggleAll","newState","toggleStep","updated","jsxs","jsx","ToggleContent","step","StepItem"],"mappings":";;;;;AAaO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,wBAAAC;AACF,MAAM;AACE,QAAA,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCN,EAAM,IAAI,CAACO,GAAGC,MAAUA,MAAU,CAAC;AAAA,EACrC,GACM,CAACC,GAASC,CAAU,IAAIJ,EAAS,EAAK,GAEtCK,IAAY,MAAM;AACtB,UAAMC,IAAW,CAACH;AAClB,IAAAJ,EAAiBL,EAAM,IAAI,MAAMY,CAAQ,CAAC,GAC1CF,EAAWE,CAAQ;AAAA,EACrB,GAEMC,IAAa,CAACL,MAAkB;AAC9B,UAAAM,IAAU,CAAC,GAAGV,CAAa;AACjC,IAAAU,EAAQN,CAAK,IAAI,CAACM,EAAQN,CAAK,GAC/BH,EAAiBS,CAAO;AAAA,EAC1B;AAGE,SAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,qBACZ,UAAA;AAAA,IAAAd,KAAce,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,4BAA4B,UAAUf,GAAA;AAAA,IAClEe,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAASN;AAAA,QACT,QAAQF;AAAA,QACR,cAAcP;AAAA,MAAA;AAAA,IAChB;AAAA,IAECF,EAAM,IAAI,CAACkB,GAAMV,MAChBQ,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,OAAAX;AAAA,QACA,OAAOU,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQd,EAAcI,CAAK;AAAA,QAC3B,cAAcL;AAAA,QACd,UAAU,MAAMU,EAAWL,CAAK;AAAA,MAAA;AAAA,MAN3BA;AAAA,IAQR,CAAA;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.es106.js","sources":["../src/components/ui/Accordion/AccordionStepper/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { StepData, StepItem } from \"./StepItem\";\nimport \"./AccordionStepper.scss\";\nimport { ToggleLabel } from \"../types\";\nimport ToggleContent from \"../ToggleContent\";\n\ninterface AccordionStepperProps {\n  mainTitle?: string;\n  toggleStepsLabels: ToggleLabel;\n  toggleSingleStepsLabel: ToggleLabel;\n  steps: StepData[];\n}\n\nexport const AccordionStepper: React.FC<AccordionStepperProps> = ({\n  steps,\n  mainTitle,\n  toggleStepsLabels,\n  toggleSingleStepsLabel,\n}) => {\n  const [expandedSteps, setExpandedSteps] = useState<boolean[]>(\n    steps.map((_, index) => index === 0),\n  );\n  const [allOpen, setAllOpen] = useState(false);\n\n  const toggleAll = () => {\n    const newState = !allOpen;\n    setExpandedSteps(steps.map(() => newState));\n    setAllOpen(newState);\n  };\n\n  const toggleStep = (index: number) => {\n    const updated = [...expandedSteps];\n    updated[index] = !updated[index];\n    setExpandedSteps(updated);\n  };\n\n  return (\n    <div className=\"accordion-stepper\">\n      {mainTitle && <h2 className=\"mainTitle fs-x40 fw-bold\">{mainTitle}</h2>}\n      <ToggleContent\n        className=\"toggle-all\"\n        onClick={toggleAll}\n        isOpen={allOpen}\n        toggleLabels={toggleStepsLabels}\n      />\n\n      {steps.map((step, index) => (\n        <StepItem\n          key={index}\n          index={index}\n          title={step.title}\n          content={step.content}\n          isOpen={expandedSteps[index]}\n          detailLabels={toggleSingleStepsLabel}\n          onToggle={() => toggleStep(index)}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["AccordionStepper","steps","mainTitle","toggleStepsLabels","toggleSingleStepsLabel","expandedSteps","setExpandedSteps","useState","_","index","allOpen","setAllOpen","toggleAll","newState","toggleStep","updated","jsxs","jsx","ToggleContent","step","StepItem"],"mappings":";;;;;AAaO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,wBAAAC;AACF,MAAM;AACE,QAAA,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCN,EAAM,IAAI,CAACO,GAAGC,MAAUA,MAAU,CAAC;AAAA,EACrC,GACM,CAACC,GAASC,CAAU,IAAIJ,EAAS,EAAK,GAEtCK,IAAY,MAAM;AACtB,UAAMC,IAAW,CAACH;AAClB,IAAAJ,EAAiBL,EAAM,IAAI,MAAMY,CAAQ,CAAC,GAC1CF,EAAWE,CAAQ;AAAA,EACrB,GAEMC,IAAa,CAACL,MAAkB;AAC9B,UAAAM,IAAU,CAAC,GAAGV,CAAa;AACjC,IAAAU,EAAQN,CAAK,IAAI,CAACM,EAAQN,CAAK,GAC/BH,EAAiBS,CAAO;AAAA,EAC1B;AAGE,SAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,qBACZ,UAAA;AAAA,IAAAd,KAAce,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,4BAA4B,UAAUf,GAAA;AAAA,IAClEe,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAASN;AAAA,QACT,QAAQF;AAAA,QACR,cAAcP;AAAA,MAAA;AAAA,IAChB;AAAA,IAECF,EAAM,IAAI,CAACkB,GAAMV,MAChBQ,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,OAAAX;AAAA,QACA,OAAOU,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQd,EAAcI,CAAK;AAAA,QAC3B,cAAcL;AAAA,QACd,UAAU,MAAMU,EAAWL,CAAK;AAAA,MAAA;AAAA,MAN3BA;AAAA,IAQR,CAAA;AAAA,EAAA,GACH;AAEJ;"}

package/dist/index.es107.js

@@ -1,54 +1,83 @@
-import { j as i } from "./index.es185.js";
-import { Section as s } from "./index.es46.js";
-import './sections/Login/Login.css';/* empty css            */
-import { EntryButton as g } from "./index.es36.js";
-import { Col as o } from "./index.es10.js";
+import { j as c } from "./index.es186.js";
+import { useRef as l, useState as x, useEffect as E } from "react";
+import { clsx as g } from "./index.es188.js";
+import './components/ui/ActionsPopup/ActionsPopup.css';/* empty css            */
 const N = ({
-  title: r,
-  description: e,
-  loginTitle: l,
-  loginDescription: n,
-  buttonLabel: t,
-  buttonAriaLabel: c,
-  buttonHref: a,
-  asImage: m = "img",
-  region: d = "marche",
-  authSrc: h = ""
+  isOpen: o = !1,
+  onClickCloseBtn: i,
+  className: f = "",
+  actions: p = [],
+  children: v,
+  parentRef: u
 }) => {
-  const x = m;
-  return /* @__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: r }),
-      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("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: l }),
-        /* @__PURE__ */ i.jsx(s.Description, { children: n }),
-        /* @__PURE__ */ i.jsx(
-          g,
-          {
-            showIcon: d === "marche",
-            ariaLabel: c,
-            href: a,
-            children: t
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
-        x,
+  const n = l(null), a = l(null), [d, w] = x({
+    top: "1rem",
+    left: "-2rem",
+    right: "auto"
+  }), m = () => {
+    if (!n.current) return;
+    const t = n.current.getBoundingClientRect(), r = window.innerWidth, s = window.innerHeight;
+    let e = { ...d };
+    if (u != null && u.current) {
+      const h = u.current.getBoundingClientRect();
+      e = {
+        top: "1rem",
+        left: "-2rem",
+        right: "auto"
+      }, h.right + t.width - 30 > r && (e = {
+        top: "1rem",
+        left: "auto",
+        right: "0"
+      }), h.bottom + t.height > s && (e.top = `-${t.height}px`);
+    } else
+      t.right > r && (e.left = "auto", e.right = "0"), t.bottom > s && (e.top = `-${t.height}px`);
+    w(e);
+  };
+  return E(() => {
+    var s;
+    const t = (e) => {
+      e.key === "Escape" && o && (i == null || i());
+    }, r = (e) => {
+      n.current && !n.current.contains(e.target) && o && (i == null || i());
+    };
+    return o ? (a.current = document.activeElement, (s = n.current) == null || s.focus(), document.addEventListener("keydown", t), document.addEventListener("mousedown", r), m(), window.addEventListener("resize", m)) : a.current && a.current.focus(), () => {
+      document.removeEventListener("keydown", t), document.removeEventListener("mousedown", r), window.removeEventListener("resize", m);
+    };
+  }, [o, i]), o ? /* @__PURE__ */ c.jsx(
+    "div",
+    {
+      className: g(
+        "popupContainerActions",
+        o ? "open" : "close",
+        f
+      ),
+      onClick: (t) => {
+        t.stopPropagation();
+      },
+      style: { position: "absolute", right: 0 },
+      children: /* @__PURE__ */ c.jsx(
+        "div",
         {
-          src: h,
-          alt: "",
-          "aria-hidden": "true",
-          width: 246,
-          height: 746
+          ref: n,
+          role: "dialog",
+          "aria-modal": "true",
+          className: g("dialogActions"),
+          tabIndex: -1,
+          style: {
+            top: d.top,
+            left: d.left,
+            right: d.right
+          },
+          children: /* @__PURE__ */ c.jsxs("div", { className: "contentActions", children: [
+            /* @__PURE__ */ c.jsx("ul", { className: "actionsList", children: p.map((t, r) => /* @__PURE__ */ c.jsx("li", { className: "actionsListItem", children: t }, r)) }),
+            v
+          ] })
         }
-      ) })
-    ] })
-  ] });
+      )
+    }
+  ) : null;
 };
 export {
-  N as Login
+  N as ActionsPopup
 };
 //# sourceMappingURL=index.es107.js.map

package/dist/index.es107.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es107.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  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          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h3>\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;AAErB,SAAAI,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUP,MAAW;AAAA,YACrB,WAAWH;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es107.js","sources":["../src/components/ui/ActionsPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport \"./ActionsPopup.scss\";\n// import { Close } from \"@/icons\";\n\nexport type ActionsPopupProps = PropsWithChildren<{\n  isOpen: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n  actions?: React.ReactNode[];\n  parentRef?: React.RefObject<HTMLElement>; // Reference to the parent element\n}>;\n\nexport const ActionsPopup = ({\n  isOpen = false,\n  onClickCloseBtn,\n  className = \"\",\n  actions = [],\n  children,\n  parentRef,\n}: ActionsPopupProps) => {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const previousActiveElement = useRef<HTMLElement | null>(null);\n  const [position, setPosition] = useState({\n    top: \"1rem\",\n    left: \"-2rem\",\n    right: \"auto\",\n  });\n\n  // Function to calculate and adjust position\n  const adjustPosition = () => {\n    if (!dialogRef.current) return;\n\n    const dialogRect = dialogRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    let newPosition = { ...position };\n\n    // Check if the parent reference is provided\n    if (parentRef?.current) {\n      const parentRect = parentRef.current.getBoundingClientRect();\n\n      // Start with default position relative to parent\n      newPosition = {\n        top: \"1rem\",\n        left: \"-2rem\",\n        right: \"auto\",\n      };\n\n      // Check if popup extends beyond right edge of viewport\n      if (parentRect.right + dialogRect.width - 30 > viewportWidth) {\n        // Adjust to open to the left instead\n        newPosition = {\n          top: \"1rem\",\n          left: \"auto\",\n          right: \"0\",\n        };\n      }\n\n      // Check if popup extends beyond bottom edge of viewport\n      if (parentRect.bottom + dialogRect.height > viewportHeight) {\n        // Adjust to open upward instead\n        newPosition.top = `-${dialogRect.height}px`;\n      }\n    } else {\n      // Fallback positioning if no parent reference\n      if (dialogRect.right > viewportWidth) {\n        newPosition.left = \"auto\";\n        newPosition.right = \"0\";\n      }\n\n      if (dialogRect.bottom > viewportHeight) {\n        newPosition.top = `-${dialogRect.height}px`;\n      }\n    }\n\n    setPosition(newPosition);\n  };\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && isOpen) {\n        onClickCloseBtn?.();\n      }\n    };\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dialogRef.current &&\n        !dialogRef.current.contains(event.target as Node) &&\n        isOpen\n      ) {\n        onClickCloseBtn?.();\n      }\n    };\n\n    if (isOpen) {\n      previousActiveElement.current = document.activeElement as HTMLElement;\n      dialogRef.current?.focus();\n      document.addEventListener(\"keydown\", handleEscape);\n      document.addEventListener(\"mousedown\", handleClickOutside);\n\n      // Adjust position when opened\n      adjustPosition();\n\n      // Also adjust on resize\n      window.addEventListener(\"resize\", adjustPosition);\n    } else if (previousActiveElement.current) {\n      previousActiveElement.current.focus();\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      window.removeEventListener(\"resize\", adjustPosition);\n    };\n  }, [isOpen, onClickCloseBtn]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className={clsx(\n        \"popupContainerActions\",\n        isOpen ? \"open\" : \"close\",\n        className,\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n      style={{ position: \"absolute\", right: 0 }}\n    >\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        className={clsx(\"dialogActions\")}\n        tabIndex={-1}\n        style={{\n          top: position.top,\n          left: position.left,\n          right: position.right,\n        }}\n      >\n        <div className=\"contentActions\">\n          {/*<button*/}\n          {/*  onClick={(e) => {*/}\n          {/*    e.stopPropagation();*/}\n          {/*    onClickCloseBtn?.();*/}\n          {/*  }}*/}\n          {/*  className=\"closeButtonActions\"*/}\n          {/*  aria-label=\"Chiudi popup\"*/}\n          {/*>*/}\n          {/*  <Close className=\"closeIcon\" />*/}\n          {/*</button>*/}\n\n          <ul className=\"actionsList\">\n            {actions.map((action, index) => (\n              <li key={index} className=\"actionsListItem\">\n                {action}\n              </li>\n            ))}\n          </ul>\n\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionsPopup","isOpen","onClickCloseBtn","className","actions","children","parentRef","dialogRef","useRef","previousActiveElement","position","setPosition","useState","adjustPosition","dialogRect","viewportWidth","viewportHeight","newPosition","parentRect","useEffect","handleEscape","event","handleClickOutside","_a","jsx","clsx","e","jsxs","action","index"],"mappings":";;;;AAaO,MAAMA,IAAe,CAAC;AAAA,EAC3B,QAAAC,IAAS;AAAA,EACT,iBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU,CAAC;AAAA,EACX,UAAAC;AAAA,EACA,WAAAC;AACF,MAAyB;AACjB,QAAAC,IAAYC,EAAuB,IAAI,GACvCC,IAAwBD,EAA2B,IAAI,GACvD,CAACE,GAAUC,CAAW,IAAIC,EAAS;AAAA,IACvC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,CACR,GAGKC,IAAiB,MAAM;AACvB,QAAA,CAACN,EAAU,QAAS;AAElB,UAAAO,IAAaP,EAAU,QAAQ,sBAAsB,GACrDQ,IAAgB,OAAO,YACvBC,IAAiB,OAAO;AAE1B,QAAAC,IAAc,EAAE,GAAGP,EAAS;AAGhC,QAAIJ,KAAA,QAAAA,EAAW,SAAS;AAChB,YAAAY,IAAaZ,EAAU,QAAQ,sBAAsB;AAG7C,MAAAW,IAAA;AAAA,QACZ,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT,GAGIC,EAAW,QAAQJ,EAAW,QAAQ,KAAKC,MAE/BE,IAAA;AAAA,QACZ,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT,IAIEC,EAAW,SAASJ,EAAW,SAASE,MAE9BC,EAAA,MAAM,IAAIH,EAAW,MAAM;AAAA,IACzC;AAGI,MAAAA,EAAW,QAAQC,MACrBE,EAAY,OAAO,QACnBA,EAAY,QAAQ,MAGlBH,EAAW,SAASE,MACVC,EAAA,MAAM,IAAIH,EAAW,MAAM;AAI3C,IAAAH,EAAYM,CAAW;AAAA,EACzB;AAyCI,SAvCJE,EAAU,MAAM;;AACR,UAAAC,IAAe,CAACC,MAAyB;AACzC,MAAAA,EAAM,QAAQ,YAAYpB,MACVC,KAAA,QAAAA;AAAA,IAEtB,GAEMoB,IAAqB,CAACD,MAAsB;AAE9C,MAAAd,EAAU,WACV,CAACA,EAAU,QAAQ,SAASc,EAAM,MAAc,KAChDpB,MAEkBC,KAAA,QAAAA;AAAA,IAEtB;AAEA,WAAID,KACFQ,EAAsB,UAAU,SAAS,gBACzCc,IAAAhB,EAAU,YAAV,QAAAgB,EAAmB,SACV,SAAA,iBAAiB,WAAWH,CAAY,GACxC,SAAA,iBAAiB,aAAaE,CAAkB,GAG1CT,EAAA,GAGR,OAAA,iBAAiB,UAAUA,CAAc,KACvCJ,EAAsB,WAC/BA,EAAsB,QAAQ,MAAM,GAG/B,MAAM;AACF,eAAA,oBAAoB,WAAWW,CAAY,GAC3C,SAAA,oBAAoB,aAAaE,CAAkB,GACrD,OAAA,oBAAoB,UAAUT,CAAc;AAAA,IACrD;AAAA,EAAA,GACC,CAACZ,GAAQC,CAAe,CAAC,GAEvBD,IAGHuB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAxB,IAAS,SAAS;AAAA,QAClBE;AAAA,MACF;AAAA,MACA,SAAS,CAACuB,MAAM;AACd,QAAAA,EAAE,gBAAgB;AAAA,MACpB;AAAA,MACA,OAAO,EAAE,UAAU,YAAY,OAAO,EAAE;AAAA,MAExC,UAAAF,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKjB;AAAA,UACL,MAAK;AAAA,UACL,cAAW;AAAA,UACX,WAAWkB,EAAK,eAAe;AAAA,UAC/B,UAAU;AAAA,UACV,OAAO;AAAA,YACL,KAAKf,EAAS;AAAA,YACd,MAAMA,EAAS;AAAA,YACf,OAAOA,EAAS;AAAA,UAClB;AAAA,UAEA,UAAAiB,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,kBAYb,UAAA;AAAA,YAAAH,gBAAAA,MAAC,MAAG,EAAA,WAAU,eACX,UAAApB,EAAQ,IAAI,CAACwB,GAAQC,MACpBL,gBAAAA,EAAAA,IAAC,QAAe,WAAU,mBACvB,UADMI,EAAA,GAAAC,CAET,CACD,GACH;AAAA,YAECxB;AAAA,UAAA,EACH,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,IAjDkB;AAmDtB;"}

package/dist/index.es108.js

@@ -1,83 +1,54 @@
-import { j as r } from "./index.es185.js";
-import { Section as u } from "./index.es46.js";
-import { clsx as f } from "./index.es187.js";
-import './sections/HomeServices/HomeServices.css';/* empty css            */
-import { useMemo as j } from "react";
-import { l as t } from "./index.es189.js";
-import { CardCategory as v } from "./index.es26.js";
-import { Col as w } from "./index.es10.js";
-import { ArrowLink as T } from "./index.es35.js";
-const s = {
-  LayoutOne: "LayoutOne",
-  LayoutTwo: "LayoutTwo",
-  LayoutThree: "LayoutThree"
-}, _ = ({
-  title: h,
-  description: i,
-  goToLabel: p,
-  href: x,
-  asLink: L = "a",
-  items: e,
-  layout: a = s.LayoutOne,
-  className: d
+import { j as i } from "./index.es186.js";
+import { Section as s } from "./index.es46.js";
+import './sections/Login/Login.css';/* empty css            */
+import { EntryButton as g } from "./index.es36.js";
+import { Col as o } from "./index.es10.js";
+const N = ({
+  title: r,
+  description: e,
+  loginTitle: l,
+  loginDescription: n,
+  buttonLabel: t,
+  buttonAriaLabel: c,
+  buttonHref: a,
+  asImage: m = "img",
+  region: d = "marche",
+  authSrc: h = ""
 }) => {
-  const y = a === s.LayoutOne ? "ui-home-services-layout-one" : a === s.LayoutTwo ? "ui-home-services-layout-two" : "ui-home-services-layout-three", n = j(() => {
-    switch (a) {
-      case s.LayoutOne:
-        return e.map((o, c) => {
-          const l = c !== 0;
-          return {
-            ...t.omit(o, l ? ["image"] : [])
-          };
-        });
-      case s.LayoutTwo:
-        return e.map((o) => ({
-          ...t.omit(o, [])
-        }));
-      case s.LayoutThree:
-        return e.map((o, c) => {
-          const l = c !== 0;
-          return {
-            ...t.omit(o, l ? ["image"] : [])
-          };
-        });
-      default:
-        return e;
-    }
-  }, [e, a]);
-  return /* @__PURE__ */ r.jsxs(u, { className: f("base-col ui-home-services-section", d), children: [
-    /* @__PURE__ */ r.jsxs(w, { className: "ui-home-services-section-content", children: [
-      /* @__PURE__ */ r.jsxs("div", { className: "ui-home-services-section-title", children: [
-        /* @__PURE__ */ r.jsx(u.Title, { fs: "2", children: h }),
-        p && x && /* @__PURE__ */ r.jsx(T, { href: x, asLink: L, fs: "7", children: p.toUpperCase() })
-      ] }),
-      i && /* @__PURE__ */ r.jsx(u.Description, { children: i })
+  const x = m;
+  return /* @__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: r }),
+      e && /* @__PURE__ */ i.jsx(s.Description, { className: "ui-login-description", children: e })
     ] }),
-    /* @__PURE__ */ r.jsx(
-      "ul",
-      {
-        role: "list",
-        "aria-label": `Lista di ${h}`,
-        className: `list-style-none ${y}`,
-        children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
-          v,
+    /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body", children: [
+      /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
+        /* @__PURE__ */ i.jsx("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: l }),
+        /* @__PURE__ */ i.jsx(s.Description, { children: n }),
+        /* @__PURE__ */ i.jsx(
+          g,
           {
-            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: L,
-            isExternal: o == null ? void 0 : o.externalLink
-          },
-          o._id
-        ) }, o._id))
-      }
-    )
+            showIcon: d === "marche",
+            ariaLabel: c,
+            href: a,
+            children: t
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
+        x,
+        {
+          src: h,
+          alt: "",
+          "aria-hidden": "true",
+          width: 246,
+          height: 746
+        }
+      ) })
+    ] })
   ] });
 };
 export {
-  s as HOME_SERVICES_LAYOUTS,
-  _ as HomeServices
+  N as Login
 };
 //# sourceMappingURL=index.es108.js.map

package/dist/index.es108.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es108.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./HomeServices.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const HOME_SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\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};\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}: 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        : \"ui-home-services-layout-three\";\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      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-home-services-section\", className)}>\n      <Col className=\"ui-home-services-section-content\">\n        <div className=\"ui-home-services-section-title\">\n          <Section.Title fs=\"2\">{title}</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":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","Section","clsx","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":";;;;;;;;;AAOO,MAAMA,IAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AACf,GAgBaC,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;AACF,MAA6B;AACrB,QAAAC,IACJF,MAAWR,EAAsB,YAC7B,gCACAQ,MAAWR,EAAsB,YAC/B,gCACA,iCAEFW,IAAkBC,EAAQ,MAAM;AACpC,YAAQJ,GAAQ;AAAA,MACd,KAAKR,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AACvB,iBAAA;AAAA,YACL,GAAGE,OAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAE,CAAA;AAAA,UAC5C;AAAA,QAAA,CACD;AAAA,MACH,KAAKf,EAAsB;AAClB,eAAAO,EAAM,IAAI,CAACM,OAET;AAAA,UACL,GAAGG,EAAAA,KAAKH,GAAgC,CAAE,CAAA;AAAA,QAC5C,EACD;AAAA,MACH,KAAKb,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AACvB,iBAAA;AAAA,YACL,GAAGE,OAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAE,CAAA;AAAA,UAC5C;AAAA,QAAA,CACD;AAAA,MACH;AACS,eAAAR;AAAA,IAAA;AAAA,EACX,GACC,CAACA,GAAOC,CAAM,CAAC;AAElB,gCACGS,GAAQ,EAAA,WAAWC,EAAK,qCAAqCT,CAAS,GACrE,UAAA;AAAA,IAACU,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,oCACb,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAE,gBAAAA,EAAA,IAACJ,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAMf,GAAA;AAAA,QAC5BE,KAAaC,KACZgB,gBAAAA,MAACC,GAAU,EAAA,MAAAjB,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,MAAA,GAEJ;AAAA,MACCD,KACCkB,gBAAAA,EAAA,IAACJ,EAAQ,aAAR,EAAqB,UAAYd,EAAA,CAAA;AAAA,IAAA,GAEtC;AAAA,IACAkB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYnB,CAAK;AAAA,QAC7B,WAAW,mBAAmBQ,CAAe;AAAA,QAE5C,UAAAC,KAAA,gBAAAA,EAAiB,IAAI,CAACE,4BAElB,MACC,EAAA,UAAAQ,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YAEC,OAAOV,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,QAAAP;AAAA,YACA,YAAYO,KAAA,gBAAAA,EAAM;AAAA,UAAA;AAAA,UAPbA,EAAK;AAAA,QAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,MAEH;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"index.es108.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  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          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h3>\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;AAErB,SAAAI,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUP,MAAW;AAAA,YACrB,WAAWH;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es109.js

@@ -1,40 +1,83 @@
-import { j as e } from "./index.es185.js";
-import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { Section as r } from "./index.es46.js";
-import { Col as c } from "./index.es10.js";
-import { Button as m } from "./index.es25.js";
-const f = ({
-  title: t,
+import { j as r } from "./index.es186.js";
+import { Section as u } from "./index.es46.js";
+import { clsx as f } from "./index.es188.js";
+import './sections/HomeServices/HomeServices.css';/* empty css            */
+import { useMemo as j } from "react";
+import { l as t } from "./index.es190.js";
+import { CardCategory as v } from "./index.es26.js";
+import { Col as w } from "./index.es10.js";
+import { ArrowLink as T } from "./index.es35.js";
+const s = {
+  LayoutOne: "LayoutOne",
+  LayoutTwo: "LayoutTwo",
+  LayoutThree: "LayoutThree"
+}, _ = ({
+  title: h,
   description: i,
-  links: o,
-  asLink: n = "a"
-}) => /* @__PURE__ */ e.jsxs(r, { className: "base-col ui-what-do-you-need-section", children: [
-  /* @__PURE__ */ e.jsxs(c, { className: "ui-what-do-you-need-content", children: [
-    /* @__PURE__ */ e.jsx(r.Title, { fs: "2", children: t }),
-    i && /* @__PURE__ */ e.jsx(r.Description, { children: i })
-  ] }),
-  /* @__PURE__ */ e.jsx(
-    "ul",
-    {
-      role: "list",
-      "aria-label": `Lista di ${t}`,
-      className: "list-style-none ui-what-do-you-need-links",
-      children: o == null ? void 0 : o.map(({ link: s, title: l, isNewTab: a }, d) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-        m,
-        {
-          asLink: n,
-          href: s,
-          size: "2",
-          variant: d > 0 ? "secondary" : "primary",
-          target: a ? "_blank" : void 0,
-          rel: a ? "noopener noreferrer" : void 0,
-          children: l
-        }
-      ) }, s))
+  goToLabel: p,
+  href: x,
+  asLink: L = "a",
+  items: e,
+  layout: a = s.LayoutOne,
+  className: d
+}) => {
+  const y = a === s.LayoutOne ? "ui-home-services-layout-one" : a === s.LayoutTwo ? "ui-home-services-layout-two" : "ui-home-services-layout-three", n = j(() => {
+    switch (a) {
+      case s.LayoutOne:
+        return e.map((o, c) => {
+          const l = c !== 0;
+          return {
+            ...t.omit(o, l ? ["image"] : [])
+          };
+        });
+      case s.LayoutTwo:
+        return e.map((o) => ({
+          ...t.omit(o, [])
+        }));
+      case s.LayoutThree:
+        return e.map((o, c) => {
+          const l = c !== 0;
+          return {
+            ...t.omit(o, l ? ["image"] : [])
+          };
+        });
+      default:
+        return e;
     }
-  )
-] });
+  }, [e, a]);
+  return /* @__PURE__ */ r.jsxs(u, { className: f("base-col ui-home-services-section", d), children: [
+    /* @__PURE__ */ r.jsxs(w, { className: "ui-home-services-section-content", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "ui-home-services-section-title", children: [
+        /* @__PURE__ */ r.jsx(u.Title, { fs: "2", children: h }),
+        p && x && /* @__PURE__ */ r.jsx(T, { href: x, asLink: L, fs: "7", children: p.toUpperCase() })
+      ] }),
+      i && /* @__PURE__ */ r.jsx(u.Description, { children: i })
+    ] }),
+    /* @__PURE__ */ r.jsx(
+      "ul",
+      {
+        role: "list",
+        "aria-label": `Lista di ${h}`,
+        className: `list-style-none ${y}`,
+        children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+          v,
+          {
+            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: L,
+            isExternal: o == null ? void 0 : o.externalLink
+          },
+          o._id
+        ) }, o._id))
+      }
+    )
+  ] });
+};
 export {
-  f as WhatDoYouNeed
+  s as HOME_SERVICES_LAYOUTS,
+  _ as HomeServices
 };
 //# sourceMappingURL=index.es109.js.map

package/dist/index.es109.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es109.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\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}>;\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}: WhatDoYouNeedProps) => {\r\n  return (\r\n    <Section className=\"base-col ui-what-do-you-need-section\">\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=\"list-style-none ui-what-do-you-need-links\"\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","jsxs","Section","Col","jsx","link","isNewTab","index","Button"],"mappings":";;;;;AAgBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,wCACjB,UAAA;AAAA,EAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACF,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCM,gBAAAA,EAAA,IAACF,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAU;AAAA,MAET,UAAAE,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAM,GAAM,OAAAR,GAAO,UAAAS,EAAS,GAAGC,MACtCH,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAAR;AAAA,UACA,MAAMK;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAT;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOQ,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es109.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./HomeServices.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const HOME_SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\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};\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}: 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        : \"ui-home-services-layout-three\";\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      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-home-services-section\", className)}>\n      <Col className=\"ui-home-services-section-content\">\n        <div className=\"ui-home-services-section-title\">\n          <Section.Title fs=\"2\">{title}</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":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","Section","clsx","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":";;;;;;;;;AAOO,MAAMA,IAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AACf,GAgBaC,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;AACF,MAA6B;AACrB,QAAAC,IACJF,MAAWR,EAAsB,YAC7B,gCACAQ,MAAWR,EAAsB,YAC/B,gCACA,iCAEFW,IAAkBC,EAAQ,MAAM;AACpC,YAAQJ,GAAQ;AAAA,MACd,KAAKR,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AACvB,iBAAA;AAAA,YACL,GAAGE,OAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAE,CAAA;AAAA,UAC5C;AAAA,QAAA,CACD;AAAA,MACH,KAAKf,EAAsB;AAClB,eAAAO,EAAM,IAAI,CAACM,OAET;AAAA,UACL,GAAGG,EAAAA,KAAKH,GAAgC,CAAE,CAAA;AAAA,QAC5C,EACD;AAAA,MACH,KAAKb,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AACvB,iBAAA;AAAA,YACL,GAAGE,OAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAE,CAAA;AAAA,UAC5C;AAAA,QAAA,CACD;AAAA,MACH;AACS,eAAAR;AAAA,IAAA;AAAA,EACX,GACC,CAACA,GAAOC,CAAM,CAAC;AAElB,gCACGS,GAAQ,EAAA,WAAWC,EAAK,qCAAqCT,CAAS,GACrE,UAAA;AAAA,IAACU,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,oCACb,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAE,gBAAAA,EAAA,IAACJ,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAMf,GAAA;AAAA,QAC5BE,KAAaC,KACZgB,gBAAAA,MAACC,GAAU,EAAA,MAAAjB,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,MAAA,GAEJ;AAAA,MACCD,KACCkB,gBAAAA,EAAA,IAACJ,EAAQ,aAAR,EAAqB,UAAYd,EAAA,CAAA;AAAA,IAAA,GAEtC;AAAA,IACAkB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYnB,CAAK;AAAA,QAC7B,WAAW,mBAAmBQ,CAAe;AAAA,QAE5C,UAAAC,KAAA,gBAAAA,EAAiB,IAAI,CAACE,4BAElB,MACC,EAAA,UAAAQ,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YAEC,OAAOV,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,QAAAP;AAAA,YACA,YAAYO,KAAA,gBAAAA,EAAM;AAAA,UAAA;AAAA,UAPbA,EAAK;AAAA,QAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,MAEH;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/index.es11.js

@@ -1,8 +1,8 @@
-import { j as r } from "./index.es185.js";
+import { j as r } from "./index.es186.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as e } from "./index.es187.js";
+import { clsx as e } from "./index.es188.js";
 import { useState as m } from "react";
-import { useAlertDialog as p } from "./index.es201.js";
+import { useAlertDialog as p } from "./index.es202.js";
 import { Button as x } from "./index.es25.js";
 const v = ({
   btnText: i,

package/dist/index.es11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es11.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\r\nimport clsx from \"clsx\";\r\nimport { useState } from \"react\";\r\nimport { Button } from \"@/components\";\r\nimport { useAlertDialog } from \"@/hooks/useAlert.tsx\";\r\n\r\ntype SearchProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  onChangeValue?: (value: string) => void;\r\n};\r\n\r\nexport const Search = ({\r\n  btnText,\r\n  helperText,\r\n  onChangeValue,\r\n  value,\r\n}: SearchProps) => {\r\n  const [valueInput, setValueInput] = useState(value);\r\n  const { openAlert, AlertDialog } = useAlertDialog();\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <input\r\n        id=\"search\"\r\n        type=\"search\"\r\n        className={clsx(\r\n          \"ui-search-input\",\r\n          \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n        )}\r\n        placeholder={helperText}\r\n        aria-label=\"Barra di ricerca\"\r\n        value={valueInput}\r\n        onChange={(e) => {\r\n          if (onChangeValue) {\r\n            onChangeValue(e.target.value);\r\n          }\r\n          setValueInput(e.target.value);\r\n        }}\r\n      />\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => openAlert({ description: valueInput })}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n      <AlertDialog />\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Search","btnText","helperText","onChangeValue","value","valueInput","setValueInput","useState","openAlert","AlertDialog","useAlertDialog","clsx","jsx","e","Button"],"mappings":";;;;;;AAaO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AACF,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,CAAK,GAC5C,EAAE,WAAAI,GAAW,aAAAC,EAAY,IAAIC,EAAe;AAClD,gCACG,OAAI,EAAA,WAAWC,EAAK,aAAa,kCAAkC,GAClE,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,WAAWD;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAaT;AAAA,QACb,cAAW;AAAA,QACX,OAAOG;AAAA,QACP,UAAU,CAACQ,MAAM;AACf,UAAIV,KACYA,EAAAU,EAAE,OAAO,KAAK,GAEhBP,EAAAO,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IACCD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWD,EAAK,YAAY,GAC/B,UAAAC,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWH;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS,MAAMH,EAAU,EAAE,aAAaH,GAAY;AAAA,QAEnD,UAAAJ;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,0BACCQ,GAAY,CAAA,CAAA;AAAA,EAAA,GACf;AAEJ;"}
+{"version":3,"file":"index.es11.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\nimport clsx from \"clsx\";\nimport { useState } from \"react\";\nimport { Button } from \"@/components\";\nimport { useAlertDialog } from \"@/hooks/useAlert.tsx\";\n\ntype SearchProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  onChangeValue?: (value: string) => void;\n};\n\nexport const Search = ({\n  btnText,\n  helperText,\n  onChangeValue,\n  value,\n}: SearchProps) => {\n  const [valueInput, setValueInput] = useState(value);\n  const { openAlert, AlertDialog } = useAlertDialog();\n  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <input\n        id=\"search\"\n        type=\"search\"\n        className={clsx(\n          \"ui-search-input\",\n          \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n        )}\n        placeholder={helperText}\n        aria-label=\"Barra di ricerca\"\n        value={valueInput}\n        onChange={(e) => {\n          if (onChangeValue) {\n            onChangeValue(e.target.value);\n          }\n          setValueInput(e.target.value);\n        }}\n      />\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\n          )}\n          onClick={() => openAlert({ description: valueInput })}\n        >\n          {btnText}\n        </Button>\n      </div>\n      <AlertDialog />\n    </div>\n  );\n};\n"],"names":["Search","btnText","helperText","onChangeValue","value","valueInput","setValueInput","useState","openAlert","AlertDialog","useAlertDialog","clsx","jsx","e","Button"],"mappings":";;;;;;AAaO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AACF,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,CAAK,GAC5C,EAAE,WAAAI,GAAW,aAAAC,EAAY,IAAIC,EAAe;AAClD,gCACG,OAAI,EAAA,WAAWC,EAAK,aAAa,kCAAkC,GAClE,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,WAAWD;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAaT;AAAA,QACb,cAAW;AAAA,QACX,OAAOG;AAAA,QACP,UAAU,CAACQ,MAAM;AACf,UAAIV,KACYA,EAAAU,EAAE,OAAO,KAAK,GAEhBP,EAAAO,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IACCD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWD,EAAK,YAAY,GAC/B,UAAAC,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWH;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS,MAAMH,EAAU,EAAE,aAAaH,GAAY;AAAA,QAEnD,UAAAJ;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,0BACCQ,GAAY,CAAA,CAAA;AAAA,EAAA,GACf;AAEJ;"}

package/dist/index.es110.js

@@ -1,30 +1,40 @@
-import { j as s } from "./index.es185.js";
-import './sections/RichText/RichText.css';/* empty css            */
-import { Section as t } from "./index.es46.js";
-import { Col as n } from "./index.es10.js";
-const j = ({
-  title: i,
-  description: e,
-  fontSize: r = "2",
-  mdFontSize: c = "2",
-  classNameTitle: o,
-  children: m
-}) => /* @__PURE__ */ s.jsxs(t, { className: "base-col ui-rich-text-section", children: [
-  /* @__PURE__ */ s.jsxs(n, { className: "ui-rich-text-content", children: [
-    /* @__PURE__ */ s.jsx(
-      t.Title,
-      {
-        fs: r,
-        mdFs: c,
-        className: o,
-        children: i
-      }
-    ),
-    e && /* @__PURE__ */ s.jsx(t.Description, { children: e })
+import { j as e } from "./index.es186.js";
+import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
+import { Section as r } from "./index.es46.js";
+import { Col as c } from "./index.es10.js";
+import { Button as m } from "./index.es25.js";
+const f = ({
+  title: t,
+  description: i,
+  links: o,
+  asLink: n = "a"
+}) => /* @__PURE__ */ e.jsxs(r, { className: "base-col ui-what-do-you-need-section", children: [
+  /* @__PURE__ */ e.jsxs(c, { className: "ui-what-do-you-need-content", children: [
+    /* @__PURE__ */ e.jsx(r.Title, { fs: "2", children: t }),
+    i && /* @__PURE__ */ e.jsx(r.Description, { children: i })
   ] }),
-  m
+  /* @__PURE__ */ e.jsx(
+    "ul",
+    {
+      role: "list",
+      "aria-label": `Lista di ${t}`,
+      className: "list-style-none ui-what-do-you-need-links",
+      children: o == null ? void 0 : o.map(({ link: s, title: l, isNewTab: a }, d) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+        m,
+        {
+          asLink: n,
+          href: s,
+          size: "2",
+          variant: d > 0 ? "secondary" : "primary",
+          target: a ? "_blank" : void 0,
+          rel: a ? "noopener noreferrer" : void 0,
+          children: l
+        }
+      ) }, s))
+    }
+  )
 ] });
 export {
-  j as RichText
+  f as WhatDoYouNeed
 };
 //# sourceMappingURL=index.es110.js.map