@anoki/fse-ui 2.3.0-12-SNAPSHOT2 → 2.3.0-12-SNAPSHOT3

package/dist/index.es222.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const x = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es223.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as c } from "./index.es250.js";
-import { createColorClasses as h } from "./index.es321.js";
+import { createColorClasses as h } from "./index.es284.js";
 const d = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es224.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es248.js";
 import { clsx as a } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es225.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es248.js";
 import { clsx as d } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const h = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es226.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es248.js";
 import { clsx as h } from "./index.es250.js";
-import { createColorClasses as x } from "./index.es321.js";
+import { createColorClasses as x } from "./index.es284.js";
 import { useId as d } from "react";
 const u = ({
   width: e = 73,

package/dist/index.es227.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es248.js";
 import { clsx as a } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es228.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es248.js";
 import { clsx as n } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es321.js";
+import { createColorClasses as m } from "./index.es284.js";
 const f = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es230.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const x = ({
   width: l = 16,
   height: o = 29,

package/dist/index.es231.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es248.js";
 import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const x = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es235.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es248.js";
 import { clsx as h } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es321.js";
+import { createColorClasses as m } from "./index.es284.js";
 const p = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es236.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es248.js";
 import { clsx as m } from "./index.es250.js";
-import { createColorClasses as c } from "./index.es321.js";
+import { createColorClasses as c } from "./index.es284.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es237.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as m } from "./index.es250.js";
-import { createColorClasses as p } from "./index.es321.js";
+import { createColorClasses as p } from "./index.es284.js";
 const g = ({
   width: o = 13,
   height: e = 9,

package/dist/index.es239.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es248.js";
 import { clsx as m } from "./index.es250.js";
-import { createColorClasses as n } from "./index.es321.js";
+import { createColorClasses as n } from "./index.es284.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es24.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es248.js";
-import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es314.js";
+import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es315.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { ErrorExagon as j } from "./index.es201.js";
 import { CheckCircle as u } from "./index.es179.js";

package/dist/index.es241.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es248.js";
 import { clsx as e } from "./index.es250.js";
-import { createColorClasses as z } from "./index.es321.js";
+import { createColorClasses as z } from "./index.es284.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es242.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es248.js";
 import { clsx as r } from "./index.es250.js";
-import { createColorClasses as e } from "./index.es321.js";
+import { createColorClasses as e } from "./index.es284.js";
 const c = ({
   width: s = 44,
   height: t = 44,

package/dist/index.es243.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es248.js";
 import { clsx as i } from "./index.es250.js";
-import { createColorClasses as H } from "./index.es321.js";
+import { createColorClasses as H } from "./index.es284.js";
 const p = ({
   width: l = 248,
   height: e = 40,

package/dist/index.es244.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es248.js";
 import { clsx as i } from "./index.es250.js";
-import { createColorClasses as r } from "./index.es321.js";
+import { createColorClasses as r } from "./index.es284.js";
 const a = ({
   width: H = 117,
   height: L = 40,

package/dist/index.es245.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es248.js";
 import { clsx as d } from "./index.es250.js";
-import { createColorClasses as i } from "./index.es321.js";
+import { createColorClasses as i } from "./index.es284.js";
 const n = ({
   width: H = 262,
   height: l = 40,

package/dist/index.es246.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es248.js";
-import { createColorClasses as a } from "./index.es321.js";
+import { createColorClasses as a } from "./index.es284.js";
 import { clsx as d } from "./index.es250.js";
 const f = ({
   width: e = 24,

package/dist/index.es247.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es248.js";
-import { createColorClasses as a } from "./index.es321.js";
+import { createColorClasses as a } from "./index.es284.js";
 import { clsx as p } from "./index.es250.js";
 const x = ({
   width: e = 24,

package/dist/index.es251.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es495.js";
+import { __require as r } from "./index.es508.js";
 var a = r();
 export {
   a as l

package/dist/index.es259.js

@@ -1,5 +1,5 @@
-import r from "./index.es503.js";
-import t from "./index.es504.js";
+import r from "./index.es473.js";
+import t from "./index.es474.js";
 const i = (a, e) => typeof window > "u" ? t(a, {
   allowedTags: t.defaults.allowedTags.concat([
     "img",

package/dist/index.es27.js

@@ -2,9 +2,9 @@ import { j as i } from "./index.es248.js";
 import { useMemo as s } from "react";
 import { AuthorBlock as U } from "./index.es26.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as A } from "./index.es318.js";
-import { useCopyToClipboardCurrentPage as $ } from "./index.es319.js";
-import { getFullNameInitials as E } from "./index.es320.js";
+import { fromISODateToDateFormatted as A } from "./index.es319.js";
+import { useCopyToClipboardCurrentPage as $ } from "./index.es320.js";
+import { getFullNameInitials as E } from "./index.es321.js";
 import { Row as S } from "./index.es118.js";
 import { splitInTwo as F } from "./index.es266.js";
 import { ActionIconText as M } from "./index.es18.js";

package/dist/index.es270.js

@@ -1,5 +1,5 @@
-import { c as w } from "./index.es617.js";
-import { m as l } from "./index.es618.js";
+import { c as w } from "./index.es536.js";
+import { m as l } from "./index.es537.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es271.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es619.js";
-import { c as E } from "./index.es617.js";
-import { m, b as q, s as P, h as G, i as S } from "./index.es618.js";
+import { c as $ } from "./index.es538.js";
+import { c as E } from "./index.es536.js";
+import { m, b as q, s as P, h as G, i as S } from "./index.es537.js";
 function j(O) {
   let {
     swiper: e,

package/dist/index.es272.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es620.js";
-import { c as y } from "./index.es619.js";
-import { c as z, m as n, i as K, s as j } from "./index.es618.js";
+import { g as F } from "./index.es539.js";
+import { c as y } from "./index.es538.js";
+import { c as z, m as n, i as K, s as j } from "./index.es537.js";
 function Z(P) {
   let {
     swiper: i,

package/dist/index.es273.js

@@ -1,7 +1,7 @@
 import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, createContext as q, useLayoutEffect as Q } from "react";
-import { S as X } from "./index.es565.js";
-import { g as Y, m as Z, a as ee, u as re } from "./index.es566.js";
-import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es567.js";
+import { S as X } from "./index.es519.js";
+import { g as Y, m as Z, a as ee, u as re } from "./index.es520.js";
+import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es521.js";
 function k() {
   return k = Object.assign ? Object.assign.bind() : function(n) {
     for (var r = 1; r < arguments.length; r++) {

package/dist/index.es28.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es248.js";
-import { createColorClasses as l } from "./index.es321.js";
+import { createColorClasses as l } from "./index.es284.js";
 import { clsx as x } from "./index.es250.js";
 const p = ({
   initials: e,

package/dist/index.es284.js

@@ -0,0 +1,5 @@
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+export {
+  e as createColorClasses
+};
+//# sourceMappingURL=index.es284.js.map

package/dist/index.es284.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es284.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\r\n  | \"primary\"\r\n  | \"white\"\r\n  | \"status-success\"\r\n  | \"warning\"\r\n  | \"error\"\r\n  | \"muted\"\r\n  | \"emphasis\"\r\n  | \"slate-20\"\r\n  | \"slate-14\"\r\n  | \"slate-28\"\r\n  | \"border-divider\"\r\n  | \"transparent\"\r\n  | \"blue-30\"\r\n  | \"blue-15\"\r\n  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\"\r\n  | \"blue-48\";\r\n\r\nexport type ColorProps = {\r\n  bg?: ColorKeys;\r\n  text?: ColorKeys;\r\n  color?: ColorKeys;\r\n  border?: ColorKeys;\r\n};\r\n\r\nexport type ColorPropsKeys = keyof ColorProps;\r\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\r\n\r\nexport const createColorClasses = <TProps extends ColorProps>(\r\n  props: TProps,\r\n) => {\r\n  return colorPropsKeys\r\n    .map((key) => {\r\n      if (!props[key]) return \"\";\r\n\r\n      if (key === \"color\") return `text-${props[key]}`;\r\n      return `${key}-${props[key]}`;\r\n    })\r\n    .filter(Boolean);\r\n};\r\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA8BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}

package/dist/{index.es285.js → index.es286.js}

@@ -22,4 +22,4 @@ const i = ({
 export {
   i as BreadcrumbItem
 };
-//# sourceMappingURL=index.es285.js.map
+//# sourceMappingURL=index.es286.js.map

package/dist/{index.es285.js.map → index.es286.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es285.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <span\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AACtB,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAA,EAAc,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es286.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <span\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AACtB,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAA,EAAc,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.es290.js

@@ -1,157 +1,146 @@
 import { j as e } from "./index.es248.js";
-import { Divider as y } from "./index.es73.js";
-import { LOGOS as m } from "./index.es9.js";
-import { HeaderSlim as w } from "./index.es11.js";
-import { clsx as a } from "./index.es250.js";
-import { Balancer as C } from "./index.es260.js";
-import { Button as k } from "./index.es32.js";
-import { Container as I } from "./index.es66.js";
-import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
-import { Row as r } from "./index.es118.js";
-const _ = ({
-  title: o,
-  region: c,
-  asLink: x = "a",
-  labels: p,
-  navigatonItems: j,
-  supportLink: t,
-  loginLink: f = "/",
-  shortTitle: d,
-  headerTitleClassname: u,
-  children: b,
-  headerLogoUrl2: h,
-  variant: s = "default"
+import { Button as m } from "./index.es32.js";
+import { HeaderTopBanner as y } from "./index.es12.js";
+import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
+import { clsx as r } from "./index.es250.js";
+import { useFocusTrap as N } from "./index.es478.js";
+import { Container as k } from "./index.es66.js";
+import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
+import { Col as L } from "./index.es62.js";
+import { Hamburguer as E } from "./index.es212.js";
+import { Row as z } from "./index.es118.js";
+import { Close as M } from "./index.es185.js";
+const G = ({
+  shortTitle: h,
+  menuTitle: p = "Menù",
+  region: f,
+  asLink: t = "a",
+  navigatonItems: x,
+  labels: l,
+  loginLink: v = "/"
 }) => {
-  const n = x, g = m.nazionale, N = m[c], l = s === "operator" ? "text-white" : "text-primary";
-  return /* @__PURE__ */ e.jsxs("div", { className: a("sticky-header bg-white", s === "operator" && "ui-header-desktop-operator"), children: [
+  const b = t, [i, d] = g(!1), o = "main-navigation", c = w(null);
+  N(c, i);
+  const s = C(() => {
+    d(!i);
+  }, [i]);
+  u(() => (i ? document.body.classList.add("ui-body-overflow-hidden") : document.body.classList.remove("ui-body-overflow-hidden"), () => {
+    document.body.classList.remove("ui-body-overflow-hidden");
+  }), [i]), u(() => {
+    const n = (a) => {
+      a.key === "Escape" && i && s();
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [i, s]);
+  const j = () => {
+    d(!1);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header shadow", children: [
+    /* @__PURE__ */ e.jsx(
+      y,
+      {
+        asLink: t,
+        shortTitle: h,
+        region: f
+      }
+    ),
     /* @__PURE__ */ e.jsxs(
-      w,
+      k,
       {
-        pt: "x16",
-        pb: "x16",
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        containerClassName: a(s === "operator" ? "ui-slim-operator" : "bg-slate-20"),
+        className: "bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",
+        as: "header",
+        py: "x8",
         children: [
+          /* @__PURE__ */ e.jsxs(z, { gap: "x24", alignItems: "center", justifyContent: "end", children: [
+            /* @__PURE__ */ e.jsxs(
+              m,
+              {
+                size: "3",
+                bg: "white",
+                textColor: "primary",
+                href: v,
+                asLink: "a",
+                className: "ui-login-button-header-mobile",
+                children: [
+                  l.login,
+                  /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                "aria-expanded": i,
+                "aria-label": "Apri menu di navigazione",
+                onClick: s,
+                className: "ui-mobile-menu-toggle",
+                "aria-controls": o,
+                children: /* @__PURE__ */ e.jsx(E, { width: 40, height: 40, color: "white" })
+              }
+            )
+          ] }),
           /* @__PURE__ */ e.jsxs(
-            n,
+            "nav",
             {
-              href: "/",
-              className: a("fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8", s === "default" ? "text-white" : "text-slate-20"),
+              id: o,
+              "aria-label": "Menu di navigazione",
+              className: r(i ? "ui-mobile-nav-panel" : "visually-hidden"),
+              ref: c,
               children: [
-                h && /* @__PURE__ */ e.jsx(
-                  "div",
+                /* @__PURE__ */ e.jsxs(L, { className: "ui-mobile-nav-header", children: [
+                  /* @__PURE__ */ e.jsxs(
+                    m,
+                    {
+                      size: "4",
+                      textColor: "primary",
+                      bg: "transparent",
+                      onClick: s,
+                      "aria-label": "Chiudi menu di navigazione",
+                      "aria-controls": o,
+                      children: [
+                        l.closeMenu,
+                        /* @__PURE__ */ e.jsx(M, {})
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("h2", { className: "fs-3 text-slate-20", children: p })
+                ] }),
+                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: x.map((n, a) => /* @__PURE__ */ e.jsx(
+                  "li",
                   {
-                    style: { backgroundImage: `url(${h})` },
-                    className: "ui-header-item-image"
-                  }
-                ),
-                d || o,
-                /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+                    className: r(
+                      "ui-mobile-nav-item",
+                      n.active && "active"
+                    ),
+                    children: /* @__PURE__ */ e.jsxs(
+                      b,
+                      {
+                        href: n.href,
+                        className: r(
+                          "text-decoration-none text-primary fs-5",
+                          n.active ? "fw-bold" : "fw-normal"
+                        ),
+                        onClick: j,
+                        target: n.isNewTab ? "_blank" : void 0,
+                        rel: n.isNewTab ? "noopener noreferrer" : void 0,
+                        children: [
+                          n.label,
+                          n.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                        ]
+                      }
+                    )
+                  },
+                  a
+                )) })
               ]
             }
-          ),
-          b
+          )
         ]
       }
-    ),
-    /* @__PURE__ */ e.jsxs("header", { className: a(s === "operator" ? "bg-radial" : "bg-white"), children: [
-      /* @__PURE__ */ e.jsxs(
-        r,
-        {
-          py: "x20",
-          gap: "x16",
-          alignItems: "center",
-          justifyContent: "space-between",
-          className: "max-h-x116 ui-container",
-          children: [
-            /* @__PURE__ */ e.jsxs(r, { gap: "x16", alignItems: "center", children: [
-              /* @__PURE__ */ e.jsxs(r, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
-                /* @__PURE__ */ e.jsx(g, { height: 44, width: 27, variant: s }),
-                c !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(y, { bg: "border-divider", direction: "vertical" }),
-                  /* @__PURE__ */ e.jsx(N, { width: 44, height: 44 })
-                ] })
-              ] }),
-              /* @__PURE__ */ e.jsx("h1", { className: a(u, "ui-header-title"), children: /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsxs(
-                n,
-                {
-                  href: "/",
-                  className: "text-decoration-none hover-underline_dark",
-                  children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: o }),
-                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                  ]
-                }
-              ) }) })
-            ] }),
-            /* @__PURE__ */ e.jsxs(k, { size: "2", href: f, asLink: "a", className: "login-button", variant: s === "operator" ? "secondary" : "primary", children: [
-              /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
-                " ",
-                p.login,
-                " "
-              ] }),
-              /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(
-        I,
-        {
-          containerClass: "ui-container",
-          className: "base-row align-items-center justify-content-between max-h-x52",
-          children: [
-            /* @__PURE__ */ e.jsx(r, { as: "ul", className: "list-style-none", role: "list", children: j.map((i, v) => /* @__PURE__ */ e.jsx(
-              "li",
-              {
-                className: a(
-                  "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
-                  i.active && "active"
-                ),
-                children: /* @__PURE__ */ e.jsxs(
-                  n,
-                  {
-                    href: i.href,
-                    className: a(
-                      "text-decoration-none fs-custom",
-                      i.active ? `fw-bold ${l}` : `fw-semibold ${l}`
-                    ),
-                    target: i.isNewTab ? "_blank" : void 0,
-                    rel: i.isNewTab ? "noopener noreferrer" : void 0,
-                    children: [
-                      i.label,
-                      i.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                    ]
-                  }
-                )
-              },
-              v
-            )) }),
-            t && /* @__PURE__ */ e.jsxs(
-              n,
-              {
-                href: t.href,
-                className: a(
-                  "text-decoration-none fs-custom py-x12 px-x24",
-                  t.active ? "fw-bold text-blue-30" : `fw-semibold ${l}`,
-                  "ui-header-desktop-support-link",
-                  t.active && "active"
-                ),
-                children: [
-                  t.label,
-                  t.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                ]
-              }
-            )
-          ]
-        }
-      ) })
-    ] })
+    )
   ] });
 };
 export {
-  _ as HeaderDesktop
+  G as HeaderMobile
 };
 //# sourceMappingURL=index.es290.js.map