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

package/dist/index.es251.js

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

package/dist/index.es259.js

@@ -1,5 +1,5 @@
-import r from "./index.es476.js";
-import t from "./index.es477.js";
+import r from "./index.es503.js";
+import t from "./index.es504.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.es319.js";
-import { useCopyToClipboardCurrentPage as $ } from "./index.es320.js";
-import { getFullNameInitials as E } from "./index.es321.js";
+import { fromISODateToDateFormatted as A } from "./index.es318.js";
+import { useCopyToClipboardCurrentPage as $ } from "./index.es319.js";
+import { getFullNameInitials as E } from "./index.es320.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.es483.js";
-import { m as l } from "./index.es484.js";
+import { c as w } from "./index.es617.js";
+import { m as l } from "./index.es618.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es271.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es485.js";
-import { c as E } from "./index.es483.js";
-import { m, b as q, s as P, h as G, i as S } from "./index.es484.js";
+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";
 function j(O) {
   let {
     swiper: e,

package/dist/index.es272.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es486.js";
-import { c as y } from "./index.es485.js";
-import { c as z, m as n, i as K, s as j } from "./index.es484.js";
+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";
 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.es478.js";
-import { g as Y, m as Z, a as ee, u as re } from "./index.es479.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.es480.js";
+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";
 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.es284.js";
+import { createColorClasses as l } from "./index.es321.js";
 import { clsx as x } from "./index.es250.js";
 const p = ({
   initials: e,

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

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

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

@@ -1 +1 @@
-{"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;"}
+{"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;"}

package/dist/index.es289.js

@@ -0,0 +1,146 @@
+import { j as e } from "./index.es248.js";
+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.es523.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 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(
+      k,
+      {
+        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(
+            "nav",
+            {
+              id: o,
+              "aria-label": "Menu di navigazione",
+              className: r(i ? "ui-mobile-nav-panel" : "visually-hidden"),
+              ref: c,
+              children: [
+                /* @__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",
+                  {
+                    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
+                )) })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  G as HeaderMobile
+};
+//# sourceMappingURL=index.es289.js.map

package/dist/index.es289.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es289.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Region } from \"../Header\";\r\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\r\nimport { Close, Hamburguer } from \"@/icons\";\r\nimport { useCallback, useEffect, useRef, useState } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderMobile.scss\";\r\nimport { Col } from \"@/components/ui/Col\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\ntype NavigationLabels = {\r\n  closeMenu: string;\r\n  login: string;\r\n};\r\n\r\nexport type HeaderMobileProps = HeaderTopBannerProps & {\r\n  shortTitle: React.ReactNode;\r\n  menuTitle?: string;\r\n  region: Region;\r\n  navigatonItems: NavigationItem[];\r\n  labels: NavigationLabels;\r\n  loginLink?: string;\r\n};\r\n\r\nexport const HeaderMobile = ({\r\n  shortTitle,\r\n  menuTitle = \"Menù\",\r\n  region,\r\n  asLink = \"a\",\r\n  navigatonItems,\r\n  labels,\r\n  loginLink = \"/\",\r\n}: HeaderMobileProps) => {\r\n  const LinkComponent = asLink;\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const navId = \"main-navigation\";\r\n  const navRef = useRef<HTMLElement>(null);\r\n\r\n  useFocusTrap(navRef, isOpen);\r\n\r\n  const toggleMenu = useCallback(() => {\r\n    setIsOpen(!isOpen);\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      document.body.classList.add(\"ui-body-overflow-hidden\");\r\n    } else {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    }\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    const handleEscape = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\" && isOpen) {\r\n        toggleMenu();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n    return () => document.removeEventListener(\"keydown\", handleEscape);\r\n  }, [isOpen, toggleMenu]);\r\n\r\n  const handleLinkClick = () => {\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <div className=\"sticky-header shadow\">\r\n      <HeaderTopBanner\r\n        asLink={asLink}\r\n        shortTitle={shortTitle}\r\n        region={region}\r\n      />\r\n\r\n      <Container\r\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\r\n        as=\"header\"\r\n        py=\"x8\"\r\n      >\r\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\r\n          <Button\r\n            size=\"3\"\r\n            bg=\"white\"\r\n            textColor=\"primary\"\r\n            href={loginLink}\r\n            asLink=\"a\"\r\n            className={\"ui-login-button-header-mobile\"}\r\n          >\r\n            {labels.login}\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n          <button\r\n            aria-expanded={isOpen}\r\n            aria-label=\"Apri menu di navigazione\"\r\n            onClick={toggleMenu}\r\n            className=\"ui-mobile-menu-toggle\"\r\n            aria-controls={navId}\r\n          >\r\n            <Hamburguer width={40} height={40} color=\"white\" />\r\n          </button>\r\n        </Row>\r\n\r\n        <nav\r\n          id={navId}\r\n          aria-label=\"Menu di navigazione\"\r\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\r\n          ref={navRef}\r\n        >\r\n          <Col className=\"ui-mobile-nav-header\">\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              onClick={toggleMenu}\r\n              aria-label=\"Chiudi menu di navigazione\"\r\n              aria-controls={navId}\r\n            >\r\n              {labels.closeMenu}\r\n              <Close />\r\n            </Button>\r\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\r\n          </Col>\r\n\r\n          <ul className=\"list-style-none p-x16\" role=\"list\">\r\n            {navigatonItems.map((item, index) => {\r\n              return (\r\n                <li\r\n                  key={index}\r\n                  className={clsx(\r\n                    \"ui-mobile-nav-item\",\r\n                    item.active && \"active\",\r\n                  )}\r\n                >\r\n                  <LinkComponent\r\n                    href={item.href}\r\n                    className={clsx(\r\n                      \"text-decoration-none text-primary fs-5\",\r\n                      item.active ? \"fw-bold\" : \"fw-normal\",\r\n                    )}\r\n                    onClick={handleLinkClick}\r\n                    target={item.isNewTab ? \"_blank\" : undefined}\r\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n                  >\r\n                    {item.label}\r\n                    {item.active && (\r\n                      <span className=\"visually-hidden\">Attivo</span>\r\n                    )}\r\n                  </LinkComponent>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n        </nav>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","Row","Button","Hamburguer","clsx","Col","Close","item","index"],"mappings":"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"}

package/dist/index.es290.js

@@ -1,146 +1,157 @@
 import { j as e } from "./index.es248.js";
-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.es522.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 = "/"
+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"
 }) => {
-  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
-      }
-    ),
+  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: [
     /* @__PURE__ */ e.jsxs(
-      k,
+      w,
       {
-        className: "bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",
-        as: "header",
-        py: "x8",
+        pt: "x16",
+        pb: "x16",
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        containerClassName: a(s === "operator" ? "ui-slim-operator" : "bg-slate-20"),
         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(
-            "nav",
+            n,
             {
-              id: o,
-              "aria-label": "Menu di navigazione",
-              className: r(i ? "ui-mobile-nav-panel" : "visually-hidden"),
-              ref: c,
+              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"),
               children: [
-                /* @__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",
+                h && /* @__PURE__ */ e.jsx(
+                  "div",
                   {
-                    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
-                )) })
+                    style: { backgroundImage: `url(${h})` },
+                    className: "ui-header-item-image"
+                  }
+                ),
+                d || o,
+                /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
               ]
             }
-          )
+          ),
+          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 {
-  G as HeaderMobile
+  _ as HeaderDesktop
 };
 //# sourceMappingURL=index.es290.js.map

package/dist/index.es290.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es290.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Region } from \"../Header\";\r\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\r\nimport { Close, Hamburguer } from \"@/icons\";\r\nimport { useCallback, useEffect, useRef, useState } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderMobile.scss\";\r\nimport { Col } from \"@/components/ui/Col\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\ntype NavigationLabels = {\r\n  closeMenu: string;\r\n  login: string;\r\n};\r\n\r\nexport type HeaderMobileProps = HeaderTopBannerProps & {\r\n  shortTitle: React.ReactNode;\r\n  menuTitle?: string;\r\n  region: Region;\r\n  navigatonItems: NavigationItem[];\r\n  labels: NavigationLabels;\r\n  loginLink?: string;\r\n};\r\n\r\nexport const HeaderMobile = ({\r\n  shortTitle,\r\n  menuTitle = \"Menù\",\r\n  region,\r\n  asLink = \"a\",\r\n  navigatonItems,\r\n  labels,\r\n  loginLink = \"/\",\r\n}: HeaderMobileProps) => {\r\n  const LinkComponent = asLink;\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const navId = \"main-navigation\";\r\n  const navRef = useRef<HTMLElement>(null);\r\n\r\n  useFocusTrap(navRef, isOpen);\r\n\r\n  const toggleMenu = useCallback(() => {\r\n    setIsOpen(!isOpen);\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      document.body.classList.add(\"ui-body-overflow-hidden\");\r\n    } else {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    }\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    const handleEscape = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\" && isOpen) {\r\n        toggleMenu();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n    return () => document.removeEventListener(\"keydown\", handleEscape);\r\n  }, [isOpen, toggleMenu]);\r\n\r\n  const handleLinkClick = () => {\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <div className=\"sticky-header shadow\">\r\n      <HeaderTopBanner\r\n        asLink={asLink}\r\n        shortTitle={shortTitle}\r\n        region={region}\r\n      />\r\n\r\n      <Container\r\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\r\n        as=\"header\"\r\n        py=\"x8\"\r\n      >\r\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\r\n          <Button\r\n            size=\"3\"\r\n            bg=\"white\"\r\n            textColor=\"primary\"\r\n            href={loginLink}\r\n            asLink=\"a\"\r\n            className={\"ui-login-button-header-mobile\"}\r\n          >\r\n            {labels.login}\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n          <button\r\n            aria-expanded={isOpen}\r\n            aria-label=\"Apri menu di navigazione\"\r\n            onClick={toggleMenu}\r\n            className=\"ui-mobile-menu-toggle\"\r\n            aria-controls={navId}\r\n          >\r\n            <Hamburguer width={40} height={40} color=\"white\" />\r\n          </button>\r\n        </Row>\r\n\r\n        <nav\r\n          id={navId}\r\n          aria-label=\"Menu di navigazione\"\r\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\r\n          ref={navRef}\r\n        >\r\n          <Col className=\"ui-mobile-nav-header\">\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              onClick={toggleMenu}\r\n              aria-label=\"Chiudi menu di navigazione\"\r\n              aria-controls={navId}\r\n            >\r\n              {labels.closeMenu}\r\n              <Close />\r\n            </Button>\r\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\r\n          </Col>\r\n\r\n          <ul className=\"list-style-none p-x16\" role=\"list\">\r\n            {navigatonItems.map((item, index) => {\r\n              return (\r\n                <li\r\n                  key={index}\r\n                  className={clsx(\r\n                    \"ui-mobile-nav-item\",\r\n                    item.active && \"active\",\r\n                  )}\r\n                >\r\n                  <LinkComponent\r\n                    href={item.href}\r\n                    className={clsx(\r\n                      \"text-decoration-none text-primary fs-5\",\r\n                      item.active ? \"fw-bold\" : \"fw-normal\",\r\n                    )}\r\n                    onClick={handleLinkClick}\r\n                    target={item.isNewTab ? \"_blank\" : undefined}\r\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n                  >\r\n                    {item.label}\r\n                    {item.active && (\r\n                      <span className=\"visually-hidden\">Attivo</span>\r\n                    )}\r\n                  </LinkComponent>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n        </nav>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","Row","Button","Hamburguer","clsx","Col","Close","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es290.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\r\nimport { LOGOS, Region } from \"../Header\";\r\nimport { HeaderSlim } from \"../HeaderSlim\";\r\nimport clsx from \"clsx\";\r\nimport { Balancer } from \"react-wrap-balancer\";\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderDesktop.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\nimport { WithVariant } from \"@/types/variant\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\ntype NavigationLabels = {\r\n  closeMenu: string;\r\n  login: string;\r\n};\r\n\r\nexport type HeaderDesktopProps = WithVariant<{\r\n  title: React.ReactNode | string;\r\n  region: Region;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  children?: React.ReactNode;\r\n  labels: NavigationLabels;\r\n  navigatonItems: NavigationItem[];\r\n  supportLink?: NavigationItem;\r\n  loginLink?: string;\r\n  shortTitle?: React.ReactNode;\r\n  headerTitleClassname?: string;\r\n  headerLogoUrl2?: string;\r\n}>;\r\n\r\nexport const HeaderDesktop = ({\r\n  title,\r\n  region,\r\n  asLink = \"a\",\r\n  labels,\r\n  navigatonItems,\r\n  supportLink,\r\n  loginLink = \"/\",\r\n  shortTitle,\r\n  headerTitleClassname,\r\n  children,\r\n  headerLogoUrl2,\r\n  variant = \"default\",\r\n}: HeaderDesktopProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  const textLinkVariant = variant === \"operator\" ? \"text-white\" : \"text-primary\";\r\n\r\n  return (\r\n    <div className={clsx(\"sticky-header bg-white\", variant === \"operator\" && \"ui-header-desktop-operator\")}>\r\n      <HeaderSlim\r\n        pt=\"x16\"\r\n        pb=\"x16\"\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        containerClassName={clsx(variant === \"operator\" ? \"ui-slim-operator\" : \"bg-slate-20\")}\r\n      >\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={clsx(\"fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\", variant === \"default\" ? \"text-white\" : \"text-slate-20\")}\r\n        >\r\n          {headerLogoUrl2 && (\r\n            <div\r\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\r\n              className={\"ui-header-item-image\"}\r\n            ></div>\r\n          )}\r\n\r\n          {shortTitle ? shortTitle : title}\r\n          <span className=\"visually-hidden\">Vai alla homepage</span>\r\n        </LinkComponent>\r\n\r\n        {children}\r\n      </HeaderSlim>\r\n      <header className={clsx(variant === \"operator\" ? \"bg-radial\" : \"bg-white\")}>\r\n        <Row\r\n          py={\"x20\"}\r\n          gap={\"x16\"}\r\n          alignItems=\"center\"\r\n          justifyContent={\"space-between\"}\r\n          className=\"max-h-x116 ui-container\"\r\n        >\r\n          <Row gap={\"x16\"} alignItems=\"center\">\r\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\r\n              <NationalIcon height={44} width={27} variant={variant} />\r\n              {region !== \"nazionale\" && (\r\n                <>\r\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n                  <RegionIcon width={44} height={44} />\r\n                </>\r\n              )}\r\n            </Row>\r\n            <h1 className={clsx(headerTitleClassname, \"ui-header-title\")}>\r\n              <Balancer>\r\n                <LinkComponent\r\n                  href=\"/\"\r\n                  className={\"text-decoration-none hover-underline_dark\"}\r\n                >\r\n                  <span className={\"ui-title-line-height\"}>{title}</span>\r\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\r\n                </LinkComponent>\r\n              </Balancer>\r\n            </h1>\r\n          </Row>\r\n          <Button size=\"2\" href={loginLink} asLink=\"a\" className=\"login-button\" variant={variant === \"operator\" ? \"secondary\" : \"primary\"}>\r\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n        </Row>\r\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\r\n          <Container\r\n            containerClass=\"ui-container\"\r\n            className=\"base-row align-items-center justify-content-between max-h-x52\"\r\n          >\r\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\r\n              {navigatonItems.map((item, index) => {\r\n                return (\r\n                  <li\r\n                    key={index}\r\n                    className={clsx(\r\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\r\n                      item.active && \"active\",\r\n                    )}\r\n                  >\r\n                    <LinkComponent\r\n                      href={item.href}\r\n                      className={clsx(\r\n                        \"text-decoration-none fs-custom\",\r\n                        item.active\r\n                          ? `fw-bold ${textLinkVariant}`\r\n                          : `fw-semibold ${textLinkVariant}`,\r\n                      )}\r\n                      target={item.isNewTab ? \"_blank\" : undefined}\r\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n                    >\r\n                      {item.label}\r\n                      {item.active && (\r\n                        <span className=\"visually-hidden\">Attivo</span>\r\n                      )}\r\n                    </LinkComponent>\r\n                  </li>\r\n                );\r\n              })}\r\n            </Row>\r\n            {supportLink && (\r\n              <LinkComponent\r\n                href={supportLink.href}\r\n                className={clsx(\r\n                  \"text-decoration-none fs-custom py-x12 px-x24\",\r\n                  supportLink.active\r\n                    ? \"fw-bold text-blue-30\"\r\n                    : `fw-semibold ${textLinkVariant}`,\r\n                  \"ui-header-desktop-support-link\",\r\n                  supportLink.active && \"active\",\r\n                )}\r\n              >\r\n                {supportLink.label}\r\n                {supportLink.active && (\r\n                  <span className=\"visually-hidden\">Attivo</span>\r\n                )}\r\n              </LinkComponent>\r\n            )}\r\n          </Container>\r\n        </nav>\r\n      </header>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","variant","LinkComponent","NationalIcon","LOGOS","RegionIcon","textLinkVariant","jsxs","clsx","HeaderSlim","jsx","Row","Fragment","Divider","Balancer","Button","Container","item","index"],"mappings":"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"}