@anoki/fse-ui 1.0.0-beta1.38.3 → 1.0.0-beta1.38.5

package/dist/index.es262.js

@@ -1,24 +1,147 @@
-import { useCopyToClipboard as c } from "./index.es402.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);
-      });
-    }
+import { j as e } from "./index.es236.js";
+import { Button as m } from "./index.es28.js";
+import { HeaderTopBanner as g } from "./index.es21.js";
+import { useState as y, useRef as w, useCallback as C, useEffect as u } from "react";
+import { clsx as r } from "./index.es237.js";
+import { useFocusTrap as N } from "./index.es457.js";
+import { Container as k } from "./index.es6.js";
+import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
+import { Col as L } from "./index.es10.js";
+import { Hamburguer as E } from "./index.es156.js";
+import { Row as z } from "./index.es9.js";
+import { Close as M } from "./index.es157.js";
+const q = ({
+  shortTitle: h,
+  menuTitle: p = "Menù",
+  region: f,
+  asLink: l = "a",
+  navigatonItems: x,
+  labels: t,
+  loginLink: b = "/"
+}) => {
+  const v = l, [n, d] = y(!1), s = "main-navigation", c = w(null);
+  N(c, n);
+  const i = C(() => {
+    d(!n);
+  }, [n]);
+  u(() => (n ? document.body.classList.add("ui-body-overflow-hidden") : document.body.classList.remove("ui-body-overflow-hidden"), () => {
+    document.body.classList.remove("ui-body-overflow-hidden");
+  }), [n]), u(() => {
+    const a = (o) => {
+      o.key === "Escape" && n && i();
+    };
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [n, i]);
+  const j = () => {
+    d(!1);
   };
+  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header shadow", children: [
+    /* @__PURE__ */ e.jsx(
+      g,
+      {
+        asLink: l,
+        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: b,
+                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": n,
+                "aria-label": "Apri menu di navigazione",
+                onClick: i,
+                className: "ui-mobile-menu-toggle",
+                "aria-controls": s,
+                children: /* @__PURE__ */ e.jsx(E, { width: 40, height: 40, color: "white" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs(
+            "nav",
+            {
+              id: s,
+              "aria-label": "Menu di navigazione",
+              className: r(n ? "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: i,
+                      "aria-label": "Chiudi menu di navigazione",
+                      "aria-controls": s,
+                      children: [
+                        t.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((a, o) => /* @__PURE__ */ e.jsx(
+                  "li",
+                  {
+                    className: r(
+                      "ui-mobile-nav-item",
+                      a.active && "active"
+                    ),
+                    children: /* @__PURE__ */ e.jsxs(
+                      v,
+                      {
+                        href: a.href,
+                        "aria-label": `Vai alla pagina ${a.label}`,
+                        className: r(
+                          "text-decoration-none text-primary fs-5",
+                          a.active ? "fw-bold" : "fw-normal"
+                        ),
+                        onClick: j,
+                        target: a.isNewTab ? "_blank" : void 0,
+                        rel: a.isNewTab ? "noopener noreferrer" : void 0,
+                        children: [
+                          a.label,
+                          a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                        ]
+                      }
+                    )
+                  },
+                  o
+                )) })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
 };
 export {
-  l as useCopyToClipboardCurrentPage
+  q as HeaderMobile
 };
 //# sourceMappingURL=index.es262.js.map

package/dist/index.es262.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es262.js","sources":["../src/hooks/useCopyToClipboardCurrentPage.ts"],"sourcesContent":["import { useCopyToClipboard as useCopyToClipboardNative } from \"usehooks-ts\";\r\n\r\nimport { useState } from \"react\";\r\n\r\nexport const useCopyToClipboardCurrentPage = () => {\r\n  const [copiedText, copy] = useCopyToClipboardNative();\r\n  const [isCopied, setIsCopied] = useState(false);\r\n\r\n  const copyToClipboard = () => {\r\n    if (typeof window === \"undefined\") return;\r\n    const completeUrl = window.location.href;\r\n    copy(completeUrl)\r\n      .then(() => {\r\n        setIsCopied(() => true);\r\n        setTimeout(() => {\r\n          setIsCopied(false);\r\n        }, 1500);\r\n      })\r\n      .catch((error) => {\r\n        console.debug(\"Failed to copy!\", error);\r\n      });\r\n  };\r\n\r\n  return {\r\n    isCopied,\r\n    copiedText,\r\n    copyToClipboard,\r\n  };\r\n};\r\n"],"names":["useCopyToClipboardCurrentPage","copiedText","copy","useCopyToClipboardNative","isCopied","setIsCopied","useState","completeUrl","error"],"mappings":";;AAIO,MAAMA,IAAgC,MAAM;AACjD,QAAM,CAACC,GAAYC,CAAI,IAAIC,EAAyB,GAC9C,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAiBvC,SAAA;AAAA,IACL,UAAAF;AAAA,IACA,YAAAH;AAAA,IACA,iBAlBsB,MAAM;AACxB,UAAA,OAAO,SAAW,IAAa;AAC7B,YAAAM,IAAc,OAAO,SAAS;AAC/B,MAAAL,EAAAK,CAAW,EACb,KAAK,MAAM;AACV,QAAAF,EAAY,MAAM,EAAI,GACtB,WAAW,MAAM;AACf,UAAAA,EAAY,EAAK;AAAA,WAChB,IAAI;AAAA,MAAA,CACR,EACA,MAAM,CAACG,MAAU;AACR,gBAAA,MAAM,mBAAmBA,CAAK;AAAA,MAAA,CACvC;AAAA,IACL;AAAA,EAMA;AACF;"}
+{"version":3,"file":"index.es262.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\";\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  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}: 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      />\n\n      <Container\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\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                    aria-label={`Vai alla pagina ${item.label}`}\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","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.es263.js

@@ -1,9 +1,157 @@
-const a = (t, e) => {
-  if (!t && !e) return "";
-  const r = t ? t.charAt(0).toLocaleUpperCase() : "", o = e ? e.charAt(0).toLocaleUpperCase() : "";
-  return r + o;
+import { j as e } from "./index.es236.js";
+import { Divider as u } from "./index.es248.js";
+import { LOGOS as d } from "./index.es27.js";
+import { HeaderSlim as N } from "./index.es17.js";
+import { clsx as n } from "./index.es237.js";
+import { Balancer as y } from "./index.es320.js";
+import { Button as w } from "./index.es28.js";
+import { Container as C } from "./index.es6.js";
+import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
+import { Row as l } from "./index.es9.js";
+const H = ({
+  title: t,
+  region: r,
+  asLink: x = "a",
+  labels: h,
+  navigatonItems: m,
+  supportLink: s,
+  loginLink: j = "/",
+  shortTitle: c,
+  headerTitleClassname: p,
+  children: f,
+  headerLogoUrl2: o
+}) => {
+  const i = x, b = d.nazionale, v = d[r];
+  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header bg-white", children: [
+    /* @__PURE__ */ e.jsxs(
+      N,
+      {
+        pt: "x16",
+        pb: "x16",
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ e.jsxs(
+            i,
+            {
+              href: "/",
+              className: "text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
+              children: [
+                o && /* @__PURE__ */ e.jsx(
+                  "div",
+                  {
+                    style: { backgroundImage: `url(${o})` },
+                    className: "ui-header-item-image"
+                  }
+                ),
+                c || t,
+                /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+              ]
+            }
+          ),
+          f
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("header", { className: "bg-white", children: [
+      /* @__PURE__ */ e.jsxs(
+        l,
+        {
+          py: "x20",
+          gap: "x16",
+          alignItems: "center",
+          justifyContent: "space-between",
+          className: "max-h-x116 ui-container",
+          children: [
+            /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", children: [
+              /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
+                /* @__PURE__ */ e.jsx(b, { height: 44, width: 27 }),
+                r !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  /* @__PURE__ */ e.jsx(u, { bg: "border-divider", direction: "vertical" }),
+                  /* @__PURE__ */ e.jsx(v, { width: 44, height: 44 })
+                ] })
+              ] }),
+              /* @__PURE__ */ e.jsx("h1", { className: n(p), children: /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs(
+                i,
+                {
+                  href: "/",
+                  className: " text-decoration-none  hover-underline_dark",
+                  children: [
+                    /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: t }),
+                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+                  ]
+                }
+              ) }) })
+            ] }),
+            /* @__PURE__ */ e.jsxs(w, { size: "2", href: j, asLink: "a", children: [
+              /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
+                " ",
+                h.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(
+        C,
+        {
+          containerClass: "ui-container",
+          className: "base-row align-items-center justify-content-between max-h-x52",
+          children: [
+            /* @__PURE__ */ e.jsx(l, { as: "ul", className: "list-style-none", role: "list", children: m.map((a, g) => /* @__PURE__ */ e.jsx(
+              "li",
+              {
+                className: n(
+                  "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
+                  a.active && "active"
+                ),
+                children: /* @__PURE__ */ e.jsxs(
+                  i,
+                  {
+                    href: a.href,
+                    "aria-label": `Vai alla pagina ${a.label}`,
+                    className: n(
+                      "text-decoration-none fs-custom",
+                      a.active ? "fw-bold text-primary" : "fw-semibold text-primary"
+                    ),
+                    target: a.isNewTab ? "_blank" : void 0,
+                    rel: a.isNewTab ? "noopener noreferrer" : void 0,
+                    children: [
+                      a.label,
+                      a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                    ]
+                  }
+                )
+              },
+              g
+            )) }),
+            s && /* @__PURE__ */ e.jsxs(
+              i,
+              {
+                href: s.href,
+                "aria-label": `Vai alla pagina ${s.label}`,
+                className: n(
+                  "text-decoration-none fs-custom py-x12 px-x24",
+                  s.active ? "fw-bold text-blue-30" : "fw-semibold text-primary",
+                  "ui-header-desktop-support-link",
+                  s.active && "active"
+                ),
+                children: [
+                  s.label,
+                  s.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                ]
+              }
+            )
+          ]
+        }
+      ) })
+    ] })
+  ] });
 };
 export {
-  a as getFullNameInitials
+  H as HeaderDesktop
 };
 //# sourceMappingURL=index.es263.js.map

package/dist/index.es263.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es263.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":"AAAa,MAAAA,IAAsB,CAACC,GAAcC,MAA6B;AAC7E,MAAI,CAACD,KAAQ,CAACC,EAAiB,QAAA;AAE/B,QAAMC,IAAcF,IAAOA,EAAK,OAAO,CAAC,EAAE,sBAAsB,IAC1DG,IAAkBF,IACpBA,EAAS,OAAO,CAAC,EAAE,sBACnB;AAEJ,SAAOC,IAAcC;AACvB;"}
+{"version":3,"file":"index.es263.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\nimport { LOGOS, Region } from \"../Header\";\nimport { HeaderSlim } from \"../HeaderSlim\";\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\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 = {\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}: HeaderDesktopProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"sticky-header bg-white\">\n      <HeaderSlim\n        pt=\"x16\"\n        pb=\"x16\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n      >\n        <LinkComponent\n          href=\"/\"\n          className=\"text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\"\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 className=\"bg-white\">\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} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={44} height={44} />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname)}>\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            </h1>\n          </Row>\n          <Button size=\"2\" href={loginLink} asLink=\"a\">\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                      aria-label={`Vai alla pagina ${item.label}`}\n                      className={clsx(\n                        \"text-decoration-none fs-custom\",\n                        item.active\n                          ? \"fw-bold text-primary\"\n                          : \"fw-semibold text-primary\",\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                aria-label={`Vai alla pagina ${supportLink.label}`}\n                className={clsx(\n                  \"text-decoration-none fs-custom py-x12 px-x24\",\n                  supportLink.active\n                    ? \"fw-bold text-blue-30\"\n                    : \"fw-semibold text-primary\",\n                  \"ui-header-desktop-support-link\",\n                  supportLink.active && \"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","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","HeaderSlim","jsx","Row","Fragment","Divider","clsx","Balancer","Button","Container","item","index"],"mappings":"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"}

package/dist/index.es27.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es217.js";
-import { HeaderMobile as p } from "./index.es243.js";
-import { HeaderDesktop as f } from "./index.es244.js";
+import { j as r } from "./index.es236.js";
+import { HeaderMobile as p } from "./index.es262.js";
+import { HeaderDesktop as f } from "./index.es263.js";
 import './components/navigations/Header/Header.css';/* empty css            */
 import { Lazio as l } from "./index.es167.js";
 import { Marche as H } from "./index.es168.js";

package/dist/index.es270.js

@@ -1,83 +1,136 @@
-import { j as e } from "./index.es217.js";
-import { Close as i, Title as n } from "./index.es269.js";
-import { Button as a } from "./index.es28.js";
-import './components/ui/BaseModal/BaseModalHeader/BaseModalHeader.css';/* empty css            */
-import { clsx as m } from "./index.es218.js";
-import { Row as c } from "./index.es9.js";
-import { ArrowLeft as h } from "./index.es169.js";
-import { Close as d } from "./index.es157.js";
-import { Col as l } from "./index.es10.js";
-const y = ({
-  labels: t = {
-    closeButton: "Chiudi",
-    backButton: "Indietro"
-  },
-  onCloseClick: r,
-  onBackClick: o,
-  showBackButton: s = !1,
-  children: x,
-  classNameModalHeader: u = "ui-base-modal-header"
-}) => /* @__PURE__ */ e.jsxs("header", { className: m(u, "bg-white br-t-x4"), children: [
-  /* @__PURE__ */ e.jsxs(c, { alignItems: "center", justifyContent: "space-between", children: [
-    s && o && (t != null && t.backButton) ? /* @__PURE__ */ e.jsxs(
-      a,
-      {
-        size: "4",
-        textColor: "primary",
-        bg: "transparent",
-        "aria-label": "Torna indietro",
-        onClick: o,
-        children: [
-          /* @__PURE__ */ e.jsx(h, { className: "mr-x8" }),
-          t.backButton
-        ]
+import * as n from "react";
+import { useComposedRefs as N } from "./index.es451.js";
+import { createContextScope as M } from "./index.es452.js";
+import { composeEventHandlers as S } from "./index.es450.js";
+import { useControllableState as O } from "./index.es453.js";
+import { usePrevious as A } from "./index.es474.js";
+import { useSize as B } from "./index.es475.js";
+import { Presence as H } from "./index.es469.js";
+import { Primitive as j } from "./index.es454.js";
+import { j as f } from "./index.es236.js";
+var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
+  (e, l) => {
+    const {
+      __scopeCheckbox: t,
+      name: i,
+      checked: p,
+      defaultChecked: r,
+      required: m,
+      disabled: a,
+      value: k = "on",
+      onCheckedChange: b,
+      form: d,
+      ...x
+    } = e, [s, C] = n.useState(null), v = N(l, (o) => C(o)), y = n.useRef(!1), P = s ? d || !!s.closest("form") : !0, [u = !1, E] = O({
+      prop: p,
+      defaultProp: r,
+      onChange: b
+    }), D = n.useRef(u);
+    return n.useEffect(() => {
+      const o = s == null ? void 0 : s.form;
+      if (o) {
+        const h = () => E(D.current);
+        return o.addEventListener("reset", h), () => o.removeEventListener("reset", h);
       }
-    ) : null,
-    r && (t != null && t.closeButton) ? /* @__PURE__ */ e.jsx(i, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      a,
+    }, [s, E]), /* @__PURE__ */ f.jsxs(L, { scope: t, state: u, disabled: a, children: [
+      /* @__PURE__ */ f.jsx(
+        j.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": c(u) ? "mixed" : u,
+          "aria-required": m,
+          "data-state": _(u),
+          "data-disabled": a ? "" : void 0,
+          disabled: a,
+          value: k,
+          ...x,
+          ref: v,
+          onKeyDown: S(e.onKeyDown, (o) => {
+            o.key === "Enter" && o.preventDefault();
+          }),
+          onClick: S(e.onClick, (o) => {
+            E((h) => c(h) ? !0 : !h), P && (y.current = o.isPropagationStopped(), y.current || o.stopPropagation());
+          })
+        }
+      ),
+      P && /* @__PURE__ */ f.jsx(
+        z,
+        {
+          control: s,
+          bubbles: !y.current,
+          name: i,
+          value: k,
+          checked: u,
+          required: m,
+          disabled: a,
+          form: d,
+          style: { transform: "translateX(-100%)" },
+          defaultChecked: c(r) ? !1 : r
+        }
+      )
+    ] });
+  }
+);
+I.displayName = R;
+var g = "CheckboxIndicator", w = n.forwardRef(
+  (e, l) => {
+    const { __scopeCheckbox: t, forceMount: i, ...p } = e, r = q(g, t);
+    return /* @__PURE__ */ f.jsx(H, { present: i || c(r.state) || r.state === !0, children: /* @__PURE__ */ f.jsx(
+      j.span,
       {
-        size: "4",
-        textColor: "primary",
-        bg: "transparent",
-        "aria-label": "Chiudi modale",
-        onClick: r,
-        className: "ui-base-modal-close",
-        children: [
-          t.closeButton,
-          /* @__PURE__ */ e.jsx(d, { className: "ml-x8" })
-        ]
+        "data-state": _(r.state),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...p,
+        ref: l,
+        style: { pointerEvents: "none", ...e.style }
       }
-    ) }) : null
-  ] }),
-  /* @__PURE__ */ e.jsx(l, { children: /* @__PURE__ */ e.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: x }) })
-] }), z = ({
-  labels: t = {
-    closeButton: "Chiudi"
-  },
-  onCloseClick: r,
-  children: o,
-  classNameModalHeader: s = "ui-base-modal-header"
-}) => /* @__PURE__ */ e.jsx("header", { className: m(s, "bg-white br-t-x4"), children: /* @__PURE__ */ e.jsxs(c, { justifyContent: "space-between", children: [
-  /* @__PURE__ */ e.jsx(l, {}),
-  /* @__PURE__ */ e.jsx(n, { className: "fs-3 text-slate-20 fw-bold", children: o }),
-  r && (t != null && t.closeButton) ? /* @__PURE__ */ e.jsx(i, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-    a,
+    ) });
+  }
+);
+w.displayName = g;
+var z = (e) => {
+  const { control: l, checked: t, bubbles: i = !0, defaultChecked: p, ...r } = e, m = n.useRef(null), a = A(t), k = B(l);
+  n.useEffect(() => {
+    const d = m.current, x = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(x, "checked").set;
+    if (a !== t && C) {
+      const v = new Event("click", { bubbles: i });
+      d.indeterminate = c(t), C.call(d, c(t) ? !1 : t), d.dispatchEvent(v);
+    }
+  }, [a, t, i]);
+  const b = n.useRef(c(t) ? !1 : t);
+  return /* @__PURE__ */ f.jsx(
+    "input",
     {
-      size: "4",
-      textColor: "primary",
-      bg: "transparent",
-      "aria-label": "Chiudi modale",
-      onClick: r,
-      className: "ui-base-modal-close",
-      children: [
-        t.closeButton,
-        /* @__PURE__ */ e.jsx(d, { className: "ml-x8" })
-      ]
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: p ?? b.current,
+      ...r,
+      tabIndex: -1,
+      ref: m,
+      style: {
+        ...e.style,
+        ...k,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
     }
-  ) }) : null
-] }) });
+  );
+};
+function c(e) {
+  return e === "indeterminate";
+}
+function _(e) {
+  return c(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var Z = I, $ = w;
 export {
-  y as BaseModalHeader,
-  z as BaseModalHeaderV2
+  I as Checkbox,
+  w as CheckboxIndicator,
+  $ as Indicator,
+  Z as Root,
+  Y as createCheckboxScope
 };
 //# sourceMappingURL=index.es270.js.map