@anoki/fse-ui 1.0.336 → 1.0.337

package/dist/index.es16.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es138.js";
 import { Container as m } from "./index.es6.js";
-import { Divider as c } from "./index.es154.js";
+import { Divider as c } from "./index.es150.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as x } from "./index.es140.js";
+import { clsx as x } from "./index.es139.js";
 import { FseMS as f } from "./index.es86.js";
 import { FseMEF as p } from "./index.es84.js";
 import { FseUE as d } from "./index.es87.js";

package/dist/index.es160.js

@@ -1,210 +1,146 @@
-import * as p from "react";
-import { composeEventHandlers as m } from "./index.es236.js";
-import { composeRefs as E } from "./index.es237.js";
-import { createContextScope as S } from "./index.es238.js";
-import { useControllableState as P } from "./index.es239.js";
-import { Primitive as y } from "./index.es240.js";
-import { createMenuScope as D, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es241.js";
-import { useId as g } from "./index.es242.js";
-import { j as a } from "./index.es138.js";
-var M = "DropdownMenu", [z, bo] = S(
-  M,
-  [D]
-), s = D(), [J, v] = z(M), _ = (o) => {
-  const {
-    __scopeDropdownMenu: n,
-    children: r,
-    dir: e,
-    open: t,
-    defaultOpen: i,
-    onOpenChange: c,
-    modal: d = !0
-  } = o, u = s(n), f = p.useRef(null), [w = !1, l] = P({
-    prop: t,
-    defaultProp: i,
-    onChange: c
-  });
-  return /* @__PURE__ */ a.jsx(
-    J,
-    {
-      scope: n,
-      triggerId: g(),
-      triggerRef: f,
-      contentId: g(),
-      open: w,
-      onOpenChange: l,
-      onOpenToggle: p.useCallback(() => l((C) => !C), [l]),
-      modal: d,
-      children: /* @__PURE__ */ a.jsx(O, { ...u, open: w, onOpenChange: l, dir: e, modal: d, children: r })
-    }
-  );
-};
-_.displayName = M;
-var x = "DropdownMenuTrigger", R = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, disabled: e = !1, ...t } = o, i = v(x, r), c = s(r);
-    return /* @__PURE__ */ a.jsx(T, { asChild: !0, ...c, children: /* @__PURE__ */ a.jsx(
-      y.button,
+import { j as e } from "./index.es138.js";
+import { Button as m } from "./index.es25.js";
+import { HeaderTopBanner as y } from "./index.es21.js";
+import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
+import { clsx as r } from "./index.es139.js";
+import { useFocusTrap as N } from "./index.es265.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.es78.js";
+import { Row as z } from "./index.es9.js";
+import { Close as M } from "./index.es79.js";
+const q = ({
+  shortTitle: h,
+  menuTitle: p = "Menù",
+  region: f,
+  asLink: l = "a",
+  navigatonItems: x,
+  labels: t,
+  loginLink: v = "/"
+}) => {
+  const b = l, [n, d] = g(!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(
+      y,
       {
-        type: "button",
-        id: i.triggerId,
-        "aria-haspopup": "menu",
-        "aria-expanded": i.open,
-        "aria-controls": i.open ? i.contentId : void 0,
-        "data-state": i.open ? "open" : "closed",
-        "data-disabled": e ? "" : void 0,
-        disabled: e,
-        ...t,
-        ref: E(n, i.triggerRef),
-        onPointerDown: m(o.onPointerDown, (d) => {
-          !e && d.button === 0 && d.ctrlKey === !1 && (i.onOpenToggle(), i.open || d.preventDefault());
-        }),
-        onKeyDown: m(o.onKeyDown, (d) => {
-          e || (["Enter", " "].includes(d.key) && i.onOpenToggle(), d.key === "ArrowDown" && i.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
-        })
+        asLink: l,
+        shortTitle: h,
+        region: f
       }
-    ) });
-  }
-);
-R.displayName = x;
-var Q = "DropdownMenuPortal", h = (o) => {
-  const { __scopeDropdownMenu: n, ...r } = o, e = s(n);
-  return /* @__PURE__ */ a.jsx(j, { ...e, ...r });
-};
-h.displayName = Q;
-var I = "DropdownMenuContent", N = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, t = v(I, r), i = s(r), c = p.useRef(!1);
-    return /* @__PURE__ */ a.jsx(
-      G,
+    ),
+    /* @__PURE__ */ e.jsxs(
+      k,
       {
-        id: t.contentId,
-        "aria-labelledby": t.triggerId,
-        ...i,
-        ...e,
-        ref: n,
-        onCloseAutoFocus: m(o.onCloseAutoFocus, (d) => {
-          var u;
-          c.current || (u = t.triggerRef.current) == null || u.focus(), c.current = !1, d.preventDefault();
-        }),
-        onInteractOutside: m(o.onInteractOutside, (d) => {
-          const u = d.detail.originalEvent, f = u.button === 0 && u.ctrlKey === !0, w = u.button === 2 || f;
-          (!t.modal || w) && (c.current = !0);
-        }),
-        style: {
-          ...o.style,
-          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-        }
+        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",
+                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(
+                      b,
+                      {
+                        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
+                )) })
+              ]
+            }
+          )
+        ]
       }
-    );
-  }
-);
-N.displayName = I;
-var V = "DropdownMenuGroup", b = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx(k, { ...t, ...e, ref: n });
-  }
-);
-b.displayName = V;
-var Y = "DropdownMenuLabel", Z = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx(K, { ...t, ...e, ref: n });
-  }
-);
-Z.displayName = Y;
-var oo = "DropdownMenuItem", A = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx(L, { ...t, ...e, ref: n });
-  }
-);
-A.displayName = oo;
-var eo = "DropdownMenuCheckboxItem", ro = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(U, { ...t, ...e, ref: n });
-});
-ro.displayName = eo;
-var no = "DropdownMenuRadioGroup", to = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(B, { ...t, ...e, ref: n });
-});
-to.displayName = no;
-var ao = "DropdownMenuRadioItem", po = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(F, { ...t, ...e, ref: n });
-});
-po.displayName = ao;
-var so = "DropdownMenuItemIndicator", io = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(H, { ...t, ...e, ref: n });
-});
-io.displayName = so;
-var uo = "DropdownMenuSeparator", co = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(W, { ...t, ...e, ref: n });
-});
-co.displayName = uo;
-var wo = "DropdownMenuArrow", lo = p.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-    return /* @__PURE__ */ a.jsx($, { ...t, ...e, ref: n });
-  }
-);
-lo.displayName = wo;
-var mo = "DropdownMenuSubTrigger", fo = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(X, { ...t, ...e, ref: n });
-});
-fo.displayName = mo;
-var Mo = "DropdownMenuSubContent", go = p.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, t = s(r);
-  return /* @__PURE__ */ a.jsx(
-    q,
-    {
-      ...t,
-      ...e,
-      ref: n,
-      style: {
-        ...o.style,
-        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-      }
-    }
-  );
-});
-go.displayName = Mo;
-var Ao = _, Co = R, Eo = h, So = N, Po = b, yo = A;
+    )
+  ] });
+};
 export {
-  So as Content,
-  _ as DropdownMenu,
-  lo as DropdownMenuArrow,
-  ro as DropdownMenuCheckboxItem,
-  N as DropdownMenuContent,
-  b as DropdownMenuGroup,
-  A as DropdownMenuItem,
-  io as DropdownMenuItemIndicator,
-  Z as DropdownMenuLabel,
-  h as DropdownMenuPortal,
-  to as DropdownMenuRadioGroup,
-  po as DropdownMenuRadioItem,
-  co as DropdownMenuSeparator,
-  go as DropdownMenuSubContent,
-  fo as DropdownMenuSubTrigger,
-  R as DropdownMenuTrigger,
-  Po as Group,
-  yo as Item,
-  Eo as Portal,
-  Ao as Root,
-  Co as Trigger,
-  bo as createDropdownMenuScope
+  q as HeaderMobile
 };
 //# sourceMappingURL=index.es160.js.map

package/dist/index.es160.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es160.js","sources":["../node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/dropdown-menu/src/dropdown-menu.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as MenuPrimitive from \"@radix-ui/react-menu\";\nimport { createMenuScope } from \"@radix-ui/react-menu\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DROPDOWN_MENU_NAME = \"DropdownMenu\";\nvar [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(\n  DROPDOWN_MENU_NAME,\n  [createMenuScope]\n);\nvar useMenuScope = createMenuScope();\nvar [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);\nvar DropdownMenu = (props) => {\n  const {\n    __scopeDropdownMenu,\n    children,\n    dir,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = true\n  } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  const triggerRef = React.useRef(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange\n  });\n  return /* @__PURE__ */ jsx(\n    DropdownMenuProvider,\n    {\n      scope: __scopeDropdownMenu,\n      triggerId: useId(),\n      triggerRef,\n      contentId: useId(),\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),\n      modal,\n      children: /* @__PURE__ */ jsx(MenuPrimitive.Root, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })\n    }\n  );\n};\nDropdownMenu.displayName = DROPDOWN_MENU_NAME;\nvar TRIGGER_NAME = \"DropdownMenuTrigger\";\nvar DropdownMenuTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;\n    const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    return /* @__PURE__ */ jsx(MenuPrimitive.Anchor, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        id: context.triggerId,\n        \"aria-haspopup\": \"menu\",\n        \"aria-expanded\": context.open,\n        \"aria-controls\": context.open ? context.contentId : void 0,\n        \"data-state\": context.open ? \"open\" : \"closed\",\n        \"data-disabled\": disabled ? \"\" : void 0,\n        disabled,\n        ...triggerProps,\n        ref: composeRefs(forwardedRef, context.triggerRef),\n        onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {\n          if (!disabled && event.button === 0 && event.ctrlKey === false) {\n            context.onOpenToggle();\n            if (!context.open) event.preventDefault();\n          }\n        }),\n        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n          if (disabled) return;\n          if ([\"Enter\", \" \"].includes(event.key)) context.onOpenToggle();\n          if (event.key === \"ArrowDown\") context.onOpenChange(true);\n          if ([\"Enter\", \" \", \"ArrowDown\"].includes(event.key)) event.preventDefault();\n        })\n      }\n    ) });\n  }\n);\nDropdownMenuTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"DropdownMenuPortal\";\nvar DropdownMenuPortal = (props) => {\n  const { __scopeDropdownMenu, ...portalProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.Portal, { ...menuScope, ...portalProps });\n};\nDropdownMenuPortal.displayName = PORTAL_NAME;\nvar CONTENT_NAME = \"DropdownMenuContent\";\nvar DropdownMenuContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, ...contentProps } = props;\n    const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    const hasInteractedOutsideRef = React.useRef(false);\n    return /* @__PURE__ */ jsx(\n      MenuPrimitive.Content,\n      {\n        id: context.contentId,\n        \"aria-labelledby\": context.triggerId,\n        ...menuScope,\n        ...contentProps,\n        ref: forwardedRef,\n        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();\n          hasInteractedOutsideRef.current = false;\n          event.preventDefault();\n        }),\n        onInteractOutside: composeEventHandlers(props.onInteractOutside, (event) => {\n          const originalEvent = event.detail.originalEvent;\n          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;\n          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n          if (!context.modal || isRightClick) hasInteractedOutsideRef.current = true;\n        }),\n        style: {\n          ...props.style,\n          // re-namespace exposed content custom properties\n          ...{\n            \"--radix-dropdown-menu-content-transform-origin\": \"var(--radix-popper-transform-origin)\",\n            \"--radix-dropdown-menu-content-available-width\": \"var(--radix-popper-available-width)\",\n            \"--radix-dropdown-menu-content-available-height\": \"var(--radix-popper-available-height)\",\n            \"--radix-dropdown-menu-trigger-width\": \"var(--radix-popper-anchor-width)\",\n            \"--radix-dropdown-menu-trigger-height\": \"var(--radix-popper-anchor-height)\"\n          }\n        }\n      }\n    );\n  }\n);\nDropdownMenuContent.displayName = CONTENT_NAME;\nvar GROUP_NAME = \"DropdownMenuGroup\";\nvar DropdownMenuGroup = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, ...groupProps } = props;\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    return /* @__PURE__ */ jsx(MenuPrimitive.Group, { ...menuScope, ...groupProps, ref: forwardedRef });\n  }\n);\nDropdownMenuGroup.displayName = GROUP_NAME;\nvar LABEL_NAME = \"DropdownMenuLabel\";\nvar DropdownMenuLabel = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, ...labelProps } = props;\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    return /* @__PURE__ */ jsx(MenuPrimitive.Label, { ...menuScope, ...labelProps, ref: forwardedRef });\n  }\n);\nDropdownMenuLabel.displayName = LABEL_NAME;\nvar ITEM_NAME = \"DropdownMenuItem\";\nvar DropdownMenuItem = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, ...itemProps } = props;\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    return /* @__PURE__ */ jsx(MenuPrimitive.Item, { ...menuScope, ...itemProps, ref: forwardedRef });\n  }\n);\nDropdownMenuItem.displayName = ITEM_NAME;\nvar CHECKBOX_ITEM_NAME = \"DropdownMenuCheckboxItem\";\nvar DropdownMenuCheckboxItem = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...checkboxItemProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });\n});\nDropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;\nvar RADIO_GROUP_NAME = \"DropdownMenuRadioGroup\";\nvar DropdownMenuRadioGroup = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...radioGroupProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });\n});\nDropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;\nvar RADIO_ITEM_NAME = \"DropdownMenuRadioItem\";\nvar DropdownMenuRadioItem = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...radioItemProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });\n});\nDropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;\nvar INDICATOR_NAME = \"DropdownMenuItemIndicator\";\nvar DropdownMenuItemIndicator = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...itemIndicatorProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });\n});\nDropdownMenuItemIndicator.displayName = INDICATOR_NAME;\nvar SEPARATOR_NAME = \"DropdownMenuSeparator\";\nvar DropdownMenuSeparator = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...separatorProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });\n});\nDropdownMenuSeparator.displayName = SEPARATOR_NAME;\nvar ARROW_NAME = \"DropdownMenuArrow\";\nvar DropdownMenuArrow = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeDropdownMenu, ...arrowProps } = props;\n    const menuScope = useMenuScope(__scopeDropdownMenu);\n    return /* @__PURE__ */ jsx(MenuPrimitive.Arrow, { ...menuScope, ...arrowProps, ref: forwardedRef });\n  }\n);\nDropdownMenuArrow.displayName = ARROW_NAME;\nvar DropdownMenuSub = (props) => {\n  const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange\n  });\n  return /* @__PURE__ */ jsx(MenuPrimitive.Sub, { ...menuScope, open, onOpenChange: setOpen, children });\n};\nvar SUB_TRIGGER_NAME = \"DropdownMenuSubTrigger\";\nvar DropdownMenuSubTrigger = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...subTriggerProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(MenuPrimitive.SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });\n});\nDropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME;\nvar SUB_CONTENT_NAME = \"DropdownMenuSubContent\";\nvar DropdownMenuSubContent = React.forwardRef((props, forwardedRef) => {\n  const { __scopeDropdownMenu, ...subContentProps } = props;\n  const menuScope = useMenuScope(__scopeDropdownMenu);\n  return /* @__PURE__ */ jsx(\n    MenuPrimitive.SubContent,\n    {\n      ...menuScope,\n      ...subContentProps,\n      ref: forwardedRef,\n      style: {\n        ...props.style,\n        // re-namespace exposed content custom properties\n        ...{\n          \"--radix-dropdown-menu-content-transform-origin\": \"var(--radix-popper-transform-origin)\",\n          \"--radix-dropdown-menu-content-available-width\": \"var(--radix-popper-available-width)\",\n          \"--radix-dropdown-menu-content-available-height\": \"var(--radix-popper-available-height)\",\n          \"--radix-dropdown-menu-trigger-width\": \"var(--radix-popper-anchor-width)\",\n          \"--radix-dropdown-menu-trigger-height\": \"var(--radix-popper-anchor-height)\"\n        }\n      }\n    }\n  );\n});\nDropdownMenuSubContent.displayName = SUB_CONTENT_NAME;\nvar Root2 = DropdownMenu;\nvar Trigger = DropdownMenuTrigger;\nvar Portal2 = DropdownMenuPortal;\nvar Content2 = DropdownMenuContent;\nvar Group2 = DropdownMenuGroup;\nvar Label2 = DropdownMenuLabel;\nvar Item2 = DropdownMenuItem;\nvar CheckboxItem2 = DropdownMenuCheckboxItem;\nvar RadioGroup2 = DropdownMenuRadioGroup;\nvar RadioItem2 = DropdownMenuRadioItem;\nvar ItemIndicator2 = DropdownMenuItemIndicator;\nvar Separator2 = DropdownMenuSeparator;\nvar Arrow2 = DropdownMenuArrow;\nvar Sub2 = DropdownMenuSub;\nvar SubTrigger2 = DropdownMenuSubTrigger;\nvar SubContent2 = DropdownMenuSubContent;\nexport {\n  Arrow2 as Arrow,\n  CheckboxItem2 as CheckboxItem,\n  Content2 as Content,\n  DropdownMenu,\n  DropdownMenuArrow,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuItemIndicator,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n  Group2 as Group,\n  Item2 as Item,\n  ItemIndicator2 as ItemIndicator,\n  Label2 as Label,\n  Portal2 as Portal,\n  RadioGroup2 as RadioGroup,\n  RadioItem2 as RadioItem,\n  Root2 as Root,\n  Separator2 as Separator,\n  Sub2 as Sub,\n  SubContent2 as SubContent,\n  SubTrigger2 as SubTrigger,\n  Trigger,\n  createDropdownMenuScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["DROPDOWN_MENU_NAME","createDropdownMenuContext","createDropdownMenuScope","createContextScope","createMenuScope","useMenuScope","DropdownMenuProvider","useDropdownMenuContext","DropdownMenu","props","__scopeDropdownMenu","children","dir","openProp","defaultOpen","onOpenChange","modal","menuScope","triggerRef","React","open","setOpen","useControllableState","jsx","useId","prevOpen","MenuPrimitive.Root","TRIGGER_NAME","DropdownMenuTrigger","forwardedRef","disabled","triggerProps","context","MenuPrimitive.Anchor","Primitive","composeRefs","composeEventHandlers","event","PORTAL_NAME","DropdownMenuPortal","portalProps","MenuPrimitive.Portal","CONTENT_NAME","DropdownMenuContent","contentProps","hasInteractedOutsideRef","MenuPrimitive.Content","_a","originalEvent","ctrlLeftClick","isRightClick","GROUP_NAME","DropdownMenuGroup","groupProps","MenuPrimitive.Group","LABEL_NAME","DropdownMenuLabel","labelProps","MenuPrimitive.Label","ITEM_NAME","DropdownMenuItem","itemProps","MenuPrimitive.Item","CHECKBOX_ITEM_NAME","DropdownMenuCheckboxItem","checkboxItemProps","MenuPrimitive.CheckboxItem","RADIO_GROUP_NAME","DropdownMenuRadioGroup","radioGroupProps","MenuPrimitive.RadioGroup","RADIO_ITEM_NAME","DropdownMenuRadioItem","radioItemProps","MenuPrimitive.RadioItem","INDICATOR_NAME","DropdownMenuItemIndicator","itemIndicatorProps","MenuPrimitive.ItemIndicator","SEPARATOR_NAME","DropdownMenuSeparator","separatorProps","MenuPrimitive.Separator","ARROW_NAME","DropdownMenuArrow","arrowProps","MenuPrimitive.Arrow","SUB_TRIGGER_NAME","DropdownMenuSubTrigger","subTriggerProps","MenuPrimitive.SubTrigger","SUB_CONTENT_NAME","DropdownMenuSubContent","subContentProps","MenuPrimitive.SubContent","Root2","Trigger","Portal2","Content2","Group2","Item2"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es160.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          >\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.es165.js → index.es161.js}

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es138.js";
-import { Divider as g } from "./index.es154.js";
+import { Divider as g } from "./index.es150.js";
 import { LOGOS as c } from "./index.es24.js";
 import { HeaderSlim as N } from "./index.es17.js";
-import { clsx as n } from "./index.es140.js";
-import { Balancer as u } from "./index.es211.js";
+import { clsx as n } from "./index.es139.js";
+import { Balancer as u } from "./index.es207.js";
 import { Button as w } from "./index.es25.js";
 import { Container as y } from "./index.es6.js";
 import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
@@ -135,4 +135,4 @@ const O = ({
 export {
   O as HeaderDesktop
 };
-//# sourceMappingURL=index.es165.js.map
+//# sourceMappingURL=index.es161.js.map

package/dist/{index.es165.js.map → index.es161.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es165.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};\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}: 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\"\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=\"min-h-x120 ui-container\"\n        >\n          <Row gap={\"x16\"} alignItems=\"center\">\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\n              <NationalIcon height={58} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={58} height={58} />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname)}>\n              <Balancer>\n                <LinkComponent\n                  href=\"/\"\n                  className={\n                    \"fs-2 fw-bold text-slate-20 text-decoration-none hover-underline\"\n                  }\n                >\n                  {title}\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            {labels.login}\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 className=\"base-row align-items-center justify-content-between\">\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 min-h-x56\",\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-blue-30\"\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","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","HeaderSlim","jsx","Row","Fragment","Divider","clsx","Balancer","Button","Container","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es161.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};\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}: 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\"\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=\"min-h-x120 ui-container\"\n        >\n          <Row gap={\"x16\"} alignItems=\"center\">\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\n              <NationalIcon height={58} />\n\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n\n                  <RegionIcon width={58} height={58} />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname)}>\n              <Balancer>\n                <LinkComponent\n                  href=\"/\"\n                  className={\n                    \"fs-2 fw-bold text-slate-20 text-decoration-none hover-underline\"\n                  }\n                >\n                  {title}\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            {labels.login}\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 className=\"base-row align-items-center justify-content-between\">\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 min-h-x56\",\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-blue-30\"\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","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","HeaderSlim","jsx","Row","Fragment","Divider","clsx","Balancer","Button","Container","item","index"],"mappings":"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"}

package/dist/index.es167.js

@@ -0,0 +1,136 @@
+import * as n from "react";
+import { useComposedRefs as N } from "./index.es238.js";
+import { createContextScope as M } from "./index.es239.js";
+import { composeEventHandlers as S } from "./index.es237.js";
+import { useControllableState as O } from "./index.es240.js";
+import { usePrevious as A } from "./index.es259.js";
+import { useSize as B } from "./index.es260.js";
+import { Presence as H } from "./index.es254.js";
+import { Primitive as j } from "./index.es241.js";
+import { j as f } from "./index.es138.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);
+      }
+    }, [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,
+      {
+        "data-state": _(r.state),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...p,
+        ref: l,
+        style: { pointerEvents: "none", ...e.style }
+      }
+    ) });
+  }
+);
+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",
+    {
+      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
+      }
+    }
+  );
+};
+function c(e) {
+  return e === "indeterminate";
+}
+function _(e) {
+  return c(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var Z = I, $ = w;
+export {
+  I as Checkbox,
+  w as CheckboxIndicator,
+  $ as Indicator,
+  Z as Root,
+  Y as createCheckboxScope
+};
+//# sourceMappingURL=index.es167.js.map