@anoki/fse-ui 2.3.0-5-SNAPSHOT1 → 2.3.0-5-SNAPSHOT2

package/dist/index.es243.js

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

package/dist/index.es243.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es243.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es243.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <span\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AACtB,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAA,EAAc,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.es244.js

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

package/dist/index.es244.js.map

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

package/dist/{index.es282.js → index.es248.js}

@@ -2,8 +2,8 @@ import { j as e } from "./index.es241.js";
 import { Button as m } from "./index.es32.js";
 import { HeaderTopBanner as y } from "./index.es12.js";
 import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
-import { clsx as r } from "./index.es243.js";
-import { useFocusTrap as N } from "./index.es501.js";
+import { clsx as r } from "./index.es244.js";
+import { useFocusTrap as N } from "./index.es575.js";
 import { Container as k } from "./index.es65.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es61.js";
@@ -143,4 +143,4 @@ const G = ({
 export {
   G as HeaderMobile
 };
-//# sourceMappingURL=index.es282.js.map
+//# sourceMappingURL=index.es248.js.map

package/dist/index.es248.js.map

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

@@ -0,0 +1,155 @@
+import { j as e } from "./index.es241.js";
+import { Divider as g } from "./index.es72.js";
+import { LOGOS as d } from "./index.es9.js";
+import { HeaderSlim as N } from "./index.es11.js";
+import { clsx as n } from "./index.es244.js";
+import { Balancer as y } from "./index.es318.js";
+import { Button as w } from "./index.es32.js";
+import { Container as C } from "./index.es65.js";
+import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
+import { Row as t } from "./index.es116.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,
+        {
+          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 {
+  V as HeaderDesktop
+};
+//# sourceMappingURL=index.es249.js.map

package/dist/index.es249.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es249.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;AAE/B,SACEc,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,SAAQ;AAAA,QACR,gBAAe;AAAA,QACf,YAAW;AAAA,QAEX,UAAA;AAAA,UAAAD,gBAAAA,EAAAA;AAAAA,YAACJ;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cAET,UAAA;AAAA,gBAAAD,KACCO,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO,EAAE,iBAAiB,OAAOP,CAAc,IAAA;AAAA,oBAC/C,WAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAIdH,KAA0BP;AAAA,gBAC3BiB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,oBAAA,CAAiB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGpDR;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHM,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,YAChB,UAAA;AAAA,MAAAA,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,KAAK;AAAA,UACL,YAAW;AAAA,UACX,gBAAgB;AAAA,UAChB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAH,gBAAAA,EAAAA,KAACG,GAAA,EAAI,KAAK,OAAO,YAAW,UAC1B,UAAA;AAAA,cAAAH,gBAAAA,OAACG,KAAI,KAAK,OAAO,YAAW,UAAS,gBAAgB,UACnD,UAAA;AAAA,gBAAAD,gBAAAA,EAAAA,IAACL,GAAA,EAAa,QAAQ,IAAI,OAAO,IAAI;AAAA,gBAEpCX,MAAW,eACVc,gBAAAA,EAAAA,KAAAI,EAAAA,UAAA,EACE,UAAA;AAAA,kBAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAAQ,IAAG,kBAAiB,WAAU,YAAW;AAAA,kBAElDH,gBAAAA,EAAAA,IAACH,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,gBAAA,EAAA,CACrC;AAAA,cAAA,GAEJ;AAAA,oCACC,MAAA,EAAG,WAAWO,EAAKb,CAAoB,GACtC,gCAACc,GAAA,EACC,UAAAP,gBAAAA,EAAAA;AAAAA,gBAACJ;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAW;AAAA,kBAEX,UAAA;AAAA,oBAAAM,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,wBAAyB,UAAAjB,GAAM;AAAA,oBAChDiB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,oBAAA,CAAiB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA,GAEvD,EAAA,CACF;AAAA,YAAA,GACF;AAAA,mCACCM,GAAA,EAAO,MAAK,KAAI,MAAMjB,GAAW,QAAO,KACvC,UAAA;AAAA,cAAAS,gBAAAA,EAAAA,KAAC,QAAA,EAAK,OAAO,EAAE,UAAU,MAAM,UAAA;AAAA,gBAAA;AAAA,gBAAEZ,EAAO;AAAA,gBAAM;AAAA,cAAA,GAAC;AAAA,cAC/Cc,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,uBAAA,CAAoB;AAAA,YAAA,EAAA,CACxD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,cAAW,uBAAsB,WAAU,iBAC9C,UAAAF,gBAAAA,EAAAA;AAAAA,QAACS;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAP,gBAAAA,EAAAA,IAACC,GAAA,EAAI,IAAI,MAAM,WAAU,mBAAkB,MAAK,QAC7C,UAAAd,EAAe,IAAI,CAACqB,GAAMC,MAEvBT,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWI;AAAA,kBACT;AAAA,kBACAI,EAAK,UAAU;AAAA,gBAAA;AAAA,gBAGjB,UAAAV,gBAAAA,EAAAA;AAAAA,kBAACJ;AAAA,kBAAA;AAAA,oBACC,MAAMc,EAAK;AAAA,oBACX,WAAWJ;AAAA,sBACT;AAAA,sBACAI,EAAK,SACD,yBACA;AAAA,oBAAA;AAAA,oBAEN,QAAQA,EAAK,WAAW,WAAW;AAAA,oBACnC,KAAKA,EAAK,WAAW,wBAAwB;AAAA,oBAE5C,UAAA;AAAA,sBAAAA,EAAK;AAAA,sBACLA,EAAK,UACJR,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,SAAA,CAAM;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAE5C;AAAA,cArBKS;AAAA,YAAA,CAwBV,EAAA,CACH;AAAA,YACCrB,KACCU,gBAAAA,EAAAA;AAAAA,cAACJ;AAAA,cAAA;AAAA,gBACC,MAAMN,EAAY;AAAA,gBAClB,WAAWgB;AAAA,kBACT;AAAA,kBACAhB,EAAY,SACR,yBACA;AAAA,kBACJ;AAAA,kBACAA,EAAY,UAAU;AAAA,gBAAA;AAAA,gBAGvB,UAAA;AAAA,kBAAAA,EAAY;AAAA,kBACZA,EAAY,UACXY,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,SAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAE5C;AAAA,QAAA;AAAA,MAAA,EAEJ,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport React, { ElementType } from \"react\";\n\ntype BaseArrowLinkProps = {\n  isExternal?: boolean;\n  fs?: TypographyKeys;\n  children: React.ReactNode;\n  className?: string;\n};\n\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\n  href: string;\n  asLink?: \"a\" | ElementType;\n  onClick?: never;\n  type?: never;\n  asButton?: never;\n  arrowVisible?: boolean;\n};\n\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\n  onClick?: () => void;\n  type?: \"button\";\n  asButton?: true;\n  asLink?: never;\n  href?: never;\n  arrowVisible?: boolean;\n};\n\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\n\nexport const ArrowLink = ({\n  href,\n  asLink = \"a\",\n  isExternal = false,\n  fs = \"6\",\n  children,\n  className = \"\",\n  onClick,\n  type = \"button\",\n  asButton,\n  arrowVisible = true,\n  ...props\n}: ArrowLinkProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\n\n  if (asButton) {\n    return (\n      <button\n        className={`bg-transparent border-none ${baseClasses}`}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n          if (onClick) {\n            onClick();\n          }\n        }}\n        type={type}\n        {...props}\n      >\n        {children}\n        {arrowVisible && (\n          <ArrowRight color={\"primary\"} width={24} height={24} />\n        )}\n      </button>\n    );\n  }\n\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className={baseClasses}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      {...props}\n    >\n      {children}\n      {isExternal && (\n        <span className=\"visually-hidden\">\n          {\" \"}\n          (si apre in una nuova finestra)\n        </span>\n      )}\n      {arrowVisible && <ArrowRight color={\"primary\"} width={24} height={24} />}\n    </LinkComponent>\n  );\n};\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","arrowVisible","props","baseClasses","size","jsxs","e","ArrowRight","LinkComponent"],"mappings":";;AA+BO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,GAAGC;AACL,MAAsB;AAMpB,QAAMC,IAAc,2GALQ,CAACC,MACpB,MAAMA,CAAI,IAGuBT,CAAE,CAC+F,IAAIE,CAAS;AAExJ,MAAIG;AACF,WACEK,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,8BAA8BF,CAAW;AAAA,QACpD,SAAS,CAACG,MAAM;AACd,UAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACER,KACFA,EAAA;AAAA,QAEJ;AAAA,QACA,MAAAC;AAAA,QACC,GAAGG;AAAA,QAEH,UAAA;AAAA,UAAAN;AAAA,UACAK,2BACEM,GAAA,EAAW,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAM7D,QAAMC,IAAgBf;AAEtB,SACEY,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,MAAAX;AAAA,MACA,QAAQE,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MACzC,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAN;AAAA,QACAF,KACCW,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,mBACb,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,QAAA,GAEP;AAAA,QAEDJ,2BAAiBM,GAAA,EAAW,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5E;"}
+{"version":3,"file":"index.es25.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\nimport React, { ElementType } from \"react\";\r\n\r\ntype BaseArrowLinkProps = {\r\n  isExternal?: boolean;\r\n  fs?: TypographyKeys;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n};\r\n\r\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\r\n  href: string;\r\n  asLink?: \"a\" | ElementType;\r\n  onClick?: never;\r\n  type?: never;\r\n  asButton?: never;\r\n  arrowVisible?: boolean;\r\n};\r\n\r\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\r\n  onClick?: () => void;\r\n  type?: \"button\";\r\n  asButton?: true;\r\n  asLink?: never;\r\n  href?: never;\r\n  arrowVisible?: boolean;\r\n};\r\n\r\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\r\n\r\nexport const ArrowLink = ({\r\n  href,\r\n  asLink = \"a\",\r\n  isExternal = false,\r\n  fs = \"6\",\r\n  children,\r\n  className = \"\",\r\n  onClick,\r\n  type = \"button\",\r\n  asButton,\r\n  arrowVisible = true,\r\n  ...props\r\n}: ArrowLinkProps) => {\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\r\n\r\n  if (asButton) {\r\n    return (\r\n      <button\r\n        className={`bg-transparent border-none ${baseClasses}`}\r\n        onClick={(e) => {\r\n          e.preventDefault();\r\n          e.stopPropagation();\r\n          if (onClick) {\r\n            onClick();\r\n          }\r\n        }}\r\n        type={type}\r\n        {...props}\r\n      >\r\n        {children}\r\n        {arrowVisible && (\r\n          <ArrowRight color={\"primary\"} width={24} height={24} />\r\n        )}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <LinkComponent\r\n      className={baseClasses}\r\n      href={href}\r\n      target={isExternal ? \"_blank\" : undefined}\r\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n      {...props}\r\n    >\r\n      {children}\r\n      {isExternal && (\r\n        <span className=\"visually-hidden\">\r\n          {\" \"}\r\n          (si apre in una nuova finestra)\r\n        </span>\r\n      )}\r\n      {arrowVisible && <ArrowRight color={\"primary\"} width={24} height={24} />}\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","arrowVisible","props","baseClasses","size","jsxs","e","ArrowRight","LinkComponent"],"mappings":";;AA+BO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,GAAGC;AACL,MAAsB;AAMpB,QAAMC,IAAc,2GALQ,CAACC,MACpB,MAAMA,CAAI,IAGuBT,CAAE,CAC+F,IAAIE,CAAS;AAExJ,MAAIG;AACF,WACEK,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,8BAA8BF,CAAW;AAAA,QACpD,SAAS,CAACG,MAAM;AACd,UAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACER,KACFA,EAAA;AAAA,QAEJ;AAAA,QACA,MAAAC;AAAA,QACC,GAAGG;AAAA,QAEH,UAAA;AAAA,UAAAN;AAAA,UACAK,2BACEM,GAAA,EAAW,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAM7D,QAAMC,IAAgBf;AAEtB,SACEY,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,MAAAX;AAAA,MACA,QAAQE,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MACzC,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAN;AAAA,QACAF,KACCW,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,mBACb,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,QAAA,GAEP;AAAA,QAEDJ,2BAAiBM,GAAA,EAAW,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5E;"}

package/dist/index.es250.js

@@ -0,0 +1,31 @@
+import { useState as r, useEffect as i } from "react";
+const m = (s) => {
+  const [c, n] = r(!1);
+  return i(() => {
+    const e = window.matchMedia(s);
+    n(e.matches);
+    const t = (a) => {
+      n(a.matches);
+    };
+    return e.addEventListener("change", t), () => {
+      e.removeEventListener("change", t);
+    };
+  }, [s]), c;
+}, d = (s, c) => {
+  const [n, e] = r(c);
+  return i(() => {
+    const t = window.matchMedia(s);
+    e(t.matches);
+    const a = (o) => {
+      e(o.matches);
+    };
+    return t.addEventListener("change", a), () => {
+      t.removeEventListener("change", a);
+    };
+  }, [s]), n;
+};
+export {
+  m as useMediaQuery,
+  d as useMediaQueryV2
+};
+//# sourceMappingURL=index.es250.js.map

package/dist/index.es250.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es250.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n};\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":";AAEO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/{index.es290.js → index.es256.js}

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
-import { clsx as d } from "./index.es243.js";
-import m from "./index.es292.js";
+import { clsx as d } from "./index.es244.js";
+import m from "./index.es258.js";
 const x = ({
   index: t,
   title: l,
@@ -35,4 +35,4 @@ const x = ({
 export {
   x as StepItem
 };
-//# sourceMappingURL=index.es290.js.map
+//# sourceMappingURL=index.es256.js.map

package/dist/index.es256.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es256.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\r\nimport { ToggleLabel } from \"../types\";\r\n\r\nexport interface StepData {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemProps extends StepData {\r\n  index: number;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  detailLabels: ToggleLabel;\r\n}\r\n\r\nexport const StepItem: React.FC<StepItemProps> = ({\r\n  index,\r\n  title,\r\n  content,\r\n  isOpen,\r\n  detailLabels,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className=\"step-item\">\r\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\r\n        <div className=\"step-number\">{index + 1}</div>\r\n        <div className=\"step-title\">{title}</div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-box\">\r\n          <div className=\"\"></div>\r\n          <div className=\"line\"></div>\r\n        </div>\r\n        <div className=\"step-details-content\">\r\n          <ToggleContent\r\n            className=\"toggle-btn\"\r\n            onClick={onToggle}\r\n            isOpen={isOpen}\r\n            toggleLabels={detailLabels}\r\n          />\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACxCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAP,EAAA,CAAM;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,GAAA,CAAG;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,OAAA,CAAO;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA;AAAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEfD,KAAUK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAN,EAAA,CAAQ;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es258.js

@@ -1,60 +1,12 @@
-import { j as i } from "./index.es241.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",
-        {
-          width: "34",
-          height: "34",
-          fill: "white",
-          transform: "translate(0.666626)"
-        }
-      ) }) })
-    ]
-  }
-);
+import { j as r } from "./index.es241.js";
+import { clsx as e } from "./index.es244.js";
+import { ArrowTop as m } from "./index.es171.js";
+import { ArrowDown as n } from "./index.es168.js";
+const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PURE__ */ r.jsxs("button", { className: e("", a), onClick: t, children: [
+  o ? s.closeLabel : s.activeLabel,
+  /* @__PURE__ */ r.jsx("span", { className: "arrow", children: o ? /* @__PURE__ */ r.jsx(m, {}) : /* @__PURE__ */ r.jsx(n, {}) })
+] });
 export {
-  x as Pause
+  p as default
 };
 //# sourceMappingURL=index.es258.js.map

package/dist/index.es258.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es258.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,EAAAA;AAAAA,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,MAAAC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,UAAS,eACV,UAAA;AAAA,QAAAC,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEPA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MACAA,gBAAAA,MAAC,QAAA,EACC,UAAAA,gBAAAA,EAAAA,IAAC,YAAA,EAAS,IAAG,SACX,UAAAA,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,MAAA,GAEd,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es258.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\r\nimport { ToggleLabel } from \"../types\";\r\nimport clsx from \"clsx\";\r\n\r\ntype Props = {\r\n  className?: string;\r\n  isOpen: boolean;\r\n  onClick: () => void;\r\n  toggleLabels: ToggleLabel;\r\n};\r\n\r\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\r\n  return (\r\n    <button className={clsx(\"\", className)} onClick={onClick}>\r\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\r\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default ToggleContent;\r\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAA,EAAO,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAAAD,IAASG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,UAAAL,0BAAUM,GAAA,CAAA,CAAS,IAAKD,gBAAAA,EAAAA,IAACE,GAAA,CAAA,CAAU,EAAA,CAAG;AAAA,GACjE;"}

package/dist/index.es259.js

@@ -1,8 +1,32 @@
-function c(s) {
-  const t = s.trim().split(/\s+/), n = Math.ceil(t.length / 2), o = t.slice(0, n).join(" "), i = t.slice(n).join(" ");
-  return [o, i];
-}
+import { j as e } from "./index.es241.js";
+import { clsx as a } from "./index.es244.js";
+import { StepArrow as d } from "./index.es519.js";
+const m = ({ title: t, badge: r, content: i, isOpen: s, onToggle: c }) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", s && "isOpen"), children: [
+  /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      type: "button",
+      className: "step-header",
+      onClick: c,
+      "aria-expanded": s,
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "step-title", title: t, children: t }),
+        r && /* @__PURE__ */ e.jsx("div", { className: "step-badge", children: r }),
+        /* @__PURE__ */ e.jsx("div", { className: "step-arrow", children: /* @__PURE__ */ e.jsx(
+          d,
+          {
+            width: 24,
+            height: 25,
+            className: "arrow-icon",
+            decorative: !0
+          }
+        ) })
+      ]
+    }
+  ),
+  /* @__PURE__ */ e.jsx("div", { className: "step-details", children: /* @__PURE__ */ e.jsx("div", { className: "step-details-content", children: s && /* @__PURE__ */ e.jsx("div", { className: "step-content", children: i }) }) })
+] });
 export {
-  c as splitInTwo
+  m as StepItemGenericAccordion
 };
 //# sourceMappingURL=index.es259.js.map

package/dist/index.es259.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es259.js","sources":["../src/utils/splitInTwo.ts"],"sourcesContent":["export function splitInTwo(text: string): [string, string] {\n  const words = text.trim().split(/\\s+/);\n  const half = Math.ceil(words.length / 2);\n\n  const firstPart = words.slice(0, half).join(\" \");\n  const secondPart = words.slice(half).join(\" \");\n\n  return [firstPart, secondPart];\n}\n"],"names":["splitInTwo","text","words","half","firstPart","secondPart"],"mappings":"AAAO,SAASA,EAAWC,GAAgC;AACzD,QAAMC,IAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,GAC/BE,IAAO,KAAK,KAAKD,EAAM,SAAS,CAAC,GAEjCE,IAAYF,EAAM,MAAM,GAAGC,CAAI,EAAE,KAAK,GAAG,GACzCE,IAAaH,EAAM,MAAMC,CAAI,EAAE,KAAK,GAAG;AAE7C,SAAO,CAACC,GAAWC,CAAU;AAC/B;"}
+{"version":3,"file":"index.es259.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { StepArrow } from \"../../../../../icons/StepArrow\";\r\n\r\nexport interface StepDataGenericAccordion {\r\n  title: string;\r\n  badge?: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n}\r\n\r\nexport const StepItemGenericAccordion: React.FC<\r\n  StepItemPropsGenericAccordion\r\n> = ({ title, badge, content, isOpen, onToggle }) => {\r\n  return (\r\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\r\n      <button\r\n        type=\"button\"\r\n        className=\"step-header\"\r\n        onClick={onToggle}\r\n        aria-expanded={isOpen}\r\n      >\r\n        <div className=\"step-title\" title={title}>{title}</div>\r\n        {badge && <div className=\"step-badge\">{badge}</div>}\r\n        <div className=\"step-arrow\">\r\n          <StepArrow\r\n            width={24}\r\n            height={25}\r\n            className=\"arrow-icon\"\r\n            decorative={true}\r\n          />\r\n        </div>\r\n      </button>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-content\">\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx","StepArrow"],"mappings":";;;AAcO,MAAMA,IAET,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,+BAEjC,OAAA,EAAI,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAASF;AAAA,MACT,iBAAeD;AAAA,MAEf,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAa,OAAAP,GAAe,UAAAA,GAAM;AAAA,QAChDC,KAASM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAN,GAAM;AAAA,QAC7CM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cACb,UAAAA,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QAAA,EACd,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGFD,gBAAAA,MAAC,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAA,EAAI,WAAU,wBACZ,UAAAJ,2BAAW,OAAA,EAAI,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es26.js","sources":["../src/components/ui/AuthorBlock/index.tsx"],"sourcesContent":["import { /* Avatar, */ AvatarSize } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./AuthorBlock.scss\";\nimport { Row } from \"@/components\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype CardAuthorProps = {\n  titleTag?: HeadingLevel;\n  authorName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  avatarSize?: AvatarSize;\n  publishedLabel?: string;\n  publishedDate?: string;\n  readingTimeLabel?: string;\n  readingTimeValue?: number;\n  readingMinuteLabel?: string;\n};\n\nexport const AuthorBlock = ({\n  /*titleTag: TitleTag = \"h1\",\n   authorName,\n  avatar,\n  avatarSize = \"3\", */\n  publishedLabel = \"Pubblicato il\",\n  publishedDate = \"-\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingTimeValue = 0,\n  readingMinuteLabel = \"minuti\",\n}: CardAuthorProps) => {\n  return (\n    <article className=\"bg-white br-x4 ui-card-author\">\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\n        {/* avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-author-avatar\"\n            size={avatarSize}\n          />\n        ) */}\n\n        <div className={\"text-slate-28\"}>\n          {/* <TitleTag className=\"fs-5 md-fs-custom fw-semibold \">\n            {authorName}\n          </TitleTag> */}\n          <div className={\"base-row gap-x8 fs-6 text-slate-28\"}>\n            <div className={\"item-block\"}>\n              <p className=\"fw-regular\">{publishedLabel}</p>\n              <p className={\"fw-bold\"}>{publishedDate}</p>\n            </div>\n\n            <div className={\"item-block ui-author-divider\"}>\n              <p className=\"fw-regular \">{readingTimeLabel}</p>\n              <p className={\"fw-bold\"}>\n                {readingTimeValue} {readingMinuteLabel}\n              </p>\n            </div>\n          </div>\n        </div>\n      </Row>\n    </article>\n  );\n};\n"],"names":["AuthorBlock","publishedLabel","publishedDate","readingTimeLabel","readingTimeValue","readingMinuteLabel","jsx","Row","jsxs"],"mappings":";;;AAsBO,MAAMA,IAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AACvB,4BAEK,WAAA,EAAQ,WAAU,iCACjB,UAAAC,gBAAAA,MAACC,GAAA,EAAI,IAAI,UAAU,KAAK,OAAO,WAAU,sBAWvC,gCAAC,OAAA,EAAI,WAAW,iBAId,UAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,sCACd,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAAAF,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,cAAc,UAAAL,GAAe;AAAA,IAC1CK,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW,WAAY,UAAAJ,EAAA,CAAc;AAAA,EAAA,GAC1C;AAAA,EAEAM,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,gCACd,UAAA;AAAA,IAAAF,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,eAAe,UAAAH,GAAiB;AAAA,IAC7CK,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,WACX,UAAA;AAAA,MAAAJ;AAAA,MAAiB;AAAA,MAAEC;AAAA,IAAA,EAAA,CACtB;AAAA,EAAA,EAAA,CACF;AAAA,GACF,EAAA,CACF,GACF,GACF;"}
+{"version":3,"file":"index.es26.js","sources":["../src/components/ui/AuthorBlock/index.tsx"],"sourcesContent":["import { /* Avatar, */ AvatarSize } from \"../Avatar\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./AuthorBlock.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype CardAuthorProps = {\r\n  titleTag?: HeadingLevel;\r\n  authorName: string;\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  avatarSize?: AvatarSize;\r\n  publishedLabel?: string;\r\n  publishedDate?: string;\r\n  readingTimeLabel?: string;\r\n  readingTimeValue?: number;\r\n  readingMinuteLabel?: string;\r\n};\r\n\r\nexport const AuthorBlock = ({\r\n  /*titleTag: TitleTag = \"h1\",\r\n   authorName,\r\n  avatar,\r\n  avatarSize = \"3\", */\r\n  publishedLabel = \"Pubblicato il\",\r\n  publishedDate = \"-\",\r\n  readingTimeLabel = \"Tempo di lettura\",\r\n  readingTimeValue = 0,\r\n  readingMinuteLabel = \"minuti\",\r\n}: CardAuthorProps) => {\r\n  return (\r\n    <article className=\"bg-white br-x4 ui-card-author\">\r\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\r\n        {/* avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-author-avatar\"\r\n            size={avatarSize}\r\n          />\r\n        ) */}\r\n\r\n        <div className={\"text-slate-28\"}>\r\n          {/* <TitleTag className=\"fs-5 md-fs-custom fw-semibold \">\r\n            {authorName}\r\n          </TitleTag> */}\r\n          <div className={\"base-row gap-x8 fs-6 text-slate-28\"}>\r\n            <div className={\"item-block\"}>\r\n              <p className=\"fw-regular\">{publishedLabel}</p>\r\n              <p className={\"fw-bold\"}>{publishedDate}</p>\r\n            </div>\r\n\r\n            <div className={\"item-block ui-author-divider\"}>\r\n              <p className=\"fw-regular \">{readingTimeLabel}</p>\r\n              <p className={\"fw-bold\"}>\r\n                {readingTimeValue} {readingMinuteLabel}\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Row>\r\n    </article>\r\n  );\r\n};\r\n"],"names":["AuthorBlock","publishedLabel","publishedDate","readingTimeLabel","readingTimeValue","readingMinuteLabel","jsx","Row","jsxs"],"mappings":";;;AAsBO,MAAMA,IAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AACvB,4BAEK,WAAA,EAAQ,WAAU,iCACjB,UAAAC,gBAAAA,MAACC,GAAA,EAAI,IAAI,UAAU,KAAK,OAAO,WAAU,sBAWvC,gCAAC,OAAA,EAAI,WAAW,iBAId,UAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,sCACd,UAAA;AAAA,EAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAAAF,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,cAAc,UAAAL,GAAe;AAAA,IAC1CK,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW,WAAY,UAAAJ,EAAA,CAAc;AAAA,EAAA,GAC1C;AAAA,EAEAM,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,gCACd,UAAA;AAAA,IAAAF,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,eAAe,UAAAH,GAAiB;AAAA,IAC7CK,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,WACX,UAAA;AAAA,MAAAJ;AAAA,MAAiB;AAAA,MAAEC;AAAA,IAAA,EAAA,CACtB;AAAA,EAAA,EAAA,CACF;AAAA,GACF,EAAA,CACF,GACF,GACF;"}

package/dist/index.es261.js

@@ -0,0 +1,6 @@
+import { __require as r } from "./index.es520.js";
+var i = r();
+export {
+  i as d
+};
+//# sourceMappingURL=index.es261.js.map

package/dist/index.es261.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es261.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index.es262.js

@@ -0,0 +1,6 @@
+import { __require as r } from "./index.es494.js";
+var i = r();
+export {
+  i as F
+};
+//# sourceMappingURL=index.es262.js.map

package/dist/index.es262.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es262.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}