@anoki/fse-ui 2.3.0-36-SNAPSHOT18 → 2.3.0-36-SNAPSHOT19

package/dist/index.es317.js

@@ -1,151 +1,24 @@
-import { j as e } from "./index.es278.js";
-import { Button as u } from "./index.es36.js";
-import { HeaderTopBanner as y } from "./index.es164.js";
-import { useState as w, useRef as C, useCallback as N, useEffect as h } from "react";
-import { clsx as s } from "./index.es280.js";
-import { useFocusTrap as k } from "./index.es445.js";
-import { Container as L } from "./index.es91.js";
-import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
-import { Col as E } from "./index.es82.js";
-import { Hamburguer as z } from "./index.es159.js";
-import { Row as M } from "./index.es218.js";
-import { Close as R } from "./index.es80.js";
-const J = ({
-  shortTitle: p,
-  menuTitle: f = "Menù",
-  region: x,
-  asLink: l = "a",
-  navigatonItems: b,
-  labels: t,
-  loginLink: v = "/",
-  variant: d = "default"
-}) => {
-  const j = l, [i, c] = w(!1), a = "main-navigation", m = C(null);
-  k(m, i);
-  const o = N(() => {
-    c(!i);
-  }, [i]);
-  h(() => (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]), h(() => {
-    const n = (r) => {
-      r.key === "Escape" && i && o();
-    };
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [i, o]);
-  const g = () => {
-    c(!1);
+import { useCopyToClipboard as c } from "./index.es298.js";
+import { useState as n } from "react";
+const l = () => {
+  const [e, t] = c(), [p, o] = n(!1);
+  return {
+    isCopied: p,
+    copiedText: e,
+    copyToClipboard: () => {
+      if (typeof window > "u") return;
+      const r = window.location.href;
+      t(r).then(() => {
+        o(() => !0), setTimeout(() => {
+          o(!1);
+        }, 1500);
+      }).catch((i) => {
+        console.debug("Failed to copy!", i);
+      });
+    }
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header shadow", children: [
-    /* @__PURE__ */ e.jsx(
-      y,
-      {
-        asLink: l,
-        shortTitle: p,
-        region: x,
-        variant: d
-      }
-    ),
-    /* @__PURE__ */ e.jsxs(
-      L,
-      {
-        className: s(
-          d === "operator" ? "bg-radial" : "bg-slate-20 ",
-          "min-h-x64 base-row align-items-center justify-content-end"
-        ),
-        as: "header",
-        py: "x8",
-        children: [
-          /* @__PURE__ */ e.jsxs(M, { gap: "x24", alignItems: "center", justifyContent: "end", children: [
-            /* @__PURE__ */ e.jsxs(
-              u,
-              {
-                size: "3",
-                bg: "white",
-                textColor: "primary",
-                href: v,
-                asLink: "a",
-                className: "ui-login-button-header-mobile",
-                children: [
-                  t.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: o,
-                className: "ui-mobile-menu-toggle",
-                "aria-controls": a,
-                children: /* @__PURE__ */ e.jsx(z, { width: 40, height: 40, color: "white" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsxs(
-            "nav",
-            {
-              id: a,
-              "aria-label": "Menu di navigazione",
-              className: s(i ? "ui-mobile-nav-panel" : "visually-hidden"),
-              ref: m,
-              children: [
-                /* @__PURE__ */ e.jsxs(E, { className: "ui-mobile-nav-header", children: [
-                  /* @__PURE__ */ e.jsxs(
-                    u,
-                    {
-                      size: "4",
-                      textColor: "primary",
-                      bg: "transparent",
-                      onClick: o,
-                      "aria-label": "Chiudi menu di navigazione",
-                      "aria-controls": a,
-                      children: [
-                        t.closeMenu,
-                        /* @__PURE__ */ e.jsx(R, {})
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsx("h2", { className: "fs-3 text-slate-20", children: f })
-                ] }),
-                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: b.map((n, r) => /* @__PURE__ */ e.jsx(
-                  "li",
-                  {
-                    className: s(
-                      "ui-mobile-nav-item",
-                      n.active && "active"
-                    ),
-                    children: /* @__PURE__ */ e.jsxs(
-                      j,
-                      {
-                        href: n.href,
-                        className: s(
-                          "text-decoration-none text-primary fs-5",
-                          n.active ? "fw-bold" : "fw-normal"
-                        ),
-                        onClick: g,
-                        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" })
-                        ]
-                      }
-                    )
-                  },
-                  r
-                )) })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
 };
 export {
-  J as HeaderMobile
+  l as useCopyToClipboardCurrentPage
 };
 //# sourceMappingURL=index.es317.js.map

package/dist/index.es317.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es317.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/Button\";\nimport { Region } from \"../Header\";\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\nimport { Close, Hamburguer } from \"@/icons\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderMobile.scss\";\nimport { Col } from \"@/components/ui/Col\";\nimport { Row } from \"@/components\";\nimport { WithVariant } from \"@/types/variant\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderMobileProps = HeaderTopBannerProps &\n  WithVariant<{\n    shortTitle: React.ReactNode;\n    menuTitle?: string;\n    region: Region;\n    navigatonItems: NavigationItem[];\n    labels: NavigationLabels;\n    loginLink?: string;\n  }>;\n\nexport const HeaderMobile = ({\n  shortTitle,\n  menuTitle = \"Menù\",\n  region,\n  asLink = \"a\",\n  navigatonItems,\n  labels,\n  loginLink = \"/\",\n  variant = \"default\",\n}: HeaderMobileProps) => {\n  const LinkComponent = asLink;\n  const [isOpen, setIsOpen] = useState(false);\n  const navId = \"main-navigation\";\n  const navRef = useRef<HTMLElement>(null);\n\n  useFocusTrap(navRef, isOpen);\n\n  const toggleMenu = useCallback(() => {\n    setIsOpen(!isOpen);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add(\"ui-body-overflow-hidden\");\n    } else {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    }\n\n    return () => {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && isOpen) {\n        toggleMenu();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen, toggleMenu]);\n\n  const handleLinkClick = () => {\n    setIsOpen(false);\n  };\n\n  return (\n    <div className=\"sticky-header shadow\">\n      <HeaderTopBanner\n        asLink={asLink}\n        shortTitle={shortTitle}\n        region={region}\n        variant={variant}\n      />\n\n      <Container\n        className={clsx(\n          variant === \"operator\" ? \"bg-radial\" : \"bg-slate-20 \",\n          \"min-h-x64 base-row align-items-center justify-content-end\",\n        )}\n        as=\"header\"\n        py=\"x8\"\n      >\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\n          <Button\n            size=\"3\"\n            bg=\"white\"\n            textColor=\"primary\"\n            href={loginLink}\n            asLink=\"a\"\n            className={\"ui-login-button-header-mobile\"}\n          >\n            {labels.login}\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n          <button\n            aria-expanded={isOpen}\n            aria-label=\"Apri menu di navigazione\"\n            onClick={toggleMenu}\n            className=\"ui-mobile-menu-toggle\"\n            aria-controls={navId}\n          >\n            <Hamburguer width={40} height={40} color=\"white\" />\n          </button>\n        </Row>\n\n        <nav\n          id={navId}\n          aria-label=\"Menu di navigazione\"\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\n          ref={navRef}\n        >\n          <Col className=\"ui-mobile-nav-header\">\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              onClick={toggleMenu}\n              aria-label=\"Chiudi menu di navigazione\"\n              aria-controls={navId}\n            >\n              {labels.closeMenu}\n              <Close />\n            </Button>\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\n          </Col>\n\n          <ul className=\"list-style-none p-x16\" role=\"list\">\n            {navigatonItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    \"ui-mobile-nav-item\",\n                    item.active && \"active\",\n                  )}\n                >\n                  <LinkComponent\n                    href={item.href}\n                    className={clsx(\n                      \"text-decoration-none text-primary fs-5\",\n                      item.active ? \"fw-bold\" : \"fw-normal\",\n                    )}\n                    onClick={handleLinkClick}\n                    target={item.isNewTab ? \"_blank\" : undefined}\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                  >\n                    {item.label}\n                    {item.active && (\n                      <span className=\"visually-hidden\">Attivo</span>\n                    )}\n                  </LinkComponent>\n                </li>\n              );\n            })}\n          </ul>\n        </nav>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","variant","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","clsx","Row","Button","Hamburguer","Col","Close","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es317.js","sources":["../src/hooks/useCopyToClipboardCurrentPage.ts"],"sourcesContent":["import { useCopyToClipboard as useCopyToClipboardNative } from \"usehooks-ts\";\n\nimport { useState } from \"react\";\n\nexport const useCopyToClipboardCurrentPage = () => {\n  const [copiedText, copy] = useCopyToClipboardNative();\n  const [isCopied, setIsCopied] = useState(false);\n\n  const copyToClipboard = () => {\n    if (typeof window === \"undefined\") return;\n    const completeUrl = window.location.href;\n    copy(completeUrl)\n      .then(() => {\n        setIsCopied(() => true);\n        setTimeout(() => {\n          setIsCopied(false);\n        }, 1500);\n      })\n      .catch((error) => {\n        console.debug(\"Failed to copy!\", error);\n      });\n  };\n\n  return {\n    isCopied,\n    copiedText,\n    copyToClipboard,\n  };\n};\n"],"names":["useCopyToClipboardCurrentPage","copiedText","copy","useCopyToClipboardNative","isCopied","setIsCopied","useState","completeUrl","error"],"mappings":";;AAIO,MAAMA,IAAgC,MAAM;AACjD,QAAM,CAACC,GAAYC,CAAI,IAAIC,EAAA,GACrB,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAiB9C,SAAO;AAAA,IACL,UAAAF;AAAA,IACA,YAAAH;AAAA,IACA,iBAlBsB,MAAM;AAC5B,UAAI,OAAO,SAAW,IAAa;AACnC,YAAMM,IAAc,OAAO,SAAS;AACpC,MAAAL,EAAKK,CAAW,EACb,KAAK,MAAM;AACV,QAAAF,EAAY,MAAM,EAAI,GACtB,WAAW,MAAM;AACf,UAAAA,EAAY,EAAK;AAAA,QACnB,GAAG,IAAI;AAAA,MACT,CAAC,EACA,MAAM,CAACG,MAAU;AAChB,gBAAQ,MAAM,mBAAmBA,CAAK;AAAA,MACxC,CAAC;AAAA,IACL;AAAA,EAKE;AAEJ;"}

package/dist/index.es318.js

@@ -1,204 +1,9 @@
-import { j as e } from "./index.es278.js";
-import { Divider as y } from "./index.es103.js";
-import { LOGOS as x } from "./index.es160.js";
-import { clsx as s } from "./index.es280.js";
-import { Balancer as k } from "./index.es290.js";
-import { Button as C } from "./index.es36.js";
-import { Container as I } from "./index.es91.js";
-import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
-import { HeaderSlim as z } from "./index.es163.js";
-import { Row as r } from "./index.es218.js";
-const E = ({
-  title: l,
-  region: c,
-  asLink: m = "a",
-  labels: p,
-  navigatonItems: j,
-  supportLink: t,
-  loginLink: f = "/",
-  shortTitle: d,
-  headerTitleClassname: u,
-  children: g,
-  headerLogoUrl2: h,
-  variant: a = "default"
-}) => {
-  const n = m, b = x.nazionale, N = x[c], o = a === "operator" ? "text-white" : "text-primary", v = a === "operator" ? "text-white" : "text-blue-30";
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: s(
-        "sticky-header bg-white",
-        a === "operator" && "ui-header-desktop-operator"
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs(
-          z,
-          {
-            pt: "x16",
-            pb: "x16",
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            containerClassName: s(
-              a === "operator" ? "ui-slim-operator" : "bg-slate-20"
-            ),
-            children: [
-              /* @__PURE__ */ e.jsxs(
-                n,
-                {
-                  href: "/",
-                  className: s(
-                    "fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
-                    a === "default" ? "text-white" : "text-slate-20"
-                  ),
-                  children: [
-                    h && /* @__PURE__ */ e.jsx(
-                      "div",
-                      {
-                        style: { backgroundImage: `url(${h})` },
-                        className: "ui-header-item-image"
-                      }
-                    ),
-                    d || l,
-                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                  ]
-                }
-              ),
-              g
-            ]
-          }
-        ),
-        /* @__PURE__ */ e.jsxs(
-          "header",
-          {
-            className: s(a === "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(b, { height: 44, width: 27, variant: a }),
-                        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,
-                              color: a === "operator" ? "lightblue-a03" : "white"
-                            }
-                          )
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ e.jsx("h1", { className: s(u, "ui-header-title"), children: a === "default" ? /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs(
-                        n,
-                        {
-                          href: "/",
-                          className: "text-decoration-none hover-underline_dark",
-                          children: [
-                            /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: l }),
-                            /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                          ]
-                        }
-                      ) }) : /* @__PURE__ */ e.jsxs(
-                        n,
-                        {
-                          href: "/",
-                          className: "text-decoration-none hover-underline_dark",
-                          children: [
-                            /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: l }),
-                            /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                          ]
-                        }
-                      ) })
-                    ] }),
-                    /* @__PURE__ */ e.jsxs(
-                      C,
-                      {
-                        size: "2",
-                        href: f,
-                        asLink: "a",
-                        className: "login-button",
-                        variant: a === "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, w) => /* @__PURE__ */ e.jsx(
-                      "li",
-                      {
-                        className: s(
-                          "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
-                          i.active && "active"
-                        ),
-                        children: /* @__PURE__ */ e.jsxs(
-                          n,
-                          {
-                            href: i.href,
-                            className: s(
-                              "text-decoration-none fs-custom",
-                              i.active ? `fw-bold ${o}` : `fw-semibold ${o}`
-                            ),
-                            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" })
-                            ]
-                          }
-                        )
-                      },
-                      w
-                    )) }),
-                    t && /* @__PURE__ */ e.jsxs(
-                      n,
-                      {
-                        href: t.href,
-                        className: s(
-                          "text-decoration-none fs-custom py-x12 px-x0",
-                          t.active ? `fw-bold ${v}` : `fw-semibold ${o}`,
-                          "ui-header-desktop-support-link",
-                          t.active && (a === "operator" ? "active-operator" : "active")
-                        ),
-                        children: [
-                          t.label,
-                          t.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ) })
-            ]
-          }
-        )
-      ]
-    }
-  );
+const a = (t, e) => {
+  if (!t && !e) return "";
+  const r = t ? t.charAt(0).toLocaleUpperCase() : "", o = e ? e.charAt(0).toLocaleUpperCase() : "";
+  return r + o;
 };
 export {
-  E as HeaderDesktop
+  a as getFullNameInitials
 };
 //# sourceMappingURL=index.es318.js.map

package/dist/index.es318.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es318.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\nimport { LOGOS, Region } from \"../Header\";\nimport { HeaderSlim } from \"@/components\";\nimport clsx from \"clsx\";\nimport { Balancer } from \"react-wrap-balancer\";\nimport { Button } from \"@/components/ui/Button\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderDesktop.scss\";\nimport { Row } from \"@/components\";\n\nimport { WithVariant } from \"@/types/variant\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderDesktopProps = WithVariant<{\n  title: React.ReactNode | string;\n  region: Region;\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n  labels: NavigationLabels;\n  navigatonItems: NavigationItem[];\n  supportLink?: NavigationItem;\n  loginLink?: string;\n  shortTitle?: React.ReactNode;\n  headerTitleClassname?: string;\n  headerLogoUrl2?: string;\n}>;\n\nexport const HeaderDesktop = ({\n  title,\n  region,\n  asLink = \"a\",\n  labels,\n  navigatonItems,\n  supportLink,\n  loginLink = \"/\",\n  shortTitle,\n  headerTitleClassname,\n  children,\n  headerLogoUrl2,\n  variant = \"default\",\n}: HeaderDesktopProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  const textLinkVariant =\n    variant === \"operator\" ? \"text-white\" : \"text-primary\";\n  const activeLinkVariant =\n    variant === \"operator\" ? \"text-white\" : \"text-blue-30\";\n\n  return (\n    <div\n      className={clsx(\n        \"sticky-header bg-white\",\n        variant === \"operator\" && \"ui-header-desktop-operator\",\n      )}\n    >\n      <HeaderSlim\n        pt=\"x16\"\n        pb=\"x16\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        containerClassName={clsx(\n          variant === \"operator\" ? \"ui-slim-operator\" : \"bg-slate-20\",\n        )}\n      >\n        <LinkComponent\n          href=\"/\"\n          className={clsx(\n            \"fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\",\n            variant === \"default\" ? \"text-white\" : \"text-slate-20\",\n          )}\n        >\n          {headerLogoUrl2 && (\n            <div\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\n              className={\"ui-header-item-image\"}\n            ></div>\n          )}\n\n          {shortTitle ? shortTitle : title}\n          <span className=\"visually-hidden\">Vai alla homepage</span>\n        </LinkComponent>\n\n        {children}\n      </HeaderSlim>\n      <header\n        className={clsx(variant === \"operator\" ? \"bg-radial\" : \"bg-white\")}\n      >\n        <Row\n          py={\"x20\"}\n          gap={\"x16\"}\n          alignItems=\"center\"\n          justifyContent={\"space-between\"}\n          className=\"max-h-x116 ui-container\"\n        >\n          <Row gap={\"x16\"} alignItems=\"center\">\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\n              <NationalIcon height={44} width={27} variant={variant} />\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n                  <RegionIcon\n                    width={44}\n                    height={44}\n                    color={variant === \"operator\" ? \"lightblue-a03\" : \"white\"}\n                  />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname, \"ui-header-title\")}>\n              {variant === \"default\" ? (\n                <Balancer>\n                  <LinkComponent\n                    href=\"/\"\n                    className={\"text-decoration-none hover-underline_dark\"}\n                  >\n                    <span className={\"ui-title-line-height\"}>{title}</span>\n                    <span className=\"visually-hidden\">Vai alla homepage</span>\n                  </LinkComponent>\n                </Balancer>\n              ) : (\n                <LinkComponent\n                  href=\"/\"\n                  className={\"text-decoration-none hover-underline_dark\"}\n                >\n                  <span className={\"ui-title-line-height\"}>{title}</span>\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\n                </LinkComponent>\n              )}\n            </h1>\n          </Row>\n          <Button\n            size=\"2\"\n            href={loginLink}\n            asLink=\"a\"\n            className=\"login-button\"\n            variant={variant === \"operator\" ? \"secondary\" : \"primary\"}\n          >\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n        </Row>\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\n          <Container\n            containerClass=\"ui-container\"\n            className=\"base-row align-items-center justify-content-between max-h-x52\"\n          >\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\n              {navigatonItems.map((item, index) => {\n                return (\n                  <li\n                    key={index}\n                    className={clsx(\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\n                      item.active && \"active\",\n                    )}\n                  >\n                    <LinkComponent\n                      href={item.href}\n                      className={clsx(\n                        \"text-decoration-none fs-custom\",\n                        item.active\n                          ? `fw-bold ${textLinkVariant}`\n                          : `fw-semibold ${textLinkVariant}`,\n                      )}\n                      target={item.isNewTab ? \"_blank\" : undefined}\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                    >\n                      {item.label}\n                      {item.active && (\n                        <span className=\"visually-hidden\">Attivo</span>\n                      )}\n                    </LinkComponent>\n                  </li>\n                );\n              })}\n            </Row>\n            {supportLink && (\n              <LinkComponent\n                href={supportLink.href}\n                className={clsx(\n                  \"text-decoration-none fs-custom py-x12 px-x0\",\n                  supportLink.active\n                    ? `fw-bold ${activeLinkVariant}`\n                    : `fw-semibold ${textLinkVariant}`,\n                  \"ui-header-desktop-support-link\",\n                  supportLink.active &&\n                    (variant === \"operator\" ? \"active-operator\" : \"active\"),\n                )}\n              >\n                {supportLink.label}\n                {supportLink.active && (\n                  <span className=\"visually-hidden\">Attivo</span>\n                )}\n              </LinkComponent>\n            )}\n          </Container>\n        </nav>\n      </header>\n    </div>\n  );\n};\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","variant","LinkComponent","NationalIcon","LOGOS","RegionIcon","textLinkVariant","activeLinkVariant","jsxs","clsx","HeaderSlim","jsx","Row","Fragment","Divider","Balancer","Button","Container","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es318.js","sources":["../src/utils/getFullNameInitials.ts"],"sourcesContent":["export const getFullNameInitials = (name: string, lastName: string): string => {\n  if (!name && !lastName) return \"\";\n\n  const nameInitial = name ? name.charAt(0).toLocaleUpperCase() : \"\";\n  const lastNameInitial = lastName\n    ? lastName.charAt(0).toLocaleUpperCase()\n    : \"\";\n\n  return nameInitial + lastNameInitial;\n};\n"],"names":["getFullNameInitials","name","lastName","nameInitial","lastNameInitial"],"mappings":"AAAO,MAAMA,IAAsB,CAACC,GAAcC,MAA6B;AAC7E,MAAI,CAACD,KAAQ,CAACC,EAAU,QAAO;AAE/B,QAAMC,IAAcF,IAAOA,EAAK,OAAO,CAAC,EAAE,sBAAsB,IAC1DG,IAAkBF,IACpBA,EAAS,OAAO,CAAC,EAAE,sBACnB;AAEJ,SAAOC,IAAcC;AACvB;"}

package/dist/index.es319.js

@@ -1,31 +1,8 @@
-import { useState as r, useEffect as i } from "react";
-const m = (s) => {
-  const [c, n] = r(!1);
-  return i(() => {
-    const e = window.matchMedia(s);
-    n(e.matches);
-    const t = (a) => {
-      n(a.matches);
-    };
-    return e.addEventListener("change", t), () => {
-      e.removeEventListener("change", t);
-    };
-  }, [s]), c;
-}, d = (s, c) => {
-  const [n, e] = r(c);
-  return i(() => {
-    const t = window.matchMedia(s);
-    e(t.matches);
-    const a = (o) => {
-      e(o.matches);
-    };
-    return t.addEventListener("change", a), () => {
-      t.removeEventListener("change", a);
-    };
-  }, [s]), n;
-};
+function c(s) {
+  const t = s.trim().split(/\s+/), n = Math.ceil(t.length / 2), o = t.slice(0, n).join(" "), i = t.slice(n).join(" ");
+  return [o, i];
+}
 export {
-  m as useMediaQuery,
-  d as useMediaQueryV2
+  c as splitInTwo
 };
 //# sourceMappingURL=index.es319.js.map

package/dist/index.es319.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es319.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype BreakpointMap = {\n  [key in Breakpoint]: boolean;\n};\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 576,\n  sm: 768,\n  md: 992,\n  lg: 1200,\n  xl: 1400,\n};\n\nexport const useBreakpoint = (): BreakpointMap => {\n  const [current, setCurrent] = useState<BreakpointMap>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n  });\n\n  const evaluate = () => {\n    const width = window.innerWidth;\n    const result: BreakpointMap = {\n      xs: width < breakpoints.xs,\n      sm: width >= breakpoints.xs && width < breakpoints.md,\n      md: width >= breakpoints.md && width < breakpoints.lg,\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\n      xl: width >= breakpoints.lg,\n    };\n    setCurrent(result);\n  };\n\n  useEffect(() => {\n    evaluate();\n    window.addEventListener(\"resize\", evaluate);\n    return () => window.removeEventListener(\"resize\", evaluate);\n  }, []);\n\n  return current;\n};\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":";AAEO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;"}
+{"version":3,"file":"index.es319.js","sources":["../src/utils/splitInTwo.ts"],"sourcesContent":["export function splitInTwo(text: string): [string, string] {\n  const words = text.trim().split(/\\s+/);\n  const half = Math.ceil(words.length / 2);\n\n  const firstPart = words.slice(0, half).join(\" \");\n  const secondPart = words.slice(half).join(\" \");\n\n  return [firstPart, secondPart];\n}\n"],"names":["splitInTwo","text","words","half","firstPart","secondPart"],"mappings":"AAAO,SAASA,EAAWC,GAAgC;AACzD,QAAMC,IAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,GAC/BE,IAAO,KAAK,KAAKD,EAAM,SAAS,CAAC,GAEjCE,IAAYF,EAAM,MAAM,GAAGC,CAAI,EAAE,KAAK,GAAG,GACzCE,IAAaH,EAAM,MAAMC,CAAI,EAAE,KAAK,GAAG;AAE7C,SAAO,CAACC,GAAWC,CAAU;AAC/B;"}

package/dist/index.es32.js

@@ -1,11 +1,11 @@
 import { j as a } from "./index.es278.js";
-import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es354.js";
-import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es355.js";
-import { BaseModalFooter as u } from "./index.es356.js";
-import { BaseModalContent as H } from "./index.es357.js";
-import { BaseModalBackHeader as g } from "./index.es358.js";
+import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es322.js";
+import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es323.js";
+import { BaseModalFooter as u } from "./index.es324.js";
+import { BaseModalContent as H } from "./index.es325.js";
+import { BaseModalBackHeader as g } from "./index.es326.js";
 import './components/ui/BaseModal/BaseModal.css';/* empty css            */
-import { clsx as t } from "./index.es280.js";
+import { clsx as t } from "./index.es279.js";
 import v from "react";
 const e = ({
   open: m,

package/dist/{index.es354.js → index.es322.js}

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es534.js";
-import { useComposedRefs as R } from "./index.es535.js";
-import { createContext as B, createContextScope as H } from "./index.es536.js";
-import { useId as C } from "./index.es537.js";
-import { useControllableState as V } from "./index.es538.js";
-import { DismissableLayer as q } from "./index.es539.js";
-import { FocusScope as K } from "./index.es540.js";
-import { Portal as U } from "./index.es541.js";
-import { Presence as _ } from "./index.es542.js";
-import { Primitive as m } from "./index.es543.js";
-import { useFocusGuards as Y } from "./index.es544.js";
-import Z from "./index.es545.js";
-import { hideOthers as z } from "./index.es546.js";
-import { createSlot as J } from "./index.es547.js";
+import { composeEventHandlers as p } from "./index.es529.js";
+import { useComposedRefs as R } from "./index.es528.js";
+import { createContext as B, createContextScope as H } from "./index.es527.js";
+import { useId as C } from "./index.es540.js";
+import { useControllableState as V } from "./index.es541.js";
+import { DismissableLayer as q } from "./index.es542.js";
+import { FocusScope as K } from "./index.es543.js";
+import { Portal as U } from "./index.es544.js";
+import { Presence as _ } from "./index.es545.js";
+import { Primitive as m } from "./index.es546.js";
+import { useFocusGuards as Y } from "./index.es547.js";
+import Z from "./index.es548.js";
+import { hideOthers as z } from "./index.es549.js";
+import { createSlot as J } from "./index.es530.js";
 import { j as i } from "./index.es278.js";
 var v = "Dialog", [N, he] = H(v), [Q, u] = N(v), P = (e) => {
   const {
@@ -260,4 +260,4 @@ export {
   Ee as WarningProvider,
   he as createDialogScope
 };
-//# sourceMappingURL=index.es354.js.map
+//# sourceMappingURL=index.es322.js.map