@anoki/fse-ui 2.1.0-SNAPSHOT47 → 2.1.0-SNAPSHOT48

package/dist/index.es202.js

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

package/dist/index.es203.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es250.js";
-import { clsx as C } from "./index.es252.js";
-import { createColorClasses as f } from "./index.es320.js";
+import { clsx as C } from "./index.es253.js";
+import { createColorClasses as f } from "./index.es290.js";
 const p = ({
   width: l = 20,
   height: r = 20,

package/dist/index.es204.js

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

package/dist/index.es205.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es250.js";
-import { clsx as m } from "./index.es252.js";
-import { createColorClasses as n } from "./index.es320.js";
+import { clsx as m } from "./index.es253.js";
+import { createColorClasses as n } from "./index.es290.js";
 const x = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es250.js";
-import { clsx as m } from "./index.es252.js";
-import { createColorClasses as p } from "./index.es320.js";
+import { clsx as m } from "./index.es253.js";
+import { createColorClasses as p } from "./index.es290.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es207.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es250.js";
-import { clsx as n } from "./index.es252.js";
+import { clsx as n } from "./index.es253.js";
 const x = ({
   width: o = 20,
   height: e = 20,

package/dist/index.es208.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es250.js";
-import { clsx as v } from "./index.es252.js";
+import { clsx as v } from "./index.es253.js";
 const m = ({
   width: e = 20,
   height: l = 20,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es250.js";
-import { clsx as m } from "./index.es252.js";
-import { createColorClasses as n } from "./index.es320.js";
+import { clsx as m } from "./index.es253.js";
+import { createColorClasses as n } from "./index.es290.js";
 const x = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es210.js

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

package/dist/index.es211.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es250.js";
-import { clsx as i } from "./index.es252.js";
-import { createColorClasses as c } from "./index.es320.js";
+import { clsx as i } from "./index.es253.js";
+import { createColorClasses as c } from "./index.es290.js";
 const h = ({
   width: s = 36,
   height: l = 36,

package/dist/index.es212.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es250.js";
-import { clsx as t } from "./index.es252.js";
-import { createColorClasses as i } from "./index.es320.js";
+import { clsx as t } from "./index.es253.js";
+import { createColorClasses as i } from "./index.es290.js";
 const f = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es213.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es250.js";
-import { clsx as i } from "./index.es252.js";
-import { createColorClasses as n } from "./index.es320.js";
+import { clsx as i } from "./index.es253.js";
+import { createColorClasses as n } from "./index.es290.js";
 const v = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es214.js

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

package/dist/index.es215.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es250.js";
-import { clsx as c } from "./index.es252.js";
-import { createColorClasses as t } from "./index.es320.js";
+import { clsx as c } from "./index.es253.js";
+import { createColorClasses as t } from "./index.es290.js";
 const p = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es216.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es250.js";
-import { clsx as l } from "./index.es252.js";
-import { createColorClasses as c } from "./index.es320.js";
+import { clsx as l } from "./index.es253.js";
+import { createColorClasses as c } from "./index.es290.js";
 const x = ({
   width: e = 14,
   height: r = 14,

package/dist/index.es217.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es250.js";
-import { clsx as a } from "./index.es252.js";
-import { createColorClasses as c } from "./index.es320.js";
+import { clsx as a } from "./index.es253.js";
+import { createColorClasses as c } from "./index.es290.js";
 const d = ({
   width: s = 14,
   height: r = 14,

package/dist/index.es218.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es250.js";
-import { createColorClasses as H } from "./index.es320.js";
-import { clsx as V } from "./index.es252.js";
+import { createColorClasses as H } from "./index.es290.js";
+import { clsx as V } from "./index.es253.js";
 const c = ({
   width: o = 32,
   height: r = 32,

package/dist/index.es22.js

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

package/dist/index.es224.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es250.js";
-import { clsx as d } from "./index.es252.js";
-import { createColorClasses as h } from "./index.es320.js";
+import { clsx as d } from "./index.es253.js";
+import { createColorClasses as h } from "./index.es290.js";
 import { useId as x } from "react";
 const w = ({
   width: e = 73,

package/dist/index.es226.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es250.js";
-import { clsx as a } from "./index.es252.js";
-import { createColorClasses as l } from "./index.es320.js";
+import { clsx as a } from "./index.es253.js";
+import { createColorClasses as l } from "./index.es290.js";
 const C = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es227.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es320.js";
-import { clsx as c } from "./index.es252.js";
+import { createColorClasses as m } from "./index.es290.js";
+import { clsx as c } from "./index.es253.js";
 const f = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es228.js

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

package/dist/index.es229.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es250.js";
-import { createColorClasses as c } from "./index.es320.js";
-import { clsx as f } from "./index.es252.js";
+import { createColorClasses as c } from "./index.es290.js";
+import { clsx as f } from "./index.es253.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es23.js

@@ -1,10 +1,10 @@
 import { j as a } from "./index.es250.js";
 import { BaseModal as i } from "./index.es32.js";
-import { clsx as s } from "./index.es252.js";
+import { clsx as s } from "./index.es253.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es308.js";
-import { AddNewModalContent as p } from "./index.es309.js";
-import { AddNewModalFooter as n } from "./index.es310.js";
+import { AddNewModalHeader as l } from "./index.es277.js";
+import { AddNewModalContent as p } from "./index.es278.js";
+import { AddNewModalFooter as n } from "./index.es279.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es230.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es250.js";
-import { createColorClasses as C } from "./index.es320.js";
-import { clsx as c } from "./index.es252.js";
+import { createColorClasses as C } from "./index.es290.js";
+import { clsx as c } from "./index.es253.js";
 const p = ({
   width: l = 24,
   height: a = 24,

package/dist/index.es24.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es250.js";
-import { clsx as o } from "./index.es252.js";
+import { clsx as o } from "./index.es253.js";
 import { Col as c } from "./index.es61.js";
 import { Row as e } from "./index.es116.js";
 import './components/ui/AggregationItemCard/AggregationItemCard.css';/* empty css            */

package/dist/index.es252.js

@@ -1,18 +1,25 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
-}
+import { j as m } from "./index.es250.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es253.js";
+const i = ({
+  label: r,
+  href: e,
+  isClickable: t,
+  asLink: o = "a"
+}) => {
+  const s = o;
+  return /* @__PURE__ */ m.jsx(
+    "span",
+    {
+      className: n("ui-breadcrumb-item", {
+        "active text-slate-20 fw-semibold": t,
+        "text-slate-28": !t
+      }),
+      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
+    }
+  );
+};
 export {
-  i as clsx,
-  i as default
+  i as BreadcrumbItem
 };
 //# sourceMappingURL=index.es252.js.map

package/dist/index.es252.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es252.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es252.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;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es253.js

@@ -0,0 +1,18 @@
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
+export {
+  i as clsx,
+  i as default
+};
+//# sourceMappingURL=index.es253.js.map

package/dist/index.es253.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es253.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}

package/dist/index.es257.js

@@ -0,0 +1,146 @@
+import { j as e } from "./index.es250.js";
+import { Button as m } from "./index.es34.js";
+import { HeaderTopBanner as y } from "./index.es14.js";
+import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
+import { clsx as r } from "./index.es253.js";
+import { useFocusTrap as N } from "./index.es480.js";
+import { Container as k } from "./index.es65.js";
+import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
+import { Col as L } from "./index.es61.js";
+import { Hamburguer as E } from "./index.es163.js";
+import { Row as z } from "./index.es116.js";
+import { Close as M } from "./index.es164.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.es257.js.map

package/dist/index.es257.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es257.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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"}