@anoki/fse-ui 2.1.0-SNAPSHOT1.8 → 2.1.0-SNAPSHOT10

package/dist/index.es117.js

@@ -1,42 +1,52 @@
 import { j as o } from "./index.es249.js";
-import { useState as c } from "react";
-import { StepItem as f } from "./index.es426.js";
+import { useState as p } from "react";
+import { StepItem as S } from "./index.es426.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import S from "./index.es428.js";
-const h = ({
+import f from "./index.es428.js";
+import { SectionHeading as j } from "./index.es55.js";
+const b = ({
   steps: s,
-  mainTitle: l,
-  toggleStepsLabels: r,
-  toggleSingleStepsLabel: m
+  mainTitle: r,
+  toggleStepsLabels: m,
+  toggleSingleStepsLabel: c
 }) => {
-  const [n, a] = c(
+  const [l, n] = p(
     s.map((e, t) => t === 0)
-  ), [p, i] = c(!1), g = () => {
-    const e = !p;
-    a(s.map(() => e)), i(e);
+  ), [a, i] = p(!1), g = () => {
+    const e = !a;
+    n(s.map(() => e)), i(e);
   }, d = (e) => {
-    const t = [...n];
-    t[e] = !t[e], a(t);
+    const t = [...l];
+    t[e] = !t[e], n(t);
   };
   return /* @__PURE__ */ o.jsxs("div", { className: "accordion-stepper", children: [
-    l && /* @__PURE__ */ o.jsx("h2", { className: "mainTitle fs-x40 fw-bold", children: l }),
     /* @__PURE__ */ o.jsx(
-      S,
+      j,
+      {
+        color: "primary",
+        title: r,
+        className: "mainTitle",
+        fs: "4",
+        mdFs: "2"
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      f,
       {
         className: "toggle-all",
         onClick: g,
-        isOpen: p,
-        toggleLabels: r
+        isOpen: a,
+        toggleLabels: m
       }
     ),
     s.map((e, t) => /* @__PURE__ */ o.jsx(
-      f,
+      S,
       {
         index: t,
         title: e.title,
         content: e.content,
-        isOpen: n[t],
-        detailLabels: m,
+        isOpen: l[t],
+        detailLabels: c,
         onToggle: () => d(t)
       },
       t
@@ -44,6 +54,6 @@ const h = ({
   ] });
 };
 export {
-  h as AccordionStepper
+  b as AccordionStepper
 };
 //# sourceMappingURL=index.es117.js.map

package/dist/index.es117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es117.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/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.es117.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/ToggleContent\";\r\nimport { SectionHeading } from \"../../Section\";\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      <SectionHeading\r\n        color={\"primary\"}\r\n        title={mainTitle}\r\n        className=\"mainTitle\"\r\n        fs=\"4\"\r\n        mdFs=\"2\"\r\n      />\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","SectionHeading","ToggleContent","step","StepItem"],"mappings":";;;;;;AAcO,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,qBACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAOhB;AAAA,QACP,WAAU;AAAA,QACV,IAAG;AAAA,QACH,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IACAe,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAASP;AAAA,QACT,QAAQF;AAAA,QACR,cAAcP;AAAA,MAAA;AAAA,IAChB;AAAA,IAECF,EAAM,IAAI,CAACmB,GAAMX,MAChBQ,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,OAAAZ;AAAA,QACA,OAAOW,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQf,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.es118.js

@@ -1,33 +1,34 @@
 import { j as o } from "./index.es249.js";
-import { useState as i } from "react";
+import { useState as a } from "react";
 import { StepItemGenericAccordion as m } from "./index.es429.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
-const x = ({
-  mainTitle: c,
+import { SectionHeading as p } from "./index.es55.js";
+const S = ({
+  mainTitle: r,
   steps: n
 }) => {
-  const [s, r] = i(
+  const [c, s] = a(
     n.map((t, e) => e === 0)
-  ), a = (t) => {
-    const e = [...s];
-    e[t] = !e[t], r(e);
+  ), i = (t) => {
+    const e = [...c];
+    e[t] = !e[t], s(e);
   };
   return /* @__PURE__ */ o.jsxs("section", { className: "generic-accordion", children: [
-    c && /* @__PURE__ */ o.jsx("h2", { className: "mainTitle fs-x40 fw-bold", children: c }),
+    /* @__PURE__ */ o.jsx(p, { title: r, fs: "4", mdFs: "2" }),
     /* @__PURE__ */ o.jsx("div", { className: "steps-container", children: n.map((t, e) => /* @__PURE__ */ o.jsx(
       m,
       {
         title: t.title,
         badge: t.badge,
         content: t.content,
-        isOpen: s[e],
-        onToggle: () => a(e)
+        isOpen: c[e],
+        onToggle: () => i(e)
       },
       e
     )) })
   ] });
 };
 export {
-  x as GenericAccordion
+  S as GenericAccordion
 };
 //# sourceMappingURL=index.es118.js.map

package/dist/index.es118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es118.js","sources":["../src/components/ui/Accordion/GenericAccordion/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { StepDataGenericAccordion, StepItemGenericAccordion } from \"./StepItemGenericAccordion\";\r\nimport \"./GenericAccordion.scss\";\r\n\r\ninterface GenericAccordionProps {\r\n  mainTitle?: string;\r\n  steps: StepDataGenericAccordion[];\r\n}\r\n\r\nexport const GenericAccordion: React.FC<GenericAccordionProps> = ({\r\n  mainTitle,\r\n  steps,\r\n}) => {\r\n  const [expandedSteps, setExpandedSteps] = useState<boolean[]>(\r\n    steps.map((_, index) => index === 0),\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    <section className=\"generic-accordion\">\r\n      {mainTitle && <h2 className=\"mainTitle fs-x40 fw-bold\">{mainTitle}</h2>}\r\n      <div className=\"steps-container\">\r\n        {steps.map((step, index) => (\r\n          <StepItemGenericAccordion\r\n            key={index}\r\n            title={step.title}\r\n            badge={step.badge}\r\n            content={step.content}\r\n            isOpen={expandedSteps[index]}\r\n            onToggle={() => toggleStep(index)}\r\n          />\r\n        ))}\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["GenericAccordion","mainTitle","steps","expandedSteps","setExpandedSteps","useState","_","index","toggleStep","updated","jsxs","jsx","step","StepItemGenericAccordion"],"mappings":";;;;AASO,MAAMA,IAAoD,CAAC;AAAA,EAChE,WAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCH,EAAM,IAAI,CAACI,GAAGC,MAAUA,MAAU,CAAC;AAAA,EACrC,GAEMC,IAAa,CAACD,MAAkB;AAC9B,UAAAE,IAAU,CAAC,GAAGN,CAAa;AACjC,IAAAM,EAAQF,CAAK,IAAI,CAACE,EAAQF,CAAK,GAC/BH,EAAiBK,CAAO;AAAA,EAC1B;AAGE,SAAAC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,qBAChB,UAAA;AAAA,IAAAT,KAAcU,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,4BAA4B,UAAUV,GAAA;AAAA,IAClEU,gBAAAA,EAAAA,IAAC,SAAI,WAAU,mBACZ,YAAM,IAAI,CAACC,GAAML,MAChBI,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QAEC,OAAOD,EAAK;AAAA,QACZ,OAAOA,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQT,EAAcI,CAAK;AAAA,QAC3B,UAAU,MAAMC,EAAWD,CAAK;AAAA,MAAA;AAAA,MAL3BA;AAAA,IAAA,CAOR,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es118.js","sources":["../src/components/ui/Accordion/GenericAccordion/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport {\r\n  StepDataGenericAccordion,\r\n  StepItemGenericAccordion,\r\n} from \"./StepItemGenericAccordion\";\r\nimport \"./GenericAccordion.scss\";\r\nimport { SectionHeading } from \"../../Section\";\r\n\r\ninterface GenericAccordionProps {\r\n  mainTitle?: string;\r\n  steps: StepDataGenericAccordion[];\r\n}\r\n\r\nexport const GenericAccordion: React.FC<GenericAccordionProps> = ({\r\n  mainTitle,\r\n  steps,\r\n}) => {\r\n  const [expandedSteps, setExpandedSteps] = useState<boolean[]>(\r\n    steps.map((_, index) => index === 0),\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    <section className=\"generic-accordion\">\r\n      <SectionHeading title={mainTitle} fs=\"4\" mdFs=\"2\" />\r\n      <div className=\"steps-container\">\r\n        {steps.map((step, index) => (\r\n          <StepItemGenericAccordion\r\n            key={index}\r\n            title={step.title}\r\n            badge={step.badge}\r\n            content={step.content}\r\n            isOpen={expandedSteps[index]}\r\n            onToggle={() => toggleStep(index)}\r\n          />\r\n        ))}\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["GenericAccordion","mainTitle","steps","expandedSteps","setExpandedSteps","useState","_","index","toggleStep","updated","jsxs","jsx","SectionHeading","step","StepItemGenericAccordion"],"mappings":";;;;;AAaO,MAAMA,IAAoD,CAAC;AAAA,EAChE,WAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCH,EAAM,IAAI,CAACI,GAAGC,MAAUA,MAAU,CAAC;AAAA,EACrC,GAEMC,IAAa,CAACD,MAAkB;AAC9B,UAAAE,IAAU,CAAC,GAAGN,CAAa;AACjC,IAAAM,EAAQF,CAAK,IAAI,CAACE,EAAQF,CAAK,GAC/BH,EAAiBK,CAAO;AAAA,EAC1B;AAGE,SAAAC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,qBACjB,UAAA;AAAA,IAAAC,gBAAAA,MAACC,KAAe,OAAOX,GAAW,IAAG,KAAI,MAAK,KAAI;AAAA,IAClDU,gBAAAA,EAAAA,IAAC,SAAI,WAAU,mBACZ,YAAM,IAAI,CAACE,GAAMN,MAChBI,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,OAAOD,EAAK;AAAA,QACZ,OAAOA,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQV,EAAcI,CAAK;AAAA,QAC3B,UAAU,MAAMC,EAAWD,CAAK;AAAA,MAAA;AAAA,MAL3BA;AAAA,IAAA,CAOR,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es121.js

@@ -1,35 +1,50 @@
-import { j as s } from "./index.es249.js";
+import { j as e } from "./index.es249.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */
 import { ArrowLink as o } from "./index.es43.js";
-import { Image as _ } from "./index.es434.js";
-var m = /* @__PURE__ */ ((e) => (e.WITH_TOPIC_DATE = "withTopicDate", e.NO_TOPIC_DATE = "noTopicDate", e))(m || {});
-const p = ({
-  variant: e = "withTopicDate",
-  sectionTitle: r = "",
-  imageUrl: a,
-  title: d,
-  description: t,
-  link: n,
+import { Image as m } from "./index.es434.js";
+import { SectionHeading as _ } from "./index.es55.js";
+var h = /* @__PURE__ */ ((s) => (s.WITH_TOPIC_DATE = "withTopicDate", s.NO_TOPIC_DATE = "noTopicDate", s))(h || {});
+const v = ({
+  variant: s = "withTopicDate",
+  sectionTitle: n = "",
+  imageUrl: r,
+  title: t,
+  description: d,
+  link: a,
   asLink: l,
-  date: c,
-  topic: i
-}) => /* @__PURE__ */ s.jsxs("section", { className: "card-preview-section", children: [
-  r && /* @__PURE__ */ s.jsx("h2", { className: "card-preview-section-title", children: r }),
-  /* @__PURE__ */ s.jsxs("div", { className: "news-card", children: [
-    /* @__PURE__ */ s.jsx("div", { className: "news-card__image", children: a ? /* @__PURE__ */ s.jsx("img", { src: a, alt: "Anteprima" }) : /* @__PURE__ */ s.jsx("div", { className: "placeholder-icon", children: /* @__PURE__ */ s.jsx(_, { width: 20, height: 20 }) }) }),
-    e === "withTopicDate" && (i || c) && /* @__PURE__ */ s.jsxs("div", { className: "news-card__info", children: [
-      /* @__PURE__ */ s.jsx("div", { className: "news-card__info__topic", children: i || "" }),
-      /* @__PURE__ */ s.jsx("div", { className: "news-card__info__date", children: c || "" })
+  date: i,
+  topic: c
+}) => /* @__PURE__ */ e.jsxs("section", { className: "card-preview-section", children: [
+  /* @__PURE__ */ e.jsx(
+    _,
+    {
+      title: n,
+      className: "card-preview-section-title"
+    }
+  ),
+  /* @__PURE__ */ e.jsxs("div", { className: "news-card", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "news-card__image", children: r ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "Anteprima" }) : /* @__PURE__ */ e.jsx("div", { className: "placeholder-icon", children: /* @__PURE__ */ e.jsx(m, { width: 20, height: 20 }) }) }),
+    s === "withTopicDate" && (c || i) && /* @__PURE__ */ e.jsxs("div", { className: "news-card__info", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "news-card__info__topic", children: c || "" }),
+      /* @__PURE__ */ e.jsx("div", { className: "news-card__info__date", children: i || "" })
     ] }),
-    /* @__PURE__ */ s.jsxs("div", { className: "news-card__content", children: [
-      /* @__PURE__ */ s.jsx("h1", { className: "news-card__title", children: d }),
-      /* @__PURE__ */ s.jsx("p", { className: "news-card__description", children: t }),
-      /* @__PURE__ */ s.jsx(o, { className: "news-card__cta", href: n.link, asLink: l, children: n.title })
+    /* @__PURE__ */ e.jsxs("div", { className: "news-card__content", children: [
+      /* @__PURE__ */ e.jsx("h1", { className: "news-card__title", children: t }),
+      /* @__PURE__ */ e.jsx("p", { className: "news-card__description", children: d }),
+      /* @__PURE__ */ e.jsx(
+        o,
+        {
+          className: "news-card__cta",
+          href: a.link,
+          asLink: l,
+          children: a.title
+        }
+      )
     ] })
   ] })
 ] });
 export {
-  p as CardPreview,
-  m as CardPreviewVariant
+  v as CardPreview,
+  h as CardPreviewVariant
 };
 //# sourceMappingURL=index.es121.js.map

package/dist/index.es121.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es121.js","sources":["../src/components/ui/CardPreview/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./CardPreview.scss\";\r\nimport { ArrowLink } from \"../ArrowLink\";\r\nimport { Link } from \"@anoki/fse-common/dist\";\r\nimport { Image } from \"@/icons/Image\";\r\n\r\nexport enum CardPreviewVariant {\r\n  WITH_TOPIC_DATE = \"withTopicDate\",\r\n  NO_TOPIC_DATE = \"noTopicDate\",\r\n}\r\n\r\nexport interface CardPreviewProps {\r\n  variant?: CardPreviewVariant;\r\n  sectionTitle?: string;\r\n  imageUrl?: string;\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  link: Link;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  topic?: string;\r\n  date?: string;\r\n}\r\n\r\nexport const CardPreview: React.FC<CardPreviewProps> = ({\r\n  variant = CardPreviewVariant.WITH_TOPIC_DATE,\r\n  sectionTitle = \"\",\r\n  imageUrl,\r\n  title,\r\n  description,\r\n  link,\r\n  asLink,\r\n  date,\r\n  topic,\r\n}) => {\r\n  return (\r\n    <section className=\"card-preview-section\">\r\n      {sectionTitle && <h2 className=\"card-preview-section-title\">{sectionTitle}</h2>}\r\n      <div className=\"news-card\">\r\n        <div className=\"news-card__image\">\r\n          {imageUrl ? (\r\n            <img src={imageUrl} alt=\"Anteprima\" />\r\n          ) : (\r\n            <div className=\"placeholder-icon\">\r\n              <Image width={20} height={20} />\r\n            </div>\r\n          )}\r\n        </div>\r\n        {variant === CardPreviewVariant.WITH_TOPIC_DATE && (topic || date) && (\r\n          <div className=\"news-card__info\">\r\n            <div className=\"news-card__info__topic\">{topic ? topic : \"\"}</div>\r\n            <div className=\"news-card__info__date\">{date ? date : \"\"}</div>\r\n          </div>\r\n        )}\r\n        <div className=\"news-card__content\">\r\n          <h1 className=\"news-card__title\">{title}</h1>\r\n          <p className=\"news-card__description\">{description}</p>\r\n          <ArrowLink className=\"news-card__cta\" href={link.link} asLink={asLink}>\r\n            {link.title}\r\n          </ArrowLink>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["CardPreviewVariant","CardPreview","variant","sectionTitle","imageUrl","title","description","link","asLink","date","topic","jsxs","jsx","Image","ArrowLink"],"mappings":";;;;AAMY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,iBAClBA,EAAA,gBAAgB,eAFNA,IAAAA,KAAA,CAAA,CAAA;AAiBL,MAAMC,IAA0C,CAAC;AAAA,EACtD,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,wBAChB,UAAA;AAAA,EAAAR,KAAiBS,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAaT,GAAA;AAAA,EAC1EQ,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,oBACZ,UAAAR,0BACE,OAAI,EAAA,KAAKA,GAAU,KAAI,YAAY,CAAA,0BAEnC,OAAI,EAAA,WAAU,oBACb,UAACQ,gBAAAA,EAAA,IAAAC,GAAA,EAAM,OAAO,IAAI,QAAQ,GAAI,CAAA,EAAA,CAChC,EAEJ,CAAA;AAAA,IACCX,MAAY,oBAAuCQ,KAASD,MAC1DE,gBAAAA,OAAA,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,MAAAC,gBAAAA,MAAC,OAAI,EAAA,WAAU,0BAA0B,UAAAF,KAAgB,IAAG;AAAA,4BAC3D,OAAI,EAAA,WAAU,yBAAyB,UAAAD,KAAc,GAAG,CAAA;AAAA,IAAA,GAC3D;AAAA,IAEFE,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,sBACb,UAAA;AAAA,MAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,oBAAoB,UAAMP,GAAA;AAAA,MACvCO,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,0BAA0B,UAAYN,GAAA;AAAA,MACnDM,gBAAAA,EAAAA,IAACE,KAAU,WAAU,kBAAiB,MAAMP,EAAK,MAAM,QAAAC,GACpD,UAAAD,EAAK,MACR,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es121.js","sources":["../src/components/ui/CardPreview/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./CardPreview.scss\";\r\nimport { ArrowLink } from \"../ArrowLink\";\r\nimport { Link } from \"@anoki/fse-common/dist\";\r\nimport { Image } from \"@/icons/Image\";\r\nimport { SectionHeading } from \"../Section\";\r\n\r\nexport enum CardPreviewVariant {\r\n  WITH_TOPIC_DATE = \"withTopicDate\",\r\n  NO_TOPIC_DATE = \"noTopicDate\",\r\n}\r\n\r\nexport interface CardPreviewProps {\r\n  variant?: CardPreviewVariant;\r\n  sectionTitle?: string;\r\n  imageUrl?: string;\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  link: Link;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  topic?: string;\r\n  date?: string;\r\n}\r\n\r\nexport const CardPreview: React.FC<CardPreviewProps> = ({\r\n  variant = CardPreviewVariant.WITH_TOPIC_DATE,\r\n  sectionTitle = \"\",\r\n  imageUrl,\r\n  title,\r\n  description,\r\n  link,\r\n  asLink,\r\n  date,\r\n  topic,\r\n}) => {\r\n  return (\r\n    <section className=\"card-preview-section\">\r\n      <SectionHeading\r\n        title={sectionTitle}\r\n        className=\"card-preview-section-title\"\r\n      />\r\n      <div className=\"news-card\">\r\n        <div className=\"news-card__image\">\r\n          {imageUrl ? (\r\n            <img src={imageUrl} alt=\"Anteprima\" />\r\n          ) : (\r\n            <div className=\"placeholder-icon\">\r\n              <Image width={20} height={20} />\r\n            </div>\r\n          )}\r\n        </div>\r\n        {variant === CardPreviewVariant.WITH_TOPIC_DATE && (topic || date) && (\r\n          <div className=\"news-card__info\">\r\n            <div className=\"news-card__info__topic\">{topic ? topic : \"\"}</div>\r\n            <div className=\"news-card__info__date\">{date ? date : \"\"}</div>\r\n          </div>\r\n        )}\r\n        <div className=\"news-card__content\">\r\n          <h1 className=\"news-card__title\">{title}</h1>\r\n          <p className=\"news-card__description\">{description}</p>\r\n          <ArrowLink\r\n            className=\"news-card__cta\"\r\n            href={link.link}\r\n            asLink={asLink}\r\n          >\r\n            {link.title}\r\n          </ArrowLink>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["CardPreviewVariant","CardPreview","variant","sectionTitle","imageUrl","title","description","link","asLink","date","topic","jsxs","jsx","SectionHeading","Image","ArrowLink"],"mappings":";;;;;AAOY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,iBAClBA,EAAA,gBAAgB,eAFNA,IAAAA,KAAA,CAAA,CAAA;AAiBL,MAAMC,IAA0C,CAAC;AAAA,EACtD,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,wBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOV;AAAA,MACP,WAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EACAQ,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,oBACZ,UAAAR,0BACE,OAAI,EAAA,KAAKA,GAAU,KAAI,YAAY,CAAA,0BAEnC,OAAI,EAAA,WAAU,oBACb,UAACQ,gBAAAA,EAAA,IAAAE,GAAA,EAAM,OAAO,IAAI,QAAQ,GAAI,CAAA,EAAA,CAChC,EAEJ,CAAA;AAAA,IACCZ,MAAY,oBAAuCQ,KAASD,MAC1DE,gBAAAA,OAAA,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,MAAAC,gBAAAA,MAAC,OAAI,EAAA,WAAU,0BAA0B,UAAAF,KAAgB,IAAG;AAAA,4BAC3D,OAAI,EAAA,WAAU,yBAAyB,UAAAD,KAAc,GAAG,CAAA;AAAA,IAAA,GAC3D;AAAA,IAEFE,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,sBACb,UAAA;AAAA,MAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,oBAAoB,UAAMP,GAAA;AAAA,MACvCO,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,0BAA0B,UAAYN,GAAA;AAAA,MACnDM,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAMR,EAAK;AAAA,UACX,QAAAC;AAAA,UAEC,UAAKD,EAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,EACF,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}

package/dist/index.es123.js

@@ -1,20 +1,29 @@
 import { j as a } from "./index.es249.js";
 import { Swiper as t, SwiperSlide as o } from "./index.es266.js";
-import c from "./index.es267.js";
-import n from "./index.es268.js";
+import n from "./index.es267.js";
+import c from "./index.es268.js";
 import './components/ui/Carousel/Carousel.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */
 /* empty css            */
-function f({ title: l, children: i = [] }) {
+import { SectionHeading as d } from "./index.es55.js";
+function V({ title: l, children: i = [] }) {
   return /* @__PURE__ */ a.jsxs("section", { className: "carousel-wrapper", children: [
-    l && /* @__PURE__ */ a.jsx("h2", { className: "carousel-title", children: l }),
+    /* @__PURE__ */ a.jsx(
+      d,
+      {
+        title: l,
+        color: "primary",
+        className: "carousel-title",
+        titleMarginBottom: "0"
+      }
+    ),
     /* @__PURE__ */ a.jsx("div", { className: "carousel-outer-wrapper", children: /* @__PURE__ */ a.jsx(
       t,
       {
         className: "carousel-inner-wrapper",
         spaceBetween: 24,
-        modules: [c, n],
+        modules: [n, c],
         watchSlidesProgress: !0,
         breakpoints: {
           0: {
@@ -61,6 +70,6 @@ function f({ title: l, children: i = [] }) {
   ] });
 }
 export {
-  f as Carousel
+  V as Carousel
 };
 //# sourceMappingURL=index.es123.js.map

package/dist/index.es123.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es123.js","sources":["../src/components/ui/Carousel/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { Navigation, Pagination } from \"swiper/modules\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/navigation\";\r\nimport \"swiper/css/pagination\";\r\nimport \"./Carousel.scss\";\r\n\r\ntype CarouselProps = {\r\n  title?: string;\r\n  children?: Array<ReactNode>;\r\n};\r\n\r\nexport function Carousel({ title, children = [] }: CarouselProps) {\r\n  return (\r\n    <section className=\"carousel-wrapper\">\r\n      {title && <h2 className=\"carousel-title\">{title}</h2>}\r\n      <div className=\"carousel-outer-wrapper\">\r\n        <Swiper\r\n          className=\"carousel-inner-wrapper\"\r\n          spaceBetween={24}\r\n          modules={[Navigation, Pagination]}\r\n          watchSlidesProgress\r\n          breakpoints={{\r\n            0: {\r\n              slidesPerView: 1,\r\n              spaceBetween: 24,\r\n              centeredSlides: true,\r\n            },\r\n            768: {\r\n              slidesPerView: 2,\r\n              spaceBetween: 24,\r\n              centeredSlides: false,\r\n            },\r\n            992: {\r\n              slidesPerView: 3,\r\n              spaceBetween: 24,\r\n              centeredSlides: false,\r\n            },\r\n          }}\r\n          pagination={\r\n            children.length > 3\r\n              ? {\r\n                  enabled: true,\r\n                  clickable: true,\r\n                }\r\n              : {}\r\n          }\r\n          navigation={children.length > 3}\r\n          onSwiper={(swiper) => console.log(swiper)}\r\n          onInit={(swiper) => {\r\n            swiper.slides\r\n              .slice(\r\n                swiper.activeIndex,\r\n                swiper.activeIndex + Number(swiper.params.slidesPerView),\r\n              )\r\n              .forEach((slide, index) => {\r\n                slide.classList.remove(\"lastViewableSlide\");\r\n                if ((index + 1) % Number(swiper.params.slidesPerView) === 0) {\r\n                  slide.classList.add(\"lastViewableSlide\");\r\n                }\r\n              });\r\n          }}\r\n          onSlideChange={(swiper) => {\r\n            swiper.slides\r\n              .slice(\r\n                swiper.activeIndex,\r\n                swiper.activeIndex + Number(swiper.params.slidesPerView),\r\n              )\r\n              .forEach((slide, index) => {\r\n                slide.classList.remove(\"lastViewableSlide\");\r\n                if ((index + 1) % Number(swiper.params.slidesPerView) === 0) {\r\n                  slide.classList.add(\"lastViewableSlide\");\r\n                }\r\n              });\r\n          }}\r\n        >\r\n          {children.map((child, index) => (\r\n            <SwiperSlide className=\"swiper-slide-custom\" key={index}>\r\n              {child}\r\n            </SwiperSlide>\r\n          ))}\r\n        </Swiper>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["Carousel","title","children","jsxs","jsx","Swiper","Navigation","Pagination","swiper","slide","index","child","SwiperSlide"],"mappings":";;;;;;;;AAaO,SAASA,EAAS,EAAE,OAAAC,GAAO,UAAAC,IAAW,MAAqB;AAE9D,SAAAC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,oBAChB,UAAA;AAAA,IAAAF,KAAUG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,kBAAkB,UAAMH,GAAA;AAAA,IAChDG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,0BACb,UAAAA,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAc;AAAA,QACd,SAAS,CAACC,GAAYC,CAAU;AAAA,QAChC,qBAAmB;AAAA,QACnB,aAAa;AAAA,UACX,GAAG;AAAA,YACD,eAAe;AAAA,YACf,cAAc;AAAA,YACd,gBAAgB;AAAA,UAClB;AAAA,UACA,KAAK;AAAA,YACH,eAAe;AAAA,YACf,cAAc;AAAA,YACd,gBAAgB;AAAA,UAClB;AAAA,UACA,KAAK;AAAA,YACH,eAAe;AAAA,YACf,cAAc;AAAA,YACd,gBAAgB;AAAA,UAAA;AAAA,QAEpB;AAAA,QACA,YACEL,EAAS,SAAS,IACd;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,QAAA,IAEb,CAAC;AAAA,QAEP,YAAYA,EAAS,SAAS;AAAA,QAC9B,UAAU,CAACM,MAAW,QAAQ,IAAIA,CAAM;AAAA,QACxC,QAAQ,CAACA,MAAW;AAClB,UAAAA,EAAO,OACJ;AAAA,YACCA,EAAO;AAAA,YACPA,EAAO,cAAc,OAAOA,EAAO,OAAO,aAAa;AAAA,UAAA,EAExD,QAAQ,CAACC,GAAOC,MAAU;AACnB,YAAAD,EAAA,UAAU,OAAO,mBAAmB,IACrCC,IAAQ,KAAK,OAAOF,EAAO,OAAO,aAAa,MAAM,KAClDC,EAAA,UAAU,IAAI,mBAAmB;AAAA,UACzC,CACD;AAAA,QACL;AAAA,QACA,eAAe,CAACD,MAAW;AACzB,UAAAA,EAAO,OACJ;AAAA,YACCA,EAAO;AAAA,YACPA,EAAO,cAAc,OAAOA,EAAO,OAAO,aAAa;AAAA,UAAA,EAExD,QAAQ,CAACC,GAAOC,MAAU;AACnB,YAAAD,EAAA,UAAU,OAAO,mBAAmB,IACrCC,IAAQ,KAAK,OAAOF,EAAO,OAAO,aAAa,MAAM,KAClDC,EAAA,UAAU,IAAI,mBAAmB;AAAA,UACzC,CACD;AAAA,QACL;AAAA,QAEC,UAAAP,EAAS,IAAI,CAACS,GAAOD,MACnBN,gBAAAA,EAAA,IAAAQ,GAAA,EAAY,WAAU,uBACpB,UAD+CD,EAAA,GAAAD,CAElD,CACD;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es123.js","sources":["../src/components/ui/Carousel/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { Navigation, Pagination } from \"swiper/modules\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/navigation\";\r\nimport \"swiper/css/pagination\";\r\nimport \"./Carousel.scss\";\r\nimport { SectionHeading } from \"../Section\";\r\n\r\ntype CarouselProps = {\r\n  title?: string;\r\n  children?: Array<ReactNode>;\r\n};\r\n\r\nexport function Carousel({ title, children = [] }: CarouselProps) {\r\n  return (\r\n    <section className=\"carousel-wrapper\">\r\n      <SectionHeading\r\n        title={title}\r\n        color=\"primary\"\r\n        className=\"carousel-title\"\r\n        titleMarginBottom=\"0\"\r\n      />\r\n      <div className=\"carousel-outer-wrapper\">\r\n        <Swiper\r\n          className=\"carousel-inner-wrapper\"\r\n          spaceBetween={24}\r\n          modules={[Navigation, Pagination]}\r\n          watchSlidesProgress\r\n          breakpoints={{\r\n            0: {\r\n              slidesPerView: 1,\r\n              spaceBetween: 24,\r\n              centeredSlides: true,\r\n            },\r\n            768: {\r\n              slidesPerView: 2,\r\n              spaceBetween: 24,\r\n              centeredSlides: false,\r\n            },\r\n            992: {\r\n              slidesPerView: 3,\r\n              spaceBetween: 24,\r\n              centeredSlides: false,\r\n            },\r\n          }}\r\n          pagination={\r\n            children.length > 3\r\n              ? {\r\n                  enabled: true,\r\n                  clickable: true,\r\n                }\r\n              : {}\r\n          }\r\n          navigation={children.length > 3}\r\n          onSwiper={(swiper) => console.log(swiper)}\r\n          onInit={(swiper) => {\r\n            swiper.slides\r\n              .slice(\r\n                swiper.activeIndex,\r\n                swiper.activeIndex + Number(swiper.params.slidesPerView),\r\n              )\r\n              .forEach((slide, index) => {\r\n                slide.classList.remove(\"lastViewableSlide\");\r\n                if ((index + 1) % Number(swiper.params.slidesPerView) === 0) {\r\n                  slide.classList.add(\"lastViewableSlide\");\r\n                }\r\n              });\r\n          }}\r\n          onSlideChange={(swiper) => {\r\n            swiper.slides\r\n              .slice(\r\n                swiper.activeIndex,\r\n                swiper.activeIndex + Number(swiper.params.slidesPerView),\r\n              )\r\n              .forEach((slide, index) => {\r\n                slide.classList.remove(\"lastViewableSlide\");\r\n                if ((index + 1) % Number(swiper.params.slidesPerView) === 0) {\r\n                  slide.classList.add(\"lastViewableSlide\");\r\n                }\r\n              });\r\n          }}\r\n        >\r\n          {children.map((child, index) => (\r\n            <SwiperSlide className=\"swiper-slide-custom\" key={index}>\r\n              {child}\r\n            </SwiperSlide>\r\n          ))}\r\n        </Swiper>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["Carousel","title","children","jsxs","jsx","SectionHeading","Swiper","Navigation","Pagination","swiper","slide","index","child","SwiperSlide"],"mappings":";;;;;;;;;AAcO,SAASA,EAAS,EAAE,OAAAC,GAAO,UAAAC,IAAW,MAAqB;AAE9D,SAAAC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,oBACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAJ;AAAA,QACA,OAAM;AAAA,QACN,WAAU;AAAA,QACV,mBAAkB;AAAA,MAAA;AAAA,IACpB;AAAA,IACAG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,0BACb,UAAAA,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAc;AAAA,QACd,SAAS,CAACC,GAAYC,CAAU;AAAA,QAChC,qBAAmB;AAAA,QACnB,aAAa;AAAA,UACX,GAAG;AAAA,YACD,eAAe;AAAA,YACf,cAAc;AAAA,YACd,gBAAgB;AAAA,UAClB;AAAA,UACA,KAAK;AAAA,YACH,eAAe;AAAA,YACf,cAAc;AAAA,YACd,gBAAgB;AAAA,UAClB;AAAA,UACA,KAAK;AAAA,YACH,eAAe;AAAA,YACf,cAAc;AAAA,YACd,gBAAgB;AAAA,UAAA;AAAA,QAEpB;AAAA,QACA,YACEN,EAAS,SAAS,IACd;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,QAAA,IAEb,CAAC;AAAA,QAEP,YAAYA,EAAS,SAAS;AAAA,QAC9B,UAAU,CAACO,MAAW,QAAQ,IAAIA,CAAM;AAAA,QACxC,QAAQ,CAACA,MAAW;AAClB,UAAAA,EAAO,OACJ;AAAA,YACCA,EAAO;AAAA,YACPA,EAAO,cAAc,OAAOA,EAAO,OAAO,aAAa;AAAA,UAAA,EAExD,QAAQ,CAACC,GAAOC,MAAU;AACnB,YAAAD,EAAA,UAAU,OAAO,mBAAmB,IACrCC,IAAQ,KAAK,OAAOF,EAAO,OAAO,aAAa,MAAM,KAClDC,EAAA,UAAU,IAAI,mBAAmB;AAAA,UACzC,CACD;AAAA,QACL;AAAA,QACA,eAAe,CAACD,MAAW;AACzB,UAAAA,EAAO,OACJ;AAAA,YACCA,EAAO;AAAA,YACPA,EAAO,cAAc,OAAOA,EAAO,OAAO,aAAa;AAAA,UAAA,EAExD,QAAQ,CAACC,GAAOC,MAAU;AACnB,YAAAD,EAAA,UAAU,OAAO,mBAAmB,IACrCC,IAAQ,KAAK,OAAOF,EAAO,OAAO,aAAa,MAAM,KAClDC,EAAA,UAAU,IAAI,mBAAmB;AAAA,UACzC,CACD;AAAA,QACL;AAAA,QAEC,UAAAR,EAAS,IAAI,CAACU,GAAOD,MACnBP,gBAAAA,EAAA,IAAAS,GAAA,EAAY,WAAU,uBACpB,UAD+CD,EAAA,GAAAD,CAElD,CACD;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es131.js

@@ -1,58 +1,66 @@
-import { j as s } from "./index.es249.js";
-import { clsx as c } from "./index.es251.js";
+import { j as e } from "./index.es249.js";
+import { clsx as t } from "./index.es251.js";
 import { ArrowLink as f } from "./index.es43.js";
 import './components/ui/FeaturedCard/FeaturedCard.css';/* empty css            */
-var x = /* @__PURE__ */ ((e) => (e.LANDSCAPE = "landscape", e.SQUARE = "square", e))(x || {});
-const v = ({
-  sectionTitle: e = "",
+import { SectionHeading as p } from "./index.es55.js";
+var x = /* @__PURE__ */ ((s) => (s.LANDSCAPE = "landscape", s.SQUARE = "square", s))(x || {});
+const A = ({
+  sectionTitle: s = "",
   cardTitle: a = "",
   image: r,
   description: l = "",
-  cta: t,
+  cta: c,
   cardFormat: n = "landscape",
-  asLink: u = "a",
+  asLink: i = "a",
   asImage: o = "img"
 }) => {
   var d;
-  const i = o;
-  return /* @__PURE__ */ s.jsxs("section", { className: "ui-featured-card-section", children: [
-    e && /* @__PURE__ */ s.jsx("h2", { className: "ui-featured-card-section-title", children: e }),
-    /* @__PURE__ */ s.jsxs(
+  const u = o;
+  return /* @__PURE__ */ e.jsxs("section", { className: "ui-featured-card-section", children: [
+    /* @__PURE__ */ e.jsx(
+      p,
+      {
+        className: "ui-featured-card-section-title",
+        title: s,
+        titleMarginBottom: "0"
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: c(
+        className: t(
           "ui-featured-card",
           n === "landscape" ? "ui-featured-card-landscape" : "ui-featured-card-square"
         ),
         children: [
-          (r == null ? void 0 : r.src) && /* @__PURE__ */ s.jsx("div", { className: "ui-featured-card-image", children: /* @__PURE__ */ s.jsx(
-            i,
+          (r == null ? void 0 : r.src) && /* @__PURE__ */ e.jsx("div", { className: "ui-featured-card-image", children: /* @__PURE__ */ e.jsx(
+            u,
             {
               src: r == null ? void 0 : r.src,
               alt: r == null ? void 0 : r.alt,
               title: r == null ? void 0 : r.title
             }
           ) }),
-          /* @__PURE__ */ s.jsxs("div", { className: "ui-featured-card-content", children: [
-            /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ e.jsxs("div", { className: "ui-featured-card-content", children: [
+            /* @__PURE__ */ e.jsx(
               "h3",
               {
-                className: c(
+                className: t(
                   "cursor-pointer hover-underline ui-featured-card-title"
                 ),
                 children: a
               }
             ),
-            /* @__PURE__ */ s.jsx(
+            /* @__PURE__ */ e.jsx(
               "p",
               {
-                className: c(
+                className: t(
                   "fs-6 flex-1 md-fs-custom text-slate-20 ui-featured-card-description"
                 ),
                 children: l
               }
             ),
-            /* @__PURE__ */ s.jsx("div", { className: "ui-featured-card-cta", children: /* @__PURE__ */ s.jsx(f, { href: t.href ?? "#", asLink: u, children: (d = t.label) == null ? void 0 : d.toUpperCase() }) })
+            /* @__PURE__ */ e.jsx("div", { className: "ui-featured-card-cta", children: /* @__PURE__ */ e.jsx(f, { href: c.href ?? "#", asLink: i, children: (d = c.label) == null ? void 0 : d.toUpperCase() }) })
           ] })
         ]
       }
@@ -60,7 +68,7 @@ const v = ({
   ] });
 };
 export {
-  v as FeaturedCard,
+  A as FeaturedCard,
   x as FeaturedCardFormatType
 };
 //# sourceMappingURL=index.es131.js.map

package/dist/index.es131.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es131.js","sources":["../src/components/ui/FeaturedCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\r\nimport \"./FeaturedCard.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype CTAType = {\r\n  label: string;\r\n  href: string;\r\n};\r\n\r\nexport enum FeaturedCardFormatType {\r\n  LANDSCAPE = \"landscape\",\r\n  SQUARE = \"square\",\r\n}\r\n\r\ntype FeaturedCardProps = {\r\n  sectionTitle?: string;\r\n  cardTitle: string;\r\n  image?: Image;\r\n  description?: string | ReactNode;\r\n  cta: CTAType;\r\n  cardFormat?: FeaturedCardFormatType;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  asImage?: \"img\" | ComponentType<any>;\r\n};\r\n\r\nexport const FeaturedCard = ({\r\n  sectionTitle = \"\",\r\n  cardTitle = \"\",\r\n  image,\r\n  description = \"\",\r\n  cta,\r\n  cardFormat = FeaturedCardFormatType.LANDSCAPE,\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n}: FeaturedCardProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  return (\r\n    <section className=\"ui-featured-card-section\">\r\n      {sectionTitle && (\r\n        <h2 className=\"ui-featured-card-section-title\">{sectionTitle}</h2>\r\n      )}\r\n      <div\r\n        className={clsx(\r\n          \"ui-featured-card\",\r\n          cardFormat === FeaturedCardFormatType.LANDSCAPE\r\n            ? \"ui-featured-card-landscape\"\r\n            : \"ui-featured-card-square\",\r\n        )}\r\n      >\r\n        {image?.src && (\r\n          <div className=\"ui-featured-card-image\">\r\n            <ImageComponent\r\n              src={image?.src}\r\n              alt={image?.alt}\r\n              title={image?.title}\r\n            />\r\n          </div>\r\n        )}\r\n        <div className=\"ui-featured-card-content\">\r\n          <h3\r\n            className={clsx(\r\n              \"cursor-pointer hover-underline ui-featured-card-title\",\r\n            )}\r\n          >\r\n            {cardTitle}\r\n          </h3>\r\n          <p\r\n            className={clsx(\r\n              \"fs-6 flex-1 md-fs-custom text-slate-20 ui-featured-card-description\",\r\n            )}\r\n          >\r\n            {description}\r\n          </p>\r\n          <div className=\"ui-featured-card-cta\">\r\n            <ArrowLink href={cta.href ?? \"#\"} asLink={asLink}>\r\n              {cta.label?.toUpperCase()}\r\n            </ArrowLink>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["FeaturedCardFormatType","FeaturedCard","sectionTitle","cardTitle","image","description","cta","cardFormat","asLink","asImage","ImageComponent","jsxs","jsx","clsx","ArrowLink","_a"],"mappings":";;;;AAgBY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;AAgBL,MAAMC,IAAe,CAAC;AAAA,EAC3B,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAyB;;AACvB,QAAMC,IAAiBD;AAGrB,SAAAE,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,4BAChB,UAAA;AAAA,IAAAT,KACEU,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,kCAAkC,UAAaV,GAAA;AAAA,IAE/DS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE;AAAA,UACT;AAAA,UACAN,MAAe,cACX,+BACA;AAAA,QACN;AAAA,QAEC,UAAA;AAAA,WAAAH,KAAA,gBAAAA,EAAO,QACNQ,gBAAAA,MAAC,OAAI,EAAA,WAAU,0BACb,UAAAA,gBAAAA,EAAA;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,KAAKN,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAAA,GAElB;AAAA,UAEFO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4BACb,UAAA;AAAA,YAAAC,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWC;AAAA,kBACT;AAAA,gBACF;AAAA,gBAEC,UAAAV;AAAA,cAAA;AAAA,YACH;AAAA,YACAS,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWC;AAAA,kBACT;AAAA,gBACF;AAAA,gBAEC,UAAAR;AAAA,cAAA;AAAA,YACH;AAAA,YACCO,gBAAAA,MAAA,OAAA,EAAI,WAAU,wBACb,gCAACE,GAAU,EAAA,MAAMR,EAAI,QAAQ,KAAK,QAAAE,GAC/B,WAAAO,IAAAT,EAAI,UAAJ,gBAAAS,EAAW,eACd,EACF,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"index.es131.js","sources":["../src/components/ui/FeaturedCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\r\nimport \"./FeaturedCard.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\nimport { SectionHeading } from \"../Section\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype CTAType = {\r\n  label: string;\r\n  href: string;\r\n};\r\n\r\nexport enum FeaturedCardFormatType {\r\n  LANDSCAPE = \"landscape\",\r\n  SQUARE = \"square\",\r\n}\r\n\r\ntype FeaturedCardProps = {\r\n  sectionTitle?: string;\r\n  cardTitle: string;\r\n  image?: Image;\r\n  description?: string | ReactNode;\r\n  cta: CTAType;\r\n  cardFormat?: FeaturedCardFormatType;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  asImage?: \"img\" | ComponentType<any>;\r\n};\r\n\r\nexport const FeaturedCard = ({\r\n  sectionTitle = \"\",\r\n  cardTitle = \"\",\r\n  image,\r\n  description = \"\",\r\n  cta,\r\n  cardFormat = FeaturedCardFormatType.LANDSCAPE,\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n}: FeaturedCardProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  return (\r\n    <section className=\"ui-featured-card-section\">\r\n      <SectionHeading\r\n        className=\"ui-featured-card-section-title\"\r\n        title={sectionTitle}\r\n        titleMarginBottom=\"0\"\r\n      />\r\n      <div\r\n        className={clsx(\r\n          \"ui-featured-card\",\r\n          cardFormat === FeaturedCardFormatType.LANDSCAPE\r\n            ? \"ui-featured-card-landscape\"\r\n            : \"ui-featured-card-square\",\r\n        )}\r\n      >\r\n        {image?.src && (\r\n          <div className=\"ui-featured-card-image\">\r\n            <ImageComponent\r\n              src={image?.src}\r\n              alt={image?.alt}\r\n              title={image?.title}\r\n            />\r\n          </div>\r\n        )}\r\n        <div className=\"ui-featured-card-content\">\r\n          <h3\r\n            className={clsx(\r\n              \"cursor-pointer hover-underline ui-featured-card-title\",\r\n            )}\r\n          >\r\n            {cardTitle}\r\n          </h3>\r\n          <p\r\n            className={clsx(\r\n              \"fs-6 flex-1 md-fs-custom text-slate-20 ui-featured-card-description\",\r\n            )}\r\n          >\r\n            {description}\r\n          </p>\r\n          <div className=\"ui-featured-card-cta\">\r\n            <ArrowLink href={cta.href ?? \"#\"} asLink={asLink}>\r\n              {cta.label?.toUpperCase()}\r\n            </ArrowLink>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["FeaturedCardFormatType","FeaturedCard","sectionTitle","cardTitle","image","description","cta","cardFormat","asLink","asImage","ImageComponent","jsxs","jsx","SectionHeading","clsx","ArrowLink","_a"],"mappings":";;;;;AAiBY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;AAgBL,MAAMC,IAAe,CAAC;AAAA,EAC3B,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAyB;;AACvB,QAAMC,IAAiBD;AAGrB,SAAAE,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,4BACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAOX;AAAA,QACP,mBAAkB;AAAA,MAAA;AAAA,IACpB;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWG;AAAA,UACT;AAAA,UACAP,MAAe,cACX,+BACA;AAAA,QACN;AAAA,QAEC,UAAA;AAAA,WAAAH,KAAA,gBAAAA,EAAO,QACNQ,gBAAAA,MAAC,OAAI,EAAA,WAAU,0BACb,UAAAA,gBAAAA,EAAA;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,KAAKN,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAAA,GAElB;AAAA,UAEFO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4BACb,UAAA;AAAA,YAAAC,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWE;AAAA,kBACT;AAAA,gBACF;AAAA,gBAEC,UAAAX;AAAA,cAAA;AAAA,YACH;AAAA,YACAS,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWE;AAAA,kBACT;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YACH;AAAA,YACCO,gBAAAA,MAAA,OAAA,EAAI,WAAU,wBACb,gCAACG,GAAU,EAAA,MAAMT,EAAI,QAAQ,KAAK,QAAAE,GAC/B,WAAAQ,IAAAV,EAAI,UAAJ,gBAAAU,EAAW,eACd,EACF,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/index.es140.js

@@ -1,90 +1,100 @@
-import { j as r } from "./index.es249.js";
-import { Section as l } from "./index.es55.js";
-import { clsx as j } from "./index.es251.js";
+import { j as a } from "./index.es249.js";
+import { Section as m, SectionHeading as f } from "./index.es55.js";
+import { clsx as g } from "./index.es251.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
-import { useMemo as v } from "react";
+import { useMemo as j } from "react";
 import { l as c } from "./index.es253.js";
-import { CardCategory as m } from "./index.es30.js";
-import { Col as g } from "./index.es10.js";
+import { CardCategory as v } from "./index.es30.js";
+import { Col as w } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es43.js";
-const e = {
+const r = {
   LayoutOne: "LayoutOne",
   LayoutTwo: "LayoutTwo",
   LayoutThree: "LayoutThree",
   LayoutFour: "LayoutFour"
-}, _ = ({
-  title: i,
-  description: h,
-  goToLabel: p,
-  href: L,
-  asLink: y = "a",
-  items: a,
-  layout: n = e.LayoutOne,
-  className: x,
-  showBlueBackground: d = !1
+}, N = ({
+  title: l,
+  description: L,
+  goToLabel: i,
+  href: p,
+  asLink: h = "a",
+  items: s,
+  layout: n = r.LayoutOne,
+  className: y,
+  showBlueBackground: x = !1
 }) => {
-  const f = n === e.LayoutOne ? "ui-home-services-layout-one" : n === e.LayoutTwo ? "ui-home-services-layout-two" : n === e.LayoutThree ? "ui-home-services-layout-three" : n === e.LayoutFour ? "ui-home-services-layout-four" : "", t = v(() => {
+  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" : "", t = j(() => {
     switch (n) {
-      case e.LayoutOne:
-        return a.map((o, s) => {
-          const u = s !== 0;
+      case r.LayoutOne:
+        return s.map((o, e) => {
+          const u = e !== 0;
           return {
             ...c.omit(o, u ? ["image"] : [])
           };
         });
-      case e.LayoutTwo:
-        return a.map((o) => ({
+      case r.LayoutTwo:
+        return s.map((o) => ({
           ...c.omit(o, [])
         }));
-      case e.LayoutThree:
-        return a.map((o, s) => {
-          const u = s !== 0;
+      case r.LayoutThree:
+        return s.map((o, e) => {
+          const u = e !== 0;
           return {
             ...c.omit(o, u ? ["image"] : [])
           };
         });
-      case e.LayoutFour:
-        return a.map((o, s) => {
-          const u = s !== 2;
+      case r.LayoutFour:
+        return s.map((o, e) => {
+          const u = e !== 2;
           return {
             ...c.omit(o, u ? ["image"] : [])
           };
         });
       default:
-        return a;
+        return s;
     }
-  }, [a, n]);
-  return /* @__PURE__ */ r.jsxs(
-    l,
+  }, [s, n]);
+  return /* @__PURE__ */ a.jsxs(
+    m,
     {
-      className: j("base-col ui-home-services-section", x, d ? "blue-background" : ""),
+      className: g(
+        "base-col ui-home-services-section",
+        y,
+        x ? "blue-background" : ""
+      ),
       children: [
-        /* @__PURE__ */ r.jsxs(g, { className: "ui-home-services-section-content", children: [
-          /* @__PURE__ */ r.jsxs("div", { className: "ui-home-services-section-title", children: [
-            /* @__PURE__ */ r.jsx(l.Title, { fs: "2", children: i }),
-            p && L && /* @__PURE__ */ r.jsx(T, { href: L, asLink: y, fs: "7", children: p.toUpperCase() })
-          ] }),
-          h && /* @__PURE__ */ r.jsx(l.Description, { children: h })
-        ] }),
-        /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ a.jsx(w, { className: "ui-home-services-section-content", children: /* @__PURE__ */ a.jsx(
+          f,
+          {
+            title: l,
+            description: L,
+            className: "ui-home-services-section-title",
+            color: "slate-20",
+            mdFs: "1",
+            titleMarginBottom: "mb-x0",
+            descriptionMarginBottom: "mb-x0",
+            children: i && p && /* @__PURE__ */ a.jsx(T, { href: p, asLink: h, fs: "7", children: i.toUpperCase() })
+          }
+        ) }),
+        /* @__PURE__ */ a.jsx(
           "ul",
           {
             role: "list",
-            "aria-label": `Lista di ${i}`,
-            className: `list-style-none ${f}`,
-            children: t == null ? void 0 : t.map((o, s) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
-              m,
+            "aria-label": `Lista di ${l}`,
+            className: `list-style-none ${d}`,
+            children: t == null ? void 0 : t.map((o, e) => /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.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: y,
+                asLink: h,
                 isExternal: o == null ? void 0 : o.externalLink
               },
-              [o._id, s].join("-")
-            ) }, [o._id, s].join("-")))
+              [o._id, e].join("-")
+            ) }, [o._id, e].join("-")))
           }
         )
       ]
@@ -92,7 +102,7 @@ const e = {
   );
 };
 export {
-  e as HOME_SERVICES_LAYOUTS,
-  _ as HomeServices
+  r as HOME_SERVICES_LAYOUTS,
+  N as HomeServices
 };
 //# sourceMappingURL=index.es140.js.map