@anoki/fse-ui 2.1.0-SNAPSHOT1.5 → 2.1.0-SNAPSHOT1.7

package/dist/index.es272.js

@@ -0,0 +1,82 @@
+import { j as e } from "./index.es249.js";
+import { clsx as f } from "./index.es250.js";
+import { createColorClasses as d } from "./index.es253.js";
+const u = ({
+  width: s = 56,
+  height: l = 10,
+  className: i,
+  color: o,
+  decorative: r = !1,
+  ariaLabel: t = "List arrow"
+}) => {
+  const a = d({ color: o });
+  return /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: s,
+      height: l,
+      fill: "currentColor",
+      viewBox: "0 0 56 10",
+      className: f(i, a),
+      "aria-hidden": r,
+      "aria-label": r ? void 0 : t,
+      children: [
+        /* @__PURE__ */ e.jsx("g", { filter: "url(#filter0_d_348_84872)", children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            fill: "#fff",
+            fillRule: "evenodd",
+            d: "M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z",
+            clipRule: "evenodd"
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
+          "filter",
+          {
+            id: "filter0_d_348_84872",
+            width: "56",
+            height: "40.793",
+            x: "0",
+            y: "-6.793",
+            colorInterpolationFilters: "sRGB",
+            filterUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ e.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+              /* @__PURE__ */ e.jsx(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  result: "hardAlpha",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                }
+              ),
+              /* @__PURE__ */ e.jsx("feOffset", { dy: "8" }),
+              /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "8" }),
+              /* @__PURE__ */ e.jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }),
+              /* @__PURE__ */ e.jsx(
+                "feBlend",
+                {
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_348_84872"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "feBlend",
+                {
+                  in: "SourceGraphic",
+                  in2: "effect1_dropShadow_348_84872",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  u as ArrowList
+};
+//# sourceMappingURL=index.es272.js.map

package/dist/index.es272.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es272.js","sources":["../src/icons/ArrowList/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const ArrowList = ({\r\n  width = 56,\r\n  height = 10,\r\n  className,\r\n  color,\r\n  decorative = false,\r\n  ariaLabel = \"List arrow\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 56 10\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <g filter=\"url(#filter0_d_348_84872)\">\r\n        <path\r\n          fill=\"#fff\"\r\n          fillRule=\"evenodd\"\r\n          d=\"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z\"\r\n          clipRule=\"evenodd\"\r\n        ></path>\r\n      </g>\r\n      <defs>\r\n        <filter\r\n          id=\"filter0_d_348_84872\"\r\n          width=\"56\"\r\n          height=\"40.793\"\r\n          x=\"0\"\r\n          y=\"-6.793\"\r\n          colorInterpolationFilters=\"sRGB\"\r\n          filterUnits=\"userSpaceOnUse\"\r\n        >\r\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\r\n          <feColorMatrix\r\n            in=\"SourceAlpha\"\r\n            result=\"hardAlpha\"\r\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n          ></feColorMatrix>\r\n          <feOffset dy=\"8\"></feOffset>\r\n          <feGaussianBlur stdDeviation=\"8\"></feGaussianBlur>\r\n          <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix>\r\n          <feBlend\r\n            in2=\"BackgroundImageFix\"\r\n            result=\"effect1_dropShadow_348_84872\"\r\n          ></feBlend>\r\n          <feBlend\r\n            in=\"SourceGraphic\"\r\n            in2=\"effect1_dropShadow_348_84872\"\r\n            result=\"shape\"\r\n          ></feBlend>\r\n        </filter>\r\n      </defs>\r\n    </svg>\r\n  );\r\n};\r\n\r\n\r\n"],"names":["ArrowList","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAACK,gBAAAA,EAAAA,IAAA,KAAA,EAAE,QAAO,6BACR,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,8BACC,QACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,QAAO;AAAA,YACP,GAAE;AAAA,YACF,GAAE;AAAA,YACF,2BAA0B;AAAA,YAC1B,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAAE,gBAAAA,EAAA,IAAC,WAAQ,EAAA,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAAA,IAAC,YAAS,EAAA,IAAG,IAAI,CAAA;AAAA,cACjBA,gBAAAA,EAAAA,IAAC,kBAAe,EAAA,cAAa,IAAI,CAAA;AAAA,cACjCA,gBAAAA,EAAAA,IAAC,iBAAc,EAAA,QAAO,6CAA6C,CAAA;AAAA,cACnEA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es274.js

@@ -0,0 +1,146 @@
+import { j as e } from "./index.es249.js";
+import { Button as m } from "./index.es28.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.es250.js";
+import { useFocusTrap as N } from "./index.es474.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.es162.js";
+import { Row as z } from "./index.es9.js";
+import { Close as M } from "./index.es163.js";
+const G = ({
+  shortTitle: h,
+  menuTitle: p = "Menù",
+  region: f,
+  asLink: t = "a",
+  navigatonItems: x,
+  labels: l,
+  loginLink: v = "/"
+}) => {
+  const b = t, [i, d] = g(!1), o = "main-navigation", c = w(null);
+  N(c, i);
+  const s = C(() => {
+    d(!i);
+  }, [i]);
+  u(() => (i ? document.body.classList.add("ui-body-overflow-hidden") : document.body.classList.remove("ui-body-overflow-hidden"), () => {
+    document.body.classList.remove("ui-body-overflow-hidden");
+  }), [i]), u(() => {
+    const n = (a) => {
+      a.key === "Escape" && i && s();
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [i, s]);
+  const j = () => {
+    d(!1);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header shadow", children: [
+    /* @__PURE__ */ e.jsx(
+      y,
+      {
+        asLink: t,
+        shortTitle: h,
+        region: f
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      k,
+      {
+        className: "bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",
+        as: "header",
+        py: "x8",
+        children: [
+          /* @__PURE__ */ e.jsxs(z, { gap: "x24", alignItems: "center", justifyContent: "end", children: [
+            /* @__PURE__ */ e.jsxs(
+              m,
+              {
+                size: "3",
+                bg: "white",
+                textColor: "primary",
+                href: v,
+                asLink: "a",
+                className: "ui-login-button-header-mobile",
+                children: [
+                  l.login,
+                  /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                "aria-expanded": i,
+                "aria-label": "Apri menu di navigazione",
+                onClick: s,
+                className: "ui-mobile-menu-toggle",
+                "aria-controls": o,
+                children: /* @__PURE__ */ e.jsx(E, { width: 40, height: 40, color: "white" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs(
+            "nav",
+            {
+              id: o,
+              "aria-label": "Menu di navigazione",
+              className: r(i ? "ui-mobile-nav-panel" : "visually-hidden"),
+              ref: c,
+              children: [
+                /* @__PURE__ */ e.jsxs(L, { className: "ui-mobile-nav-header", children: [
+                  /* @__PURE__ */ e.jsxs(
+                    m,
+                    {
+                      size: "4",
+                      textColor: "primary",
+                      bg: "transparent",
+                      onClick: s,
+                      "aria-label": "Chiudi menu di navigazione",
+                      "aria-controls": o,
+                      children: [
+                        l.closeMenu,
+                        /* @__PURE__ */ e.jsx(M, {})
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("h2", { className: "fs-3 text-slate-20", children: p })
+                ] }),
+                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: x.map((n, a) => /* @__PURE__ */ e.jsx(
+                  "li",
+                  {
+                    className: r(
+                      "ui-mobile-nav-item",
+                      n.active && "active"
+                    ),
+                    children: /* @__PURE__ */ e.jsxs(
+                      b,
+                      {
+                        href: n.href,
+                        className: r(
+                          "text-decoration-none text-primary fs-5",
+                          n.active ? "fw-bold" : "fw-normal"
+                        ),
+                        onClick: j,
+                        target: n.isNewTab ? "_blank" : void 0,
+                        rel: n.isNewTab ? "noopener noreferrer" : void 0,
+                        children: [
+                          n.label,
+                          n.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                        ]
+                      }
+                    )
+                  },
+                  a
+                )) })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  G as HeaderMobile
+};
+//# sourceMappingURL=index.es274.js.map

package/dist/index.es274.js.map

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

package/dist/index.es275.js

@@ -1,60 +1,155 @@
-import { j as i } from "./index.es249.js";
-const x = ({
-  width: s = 35,
-  height: t = 34,
-  className: e,
-  decorative: l = !1,
-  ariaLabel: h = "Pausa",
-  ...a
-}) => /* @__PURE__ */ i.jsxs(
-  "svg",
-  {
-    width: s,
-    height: t,
-    viewBox: "0 0 35 34",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: e,
-    "aria-hidden": l,
-    "aria-label": l ? void 0 : h,
-    ...a,
-    children: [
-      /* @__PURE__ */ i.jsxs("g", { clipPath: "url(#clip0)", children: [
-        /* @__PURE__ */ i.jsx(
-          "path",
-          {
-            d: "M29.6874 4.97921C26.4766 1.76827 22.2075 0 17.6666 0C13.1258 0 8.85664 1.76827 5.64583 4.97921C2.43496 8.19008 0.666626 12.4591 0.666626 17C0.666626 21.5409 2.43489 25.81 5.64583 29.0208C8.85671 32.2317 13.1258 34 17.6666 34C22.2075 34 26.4766 32.2317 29.6874 29.0208C32.8983 25.8099 34.6666 21.5409 34.6666 17C34.6666 12.4591 32.8984 8.19002 29.6874 4.97921ZM17.6666 31.9184C9.44062 31.9184 2.74826 25.226 2.74826 17C2.74826 8.77399 9.44062 2.08164 17.6666 2.08164C25.8926 2.08164 32.585 8.77399 32.585 17C32.585 25.226 25.8926 31.9184 17.6666 31.9184Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ i.jsx(
-          "path",
-          {
-            d: "M10.381 9.02039V24.9796H16.6259V9.02039H10.381ZM14.5443 22.8979H12.4626V11.102H14.5443V22.8979Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ i.jsx(
-          "path",
-          {
-            d: "M19.0833 9.02039V24.9796H25.3282V9.02039H19.0833ZM23.2465 22.8979H21.1649V11.102H23.2465V22.8979Z",
-            fill: "white"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx("clipPath", { id: "clip0", children: /* @__PURE__ */ i.jsx(
-        "rect",
+import { j as e } from "./index.es249.js";
+import { Divider as g } from "./index.es138.js";
+import { LOGOS as d } from "./index.es27.js";
+import { HeaderSlim as N } from "./index.es17.js";
+import { clsx as n } from "./index.es250.js";
+import { Balancer as y } from "./index.es333.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 t } from "./index.es9.js";
+const V = ({
+  title: r,
+  region: l,
+  asLink: x = "a",
+  labels: h,
+  navigatonItems: m,
+  supportLink: a,
+  loginLink: j = "/",
+  shortTitle: c,
+  headerTitleClassname: p,
+  children: f,
+  headerLogoUrl2: o
+}) => {
+  const i = x, v = d.nazionale, u = d[l];
+  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 || r,
+                /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+              ]
+            }
+          ),
+          f
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("header", { className: "bg-white", children: [
+      /* @__PURE__ */ e.jsxs(
+        t,
         {
-          width: "34",
-          height: "34",
-          fill: "white",
-          transform: "translate(0.666626)"
+          py: "x20",
+          gap: "x16",
+          alignItems: "center",
+          justifyContent: "space-between",
+          className: "max-h-x116 ui-container",
+          children: [
+            /* @__PURE__ */ e.jsxs(t, { gap: "x16", alignItems: "center", children: [
+              /* @__PURE__ */ e.jsxs(t, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
+                /* @__PURE__ */ e.jsx(v, { height: 44, width: 27 }),
+                l !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  /* @__PURE__ */ e.jsx(g, { bg: "border-divider", direction: "vertical" }),
+                  /* @__PURE__ */ e.jsx(u, { 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: r }),
+                    /* @__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(t, { as: "ul", className: "list-style-none", role: "list", children: m.map((s, b) => /* @__PURE__ */ e.jsx(
+              "li",
+              {
+                className: n(
+                  "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
+                  s.active && "active"
+                ),
+                children: /* @__PURE__ */ e.jsxs(
+                  i,
+                  {
+                    href: s.href,
+                    className: n(
+                      "text-decoration-none fs-custom",
+                      s.active ? "fw-bold text-primary" : "fw-semibold text-primary"
+                    ),
+                    target: s.isNewTab ? "_blank" : void 0,
+                    rel: s.isNewTab ? "noopener noreferrer" : void 0,
+                    children: [
+                      s.label,
+                      s.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                    ]
+                  }
+                )
+              },
+              b
+            )) }),
+            a && /* @__PURE__ */ e.jsxs(
+              i,
+              {
+                href: a.href,
+                className: n(
+                  "text-decoration-none fs-custom py-x12 px-x24",
+                  a.active ? "fw-bold text-blue-30" : "fw-semibold text-primary",
+                  "ui-header-desktop-support-link",
+                  a.active && "active"
+                ),
+                children: [
+                  a.label,
+                  a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                ]
+              }
+            )
+          ]
+        }
+      ) })
+    ] })
+  ] });
+};
 export {
-  x as Pause
+  V as HeaderDesktop
 };
 //# sourceMappingURL=index.es275.js.map

package/dist/index.es275.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es275.js","sources":["../src/icons/Pause/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons\";\n\nexport const Pause = ({\n  width = 35,\n  height = 34,\n  className,\n  decorative = false,\n  ariaLabel = \"Pausa\",\n  ...props\n}: IconProps) => (\n  <svg\n    width={width}\n    height={height}\n    viewBox=\"0 0 35 34\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n    aria-hidden={decorative}\n    aria-label={!decorative ? ariaLabel : undefined}\n    {...props}\n  >\n    <g clipPath=\"url(#clip0)\">\n      <path\n        d=\"M29.6874 4.97921C26.4766 1.76827 22.2075 0 17.6666 0C13.1258 0 8.85664 1.76827 5.64583 4.97921C2.43496 8.19008 0.666626 12.4591 0.666626 17C0.666626 21.5409 2.43489 25.81 5.64583 29.0208C8.85671 32.2317 13.1258 34 17.6666 34C22.2075 34 26.4766 32.2317 29.6874 29.0208C32.8983 25.8099 34.6666 21.5409 34.6666 17C34.6666 12.4591 32.8984 8.19002 29.6874 4.97921ZM17.6666 31.9184C9.44062 31.9184 2.74826 25.226 2.74826 17C2.74826 8.77399 9.44062 2.08164 17.6666 2.08164C25.8926 2.08164 32.585 8.77399 32.585 17C32.585 25.226 25.8926 31.9184 17.6666 31.9184Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M10.381 9.02039V24.9796H16.6259V9.02039H10.381ZM14.5443 22.8979H12.4626V11.102H14.5443V22.8979Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M19.0833 9.02039V24.9796H25.3282V9.02039H19.0833ZM23.2465 22.8979H21.1649V11.102H23.2465V22.8979Z\"\n        fill=\"white\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0\">\n        <rect\n          width=\"34\"\n          height=\"34\"\n          fill=\"white\"\n          transform=\"translate(0.666626)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\n"],"names":["Pause","width","height","className","decorative","ariaLabel","props","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAN;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAAC;AAAA,IACA,eAAaC;AAAA,IACb,cAAaA,IAAyB,SAAZC;AAAA,IACzB,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAACC,gBAAAA,EAAAA,KAAA,KAAA,EAAE,UAAS,eACV,UAAA;AAAA,QAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MACCA,gBAAAA,MAAA,QAAA,EACC,UAACA,gBAAAA,EAAA,IAAA,YAAA,EAAS,IAAG,SACX,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,SAEd,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es275.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                      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                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":";;;;;;;;;;AAoCO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AACF,MAA0B;AACxB,QAAMC,IAAgBT,GAChBU,IAAeC,EAAM,WACrBC,IAAaD,EAAMZ,CAAM;AAG7B,SAAAc,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,0BACb,UAAA;AAAA,IAAAA,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,SAAQ;AAAA,QACR,gBAAe;AAAA,QACf,YAAW;AAAA,QAEX,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cAET,UAAA;AAAA,gBACCD,KAAAO,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO,EAAE,iBAAiB,OAAOP,CAAc,IAAI;AAAA,oBACnD,WAAW;AAAA,kBAAA;AAAA,gBACZ;AAAA,gBAGFH,KAA0BP;AAAA,gBAC1BiB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,UAAiB,oBAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACrD;AAAA,UAECR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,IACAM,gBAAAA,EAAAA,KAAC,UAAO,EAAA,WAAU,YAChB,UAAA;AAAA,MAAAA,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,KAAK;AAAA,UACL,YAAW;AAAA,UACX,gBAAgB;AAAA,UAChB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAH,gBAAAA,EAAA,KAACG,GAAI,EAAA,KAAK,OAAO,YAAW,UAC1B,UAAA;AAAA,cAAAH,gBAAAA,OAACG,KAAI,KAAK,OAAO,YAAW,UAAS,gBAAgB,UACnD,UAAA;AAAA,gBAAAD,gBAAAA,EAAA,IAACL,GAAa,EAAA,QAAQ,IAAI,OAAO,IAAI;AAAA,gBAEpCX,MAAW,eAERc,gBAAAA,EAAAA,KAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,kBAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,YAAW;AAAA,kBAEjDH,gBAAAA,EAAA,IAAAH,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,gBAAA,EACrC,CAAA;AAAA,cAAA,GAEJ;AAAA,oCACC,MAAG,EAAA,WAAWO,EAAKb,CAAoB,GACtC,gCAACc,GACC,EAAA,UAAAP,gBAAAA,EAAA;AAAA,gBAACJ;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAW;AAAA,kBAEX,UAAA;AAAA,oBAACM,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,wBAAyB,UAAMjB,GAAA;AAAA,oBAC/CiB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,UAAiB,oBAAA,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,iBAEvD,EACF,CAAA;AAAA,YAAA,GACF;AAAA,mCACCM,GAAO,EAAA,MAAK,KAAI,MAAMjB,GAAW,QAAO,KACvC,UAAA;AAAA,cAAAS,gBAAAA,EAAA,KAAC,QAAK,EAAA,OAAO,EAAE,UAAU,GAAM,GAAA,UAAA;AAAA,gBAAA;AAAA,gBAAEZ,EAAO;AAAA,gBAAM;AAAA,cAAA,GAAC;AAAA,cAC9Cc,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,UAAoB,uBAAA,CAAA;AAAA,YAAA,EACxD,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MACCA,gBAAAA,EAAA,IAAA,OAAA,EAAI,cAAW,uBAAsB,WAAU,iBAC9C,UAAAF,gBAAAA,EAAA;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,WAAU;AAAA,UAEV,UAAA;AAAA,YAACP,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,IAAI,MAAM,WAAU,mBAAkB,MAAK,QAC7C,UAAed,EAAA,IAAI,CAACqB,GAAMC,MAEvBT,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWI;AAAA,kBACT;AAAA,kBACAI,EAAK,UAAU;AAAA,gBACjB;AAAA,gBAEA,UAAAV,gBAAAA,EAAA;AAAA,kBAACJ;AAAA,kBAAA;AAAA,oBACC,MAAMc,EAAK;AAAA,oBACX,WAAWJ;AAAA,sBACT;AAAA,sBACAI,EAAK,SACD,yBACA;AAAA,oBACN;AAAA,oBACA,QAAQA,EAAK,WAAW,WAAW;AAAA,oBACnC,KAAKA,EAAK,WAAW,wBAAwB;AAAA,oBAE5C,UAAA;AAAA,sBAAKA,EAAA;AAAA,sBACLA,EAAK,UACJR,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAE5C;AAAA,cArBKS;AAAA,YAsBP,CAEH,GACH;AAAA,YACCrB,KACCU,gBAAAA,EAAA;AAAA,cAACJ;AAAA,cAAA;AAAA,gBACC,MAAMN,EAAY;AAAA,gBAClB,WAAWgB;AAAA,kBACT;AAAA,kBACAhB,EAAY,SACR,yBACA;AAAA,kBACJ;AAAA,kBACAA,EAAY,UAAU;AAAA,gBACxB;AAAA,gBAEC,UAAA;AAAA,kBAAYA,EAAA;AAAA,kBACZA,EAAY,UACXY,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAE5C;AAAA,QAAA;AAAA,MAAA,EAGN,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es28.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es249.js";
-import { createColorClasses as g } from "./index.es251.js";
+import { createColorClasses as g } from "./index.es253.js";
 import { clsx as E } from "./index.es250.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as p } from "./index.es198.js";

package/dist/index.es28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es28.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport \"./Button.scss\";\nimport { Download, Info, Spinner } from \"@/icons\";\nimport * as React from \"react\";\nimport { CommonIconsType } from \"@/types/icons.ts\";\nimport { Col } from \"@/components\";\n\ntype ButtonSize = \"2\" | \"3\" | \"4\" | \"5\";\ntype ButtonVariant = \"primary\" | \"secondary\" | \"closeModal\";\n\ntype BaseButtonProps = {\n  children: React.ReactNode;\n  icon?: CommonIconsType;\n  variant?: ButtonVariant;\n  variantBg?: string;\n  bg?: ColorKeys;\n  textColor?: ColorKeys;\n  border?: ColorKeys;\n  size?: ButtonSize;\n  className?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  form?: string;\n  rel?: string;\n  target?: string;\n  isExternal?: boolean;\n  fwClassName?: \"fw-bold\" | \"fw-semibold\" | \"fw-normal\";\n};\n\ntype ButtonAsButtonProps = BaseButtonProps & {\n  onClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n  type?: \"button\" | \"submit\" | \"reset\";\n  asLink?: never;\n  href?: never;\n};\n\ntype ButtonAsLinkProps = BaseButtonProps & {\n  href: string;\n  onClick?: never;\n  type?: never;\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\n\nexport const Button = ({\n  children,\n  variant,\n  variantBg = \"bg-white\",\n  bg = \"primary\",\n  textColor = \"white\",\n  border = \"white\",\n  size = \"3\",\n  className,\n  disabled,\n  loading,\n  onClick,\n  type = \"button\",\n  form,\n  asLink,\n  href,\n  isExternal = false,\n  target = undefined,\n  rel = undefined,\n  icon = undefined,\n  fwClassName = \"fw-bold\",\n  ...props\n}: ButtonProps) => {\n  // Only apply color classes if no variant is specified\n  const colorClasses = !variant\n    ? createColorClasses({\n        bg,\n        text: textColor,\n        border,\n      })\n    : \"\";\n\n  const BTN_SIZES = {\n    \"2\": \"fs-6 py-x12 px-x24\",\n    \"3\": \"fs-7 py-x12 px-x24\",\n    \"4\": \"fs-6 py-x4 px-x8\",\n    \"5\": \"fs-7 md-fs-6 md-px-x16 py-x12\",\n  };\n\n  const baseClasses = clsx(\n    \"ui-button\",\n    BTN_SIZES[size],\n    // Apply variant class if provided\n    variant && `ui-button-${variant} ${variantBg}`,\n    // Otherwise use traditional classes\n    !variant && colorClasses,\n    {\n      \"ui-button-disabled\": disabled || loading,\n    },\n    {\n      \"ui-button-loading\": loading,\n    },\n    className,\n    fwClassName,\n  );\n\n  if (asLink) {\n    const LinkComponent = asLink;\n    return (\n      <LinkComponent\n        target={isExternal ? \"_blank\" : target}\n        rel={isExternal ? \"noopener noreferrer\" : rel}\n        href={href}\n        className={baseClasses}\n        {...props}\n      >\n        {children}\n      </LinkComponent>\n    );\n  }\n\n  const ButtonIcon = () => {\n    switch (icon) {\n      case \"info\":\n        return <Info height={16} />;\n      case \"download\":\n        return <Download height={16} />;\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <button\n      type={type}\n      form={form}\n      className={baseClasses}\n      onClick={onClick}\n      disabled={disabled || loading}\n      {...props}\n    >\n      {icon && (\n        <Col mr={\"x8\"}>\n          {!loading && <ButtonIcon />}\n          {loading ? <Spinner height={16} /> : null}\n        </Col>\n      )}\n\n      {children}\n\n      {loading && !icon ? <Spinner height={16} /> : null}\n    </button>\n  );\n};\n"],"names":["Button","children","variant","variantBg","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","isExternal","target","rel","icon","fwClassName","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","ButtonIcon","Info","Download","jsxs","Col","Spinner"],"mappings":";;;;;;;;AA+CO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAAmB;AAEX,QAAAC,IAAgBpB,IAMlB,KALAqB,EAAmB;AAAA,IACjB,IAAAnB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EACD,CAAA,GAUCkB,IAAcC;AAAA,IAClB;AAAA,IARgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIYlB,CAAI;AAAA;AAAA,IAEdL,KAAW,aAAaA,CAAO,IAAIC,CAAS;AAAA;AAAA,IAE5C,CAACD,KAAWoB;AAAA,IACZ;AAAA,MACE,sBAAsBb,KAAYC;AAAA,IACpC;AAAA,IACA;AAAA,MACE,qBAAqBA;AAAA,IACvB;AAAA,IACAF;AAAA,IACAY;AAAA,EACF;AAEA,MAAIN,GAAQ;AACV,UAAMY,IAAgBZ;AAEpB,WAAAa,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAQV,IAAa,WAAWC;AAAA,QAChC,KAAKD,IAAa,wBAAwBE;AAAA,QAC1C,MAAAH;AAAA,QACA,WAAWS;AAAA,QACV,GAAGH;AAAA,QAEH,UAAApB;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIJ,QAAM2B,IAAa,MAAM;AACvB,YAAQT,GAAM;AAAA,MACZ,KAAK;AACI,eAAAQ,gBAAAA,EAAA,IAACE,GAAK,EAAA,QAAQ,GAAI,CAAA;AAAA,MAC3B,KAAK;AACI,eAAAF,gBAAAA,EAAA,IAACG,GAAS,EAAA,QAAQ,GAAI,CAAA;AAAA,MAC/B;AACS,eAAA;AAAA,IAAA;AAAA,EAEb;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAnB;AAAA,MACA,MAAAC;AAAA,MACA,WAAWW;AAAA,MACX,SAAAb;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGW;AAAA,MAEH,UAAA;AAAA,QACCF,KAAAY,gBAAAA,EAAA,KAACC,GAAI,EAAA,IAAI,MACN,UAAA;AAAA,UAAC,CAAAtB,2BAAYkB,GAAW,EAAA;AAAA,UACxBlB,IAAUiB,gBAAAA,EAAA,IAACM,GAAQ,EAAA,QAAQ,GAAI,CAAA,IAAK;AAAA,QAAA,GACvC;AAAA,QAGDhC;AAAA,QAEAS,KAAW,CAACS,0BAAQc,GAAQ,EAAA,QAAQ,IAAI,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD;AAEJ;"}
+{"version":3,"file":"index.es28.js","sources":["../src/components/ui/Button/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport \"./Button.scss\";\r\nimport { Download, Info, Spinner } from \"@/icons\";\r\nimport * as React from \"react\";\r\nimport { CommonIconsType } from \"@/types/icons.ts\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype ButtonSize = \"2\" | \"3\" | \"4\" | \"5\";\r\ntype ButtonVariant = \"primary\" | \"secondary\" | \"closeModal\";\r\n\r\ntype BaseButtonProps = {\r\n  children: React.ReactNode;\r\n  icon?: CommonIconsType;\r\n  variant?: ButtonVariant;\r\n  variantBg?: string;\r\n  bg?: ColorKeys;\r\n  textColor?: ColorKeys;\r\n  border?: ColorKeys;\r\n  size?: ButtonSize;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  loading?: boolean;\r\n  form?: string;\r\n  rel?: string;\r\n  target?: string;\r\n  isExternal?: boolean;\r\n  fwClassName?: \"fw-bold\" | \"fw-semibold\" | \"fw-normal\";\r\n};\r\n\r\ntype ButtonAsButtonProps = BaseButtonProps & {\r\n  onClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  asLink?: never;\r\n  href?: never;\r\n};\r\n\r\ntype ButtonAsLinkProps = BaseButtonProps & {\r\n  href: string;\r\n  onClick?: never;\r\n  type?: never;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\ntype ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;\r\n\r\nexport const Button = ({\r\n  children,\r\n  variant,\r\n  variantBg = \"bg-white\",\r\n  bg = \"primary\",\r\n  textColor = \"white\",\r\n  border = \"white\",\r\n  size = \"3\",\r\n  className,\r\n  disabled,\r\n  loading,\r\n  onClick,\r\n  type = \"button\",\r\n  form,\r\n  asLink,\r\n  href,\r\n  isExternal = false,\r\n  target = undefined,\r\n  rel = undefined,\r\n  icon = undefined,\r\n  fwClassName = \"fw-bold\",\r\n  ...props\r\n}: ButtonProps) => {\r\n  // Only apply color classes if no variant is specified\r\n  const colorClasses = !variant\r\n    ? createColorClasses({\r\n        bg,\r\n        text: textColor,\r\n        border,\r\n      })\r\n    : \"\";\r\n\r\n  const BTN_SIZES = {\r\n    \"2\": \"fs-6 py-x12 px-x24\",\r\n    \"3\": \"fs-7 py-x12 px-x24\",\r\n    \"4\": \"fs-6 py-x4 px-x8\",\r\n    \"5\": \"fs-7 md-fs-6 md-px-x16 py-x12\",\r\n  };\r\n\r\n  const baseClasses = clsx(\r\n    \"ui-button\",\r\n    BTN_SIZES[size],\r\n    // Apply variant class if provided\r\n    variant && `ui-button-${variant} ${variantBg}`,\r\n    // Otherwise use traditional classes\r\n    !variant && colorClasses,\r\n    {\r\n      \"ui-button-disabled\": disabled || loading,\r\n    },\r\n    {\r\n      \"ui-button-loading\": loading,\r\n    },\r\n    className,\r\n    fwClassName,\r\n  );\r\n\r\n  if (asLink) {\r\n    const LinkComponent = asLink;\r\n    return (\r\n      <LinkComponent\r\n        target={isExternal ? \"_blank\" : target}\r\n        rel={isExternal ? \"noopener noreferrer\" : rel}\r\n        href={href}\r\n        className={baseClasses}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </LinkComponent>\r\n    );\r\n  }\r\n\r\n  const ButtonIcon = () => {\r\n    switch (icon) {\r\n      case \"info\":\r\n        return <Info height={16} />;\r\n      case \"download\":\r\n        return <Download height={16} />;\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <button\r\n      type={type}\r\n      form={form}\r\n      className={baseClasses}\r\n      onClick={onClick}\r\n      disabled={disabled || loading}\r\n      {...props}\r\n    >\r\n      {icon && (\r\n        <Col mr={\"x8\"}>\r\n          {!loading && <ButtonIcon />}\r\n          {loading ? <Spinner height={16} /> : null}\r\n        </Col>\r\n      )}\r\n\r\n      {children}\r\n\r\n      {loading && !icon ? <Spinner height={16} /> : null}\r\n    </button>\r\n  );\r\n};\r\n"],"names":["Button","children","variant","variantBg","bg","textColor","border","size","className","disabled","loading","onClick","type","form","asLink","href","isExternal","target","rel","icon","fwClassName","props","colorClasses","createColorClasses","baseClasses","clsx","LinkComponent","jsx","ButtonIcon","Info","Download","jsxs","Col","Spinner"],"mappings":";;;;;;;;AA+CO,MAAMA,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAAmB;AAEX,QAAAC,IAAgBpB,IAMlB,KALAqB,EAAmB;AAAA,IACjB,IAAAnB;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,EACD,CAAA,GAUCkB,IAAcC;AAAA,IAClB;AAAA,IARgB;AAAA,MAChB,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,MACL,GAAK;AAAA,IACP,EAIYlB,CAAI;AAAA;AAAA,IAEdL,KAAW,aAAaA,CAAO,IAAIC,CAAS;AAAA;AAAA,IAE5C,CAACD,KAAWoB;AAAA,IACZ;AAAA,MACE,sBAAsBb,KAAYC;AAAA,IACpC;AAAA,IACA;AAAA,MACE,qBAAqBA;AAAA,IACvB;AAAA,IACAF;AAAA,IACAY;AAAA,EACF;AAEA,MAAIN,GAAQ;AACV,UAAMY,IAAgBZ;AAEpB,WAAAa,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,QAAQV,IAAa,WAAWC;AAAA,QAChC,KAAKD,IAAa,wBAAwBE;AAAA,QAC1C,MAAAH;AAAA,QACA,WAAWS;AAAA,QACV,GAAGH;AAAA,QAEH,UAAApB;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAIJ,QAAM2B,IAAa,MAAM;AACvB,YAAQT,GAAM;AAAA,MACZ,KAAK;AACI,eAAAQ,gBAAAA,EAAA,IAACE,GAAK,EAAA,QAAQ,GAAI,CAAA;AAAA,MAC3B,KAAK;AACI,eAAAF,gBAAAA,EAAA,IAACG,GAAS,EAAA,QAAQ,GAAI,CAAA;AAAA,MAC/B;AACS,eAAA;AAAA,IAAA;AAAA,EAEb;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAnB;AAAA,MACA,MAAAC;AAAA,MACA,WAAWW;AAAA,MACX,SAAAb;AAAA,MACA,UAAUF,KAAYC;AAAA,MACrB,GAAGW;AAAA,MAEH,UAAA;AAAA,QACCF,KAAAY,gBAAAA,EAAA,KAACC,GAAI,EAAA,IAAI,MACN,UAAA;AAAA,UAAC,CAAAtB,2BAAYkB,GAAW,EAAA;AAAA,UACxBlB,IAAUiB,gBAAAA,EAAA,IAACM,GAAQ,EAAA,QAAQ,GAAI,CAAA,IAAK;AAAA,QAAA,GACvC;AAAA,QAGDhC;AAAA,QAEAS,KAAW,CAACS,0BAAQc,GAAQ,EAAA,QAAQ,IAAI,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD;AAEJ;"}