@anoki/fse-ui 1.0.419 → 1.0.422

package/dist/index.es85.js

@@ -1,54 +1,14 @@
-import { j as i } from "./index.es154.js";
-import { Section as s } from "./index.es46.js";
-import './sections/Login/Login.css';/* empty css            */
-import { EntryButton as g } from "./index.es36.js";
-import { Col as o } from "./index.es10.js";
-const N = ({
-  title: r,
-  description: e,
-  loginTitle: l,
-  loginDescription: n,
-  buttonLabel: t,
-  buttonAriaLabel: c,
-  buttonHref: a,
-  asImage: m = "img",
-  region: d = "marche",
-  authSrc: h = ""
-}) => {
-  const x = m;
-  return /* @__PURE__ */ i.jsxs(s, { className: "base-col ui-login-section", children: [
-    /* @__PURE__ */ i.jsxs(o, { className: "ui-login-content", children: [
-      /* @__PURE__ */ i.jsx(s.Title, { fs: "1", className: "md-fs-0 ui-login-title", mdFs: "0", children: r }),
-      e && /* @__PURE__ */ i.jsx(s.Description, { className: "ui-login-description", children: e })
-    ] }),
-    /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body ", children: [
-      /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
-        /* @__PURE__ */ i.jsx("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: l }),
-        /* @__PURE__ */ i.jsx(s.Description, { children: n }),
-        /* @__PURE__ */ i.jsx(
-          g,
-          {
-            showIcon: d === "marche",
-            ariaLabel: c,
-            href: a,
-            children: t
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
-        x,
-        {
-          src: h,
-          alt: "",
-          "aria-hidden": "true",
-          width: 246,
-          height: 746
-        }
-      ) })
-    ] })
-  ] });
-};
+import { j as e } from "./index.es161.js";
+import './components/ui/Blockquote/Blockquote.css';/* empty css            */
+const c = ({
+  text: o,
+  author: t,
+  variant: r = "left-line"
+}) => /* @__PURE__ */ e.jsxs("blockquote", { className: `styled-blockquote ${r}`, children: [
+  /* @__PURE__ */ e.jsx("p", { children: o }),
+  /* @__PURE__ */ e.jsx("footer", { children: t })
+] });
 export {
-  N as Login
+  c as Blockquote
 };
 //# sourceMappingURL=index.es85.js.map

package/dist/index.es85.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es85.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { Col, EntryButton } from \"@/components\";\nimport \"./Login.scss\";\nimport { Config } from \"@/utils/config.ts\";\n\nexport type LoginProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  loginTitle: string;\n  loginDescription: React.ReactNode;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  buttonHref: string;\n  asImage?: \"img\";\n  region?: Config[\"REGION\"];\n  authSrc?: string;\n};\n\nexport const Login = ({\n  title,\n  description,\n  loginTitle,\n  loginDescription,\n  buttonLabel,\n  buttonAriaLabel,\n  buttonHref,\n  asImage = \"img\",\n  region = \"marche\",\n  authSrc = \"\",\n}: LoginProps) => {\n  const ImageComponent = asImage;\n  return (\n    <Section className=\"base-col ui-login-section\">\n      <Col className=\"ui-login-content\">\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\n          {title}\n        </Section.Title>\n        {description && (\n          <Section.Description className=\"ui-login-description\">\n            {description}\n          </Section.Description>\n        )}\n      </Col>\n      <div className=\"bg-white shadow br-x4 ui-login-body \">\n        <Col gap={\"x16\"}>\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h3>\n          <Section.Description>{loginDescription}</Section.Description>\n          <EntryButton\n            showIcon={region === \"marche\"}\n            ariaLabel={buttonAriaLabel}\n            href={buttonHref}\n          >\n            {buttonLabel}\n          </EntryButton>\n        </Col>\n\n        <div className=\"ui-login-body-img h-full\">\n          <ImageComponent\n            src={authSrc}\n            alt=\"\"\n            aria-hidden=\"true\"\n            width={246}\n            height={746}\n          />\n        </div>\n      </div>\n    </Section>\n  );\n};\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUP,MAAW;AAAA,YACrB,WAAWH;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es85.js","sources":["../src/components/ui/Blockquote/index.tsx"],"sourcesContent":["import React from 'react';\nimport './Blockquote.scss';\n\ntype Variant = 'left-line' | 'blue-box' | 'light-bg';\n\ntype BlockquoteProps = {\n  text: string;\n  author: string;\n  variant?: Variant;\n}\n\nexport const Blockquote: React.FC<BlockquoteProps> = ({\n  text,\n  author,\n  variant = 'left-line',\n}) => {\n  return (\n    <blockquote className={`styled-blockquote ${variant}`}>\n        <p>{text}</p>\n        <footer>{author}</footer>\n    </blockquote>\n  );\n}; \n"],"names":["Blockquote","text","author","variant","jsxs","jsx"],"mappings":";;AAWO,MAAMA,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAEKC,gBAAAA,EAAA,KAAA,cAAA,EAAW,WAAW,qBAAqBD,CAAO,IAC/C,UAAA;AAAA,EAAAE,gBAAAA,EAAAA,IAAC,OAAG,UAAKJ,EAAA,CAAA;AAAA,EACTI,gBAAAA,EAAAA,IAAC,YAAQ,UAAOH,EAAA,CAAA;AAAA,GACpB;"}

package/dist/index.es86.js

@@ -1,83 +1,24 @@
-import { j as r } from "./index.es154.js";
-import { Section as u } from "./index.es46.js";
-import { clsx as f } from "./index.es155.js";
-import './sections/HomeServices/HomeServices.css';/* empty css            */
-import { useMemo as j } from "react";
-import { l as t } from "./index.es159.js";
-import { CardCategory as v } from "./index.es26.js";
-import { Col as w } from "./index.es10.js";
-import { ArrowLink as T } from "./index.es35.js";
-const s = {
-  LayoutOne: "LayoutOne",
-  LayoutTwo: "LayoutTwo",
-  LayoutThree: "LayoutThree"
-}, _ = ({
-  title: h,
-  description: i,
-  goToLabel: p,
-  href: x,
-  asLink: L = "a",
-  items: e,
-  layout: a = s.LayoutOne,
-  className: d
-}) => {
-  const y = a === s.LayoutOne ? "ui-home-services-layout-one" : a === s.LayoutTwo ? "ui-home-services-layout-two" : "ui-home-services-layout-three", n = j(() => {
-    switch (a) {
-      case s.LayoutOne:
-        return e.map((o, c) => {
-          const l = c !== 0;
-          return {
-            ...t.omit(o, l ? ["image"] : [])
-          };
-        });
-      case s.LayoutTwo:
-        return e.map((o) => ({
-          ...t.omit(o, [])
-        }));
-      case s.LayoutThree:
-        return e.map((o, c) => {
-          const l = c !== 0;
-          return {
-            ...t.omit(o, l ? ["image"] : [])
-          };
-        });
-      default:
-        return e;
-    }
-  }, [e, a]);
-  return /* @__PURE__ */ r.jsxs(u, { className: f("base-col ui-home-services-section", d), children: [
-    /* @__PURE__ */ r.jsxs(w, { className: "ui-home-services-section-content", children: [
-      /* @__PURE__ */ r.jsxs("div", { className: "ui-home-services-section-title", children: [
-        /* @__PURE__ */ r.jsx(u.Title, { fs: "2", children: h }),
-        p && x && /* @__PURE__ */ r.jsx(T, { href: x, asLink: L, fs: "7", children: p.toUpperCase() })
-      ] }),
-      i && /* @__PURE__ */ r.jsx(u.Description, { children: i })
-    ] }),
-    /* @__PURE__ */ r.jsx(
-      "ul",
-      {
-        role: "list",
-        "aria-label": `Lista di ${h}`,
-        className: `list-style-none ${y}`,
-        children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
-          v,
-          {
-            title: o == null ? void 0 : o.name,
-            description: o == null ? void 0 : o.description,
-            image: o == null ? void 0 : o.image,
-            href: (o == null ? void 0 : o.link) || (o == null ? void 0 : o.externalLink),
-            showIcon: o == null ? void 0 : o.externalLink,
-            asLink: L,
-            isExternal: o == null ? void 0 : o.externalLink
-          },
-          o._id
-        ) }, o._id))
-      }
-    )
-  ] });
-};
+import { j as s } from "./index.es161.js";
+import './components/ui/Callout/Callout.css';/* empty css            */
+import { ErrorExagon as a } from "./index.es141.js";
+import { Info as o } from "./index.es137.js";
+const n = {
+  info: /* @__PURE__ */ s.jsx(o, { color: "primary" }),
+  warning: /* @__PURE__ */ s.jsx(o, { color: "warning" }),
+  danger: /* @__PURE__ */ s.jsx(a, {}),
+  success: /* @__PURE__ */ s.jsx(o, { color: "status-success" })
+}, m = ({
+  title: c,
+  description: l,
+  variant: r = "info"
+}) => /* @__PURE__ */ s.jsxs("div", { className: `callout callout-${r} p-x40`, children: [
+  /* @__PURE__ */ s.jsxs("div", { className: "callout-header px-x40", children: [
+    n[r],
+    /* @__PURE__ */ s.jsx("span", { children: c })
+  ] }),
+  /* @__PURE__ */ s.jsx("div", { className: "callout-body", children: l })
+] });
 export {
-  s as HOME_SERVICES_LAYOUTS,
-  _ as HomeServices
+  m as Callout
 };
 //# sourceMappingURL=index.es86.js.map

package/dist/index.es86.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es86.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./HomeServices.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const HOME_SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n} as const;\n\ntype Layout =\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\n\nexport type AggregationItemsProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: Layout;\n  className?: string;\n};\n\nexport const HomeServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\n  className,\n}: AggregationItemsProps) => {\n  const layoutClassName =\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\n      ? \"ui-home-services-layout-one\"\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\n        ? \"ui-home-services-layout-two\"\n        : \"ui-home-services-layout-three\";\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item) => {\n          const removeImage = false;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-home-services-section\", className)}>\n      <Col className=\"ui-home-services-section-content\">\n        <div className=\"ui-home-services-section-title\">\n          <Section.Title fs=\"2\">{title}</Section.Title>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item) => {\n          return (\n            <li key={item._id}>\n              <CardCategory\n                key={item._id}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","Section","clsx","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":";;;;;;;;;AAOO,MAAMA,IAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AACf,GAgBaC,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,QAAAC,IAASR,EAAsB;AAAA,EAC/B,WAAAS;AACF,MAA6B;AACrB,QAAAC,IACJF,MAAWR,EAAsB,YAC7B,gCACAQ,MAAWR,EAAsB,YAC/B,gCACA,iCAEFW,IAAkBC,EAAQ,MAAM;AACpC,YAAQJ,GAAQ;AAAA,MACd,KAAKR,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AACvB,iBAAA;AAAA,YACL,GAAGE,OAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAE,CAAA;AAAA,UAC5C;AAAA,QAAA,CACD;AAAA,MACH,KAAKf,EAAsB;AAClB,eAAAO,EAAM,IAAI,CAACM,OAET;AAAA,UACL,GAAGG,EAAAA,KAAKH,GAAgC,CAAE,CAAA;AAAA,QAC5C,EACD;AAAA,MACH,KAAKb,EAAsB;AACzB,eAAOO,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,gBAAMC,IAAcD,MAAU;AACvB,iBAAA;AAAA,YACL,GAAGE,OAAKH,GAAME,IAAc,CAAC,OAAO,IAAI,CAAE,CAAA;AAAA,UAC5C;AAAA,QAAA,CACD;AAAA,MACH;AACS,eAAAR;AAAA,IAAA;AAAA,EACX,GACC,CAACA,GAAOC,CAAM,CAAC;AAElB,gCACGS,GAAQ,EAAA,WAAWC,EAAK,qCAAqCT,CAAS,GACrE,UAAA;AAAA,IAACU,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,oCACb,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAAE,gBAAAA,EAAA,IAACJ,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAMf,GAAA;AAAA,QAC5BE,KAAaC,KACZgB,gBAAAA,MAACC,GAAU,EAAA,MAAAjB,GAAY,QAAAC,GAAgB,IAAG,KACvC,UAAUF,EAAA,YAAA,EACb,CAAA;AAAA,MAAA,GAEJ;AAAA,MACCD,KACCkB,gBAAAA,EAAA,IAACJ,EAAQ,aAAR,EAAqB,UAAYd,EAAA,CAAA;AAAA,IAAA,GAEtC;AAAA,IACAkB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYnB,CAAK;AAAA,QAC7B,WAAW,mBAAmBQ,CAAe;AAAA,QAE5C,UAAAC,KAAA,gBAAAA,EAAiB,IAAI,CAACE,4BAElB,MACC,EAAA,UAAAQ,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YAEC,OAAOV,KAAA,gBAAAA,EAAM;AAAA,YACb,aAAaA,KAAA,gBAAAA,EAAM;AAAA,YACnB,OAAOA,KAAA,gBAAAA,EAAM;AAAA,YACb,OAAMA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM;AAAA,YAC1B,UAAUA,KAAA,gBAAAA,EAAM;AAAA,YAChB,QAAAP;AAAA,YACA,YAAYO,KAAA,gBAAAA,EAAM;AAAA,UAAA;AAAA,UAPbA,EAAK;AAAA,QAAA,EAQZ,GAVOA,EAAK,GAWd;AAAA,MAEH;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"index.es86.js","sources":["../src/components/ui/Callout/index.tsx"],"sourcesContent":["import './Callout.scss';\nimport { ErrorExagon, Info } from '@/icons';\n\ntype Variant = 'info' | 'warning' | 'danger' | 'success';\n\ninterface CalloutProps {\n  title: string;\n  description: React.ReactNode;\n  variant?: Variant;\n}\n\nconst iconMap = {\n  info: <Info color='primary' />,\n  warning: <Info color='warning' />,\n  danger: <ErrorExagon />,\n  success: <Info color='status-success' />,\n};\n\nexport const Callout: React.FC<CalloutProps> = ({\n  title,\n  description,\n  variant = 'info',\n}) => {\n  return (\n    <div className={`callout callout-${variant} p-x40`}>\n      <div className=\"callout-header px-x40\">\n        {iconMap[variant]}\n        <span>{title}</span>\n      </div>\n      <div className=\"callout-body\">{description}</div>\n    </div>\n  );\n};\n\n"],"names":["iconMap","jsx","Info","ErrorExagon","Callout","title","description","variant","jsxs"],"mappings":";;;;AAWA,MAAMA,IAAU;AAAA,EACd,MAAMC,gBAAAA,EAAAA,IAACC,GAAK,EAAA,OAAM,UAAU,CAAA;AAAA,EAC5B,SAASD,gBAAAA,EAAAA,IAACC,GAAK,EAAA,OAAM,UAAU,CAAA;AAAA,EAC/B,8BAASC,GAAY,EAAA;AAAA,EACrB,SAASF,gBAAAA,EAAAA,IAACC,GAAK,EAAA,OAAM,iBAAiB,CAAA;AACxC,GAEaE,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAEKC,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,mBAAmBD,CAAO,UACxC,UAAA;AAAA,EAACC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,IAAAR,EAAQO,CAAO;AAAA,IAChBN,gBAAAA,EAAAA,IAAC,UAAM,UAAMI,EAAA,CAAA;AAAA,EAAA,GACf;AAAA,EACCJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,gBAAgB,UAAYK,EAAA,CAAA;AAAA,GAC7C;"}

package/dist/index.es87.js

@@ -1,40 +1,28 @@
-import { j as e } from "./index.es154.js";
-import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { Section as o } from "./index.es46.js";
-import { Col as c } from "./index.es10.js";
-import { Button as m } from "./index.es25.js";
-const j = ({
-  title: t,
-  description: n,
-  links: r,
-  asLink: a = "a"
-}) => /* @__PURE__ */ e.jsxs(o, { className: "base-col ui-what-do-you-need-section", children: [
-  /* @__PURE__ */ e.jsxs(c, { className: "ui-what-do-you-need-content", children: [
-    /* @__PURE__ */ e.jsx(o.Title, { fs: "2", children: t }),
-    n && /* @__PURE__ */ e.jsx(o.Description, { children: n })
+import { j as n } from "./index.es161.js";
+import './components/ui/ActionBanner/ActionBanner.css';/* empty css            */
+import { ArrowLink as d } from "./index.es35.js";
+import { Button as i } from "./index.es25.js";
+import { Shape as o } from "./index.es130.js";
+const b = ({
+  title: s,
+  description: l,
+  variant: c = "default",
+  privacy: e,
+  firstAction: a,
+  secondAction: r
+}) => /* @__PURE__ */ n.jsxs("div", { className: `action-banner action-banner-${c}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: "banner-head", children: /* @__PURE__ */ n.jsx("div", { className: "banner-title", children: s }) }),
+  /* @__PURE__ */ n.jsxs("div", { className: "banner-body", children: [
+    /* @__PURE__ */ n.jsx("div", { className: "banner-icon", children: /* @__PURE__ */ n.jsx(o, { width: 48, height: 48 }) }),
+    /* @__PURE__ */ n.jsx("span", { className: "banner-description", children: l })
   ] }),
-  /* @__PURE__ */ e.jsx(
-    "ul",
-    {
-      role: "list",
-      "aria-label": `Lista di ${t}`,
-      className: "list-style-none ui-what-do-you-need-links",
-      children: r == null ? void 0 : r.map(({ link: i, title: d, isNewTab: s }, l) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-        m,
-        {
-          asLink: a,
-          href: i,
-          size: "2",
-          variant: l > 0 ? "secondary" : "primary",
-          target: s ? "_blank" : void 0,
-          rel: s ? "noopener noreferrer" : void 0,
-          children: d
-        }
-      ) }, i))
-    }
-  )
+  /* @__PURE__ */ n.jsxs("div", { className: "banner-actions", children: [
+    e && /* @__PURE__ */ n.jsx(d, { asLink: "a", children: e.title, href: e.link }),
+    a && /* @__PURE__ */ n.jsx(i, { variant: "secondary", onClick: a.onClick, children: a.label }),
+    r && /* @__PURE__ */ n.jsx(i, { onClick: r.onClick, children: r.label })
+  ] })
 ] });
 export {
-  j as WhatDoYouNeed
+  b as ActionBanner
 };
 //# sourceMappingURL=index.es87.js.map

package/dist/index.es87.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es87.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport \"./WhatDoYouNeed.scss\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\n\ntype WhatDoYouNeedProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links: EnhancedSectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n}>;\n\ntype EnhancedSectionLink = SectionLink & {\n  isNewTab?: boolean;\n};\n\nexport const WhatDoYouNeed = ({\n  title,\n  description,\n  links,\n  asLink = \"a\",\n}: WhatDoYouNeedProps) => {\n  return (\n    <Section className=\"base-col ui-what-do-you-need-section\">\n      <Col className=\"ui-what-do-you-need-content\">\n        <Section.Title fs=\"2\">{title}</Section.Title>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className=\"list-style-none ui-what-do-you-need-links\"\n      >\n        {links?.map(({ link, title, isNewTab }, index) => (\n          <li key={link}>\n            <Button\n              asLink={asLink}\n              href={link}\n              size=\"2\"\n              variant={index > 0 ? \"secondary\" : \"primary\"}\n              // textColor={index > 0 ? \"primary\" : undefined}\n              // bg={index > 0 ? \"white\" : undefined}\n              // className={index > 0 ? \"br-color-primary\" : undefined}\n              target={isNewTab ? \"_blank\" : undefined}\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\n            >\n              {title}\n            </Button>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["WhatDoYouNeed","title","description","links","asLink","jsxs","Section","Col","jsx","link","isNewTab","index","Button"],"mappings":";;;;;AAgBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,wCACjB,UAAA;AAAA,EAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,+BACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACF,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAML,GAAA;AAAA,IAC5BC,KACCM,gBAAAA,EAAA,IAACF,EAAQ,aAAR,EAAqB,UAAYJ,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYP,CAAK;AAAA,MAC7B,WAAU;AAAA,MAET,UAAAE,KAAA,gBAAAA,EAAO,IAAI,CAAC,EAAE,MAAAM,GAAM,OAAAR,GAAO,UAAAS,EAAS,GAAGC,MACtCH,gBAAAA,EAAAA,IAAC,MACC,EAAA,UAAAA,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAAR;AAAA,UACA,MAAMK;AAAA,UACN,MAAK;AAAA,UACL,SAASE,IAAQ,IAAI,cAAc;AAAA,UAInC,QAAQD,IAAW,WAAW;AAAA,UAC9B,KAAKA,IAAW,wBAAwB;AAAA,UAEvC,UAAAT;AAAAA,QAAA;AAAA,MACH,EAAA,GAbOQ,CAcT;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es87.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from 'react';\nimport './ActionBanner.scss';\nimport { Shape } from '@/icons';\nimport { Link } from '@anoki/fse-common/dist';\nimport { ArrowLink } from '../ArrowLink';\nimport { Button } from '../Button';\n\ntype Variant = 'default' | 'light' ;\n\ninterface ActionBannerProps {\n  title: string;\n  description: string;\n  variant?: Variant;\n  privacy?: Link;\n  firstAction?: { label: string, onClick: () => void}\n  secondAction?: { label: string, onClick: () => void}\n}\n\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\n  title,\n  description,\n  variant = 'default',\n  privacy,\n  firstAction,\n  secondAction\n}) => {\n  return (\n    <div className={`action-banner action-banner-${variant}`}>\n      <div className=\"banner-head\">\n        <div className=\"banner-title\">{title}</div>\n      </div>\n      <div className=\"banner-body\">\n        <div className=\"banner-icon\">\n            <Shape width={48} height={48}/>\n        </div>\n        <span className=\"banner-description\">{description}</span>\n      </div>\n       <div className=\"banner-actions\">\n            {privacy && <ArrowLink asLink=\"a\" children={privacy.title} href={privacy.link}  />}\n            {firstAction && <Button variant='secondary' onClick={firstAction.onClick}>{firstAction.label}</Button>}\n            {secondAction && <Button onClick={secondAction.onClick}>{secondAction.label}</Button>}\n        </div>\n    </div>\n  );\n};"],"names":["ActionBanner","title","description","variant","privacy","firstAction","secondAction","jsxs","jsx","Shape","ArrowLink","Button"],"mappings":";;;;;AAkBO,MAAMA,IAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEKC,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,+BAA+BJ,CAAO,IACpD,UAAA;AAAA,EAACK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,eACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,gBAAgB,aAAM,EACvC,CAAA;AAAA,EACAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,eACb,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,eACX,UAAAA,gBAAAA,EAAA,IAACC,KAAM,OAAO,IAAI,QAAQ,GAAA,CAAG,EACjC,CAAA;AAAA,IACCD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,sBAAsB,UAAYN,EAAA,CAAA;AAAA,EAAA,GACpD;AAAA,EACCK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,kBACT,UAAA;AAAA,IAAWH,KAAAI,gBAAAA,EAAA,IAACE,KAAU,QAAO,KAAI,UAAUN,EAAQ,OAAO,MAAMA,EAAQ,KAAO,CAAA;AAAA,IAC/EC,2BAAgBM,GAAO,EAAA,SAAQ,aAAY,SAASN,EAAY,SAAU,UAAAA,EAAY,MAAM,CAAA;AAAA,IAC5FC,KAAiBE,gBAAAA,EAAAA,IAAAG,GAAA,EAAO,SAASL,EAAa,SAAU,YAAa,MAAM,CAAA;AAAA,EAAA,EAChF,CAAA;AAAA,GACJ;"}

package/dist/index.es88.js

@@ -1,15 +1,32 @@
-import { j as t } from "./index.es154.js";
-import './sections/RichText/RichText.css';/* empty css            */
-import { Section as e } from "./index.es46.js";
-import { Col as o } from "./index.es10.js";
-const l = ({ title: r, description: i, children: s }) => /* @__PURE__ */ t.jsxs(e, { className: "base-col ui-rich-text-section", children: [
-  /* @__PURE__ */ t.jsxs(o, { className: "ui-rich-text-content", children: [
-    /* @__PURE__ */ t.jsx(e.Title, { fs: "2", children: r }),
-    i && /* @__PURE__ */ t.jsx(e.Description, { children: i })
-  ] }),
-  s
-] });
+import { j as s } from "./index.es161.js";
+import './components/ui/Alert/Alert.css';/* empty css            */
+import { Divider as l } from "./index.es180.js";
+import { Link as a } from "./index.es89.js";
+import { Info as r } from "./index.es137.js";
+import { ErrorExagon as n } from "./index.es141.js";
+const h = {
+  default: /* @__PURE__ */ s.jsx(r, { color: "primary", width: 32, height: 32 }),
+  info: /* @__PURE__ */ s.jsx(r, { color: "primary", width: 32, height: 32 }),
+  warning: /* @__PURE__ */ s.jsx(r, { color: "warning", width: 32, height: 32 }),
+  danger: /* @__PURE__ */ s.jsx(n, { width: 32, height: 32 }),
+  success: /* @__PURE__ */ s.jsx(r, { color: "status-success", width: 32, height: 32 })
+}, u = ({
+  title: e,
+  description: o,
+  subtitle: c,
+  link: i,
+  variant: t = "default"
+}) => /* @__PURE__ */ s.jsx("blockquote", { className: `styled-alert alert-${t}`, children: /* @__PURE__ */ s.jsxs("div", { className: "container", children: [
+  h[t],
+  /* @__PURE__ */ s.jsxs("div", { className: "right-container", children: [
+    /* @__PURE__ */ s.jsx("h4", { className: "title", children: e }),
+    /* @__PURE__ */ s.jsx("p", { className: "subtitle", children: c }),
+    /* @__PURE__ */ s.jsx(l, { bg: "blue-30" }),
+    /* @__PURE__ */ s.jsx("p", { className: "description", children: o }),
+    /* @__PURE__ */ s.jsx(a, { title: i.title, src: i.link })
+  ] })
+] }) });
 export {
-  l as RichText
+  u as Alert
 };
 //# sourceMappingURL=index.es88.js.map

package/dist/index.es88.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es88.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./RichText.scss\";\n\ntype RichTextProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n}>;\n\nexport const RichText = ({ title, description, children }: RichTextProps) => {\n  return (\n    <Section className=\"base-col ui-rich-text-section\">\n      <Col className=\"ui-rich-text-content\">\n        <Section.Title fs=\"2\">{title}</Section.Title>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["RichText","title","description","children","jsxs","Section","Col","jsx"],"mappings":";;;;AAYO,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,UAAAC,QAE3CC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,iCACjB,UAAA;AAAA,EAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,wBACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACF,EAAQ,OAAR,EAAc,IAAG,KAAK,UAAMJ,GAAA;AAAA,IAC5BC,KACCK,gBAAAA,EAAA,IAACF,EAAQ,aAAR,EAAqB,UAAYH,EAAA,CAAA;AAAA,EAAA,GAEtC;AAAA,EACCC;AAAA,GACH;"}
+{"version":3,"file":"index.es88.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import React from 'react';\nimport './Alert.scss';\nimport { ErrorExagon, Info } from '@/icons';\nimport { Divider } from '../Divider';\nimport { Link as ILink } from '@anoki/fse-common/dist';\nimport { Link} from '../link';\n\ntype Variant = \"default\" | 'info' | 'warning' | 'danger' | 'success';\n\ntype AlertProps = {\n  title: string;\n  description: string;\n  subtitle: string;\n  link: ILink\n  variant?: Variant;\n}\n\nconst iconMap = {\n  default: <Info color='primary' width={32} height={32} />,\n  info: <Info color='primary' width={32} height={32} />,\n  warning: <Info color='warning' width={32} height={32} />,\n  danger: <ErrorExagon width={32} height={32} />,\n  success: <Info color='status-success' width={32} height={32} />,\n};\n\nexport const Alert: React.FC<AlertProps> = ({\n  title,\n  description,\n  subtitle,\n  link,\n  variant = 'default',\n}) => {\n  return (\n    <blockquote className={`styled-alert alert-${variant}`}>\n      <div className=\"container\">\n        {iconMap[variant]}\n        <div className=\"right-container\">\n          <h4 className='title'>{title}</h4>\n          <p className='subtitle'>{subtitle}</p>\n          <Divider bg='blue-30'/>\n          <p className='description'>{description}</p>\n          <Link title={link.title} src={link.link} />\n        </div>\n      </div>\n    </blockquote>\n  );\n}; \n"],"names":["iconMap","Info","jsx","ErrorExagon","Alert","title","description","subtitle","link","variant","jsxs","Divider","Link"],"mappings":";;;;;;AAiBA,MAAMA,IAAU;AAAA,EACd,+BAAUC,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,4BAAOA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACnD,+BAAUA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUF,GAAK,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAC/D,GAEaG,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAEIP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBO,CAAO,IAClD,UAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,EAAAV,EAAQS,CAAO;AAAA,EAChBC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,IAACR,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMG,GAAA;AAAA,IAC5BH,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,YAAY,UAASK,GAAA;AAAA,IAClCL,gBAAAA,EAAAA,IAACS,GAAQ,EAAA,IAAG,UAAS,CAAA;AAAA,IACpBT,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYI,GAAA;AAAA,0BACvCM,GAAK,EAAA,OAAOJ,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,EAAA,EAC3C,CAAA;AAAA,EAAA,CACF,EACF,CAAA;"}

package/dist/index.es89.js

@@ -1,113 +1,33 @@
-import { j as o } from "./index.es154.js";
-import { Section as l } from "./index.es46.js";
-import { clsx as f } from "./index.es155.js";
-import './sections/Services/Services.css';/* empty css            */
-import { useMemo as j } from "react";
-import { l as a } from "./index.es159.js";
-import { Col as m } from "./index.es10.js";
-import { ArrowLink as v } from "./index.es35.js";
-import { CardCategory as g } from "./index.es26.js";
-const e = {
-  LayoutOne: "LayoutOne",
-  LayoutTwo: "LayoutTwo",
-  LayoutThree: "LayoutThree",
-  LayoutFour: "LayoutFour"
-}, _ = ({
-  title: i,
-  description: y,
-  goToLabel: L,
-  href: p,
-  asLink: h = "a",
-  items: s,
-  layout: n = e.LayoutOne,
-  className: x
-}) => {
-  const d = ((r) => {
-    switch (r) {
-      case e.LayoutOne:
-        return "ui-service-items-layout-one";
-      case e.LayoutTwo:
-        return "ui-service-items-layout-two";
-      case e.LayoutThree:
-        return "ui-service-items-layout-three";
-      case e.LayoutFour:
-        return "ui-service-items-layout-four";
-      default:
-        return "";
+import { j as n } from "./index.es161.js";
+import './styles/typography.css';import './components/ui/link/Link.css';/* empty css            */
+/* empty css            */
+import { clsx as a } from "./index.es163.js";
+function x({
+  title: s,
+  src: o,
+  decoration: r = "",
+  transform: m = "none",
+  icon: i,
+  asLink: t = "a"
+}) {
+  const l = t || "a";
+  return /* @__PURE__ */ n.jsxs(
+    l,
+    {
+      className: a(
+        "link link-sans-bold-sm",
+        r,
+        `link-${m}`
+      ),
+      href: o,
+      children: [
+        s,
+        i && /* @__PURE__ */ n.jsx(i, { class: "link-icon", size: "md" })
+      ]
     }
-  })(n), t = j(() => {
-    switch (n) {
-      /**
-       * In this layout, we remove the image from all items.
-       */
-      case e.LayoutOne:
-        return s.map((r) => ({
-          ...a.omit(r, ["image"])
-        }));
-      /**
-       * In this layout, we remove the image from all items except the second one.
-       */
-      case e.LayoutTwo:
-        return s.map((r, u) => {
-          const c = u !== 1;
-          return {
-            ...a.omit(r, c ? ["image"] : [])
-          };
-        });
-      /**
-       * In this layout, we remove the image from all items.
-       */
-      case e.LayoutThree:
-        return s.map((r) => ({
-          ...a.omit(r, ["image"])
-        }));
-      /**
-       * In this layout, we remove the image from all items.
-       */
-      case e.LayoutFour:
-        return s.map((r, u) => {
-          const c = u !== 0;
-          return {
-            ...a.omit(r, c ? ["image"] : [])
-          };
-        });
-      default:
-        return s;
-    }
-  }, [s, n]);
-  return /* @__PURE__ */ o.jsxs(l, { className: f("base-col ui-service-items-section", x), children: [
-    /* @__PURE__ */ o.jsxs(m, { className: "ui-service-items-sectirron-content", children: [
-      /* @__PURE__ */ o.jsxs("div", { className: "ui-service-items-section-title", children: [
-        /* @__PURE__ */ o.jsx(l.Title, { fs: "2", mdFs: "2", as: "h3", color: "slate-20", children: i }),
-        L && p && /* @__PURE__ */ o.jsx(v, { href: p, asLink: h, fs: "7", children: L.toUpperCase() })
-      ] }),
-      y && /* @__PURE__ */ o.jsx(l.Description, { children: y })
-    ] }),
-    /* @__PURE__ */ o.jsx(
-      "ul",
-      {
-        role: "list",
-        "aria-label": `Lista di ${i}`,
-        className: `list-style-none ${d}`,
-        children: t == null ? void 0 : t.map((r) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
-          g,
-          {
-            title: r == null ? void 0 : r.name,
-            description: r == null ? void 0 : r.description,
-            image: r == null ? void 0 : r.image,
-            href: (r == null ? void 0 : r.link) || (r == null ? void 0 : r.externalLink),
-            showIcon: r == null ? void 0 : r.externalLink,
-            asLink: h,
-            isExternal: r == null ? void 0 : r.externalLink
-          },
-          r._id
-        ) }, r._id))
-      }
-    )
-  ] });
-};
+  );
+}
 export {
-  e as SERVICES_LAYOUTS,
-  _ as Services
+  x as Link
 };
 //# sourceMappingURL=index.es89.js.map

package/dist/index.es89.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es89.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./Services.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n} as const;\n\ntype ServicesLayout = (typeof SERVICES_LAYOUTS)[keyof typeof SERVICES_LAYOUTS];\n\nexport type ServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: ServicesLayout;\n  className?: string;\n};\n\nexport const Services = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = SERVICES_LAYOUTS.LayoutOne,\n  className,\n}: ServicesProps) => {\n  const getLayoutClassName = (l: ServicesLayout) => {\n    switch (l) {\n      case SERVICES_LAYOUTS.LayoutOne:\n        return \"ui-service-items-layout-one\";\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return \"ui-service-items-layout-two\";\n      case SERVICES_LAYOUTS.LayoutThree:\n        return \"ui-service-items-layout-three\";\n      case SERVICES_LAYOUTS.LayoutFour:\n        return \"ui-service-items-layout-four\";\n      default:\n        return \"\";\n    }\n  };\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items except the second one.\n       */\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item, index) => {\n          const removeImage = index !== 1;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-service-items-section\", className)}>\n      <Col className=\"ui-service-items-sectirron-content\">\n        <div className=\"ui-service-items-section-title\">\n          <Section.Title fs={\"2\"} mdFs={\"2\"} as={\"h3\"} color={\"slate-20\"}>\n            {title}\n          </Section.Title>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item) => {\n          return (\n            <li key={item._id}>\n              <CardCategory\n                key={item._id}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SERVICES_LAYOUTS","Services","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","l","itemsNormalized","useMemo","item","omit","index","removeImage","Section","clsx","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}
+{"version":3,"file":"index.es89.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\nimport \"../../../styles/typography.scss\";\nimport { clsx } from \"clsx\";\nimport { ElementType } from \"react\";\n\ntype Props = {\n  title: string;\n  src: string;\n  decoration?: string;\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\n  icon?: ElementType;\n  asLink?: ElementType;\n};\n\nexport function Link({\n  title,\n  src,\n  decoration = \"\",\n  transform = \"none\",\n  icon: Icon,\n  asLink = \"a\",\n}: Props) {\n  const LinkTag = asLink || \"a\";\n\n  return (\n    <LinkTag\n      className={clsx(\n        \"link link-sans-bold-sm\",\n        decoration,\n        `link-${transform}`,\n      )}\n      href={src}\n    >\n      {title}\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\n    </LinkTag>\n  );\n}\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","LinkTag","jsxs","clsx","jsx"],"mappings":";;;;AAcO,SAASA,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAMC;AAAA,EACN,QAAAC,IAAS;AACX,GAAU;AACR,QAAMC,IAAUD,KAAU;AAGxB,SAAAE,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAN;AAAA,QACA,QAAQC,CAAS;AAAA,MACnB;AAAA,MACA,MAAMF;AAAA,MAEL,UAAA;AAAA,QAAAD;AAAA,QACAI,KAASK,gBAAAA,EAAA,IAAAL,GAAA,EAAK,OAAO,aAAa,MAAK,KAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C;AAEJ;"}

package/dist/index.es9.js

@@ -1,9 +1,9 @@
-import { j as x } from "./index.es154.js";
+import { j as x } from "./index.es161.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es155.js";
-import { createSpacingClasses as j } from "./index.es164.js";
-import { createColorClasses as u } from "./index.es156.js";
-import { createTypographyClasses as h } from "./index.es166.js";
+import { clsx as g } from "./index.es163.js";
+import { createSpacingClasses as j } from "./index.es170.js";
+import { createColorClasses as u } from "./index.es172.js";
+import { createTypographyClasses as h } from "./index.es173.js";
 const E = ({
   as: o,
   className: r,