@anoki/fse-ui 1.0.674 → 1.0.675

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs206.js"),m=require("react"),q=require("./index.cjs208.js"),x=require("./index.cjs222.js"),j=require("./index.cjs221.js"),R=require("./index.cjs224.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs206.js"),m=require("react"),q=require("./index.cjs207.js"),x=require("./index.cjs222.js"),j=require("./index.cjs208.js"),R=require("./index.cjs224.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.cjs92.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./styles/typography.css');require('./components/ui/link/Link.css');const n=require("./index.cjs206.js");;/* empty css              */;/* empty css              */const c=require("./index.cjs208.js");function u({title:s,src:i,decoration:r="",transform:t="none",icon:e,asLink:l="a"}){const o=l||"a";return n.jsxRuntimeExports.jsxs(o,{className:c.clsx("link link-sans-bold-sm",r,`link-${t}`),href:i,children:[s,e&&n.jsxRuntimeExports.jsx(e,{class:"link-icon",size:"md"})]})}exports.Link=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./styles/typography.css');require('./components/ui/link/Link.css');const n=require("./index.cjs206.js");;/* empty css              */;/* empty css              */const c=require("./index.cjs207.js");function u({title:s,src:i,decoration:r="",transform:t="none",icon:e,asLink:l="a"}){const o=l||"a";return n.jsxRuntimeExports.jsxs(o,{className:c.clsx("link link-sans-bold-sm",r,`link-${t}`),href:i,children:[s,e&&n.jsxRuntimeExports.jsx(e,{class:"link-icon",size:"md"})]})}exports.Link=u;
 //# sourceMappingURL=index.cjs92.js.map

package/dist/index.cjs94.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardFile/CardFile.css');const e=require("./index.cjs206.js");;/* empty css              */const o=require("./index.cjs25.js"),l=require("./index.cjs36.js"),d=require("./index.cjs208.js"),a=require("./index.cjs155.js"),c=require("./index.cjs160.js"),p=require("./index.cjs129.js");var x=(t=>(t.DOWNLOAD="download",t.GOTO="goto",t.EXTERNAL="external",t))(x||{});function j({title:t,description:i,issued_at:n,file:r,action:s}){return e.jsxRuntimeExports.jsxs("div",{className:"card-file shadow rounded h-100 w-100 bg-white",children:[e.jsxRuntimeExports.jsxs("div",{className:"top-container p-x16",children:[e.jsxRuntimeExports.jsx("div",{className:"icon-wrapper",children:e.jsxRuntimeExports.jsx(a.File,{height:27,width:27})}),e.jsxRuntimeExports.jsxs("div",{className:"content-container",children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h4",{className:"card-file-title text-primary mt-x8",children:t}),r&&e.jsxRuntimeExports.jsxs("p",{className:"file-type",children:[`${r.type} | `,r.size]})]}),!!i&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:i}),n&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:n})]})]}),e.jsxRuntimeExports.jsx("div",{className:d.clsx("card-file-footer py-x12 px-x16",s.type),children:s.type==="download"?e.jsxRuntimeExports.jsxs(o.Button,{className:"bg-transparent download-button",asLink:"a",target:"_blank",href:s.link.link,children:[e.jsxRuntimeExports.jsx(c.Download,{}),s.link.title]}):s.type==="goto"?e.jsxRuntimeExports.jsx(l.ArrowLink,{href:s.link.link,children:s.link.title}):e.jsxRuntimeExports.jsx(p.ExternalLink,{color:"primary",height:32,width:32})})]})}exports.CardFile=j;exports.CardFileActionTypeEnum=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardFile/CardFile.css');const e=require("./index.cjs206.js");;/* empty css              */const o=require("./index.cjs25.js"),l=require("./index.cjs36.js"),d=require("./index.cjs207.js"),a=require("./index.cjs155.js"),c=require("./index.cjs160.js"),p=require("./index.cjs129.js");var x=(t=>(t.DOWNLOAD="download",t.GOTO="goto",t.EXTERNAL="external",t))(x||{});function j({title:t,description:i,issued_at:n,file:r,action:s}){return e.jsxRuntimeExports.jsxs("div",{className:"card-file shadow rounded h-100 w-100 bg-white",children:[e.jsxRuntimeExports.jsxs("div",{className:"top-container p-x16",children:[e.jsxRuntimeExports.jsx("div",{className:"icon-wrapper",children:e.jsxRuntimeExports.jsx(a.File,{height:27,width:27})}),e.jsxRuntimeExports.jsxs("div",{className:"content-container",children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h4",{className:"card-file-title text-primary mt-x8",children:t}),r&&e.jsxRuntimeExports.jsxs("p",{className:"file-type",children:[`${r.type} | `,r.size]})]}),!!i&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:i}),n&&e.jsxRuntimeExports.jsx("p",{className:"description text-secondary",children:n})]})]}),e.jsxRuntimeExports.jsx("div",{className:d.clsx("card-file-footer py-x12 px-x16",s.type),children:s.type==="download"?e.jsxRuntimeExports.jsxs(o.Button,{className:"bg-transparent download-button",asLink:"a",target:"_blank",href:s.link.link,children:[e.jsxRuntimeExports.jsx(c.Download,{}),s.link.title]}):s.type==="goto"?e.jsxRuntimeExports.jsx(l.ArrowLink,{href:s.link.link,children:s.link.title}):e.jsxRuntimeExports.jsx(p.ExternalLink,{color:"primary",height:32,width:32})})]})}exports.CardFile=j;exports.CardFileActionTypeEnum=x;
 //# sourceMappingURL=index.cjs94.js.map

package/dist/index.cjs96.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DoctorModal/DoctorModal.css');const e=require("./index.cjs206.js"),c=require("./index.cjs208.js");;/* empty css              */const d=require("./index.cjs338.js"),x=require("./index.cjs97.js"),m=require("./index.cjs38.js"),j=require("./index.cjs25.js"),r=({open:s,overrideClassNames:t,showFooter:n=!0,showHeader:i=!0,OnPressConfirm:l,disabledConfirm:a,setOpen:o,children:u})=>e.jsxRuntimeExports.jsxs(m.BaseModal,{open:s,setOpen:o,overrideClassNames:c.clsx("ui-consent-modal-override",t),children:[i&&e.jsxRuntimeExports.jsx(x.ModalsHeader,{title:"Cambia profilo",closeButton:"Annulla",onCloseClick:()=>o(!1)}),u,n&&e.jsxRuntimeExports.jsx("footer",{className:"ui-consent-modal-footer bg-white shadow",children:e.jsxRuntimeExports.jsx("div",{className:"base-row gap-x16 flex-wrap justify-content-center",children:e.jsxRuntimeExports.jsx(j.Button,{disabled:a,onClick:l,children:"Conferma"})})})]});r.Content=d.ChangeProfileModalContent;exports.ChangeProfileModal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DoctorModal/DoctorModal.css');const e=require("./index.cjs206.js"),c=require("./index.cjs207.js");;/* empty css              */const d=require("./index.cjs338.js"),x=require("./index.cjs97.js"),m=require("./index.cjs38.js"),j=require("./index.cjs25.js"),r=({open:s,overrideClassNames:t,showFooter:n=!0,showHeader:i=!0,OnPressConfirm:l,disabledConfirm:a,setOpen:o,children:u})=>e.jsxRuntimeExports.jsxs(m.BaseModal,{open:s,setOpen:o,overrideClassNames:c.clsx("ui-consent-modal-override",t),children:[i&&e.jsxRuntimeExports.jsx(x.ModalsHeader,{title:"Cambia profilo",closeButton:"Annulla",onCloseClick:()=>o(!1)}),u,n&&e.jsxRuntimeExports.jsx("footer",{className:"ui-consent-modal-footer bg-white shadow",children:e.jsxRuntimeExports.jsx("div",{className:"base-row gap-x16 flex-wrap justify-content-center",children:e.jsxRuntimeExports.jsx(j.Button,{disabled:a,onClick:l,children:"Conferma"})})})]});r.Content=d.ChangeProfileModalContent;exports.ChangeProfileModal=r;
 //# sourceMappingURL=index.cjs96.js.map

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es206.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es208.js";
+import { clsx as y } from "./index.es207.js";
 import { createSpacingClasses as g } from "./index.es222.js";
-import { createColorClasses as j } from "./index.es221.js";
+import { createColorClasses as j } from "./index.es208.js";
 import { createTypographyClasses as u } from "./index.es224.js";
 const M = ({
   as: o,

package/dist/index.es102.js

@@ -2,7 +2,7 @@ import { j as s } from "./index.es206.js";
 import f, { useState as w, useEffect as i } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
 import { useMediaQuery as v } from "./index.es227.js";
-import { clsx as b } from "./index.es208.js";
+import { clsx as b } from "./index.es207.js";
 import { Row as j } from "./index.es9.js";
 import { ArrowDown as N } from "./index.es128.js";
 import { ScrollArea as g } from "./index.es343.js";

package/dist/index.es103.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es206.js";
-import { clsx as m } from "./index.es208.js";
+import { clsx as m } from "./index.es207.js";
 import { useState as p, useRef as x, useEffect as w } from "react";
 import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
 import { Close as S } from "./index.es131.js";

package/dist/index.es104.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es206.js";
-import { clsx as p } from "./index.es208.js";
+import { clsx as p } from "./index.es207.js";
 import { useState as f, useRef as w, useEffect as h } from "react";
 import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
 import { Close as D } from "./index.es131.js";

package/dist/index.es105.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es206.js";
 import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
-import { clsx as l } from "./index.es208.js";
+import { clsx as l } from "./index.es207.js";
 import { Section as r } from "./index.es47.js";
 import { Col as c } from "./index.es10.js";
 var m = /* @__PURE__ */ ((s) => (s.LIGHT = "light", s.EVIDENCE = "evidence", s.DEFAULT = "default", s))(m || {});

package/dist/index.es106.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es206.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es208.js";
+import { clsx as a } from "./index.es207.js";
 import { Col as r } from "./index.es10.js";
 const m = ({ size: t = "2" }) => {
   const s = a(

package/dist/index.es109.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es206.js";
 import { useRef as l, useState as x, useEffect as E } from "react";
-import { clsx as g } from "./index.es208.js";
+import { clsx as g } from "./index.es207.js";
 import './components/ui/ActionsPopup/ActionsPopup.css';/* empty css            */
 const N = ({
   isOpen: o = !1,

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es206.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as t } from "./index.es208.js";
+import { clsx as t } from "./index.es207.js";
 import { useState as o } from "react";
 import { Button as p } from "./index.es25.js";
 const h = ({

package/dist/index.es114.js

@@ -1,7 +1,7 @@
 import { j as t } from "./index.es206.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as p } from "./index.es208.js";
+import { clsx as p } from "./index.es207.js";
 import { useState as u, useRef as d, useEffect as f } from "react";
 import { ShareLink as h } from "./index.es175.js";
 import { Meta as x } from "./index.es185.js";

package/dist/index.es115.js

@@ -1,29 +1,30 @@
 import { j as e } from "./index.es206.js";
-import t from "./index.es187.js";
+import n from "./index.es187.js";
 import "./index.es3.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */
 import { ArrowLink as m } from "./index.es36.js";
-const o = (s) => {
-  const r = t.fromISO(s);
+import { ExternalLink as o } from "./index.es129.js";
+const h = (s) => {
+  const a = n.fromISO(s);
   return {
-    day: r.toFormat("dd"),
-    month: r.toFormat("LLLL"),
-    year: r.toFormat("yyyy")
+    day: a.toFormat("dd"),
+    month: a.toFormat("LLLL"),
+    year: a.toFormat("yyyy")
   };
-}, u = ({ steps: s, type: r }) => /* @__PURE__ */ e.jsx("div", { className: "vertical-container", children: /* @__PURE__ */ e.jsx("div", { className: "timeline", children: s.map((a, i) => {
+}, y = ({ steps: s, type: a }) => /* @__PURE__ */ e.jsx("div", { className: "vertical-container", children: /* @__PURE__ */ e.jsx("div", { className: "timeline", children: s.map((r, i) => {
   const c = () => {
-    switch (r) {
+    switch (a) {
       case "date": {
-        if (!a.meta) return null;
-        const { day: l, month: d, year: n } = o(a.meta);
+        if (!r.meta) return null;
+        const { day: l, month: t, year: d } = h(r.meta);
         return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx("div", { className: "day", children: l }),
-          /* @__PURE__ */ e.jsx("div", { className: "month", children: d }),
-          /* @__PURE__ */ e.jsx("div", { className: "year", children: n })
+          /* @__PURE__ */ e.jsx("div", { className: "month", children: t }),
+          /* @__PURE__ */ e.jsx("div", { className: "year", children: d })
         ] });
       }
       case "headline":
-        return /* @__PURE__ */ e.jsx("div", { className: "headline", children: a.meta });
+        return /* @__PURE__ */ e.jsx("div", { className: "headline", children: r.meta });
       case "ordered":
         return /* @__PURE__ */ e.jsx("div", { className: "circle", children: i + 1 });
       case "check":
@@ -36,16 +37,26 @@ const o = (s) => {
     /* @__PURE__ */ e.jsx("div", { className: "meta", children: c() }),
     /* @__PURE__ */ e.jsx("div", { className: "vertical-line", children: /* @__PURE__ */ e.jsx("div", { className: "dot" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "label", children: a.label }),
-      /* @__PURE__ */ e.jsx("div", { className: "title", children: a.title }),
+      /* @__PURE__ */ e.jsx("div", { className: "label", children: r.label }),
+      /* @__PURE__ */ e.jsx("div", { className: "title", children: r.title }),
       /* @__PURE__ */ e.jsxs("div", { className: "", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "description", children: a.description }),
-        /* @__PURE__ */ e.jsx("div", { className: "card-footer", children: a.link && /* @__PURE__ */ e.jsx(m, { href: a.link.link, children: a.link.title }) })
+        /* @__PURE__ */ e.jsx("div", { className: "description", children: r.description }),
+        /* @__PURE__ */ e.jsx("div", { className: "card-footer", children: r.link && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(
+            m,
+            {
+              href: r.link.link,
+              className: "card-footer-detail",
+              children: r.link.title
+            }
+          ),
+          /* @__PURE__ */ e.jsx(o, { color: "primary", width: 22, height: 22 })
+        ] }) })
       ] })
     ] })
   ] }, i);
 }) }) });
 export {
-  u as VerticalCardStepper
+  y as VerticalCardStepper
 };
 //# sourceMappingURL=index.es115.js.map

package/dist/index.es115.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es115.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport \"./VerticalCardStepper.scss\";\nimport { Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\n\ntype StepVariant = \"date\" | \"headline\" | \"ordered\" | \"check\";\n\ntype Step = {\n  label: string;\n  title: string;\n  description: string;\n  meta: string; // può essere una data ISO o un testo\n  link?: Link;\n};\n\ntype Props = {\n  type: StepVariant;\n  steps: Array<Step>;\n};\n\nconst formatDateParts = (dateString: string) => {\n  const date = DateTime.fromISO(dateString);\n  return {\n    day: date.toFormat(\"dd\"),\n    month: date.toFormat(\"LLLL\"),\n    year: date.toFormat(\"yyyy\"),\n  };\n};\n\nexport const VerticalCardStepper = ({ steps, type }: Props) => {\n  return (\n    <div className=\"vertical-container\">\n      <div className=\"timeline\">\n        {steps.map((step, idx) => {\n          const renderMeta = () => {\n            switch (type) {\n              case \"date\": {\n                if (!step.meta) return null;\n                const { day, month, year } = formatDateParts(step.meta);\n                return (\n                  <>\n                    <div className=\"day\">{day}</div>\n                    <div className=\"month\">{month}</div>\n                    <div className=\"year\">{year}</div>\n                  </>\n                );\n              }\n              case \"headline\":\n                return <div className=\"headline\">{step.meta}</div>;\n\n              case \"ordered\":\n                return <div className=\"circle\">{idx + 1}</div>;\n\n              case \"check\":\n                return (\n                  <div className=\"circle\">\n                    <div className=\"checkmark\"></div>\n                  </div>\n                );\n\n              default:\n                return null;\n            }\n          };\n\n          return (\n            <div key={idx} className=\"step\">\n              <div className=\"meta\">{renderMeta()}</div>\n\n              <div className=\"vertical-line\">\n                <div className=\"dot\" />\n              </div>\n\n              <div className=\"card\">\n                <div className=\"label\">{step.label}</div>\n                <div className=\"title\">{step.title}</div>\n                <div className=\"\">\n                  <div className=\"description\">{step.description}</div>\n                  <div className=\"card-footer\">\n                    {step.link && (\n                      <ArrowLink href={step.link.link}>\n                        {step.link.title}\n                      </ArrowLink>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"names":["formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","jsx","step","idx","renderMeta","day","month","year","jsxs","Fragment","ArrowLink"],"mappings":";;;;;AAoBA,MAAMA,IAAkB,CAACC,MAAuB;AACxC,QAAAC,IAAOC,EAAS,QAAQF,CAAU;AACjC,SAAA;AAAA,IACL,KAAKC,EAAK,SAAS,IAAI;AAAA,IACvB,OAAOA,EAAK,SAAS,MAAM;AAAA,IAC3B,MAAMA,EAAK,SAAS,MAAM;AAAA,EAC5B;AACF,GAEaE,IAAsB,CAAC,EAAE,OAAAC,GAAO,MAAAC,QAExCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,sBACb,UAACA,gBAAAA,MAAA,OAAA,EAAI,WAAU,YACZ,UAAMF,EAAA,IAAI,CAACG,GAAMC,MAAQ;AACxB,QAAMC,IAAa,MAAM;AACvB,YAAQJ,GAAM;AAAA,MACZ,KAAK,QAAQ;AACP,YAAA,CAACE,EAAK,KAAa,QAAA;AACvB,cAAM,EAAE,KAAAG,GAAK,OAAAC,GAAO,MAAAC,EAAS,IAAAb,EAAgBQ,EAAK,IAAI;AACtD,eAEIM,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,UAACR,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,OAAO,UAAII,GAAA;AAAA,UACzBJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,SAAS,UAAMK,GAAA;AAAA,UAC7BL,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,QAAQ,UAAKM,EAAA,CAAA;AAAA,QAAA,GAC9B;AAAA,MAAA;AAAA,MAGJ,KAAK;AACH,eAAQN,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,YAAY,YAAK,MAAK;AAAA,MAE9C,KAAK;AACH,eAAQA,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,UAAU,cAAM,GAAE;AAAA,MAE1C,KAAK;AAED,eAAAA,gBAAAA,MAAC,SAAI,WAAU,UACb,gCAAC,OAAI,EAAA,WAAU,aAAY,EAC7B,CAAA;AAAA,MAGJ;AACS,eAAA;AAAA,IAAA;AAAA,EAEb;AAGE,SAAAO,gBAAAA,EAAA,KAAC,OAAc,EAAA,WAAU,QACvB,UAAA;AAAA,IAAAP,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,QAAQ,UAAAG,EAAA,GAAa;AAAA,IAEpCH,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iBACb,gCAAC,OAAI,EAAA,WAAU,OAAM,EACvB,CAAA;AAAA,IAEAO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,QACb,UAAA;AAAA,MAAAP,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,SAAS,UAAAC,EAAK,OAAM;AAAA,MAClCD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,SAAS,YAAK,OAAM;AAAA,MACnCO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,IACb,UAAA;AAAA,QAAAP,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAC,EAAK,aAAY;AAAA,QAC9CD,gBAAAA,MAAA,OAAA,EAAI,WAAU,eACZ,YAAK,QACJA,gBAAAA,MAACS,GAAU,EAAA,MAAMR,EAAK,KAAK,MACxB,UAAKA,EAAA,KAAK,OACb,EAEJ,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EAAA,GApBQC,CAqBV;AAAA,CAEH,GACH,EACF,CAAA;"}
+{"version":3,"file":"index.es115.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport \"./VerticalCardStepper.scss\";\nimport { Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { ExternalLink } from \"@/icons\";\n\ntype StepVariant = \"date\" | \"headline\" | \"ordered\" | \"check\";\n\ntype Step = {\n  label: string;\n  title: string;\n  description: string;\n  meta: string; // può essere una data ISO o un testo\n  link?: Link;\n};\n\ntype Props = {\n  type: StepVariant;\n  steps: Array<Step>;\n};\n\nconst formatDateParts = (dateString: string) => {\n  const date = DateTime.fromISO(dateString);\n  return {\n    day: date.toFormat(\"dd\"),\n    month: date.toFormat(\"LLLL\"),\n    year: date.toFormat(\"yyyy\"),\n  };\n};\n\nexport const VerticalCardStepper = ({ steps, type }: Props) => {\n  return (\n    <div className=\"vertical-container\">\n      <div className=\"timeline\">\n        {steps.map((step, idx) => {\n          const renderMeta = () => {\n            switch (type) {\n              case \"date\": {\n                if (!step.meta) return null;\n                const { day, month, year } = formatDateParts(step.meta);\n                return (\n                  <>\n                    <div className=\"day\">{day}</div>\n                    <div className=\"month\">{month}</div>\n                    <div className=\"year\">{year}</div>\n                  </>\n                );\n              }\n              case \"headline\":\n                return <div className=\"headline\">{step.meta}</div>;\n\n              case \"ordered\":\n                return <div className=\"circle\">{idx + 1}</div>;\n\n              case \"check\":\n                return (\n                  <div className=\"circle\">\n                    <div className=\"checkmark\"></div>\n                  </div>\n                );\n\n              default:\n                return null;\n            }\n          };\n\n          return (\n            <div key={idx} className=\"step\">\n              <div className=\"meta\">{renderMeta()}</div>\n\n              <div className=\"vertical-line\">\n                <div className=\"dot\" />\n              </div>\n\n              <div className=\"card\">\n                <div className=\"label\">{step.label}</div>\n                <div className=\"title\">{step.title}</div>\n                <div className=\"\">\n                  <div className=\"description\">{step.description}</div>\n                  <div className=\"card-footer\">\n                    {step.link && (\n                      <>\n                        <ArrowLink\n                          href={step.link.link}\n                          className=\"card-footer-detail\"\n                        >\n                          {step.link.title}\n                        </ArrowLink>\n                        <ExternalLink color=\"primary\" width={22} height={22} />\n                      </>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"names":["formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","jsx","step","idx","renderMeta","day","month","year","jsxs","Fragment","ArrowLink","ExternalLink"],"mappings":";;;;;;AAqBA,MAAMA,IAAkB,CAACC,MAAuB;AACxC,QAAAC,IAAOC,EAAS,QAAQF,CAAU;AACjC,SAAA;AAAA,IACL,KAAKC,EAAK,SAAS,IAAI;AAAA,IACvB,OAAOA,EAAK,SAAS,MAAM;AAAA,IAC3B,MAAMA,EAAK,SAAS,MAAM;AAAA,EAC5B;AACF,GAEaE,IAAsB,CAAC,EAAE,OAAAC,GAAO,MAAAC,QAExCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,sBACb,UAACA,gBAAAA,MAAA,OAAA,EAAI,WAAU,YACZ,UAAMF,EAAA,IAAI,CAACG,GAAMC,MAAQ;AACxB,QAAMC,IAAa,MAAM;AACvB,YAAQJ,GAAM;AAAA,MACZ,KAAK,QAAQ;AACP,YAAA,CAACE,EAAK,KAAa,QAAA;AACvB,cAAM,EAAE,KAAAG,GAAK,OAAAC,GAAO,MAAAC,EAAS,IAAAb,EAAgBQ,EAAK,IAAI;AACtD,eAEIM,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,UAACR,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,OAAO,UAAII,GAAA;AAAA,UACzBJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,SAAS,UAAMK,GAAA;AAAA,UAC7BL,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,QAAQ,UAAKM,EAAA,CAAA;AAAA,QAAA,GAC9B;AAAA,MAAA;AAAA,MAGJ,KAAK;AACH,eAAQN,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,YAAY,YAAK,MAAK;AAAA,MAE9C,KAAK;AACH,eAAQA,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,UAAU,cAAM,GAAE;AAAA,MAE1C,KAAK;AAED,eAAAA,gBAAAA,MAAC,SAAI,WAAU,UACb,gCAAC,OAAI,EAAA,WAAU,aAAY,EAC7B,CAAA;AAAA,MAGJ;AACS,eAAA;AAAA,IAAA;AAAA,EAEb;AAGE,SAAAO,gBAAAA,EAAA,KAAC,OAAc,EAAA,WAAU,QACvB,UAAA;AAAA,IAAAP,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,QAAQ,UAAAG,EAAA,GAAa;AAAA,IAEpCH,gBAAAA,EAAAA,IAAC,SAAI,WAAU,iBACb,gCAAC,OAAI,EAAA,WAAU,OAAM,EACvB,CAAA;AAAA,IAEAO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,QACb,UAAA;AAAA,MAAAP,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,SAAS,UAAAC,EAAK,OAAM;AAAA,MAClCD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,SAAS,YAAK,OAAM;AAAA,MACnCO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,IACb,UAAA;AAAA,QAAAP,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAC,EAAK,aAAY;AAAA,8BAC9C,OAAI,EAAA,WAAU,eACZ,UAAAA,EAAK,QAEFM,gBAAAA,EAAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,UAAAR,gBAAAA,EAAA;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,MAAMR,EAAK,KAAK;AAAA,cAChB,WAAU;AAAA,cAET,YAAK,KAAK;AAAA,YAAA;AAAA,UACb;AAAA,gCACCS,GAAa,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA,EAAA,CACvD,EAEJ,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EAAA,GA1BQR,CA2BV;AAAA,CAEH,GACH,EACF,CAAA;"}

package/dist/index.es117.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es206.js";
 import { Section as u } from "./index.es47.js";
-import { clsx as f } from "./index.es208.js";
+import { clsx as f } from "./index.es207.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as t } from "./index.es210.js";
+import { l as t } from "./index.es211.js";
 import { CardCategory as v } from "./index.es26.js";
 import { Col as w } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es36.js";

package/dist/index.es119.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es206.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTMLBalancer as a } from "./index.es124.js";
 import n from "react";
-import { clsx as x } from "./index.es208.js";
+import { clsx as x } from "./index.es207.js";
 import { Section as e } from "./index.es47.js";
 import { Col as f } from "./index.es10.js";
 const T = ({

package/dist/index.es12.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es206.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es208.js";
+import { clsx as l } from "./index.es207.js";
 import { useState as h } from "react";
 import { useMediaQuery as N } from "./index.es227.js";
 import { Close as I } from "./index.es131.js";

package/dist/index.es120.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es206.js";
 import { Section as l } from "./index.es47.js";
-import { clsx as f } from "./index.es208.js";
+import { clsx as f } from "./index.es207.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as a } from "./index.es210.js";
+import { l as a } from "./index.es211.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as v } from "./index.es36.js";
 import { CardCategory as g } from "./index.es26.js";

package/dist/index.es121.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es206.js";
 import { Section as c } from "./index.es47.js";
-import { clsx as u } from "./index.es208.js";
+import { clsx as u } from "./index.es207.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as p } from "./index.es29.js";
 import { Col as x } from "./index.es10.js";

package/dist/index.es124.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es206.js";
-import i from "./index.es217.js";
-import o from "./index.es218.js";
+import i from "./index.es218.js";
+import o from "./index.es219.js";
 const c = (t, n = void 0) => {
   const r = i.sanitize(t).replace(
     /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,

package/dist/index.es126.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es206.js";
-import { clsx as c } from "./index.es208.js";
+import { clsx as c } from "./index.es207.js";
 import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
 import { Section as l } from "./index.es47.js";
 const _ = {

package/dist/index.es127.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es206.js";
-import { clsx as t } from "./index.es208.js";
-import { createColorClasses as e } from "./index.es221.js";
+import { clsx as t } from "./index.es207.js";
+import { createColorClasses as e } from "./index.es208.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es206.js";
-import { clsx as a } from "./index.es208.js";
-import { createColorClasses as i } from "./index.es221.js";
+import { clsx as a } from "./index.es207.js";
+import { createColorClasses as i } from "./index.es208.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es129.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es206.js";
-import { clsx as l } from "./index.es208.js";
-import { createColorClasses as a } from "./index.es221.js";
+import { clsx as l } from "./index.es207.js";
+import { createColorClasses as a } from "./index.es208.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es206.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es208.js";
+import { clsx as n } from "./index.es207.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es131.js";
 import { Col as C } from "./index.es10.js";

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es206.js";
-import { clsx as a } from "./index.es208.js";
-import { createColorClasses as l } from "./index.es221.js";
+import { clsx as a } from "./index.es207.js";
+import { createColorClasses as l } from "./index.es208.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es206.js";
-import { clsx as a } from "./index.es208.js";
-import { createColorClasses as i } from "./index.es221.js";
+import { clsx as a } from "./index.es207.js";
+import { createColorClasses as i } from "./index.es208.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es132.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es206.js";
-import { clsx as l } from "./index.es208.js";
-import { createColorClasses as a } from "./index.es221.js";
+import { clsx as l } from "./index.es207.js";
+import { createColorClasses as a } from "./index.es208.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es133.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es206.js";
-import { clsx as l } from "./index.es208.js";
-import { createColorClasses as c } from "./index.es221.js";
+import { clsx as l } from "./index.es207.js";
+import { createColorClasses as c } from "./index.es208.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es134.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es206.js";
-import { clsx as t } from "./index.es208.js";
-import { createColorClasses as e } from "./index.es221.js";
+import { clsx as t } from "./index.es207.js";
+import { createColorClasses as e } from "./index.es208.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es206.js";
-import { clsx as s } from "./index.es208.js";
-import { createColorClasses as q } from "./index.es221.js";
+import { clsx as s } from "./index.es207.js";
+import { createColorClasses as q } from "./index.es208.js";
 const e = ({
   width: l = 315,
   height: h = 48,

package/dist/index.es136.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es206.js";
-import { clsx as s } from "./index.es208.js";
-import { createColorClasses as r } from "./index.es221.js";
+import { clsx as s } from "./index.es207.js";
+import { createColorClasses as r } from "./index.es208.js";
 const a = ({
   width: v = 141,
   height: h = 48,

package/dist/index.es137.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es206.js";
-import { clsx as c } from "./index.es208.js";
-import { createColorClasses as r } from "./index.es221.js";
+import { clsx as c } from "./index.es207.js";
+import { createColorClasses as r } from "./index.es208.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es138.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es206.js";
-import { clsx as s } from "./index.es208.js";
-import { createColorClasses as q } from "./index.es221.js";
+import { clsx as s } from "./index.es207.js";
+import { createColorClasses as q } from "./index.es208.js";
 const V = ({
   width: l = 292,
   height: z = 48,

package/dist/index.es139.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es206.js";
-import { clsx as c } from "./index.es208.js";
-import { createColorClasses as M } from "./index.es221.js";
+import { clsx as c } from "./index.es207.js";
+import { createColorClasses as M } from "./index.es208.js";
 const r = ({
   width: h = 222,
   height: v = 48,

package/dist/index.es14.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es206.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es208.js";
+import { clsx as n } from "./index.es207.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es131.js";
 import { Col as N } from "./index.es10.js";

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es206.js";
-import { clsx as s } from "./index.es208.js";
-import { createColorClasses as f } from "./index.es221.js";
+import { clsx as s } from "./index.es207.js";
+import { createColorClasses as f } from "./index.es208.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es206.js";
-import { clsx as o } from "./index.es208.js";
-import { createColorClasses as t } from "./index.es221.js";
+import { clsx as o } from "./index.es207.js";
+import { createColorClasses as t } from "./index.es208.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es206.js";
-import { clsx as i } from "./index.es208.js";
-import { createColorClasses as a } from "./index.es221.js";
+import { clsx as i } from "./index.es207.js";
+import { createColorClasses as a } from "./index.es208.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es206.js";
-import { clsx as i } from "./index.es208.js";
-import { createColorClasses as a } from "./index.es221.js";
+import { clsx as i } from "./index.es207.js";
+import { createColorClasses as a } from "./index.es208.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es206.js";
-import { clsx as c } from "./index.es208.js";
-import { createColorClasses as h } from "./index.es221.js";
+import { clsx as c } from "./index.es207.js";
+import { createColorClasses as h } from "./index.es208.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es206.js";
-import { clsx as l } from "./index.es208.js";
-import { createColorClasses as r } from "./index.es221.js";
+import { clsx as l } from "./index.es207.js";
+import { createColorClasses as r } from "./index.es208.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es206.js";
-import { clsx as r } from "./index.es208.js";
-import { createColorClasses as t } from "./index.es221.js";
+import { clsx as r } from "./index.es207.js";
+import { createColorClasses as t } from "./index.es208.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es206.js";
-import { clsx as m } from "./index.es208.js";
-import { createColorClasses as d } from "./index.es221.js";
+import { clsx as m } from "./index.es207.js";
+import { createColorClasses as d } from "./index.es208.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es206.js";
-import { clsx as t } from "./index.es208.js";
-import { createColorClasses as v } from "./index.es221.js";
+import { clsx as t } from "./index.es207.js";
+import { createColorClasses as v } from "./index.es208.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es149.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es206.js";
-import { clsx as s } from "./index.es208.js";
+import { clsx as s } from "./index.es207.js";
 const i = ({ width: r = 40, height: e = 40, className: o }) => /* @__PURE__ */ l.jsx(
   "svg",
   {

package/dist/index.es15.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es206.js";
 import { useState as g } from "react";
-import { clsx as n } from "./index.es208.js";
+import { clsx as n } from "./index.es207.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
 import { useMediaQuery as B } from "./index.es227.js";
 import { Close as E } from "./index.es131.js";

package/dist/index.es150.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es206.js";
-import { clsx as r } from "./index.es208.js";
+import { clsx as r } from "./index.es207.js";
 const t = ({
   width: e = 40,
   height: l = 40,

package/dist/index.es151.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es206.js";
-import { clsx as s } from "./index.es208.js";
+import { clsx as s } from "./index.es207.js";
 const a = ({
   width: e = 24,
   height: t = 24,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es206.js";
-import { clsx as t } from "./index.es208.js";
-import { createColorClasses as i } from "./index.es221.js";
+import { clsx as t } from "./index.es207.js";
+import { createColorClasses as i } from "./index.es208.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es153.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es206.js";
-import { clsx as t } from "./index.es208.js";
-import { createColorClasses as c } from "./index.es221.js";
+import { clsx as t } from "./index.es207.js";
+import { createColorClasses as c } from "./index.es208.js";
 const d = ({
   width: l = 32,
   height: s = 32,