@anoki/fse-ui 2.4.0 → 2.4.1-SNAPSHOT2

package/dist/index.es319.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es319.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\nimport { WithVariant } from \"@/types/variant\";\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  WithVariant<{\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  variant = \"default\",\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        variant={variant}\r\n      />\r\n\r\n      <Container\r\n        className={clsx(\r\n          variant === \"operator\" ? \"bg-radial\" : \"bg-slate-20 \",\r\n          \"min-h-x64 base-row align-items-center justify-content-end\",\r\n        )}\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","variant","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","clsx","Row","Button","Hamburguer","Col","Close","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es319.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\r\nimport { LOGOS, Region } from \"../Header\";\r\nimport { HeaderSlim } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport { Balancer } from \"react-wrap-balancer\";\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderDesktop.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\nimport { WithVariant } from \"@/types/variant\";\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 HeaderDesktopProps = WithVariant<{\r\n  title: React.ReactNode | string;\r\n  region: Region;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  children?: React.ReactNode;\r\n  labels: NavigationLabels;\r\n  navigatonItems: NavigationItem[];\r\n  supportLink?: NavigationItem;\r\n  loginLink?: string;\r\n  shortTitle?: React.ReactNode;\r\n  headerTitleClassname?: string;\r\n  headerLogoUrl2?: string;\r\n}>;\r\n\r\nexport const HeaderDesktop = ({\r\n  title,\r\n  region,\r\n  asLink = \"a\",\r\n  labels,\r\n  navigatonItems,\r\n  supportLink,\r\n  loginLink = \"/\",\r\n  shortTitle,\r\n  headerTitleClassname,\r\n  children,\r\n  headerLogoUrl2,\r\n  variant = \"default\",\r\n}: HeaderDesktopProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  const textLinkVariant =\r\n    variant === \"operator\" ? \"text-white\" : \"text-primary\";\r\n  const activeLinkVariant =\r\n    variant === \"operator\" ? \"text-white\" : \"text-blue-30\";\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"sticky-header bg-white\",\r\n        variant === \"operator\" && \"ui-header-desktop-operator\",\r\n      )}\r\n    >\r\n      <HeaderSlim\r\n        pt=\"x16\"\r\n        pb=\"x16\"\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        containerClassName={clsx(\r\n          variant === \"operator\" ? \"ui-slim-operator\" : \"bg-slate-20\",\r\n        )}\r\n      >\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={clsx(\r\n            \"fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\",\r\n            variant === \"default\" ? \"text-white\" : \"text-slate-20\",\r\n          )}\r\n        >\r\n          {headerLogoUrl2 && (\r\n            <div\r\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\r\n              className={\"ui-header-item-image\"}\r\n            ></div>\r\n          )}\r\n\r\n          {shortTitle ? shortTitle : title}\r\n          <span className=\"visually-hidden\">Vai alla homepage</span>\r\n        </LinkComponent>\r\n\r\n        {children}\r\n      </HeaderSlim>\r\n      <header\r\n        className={clsx(variant === \"operator\" ? \"bg-radial\" : \"bg-white\")}\r\n      >\r\n        <Row\r\n          py={\"x20\"}\r\n          gap={\"x16\"}\r\n          alignItems=\"center\"\r\n          justifyContent={\"space-between\"}\r\n          className=\"max-h-x116 ui-container\"\r\n        >\r\n          <Row gap={\"x16\"} alignItems=\"center\">\r\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\r\n              <NationalIcon height={44} width={27} variant={variant} />\r\n              {region !== \"nazionale\" && (\r\n                <>\r\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n                  <RegionIcon\r\n                    width={44}\r\n                    height={44}\r\n                    color={variant === \"operator\" ? \"lightblue-a03\" : \"white\"}\r\n                  />\r\n                </>\r\n              )}\r\n            </Row>\r\n            <h1 className={clsx(headerTitleClassname, \"ui-header-title\")}>\r\n              {variant === \"default\" ? (\r\n                <Balancer>\r\n                  <LinkComponent\r\n                    href=\"/\"\r\n                    className={\"text-decoration-none hover-underline_dark\"}\r\n                  >\r\n                    <span className={\"ui-title-line-height\"}>{title}</span>\r\n                    <span className=\"visually-hidden\">Vai alla homepage</span>\r\n                  </LinkComponent>\r\n                </Balancer>\r\n              ) : (\r\n                <LinkComponent\r\n                  href=\"/\"\r\n                  className={\"text-decoration-none hover-underline_dark\"}\r\n                >\r\n                  <span className={\"ui-title-line-height\"}>{title}</span>\r\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\r\n                </LinkComponent>\r\n              )}\r\n            </h1>\r\n          </Row>\r\n          <Button\r\n            size=\"2\"\r\n            href={loginLink}\r\n            asLink=\"a\"\r\n            className=\"login-button\"\r\n            variant={variant === \"operator\" ? \"secondary\" : \"primary\"}\r\n          >\r\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n        </Row>\r\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\r\n          <Container\r\n            containerClass=\"ui-container\"\r\n            className=\"base-row align-items-center justify-content-between max-h-x52\"\r\n          >\r\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\r\n              {navigatonItems.map((item, index) => {\r\n                return (\r\n                  <li\r\n                    key={index}\r\n                    className={clsx(\r\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\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 fs-custom\",\r\n                        item.active\r\n                          ? `fw-bold ${textLinkVariant}`\r\n                          : `fw-semibold ${textLinkVariant}`,\r\n                      )}\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            </Row>\r\n            {supportLink && (\r\n              <LinkComponent\r\n                href={supportLink.href}\r\n                className={clsx(\r\n                  \"text-decoration-none fs-custom py-x12 px-x0\",\r\n                  supportLink.active\r\n                    ? `fw-bold ${activeLinkVariant}`\r\n                    : `fw-semibold ${textLinkVariant}`,\r\n                  \"ui-header-desktop-support-link\",\r\n                  supportLink.active &&\r\n                    (variant === \"operator\" ? \"active-operator\" : \"active\"),\r\n                )}\r\n              >\r\n                {supportLink.label}\r\n                {supportLink.active && (\r\n                  <span className=\"visually-hidden\">Attivo</span>\r\n                )}\r\n              </LinkComponent>\r\n            )}\r\n          </Container>\r\n        </nav>\r\n      </header>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","variant","LinkComponent","NationalIcon","LOGOS","RegionIcon","textLinkVariant","activeLinkVariant","jsxs","clsx","HeaderSlim","jsx","Row","Fragment","Divider","Balancer","Button","Container","item","index"],"mappings":"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"}

package/dist/index.es320.js

@@ -1,204 +1,31 @@
-import { j as e } from "./index.es279.js";
-import { Divider as y } from "./index.es77.js";
-import { LOGOS as x } from "./index.es8.js";
-import { clsx as s } from "./index.es281.js";
-import { Balancer as k } from "./index.es291.js";
-import { Button as C } from "./index.es34.js";
-import { Container as I } from "./index.es69.js";
-import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
-import { HeaderSlim as z } from "./index.es10.js";
-import { Row as r } from "./index.es130.js";
-const E = ({
-  title: l,
-  region: c,
-  asLink: m = "a",
-  labels: p,
-  navigatonItems: j,
-  supportLink: t,
-  loginLink: f = "/",
-  shortTitle: d,
-  headerTitleClassname: u,
-  children: g,
-  headerLogoUrl2: h,
-  variant: a = "default"
-}) => {
-  const n = m, b = x.nazionale, N = x[c], o = a === "operator" ? "text-white" : "text-primary", v = a === "operator" ? "text-white" : "text-blue-30";
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: s(
-        "sticky-header bg-white",
-        a === "operator" && "ui-header-desktop-operator"
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs(
-          z,
-          {
-            pt: "x16",
-            pb: "x16",
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            containerClassName: s(
-              a === "operator" ? "ui-slim-operator" : "bg-slate-20"
-            ),
-            children: [
-              /* @__PURE__ */ e.jsxs(
-                n,
-                {
-                  href: "/",
-                  className: s(
-                    "fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
-                    a === "default" ? "text-white" : "text-slate-20"
-                  ),
-                  children: [
-                    h && /* @__PURE__ */ e.jsx(
-                      "div",
-                      {
-                        style: { backgroundImage: `url(${h})` },
-                        className: "ui-header-item-image"
-                      }
-                    ),
-                    d || l,
-                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                  ]
-                }
-              ),
-              g
-            ]
-          }
-        ),
-        /* @__PURE__ */ e.jsxs(
-          "header",
-          {
-            className: s(a === "operator" ? "bg-radial" : "bg-white"),
-            children: [
-              /* @__PURE__ */ e.jsxs(
-                r,
-                {
-                  py: "x20",
-                  gap: "x16",
-                  alignItems: "center",
-                  justifyContent: "space-between",
-                  className: "max-h-x116 ui-container",
-                  children: [
-                    /* @__PURE__ */ e.jsxs(r, { gap: "x16", alignItems: "center", children: [
-                      /* @__PURE__ */ e.jsxs(r, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
-                        /* @__PURE__ */ e.jsx(b, { height: 44, width: 27, variant: a }),
-                        c !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                          /* @__PURE__ */ e.jsx(y, { bg: "border-divider", direction: "vertical" }),
-                          /* @__PURE__ */ e.jsx(
-                            N,
-                            {
-                              width: 44,
-                              height: 44,
-                              color: a === "operator" ? "lightblue-a03" : "white"
-                            }
-                          )
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ e.jsx("h1", { className: s(u, "ui-header-title"), children: a === "default" ? /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs(
-                        n,
-                        {
-                          href: "/",
-                          className: "text-decoration-none hover-underline_dark",
-                          children: [
-                            /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: l }),
-                            /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                          ]
-                        }
-                      ) }) : /* @__PURE__ */ e.jsxs(
-                        n,
-                        {
-                          href: "/",
-                          className: "text-decoration-none hover-underline_dark",
-                          children: [
-                            /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: l }),
-                            /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                          ]
-                        }
-                      ) })
-                    ] }),
-                    /* @__PURE__ */ e.jsxs(
-                      C,
-                      {
-                        size: "2",
-                        href: f,
-                        asLink: "a",
-                        className: "login-button",
-                        variant: a === "operator" ? "secondary" : "primary",
-                        children: [
-                          /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
-                            " ",
-                            p.login,
-                            " "
-                          ] }),
-                          /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(
-                I,
-                {
-                  containerClass: "ui-container",
-                  className: "base-row align-items-center justify-content-between max-h-x52",
-                  children: [
-                    /* @__PURE__ */ e.jsx(r, { as: "ul", className: "list-style-none", role: "list", children: j.map((i, w) => /* @__PURE__ */ e.jsx(
-                      "li",
-                      {
-                        className: s(
-                          "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
-                          i.active && "active"
-                        ),
-                        children: /* @__PURE__ */ e.jsxs(
-                          n,
-                          {
-                            href: i.href,
-                            className: s(
-                              "text-decoration-none fs-custom",
-                              i.active ? `fw-bold ${o}` : `fw-semibold ${o}`
-                            ),
-                            target: i.isNewTab ? "_blank" : void 0,
-                            rel: i.isNewTab ? "noopener noreferrer" : void 0,
-                            children: [
-                              i.label,
-                              i.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                            ]
-                          }
-                        )
-                      },
-                      w
-                    )) }),
-                    t && /* @__PURE__ */ e.jsxs(
-                      n,
-                      {
-                        href: t.href,
-                        className: s(
-                          "text-decoration-none fs-custom py-x12 px-x0",
-                          t.active ? `fw-bold ${v}` : `fw-semibold ${o}`,
-                          "ui-header-desktop-support-link",
-                          t.active && (a === "operator" ? "active-operator" : "active")
-                        ),
-                        children: [
-                          t.label,
-                          t.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ) })
-            ]
-          }
-        )
-      ]
-    }
-  );
+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 {
-  E as HeaderDesktop
+  m as useMediaQuery,
+  d as useMediaQueryV2
 };
 //# sourceMappingURL=index.es320.js.map

package/dist/index.es320.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es320.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\r\nimport { LOGOS, Region } from \"../Header\";\r\nimport { HeaderSlim } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport { Balancer } from \"react-wrap-balancer\";\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderDesktop.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\nimport { WithVariant } from \"@/types/variant\";\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 HeaderDesktopProps = WithVariant<{\r\n  title: React.ReactNode | string;\r\n  region: Region;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  children?: React.ReactNode;\r\n  labels: NavigationLabels;\r\n  navigatonItems: NavigationItem[];\r\n  supportLink?: NavigationItem;\r\n  loginLink?: string;\r\n  shortTitle?: React.ReactNode;\r\n  headerTitleClassname?: string;\r\n  headerLogoUrl2?: string;\r\n}>;\r\n\r\nexport const HeaderDesktop = ({\r\n  title,\r\n  region,\r\n  asLink = \"a\",\r\n  labels,\r\n  navigatonItems,\r\n  supportLink,\r\n  loginLink = \"/\",\r\n  shortTitle,\r\n  headerTitleClassname,\r\n  children,\r\n  headerLogoUrl2,\r\n  variant = \"default\",\r\n}: HeaderDesktopProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  const textLinkVariant =\r\n    variant === \"operator\" ? \"text-white\" : \"text-primary\";\r\n  const activeLinkVariant =\r\n    variant === \"operator\" ? \"text-white\" : \"text-blue-30\";\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"sticky-header bg-white\",\r\n        variant === \"operator\" && \"ui-header-desktop-operator\",\r\n      )}\r\n    >\r\n      <HeaderSlim\r\n        pt=\"x16\"\r\n        pb=\"x16\"\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        containerClassName={clsx(\r\n          variant === \"operator\" ? \"ui-slim-operator\" : \"bg-slate-20\",\r\n        )}\r\n      >\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={clsx(\r\n            \"fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\",\r\n            variant === \"default\" ? \"text-white\" : \"text-slate-20\",\r\n          )}\r\n        >\r\n          {headerLogoUrl2 && (\r\n            <div\r\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\r\n              className={\"ui-header-item-image\"}\r\n            ></div>\r\n          )}\r\n\r\n          {shortTitle ? shortTitle : title}\r\n          <span className=\"visually-hidden\">Vai alla homepage</span>\r\n        </LinkComponent>\r\n\r\n        {children}\r\n      </HeaderSlim>\r\n      <header\r\n        className={clsx(variant === \"operator\" ? \"bg-radial\" : \"bg-white\")}\r\n      >\r\n        <Row\r\n          py={\"x20\"}\r\n          gap={\"x16\"}\r\n          alignItems=\"center\"\r\n          justifyContent={\"space-between\"}\r\n          className=\"max-h-x116 ui-container\"\r\n        >\r\n          <Row gap={\"x16\"} alignItems=\"center\">\r\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\r\n              <NationalIcon height={44} width={27} variant={variant} />\r\n              {region !== \"nazionale\" && (\r\n                <>\r\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n                  <RegionIcon\r\n                    width={44}\r\n                    height={44}\r\n                    color={variant === \"operator\" ? \"lightblue-a03\" : \"white\"}\r\n                  />\r\n                </>\r\n              )}\r\n            </Row>\r\n            <h1 className={clsx(headerTitleClassname, \"ui-header-title\")}>\r\n              {variant === \"default\" ? (\r\n                <Balancer>\r\n                  <LinkComponent\r\n                    href=\"/\"\r\n                    className={\"text-decoration-none hover-underline_dark\"}\r\n                  >\r\n                    <span className={\"ui-title-line-height\"}>{title}</span>\r\n                    <span className=\"visually-hidden\">Vai alla homepage</span>\r\n                  </LinkComponent>\r\n                </Balancer>\r\n              ) : (\r\n                <LinkComponent\r\n                  href=\"/\"\r\n                  className={\"text-decoration-none hover-underline_dark\"}\r\n                >\r\n                  <span className={\"ui-title-line-height\"}>{title}</span>\r\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\r\n                </LinkComponent>\r\n              )}\r\n            </h1>\r\n          </Row>\r\n          <Button\r\n            size=\"2\"\r\n            href={loginLink}\r\n            asLink=\"a\"\r\n            className=\"login-button\"\r\n            variant={variant === \"operator\" ? \"secondary\" : \"primary\"}\r\n          >\r\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n        </Row>\r\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\r\n          <Container\r\n            containerClass=\"ui-container\"\r\n            className=\"base-row align-items-center justify-content-between max-h-x52\"\r\n          >\r\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\r\n              {navigatonItems.map((item, index) => {\r\n                return (\r\n                  <li\r\n                    key={index}\r\n                    className={clsx(\r\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\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 fs-custom\",\r\n                        item.active\r\n                          ? `fw-bold ${textLinkVariant}`\r\n                          : `fw-semibold ${textLinkVariant}`,\r\n                      )}\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            </Row>\r\n            {supportLink && (\r\n              <LinkComponent\r\n                href={supportLink.href}\r\n                className={clsx(\r\n                  \"text-decoration-none fs-custom py-x12 px-x0\",\r\n                  supportLink.active\r\n                    ? `fw-bold ${activeLinkVariant}`\r\n                    : `fw-semibold ${textLinkVariant}`,\r\n                  \"ui-header-desktop-support-link\",\r\n                  supportLink.active &&\r\n                    (variant === \"operator\" ? \"active-operator\" : \"active\"),\r\n                )}\r\n              >\r\n                {supportLink.label}\r\n                {supportLink.active && (\r\n                  <span className=\"visually-hidden\">Attivo</span>\r\n                )}\r\n              </LinkComponent>\r\n            )}\r\n          </Container>\r\n        </nav>\r\n      </header>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","variant","LinkComponent","NationalIcon","LOGOS","RegionIcon","textLinkVariant","activeLinkVariant","jsxs","clsx","HeaderSlim","jsx","Row","Fragment","Divider","Balancer","Button","Container","item","index"],"mappings":"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"}
+{"version":3,"file":"index.es320.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.es327.js → index.es326.js}

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es279.js";
 import { clsx as d } from "./index.es281.js";
-import m from "./index.es329.js";
+import m from "./index.es328.js";
 const x = ({
   index: t,
   title: l,
@@ -35,4 +35,4 @@ const x = ({
 export {
   x as StepItem
 };
-//# sourceMappingURL=index.es327.js.map
+//# sourceMappingURL=index.es326.js.map

package/dist/{index.es327.js.map → index.es326.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es327.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;"}
+{"version":3,"file":"index.es326.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.es328.js

@@ -0,0 +1,12 @@
+import { j as r } from "./index.es279.js";
+import { clsx as e } from "./index.es281.js";
+import { ArrowTop as m } from "./index.es188.js";
+import { ArrowDown as n } from "./index.es185.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 {
+  p as default
+};
+//# sourceMappingURL=index.es328.js.map

package/dist/index.es328.js.map

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

@@ -1,12 +1,32 @@
-import { j as r } from "./index.es279.js";
-import { clsx as e } from "./index.es281.js";
-import { ArrowTop as m } from "./index.es188.js";
-import { ArrowDown as n } from "./index.es185.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, {}) })
+import { j as e } from "./index.es279.js";
+import { clsx as a } from "./index.es281.js";
+import { StepArrow as d } from "./index.es560.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 {
-  p as default
+  m as StepItemGenericAccordion
 };
 //# sourceMappingURL=index.es329.js.map

package/dist/index.es329.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es329.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;"}
+{"version":3,"file":"index.es329.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.es331.js

@@ -0,0 +1,25 @@
+import { useState as a, useCallback as l } from "react";
+import "./index.es576.js";
+function c() {
+  const [t, o] = a(null), e = l(async (r) => {
+    if (!(navigator != null && navigator.clipboard))
+      return console.warn("Clipboard not supported"), !1;
+    try {
+      return await navigator.clipboard.writeText(r), o(r), !0;
+    } catch (n) {
+      return console.warn("Copy failed", n), o(null), !1;
+    }
+  }, []);
+  return [t, e];
+}
+function s(t) {
+  const [o, e] = a(!!t), r = l(() => {
+    e((n) => !n);
+  }, []);
+  return [o, r, e];
+}
+export {
+  c as useCopyToClipboard,
+  s as useToggle
+};
+//# sourceMappingURL=index.es331.js.map

package/dist/index.es331.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es331.js","sources":["../node_modules/usehooks-ts/dist/index.js"],"sourcesContent":["import { useState, useCallback, useLayoutEffect, useEffect, useRef, useMemo } from 'react';\nimport debounce from 'lodash.debounce';\n\n// src/useBoolean/useBoolean.ts\nfunction useBoolean(defaultValue = false) {\n  if (typeof defaultValue !== \"boolean\") {\n    throw new Error(\"defaultValue must be `true` or `false`\");\n  }\n  const [value, setValue] = useState(defaultValue);\n  const setTrue = useCallback(() => {\n    setValue(true);\n  }, []);\n  const setFalse = useCallback(() => {\n    setValue(false);\n  }, []);\n  const toggle = useCallback(() => {\n    setValue((x) => !x);\n  }, []);\n  return { value, setValue, setTrue, setFalse, toggle };\n}\nvar useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// src/useEventListener/useEventListener.ts\nfunction useEventListener(eventName, handler, element, options) {\n  const savedHandler = useRef(handler);\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n  useEffect(() => {\n    const targetElement = (element == null ? void 0 : element.current) ?? window;\n    if (!(targetElement && targetElement.addEventListener))\n      return;\n    const listener = (event) => {\n      savedHandler.current(event);\n    };\n    targetElement.addEventListener(eventName, listener, options);\n    return () => {\n      targetElement.removeEventListener(eventName, listener, options);\n    };\n  }, [eventName, element, options]);\n}\n\n// src/useClickAnyWhere/useClickAnyWhere.ts\nfunction useClickAnyWhere(handler) {\n  useEventListener(\"click\", (event) => {\n    handler(event);\n  });\n}\nfunction useCopyToClipboard() {\n  const [copiedText, setCopiedText] = useState(null);\n  const copy = useCallback(async (text) => {\n    if (!(navigator == null ? void 0 : navigator.clipboard)) {\n      console.warn(\"Clipboard not supported\");\n      return false;\n    }\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopiedText(text);\n      return true;\n    } catch (error) {\n      console.warn(\"Copy failed\", error);\n      setCopiedText(null);\n      return false;\n    }\n  }, []);\n  return [copiedText, copy];\n}\nfunction useCounter(initialValue) {\n  const [count, setCount] = useState(initialValue ?? 0);\n  const increment = useCallback(() => {\n    setCount((x) => x + 1);\n  }, []);\n  const decrement = useCallback(() => {\n    setCount((x) => x - 1);\n  }, []);\n  const reset = useCallback(() => {\n    setCount(initialValue ?? 0);\n  }, [initialValue]);\n  return {\n    count,\n    increment,\n    decrement,\n    reset,\n    setCount\n  };\n}\nfunction useInterval(callback, delay) {\n  const savedCallback = useRef(callback);\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n  useEffect(() => {\n    if (delay === null) {\n      return;\n    }\n    const id = setInterval(() => {\n      savedCallback.current();\n    }, delay);\n    return () => {\n      clearInterval(id);\n    };\n  }, [delay]);\n}\n\n// src/useCountdown/useCountdown.ts\nfunction useCountdown({\n  countStart,\n  countStop = 0,\n  intervalMs = 1e3,\n  isIncrement = false\n}) {\n  const {\n    count,\n    increment,\n    decrement,\n    reset: resetCounter\n  } = useCounter(countStart);\n  const {\n    value: isCountdownRunning,\n    setTrue: startCountdown,\n    setFalse: stopCountdown\n  } = useBoolean(false);\n  const resetCountdown = useCallback(() => {\n    stopCountdown();\n    resetCounter();\n  }, [stopCountdown, resetCounter]);\n  const countdownCallback = useCallback(() => {\n    if (count === countStop) {\n      stopCountdown();\n      return;\n    }\n    if (isIncrement) {\n      increment();\n    } else {\n      decrement();\n    }\n  }, [count, countStop, decrement, increment, isIncrement, stopCountdown]);\n  useInterval(countdownCallback, isCountdownRunning ? intervalMs : null);\n  return [count, { startCountdown, stopCountdown, resetCountdown }];\n}\nfunction useEventCallback(fn) {\n  const ref = useRef(() => {\n    throw new Error(\"Cannot call an event handler while rendering.\");\n  });\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n  return useCallback((...args) => {\n    var _a;\n    return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);\n  }, [ref]);\n}\n\n// src/useLocalStorage/useLocalStorage.ts\nvar IS_SERVER = typeof window === \"undefined\";\nfunction useLocalStorage(key, initialValue, options = {}) {\n  const { initializeWithValue = true } = options;\n  const serializer = useCallback(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue;\n      }\n      return parsed;\n    },\n    [options, initialValue]\n  );\n  const readValue = useCallback(() => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (IS_SERVER) {\n      return initialValueToUse;\n    }\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n  const setValue = useEventCallback((value) => {\n    if (IS_SERVER) {\n      console.warn(\n        `Tried setting localStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.localStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting localStorage key \\u201C${key}\\u201D:`, error);\n    }\n  });\n  const removeValue = useEventCallback(() => {\n    if (IS_SERVER) {\n      console.warn(\n        `Tried removing localStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n    window.localStorage.removeItem(key);\n    setStoredValue(defaultValue);\n    window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"local-storage\", handleStorageChange);\n  return [storedValue, setValue, removeValue];\n}\nvar IS_SERVER2 = typeof window === \"undefined\";\nfunction useMediaQuery(query, {\n  defaultValue = false,\n  initializeWithValue = true\n} = {}) {\n  const getMatches = (query2) => {\n    if (IS_SERVER2) {\n      return defaultValue;\n    }\n    return window.matchMedia(query2).matches;\n  };\n  const [matches, setMatches] = useState(() => {\n    if (initializeWithValue) {\n      return getMatches(query);\n    }\n    return defaultValue;\n  });\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n  useIsomorphicLayoutEffect(() => {\n    const matchMedia = window.matchMedia(query);\n    handleChange();\n    if (matchMedia.addListener) {\n      matchMedia.addListener(handleChange);\n    } else {\n      matchMedia.addEventListener(\"change\", handleChange);\n    }\n    return () => {\n      if (matchMedia.removeListener) {\n        matchMedia.removeListener(handleChange);\n      } else {\n        matchMedia.removeEventListener(\"change\", handleChange);\n      }\n    };\n  }, [query]);\n  return matches;\n}\n\n// src/useDarkMode/useDarkMode.ts\nvar COLOR_SCHEME_QUERY = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY = \"usehooks-ts-dark-mode\";\nfunction useDarkMode(options = {}) {\n  const {\n    defaultValue,\n    localStorageKey = LOCAL_STORAGE_KEY,\n    initializeWithValue = true\n  } = options;\n  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY, {\n    initializeWithValue,\n    defaultValue\n  });\n  const [isDarkMode, setDarkMode] = useLocalStorage(\n    localStorageKey,\n    defaultValue ?? isDarkOS ?? false,\n    { initializeWithValue }\n  );\n  useIsomorphicLayoutEffect(() => {\n    if (isDarkOS !== isDarkMode) {\n      setDarkMode(isDarkOS);\n    }\n  }, [isDarkOS]);\n  return {\n    isDarkMode,\n    toggle: () => {\n      setDarkMode((prev) => !prev);\n    },\n    enable: () => {\n      setDarkMode(true);\n    },\n    disable: () => {\n      setDarkMode(false);\n    },\n    set: (value) => {\n      setDarkMode(value);\n    }\n  };\n}\nfunction useUnmount(func) {\n  const funcRef = useRef(func);\n  funcRef.current = func;\n  useEffect(\n    () => () => {\n      funcRef.current();\n    },\n    []\n  );\n}\n\n// src/useDebounceCallback/useDebounceCallback.ts\nfunction useDebounceCallback(func, delay = 500, options) {\n  const debouncedFunc = useRef();\n  useUnmount(() => {\n    if (debouncedFunc.current) {\n      debouncedFunc.current.cancel();\n    }\n  });\n  const debounced = useMemo(() => {\n    const debouncedFuncInstance = debounce(func, delay, options);\n    const wrappedFunc = (...args) => {\n      return debouncedFuncInstance(...args);\n    };\n    wrappedFunc.cancel = () => {\n      debouncedFuncInstance.cancel();\n    };\n    wrappedFunc.isPending = () => {\n      return !!debouncedFunc.current;\n    };\n    wrappedFunc.flush = () => {\n      return debouncedFuncInstance.flush();\n    };\n    return wrappedFunc;\n  }, [func, delay, options]);\n  useEffect(() => {\n    debouncedFunc.current = debounce(func, delay, options);\n  }, [func, delay, options]);\n  return debounced;\n}\nfunction useDebounceValue(initialValue, delay, options) {\n  const eq = (options == null ? void 0 : options.equalityFn) ?? ((left, right) => left === right);\n  const unwrappedInitialValue = initialValue instanceof Function ? initialValue() : initialValue;\n  const [debouncedValue, setDebouncedValue] = useState(unwrappedInitialValue);\n  const previousValueRef = useRef(unwrappedInitialValue);\n  const updateDebouncedValue = useDebounceCallback(\n    setDebouncedValue,\n    delay,\n    options\n  );\n  if (!eq(previousValueRef.current, unwrappedInitialValue)) {\n    updateDebouncedValue(unwrappedInitialValue);\n    previousValueRef.current = unwrappedInitialValue;\n  }\n  return [debouncedValue, updateDebouncedValue];\n}\nfunction useDocumentTitle(title, options = {}) {\n  const { preserveTitleOnUnmount = true } = options;\n  const defaultTitle = useRef(null);\n  useIsomorphicLayoutEffect(() => {\n    defaultTitle.current = window.document.title;\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    window.document.title = title;\n  }, [title]);\n  useUnmount(() => {\n    if (!preserveTitleOnUnmount && defaultTitle.current) {\n      window.document.title = defaultTitle.current;\n    }\n  });\n}\nfunction useHover(elementRef) {\n  const [value, setValue] = useState(false);\n  const handleMouseEnter = () => {\n    setValue(true);\n  };\n  const handleMouseLeave = () => {\n    setValue(false);\n  };\n  useEventListener(\"mouseenter\", handleMouseEnter, elementRef);\n  useEventListener(\"mouseleave\", handleMouseLeave, elementRef);\n  return value;\n}\nfunction useIntersectionObserver({\n  threshold = 0,\n  root = null,\n  rootMargin = \"0%\",\n  freezeOnceVisible = false,\n  initialIsIntersecting = false,\n  onChange\n} = {}) {\n  var _a;\n  const [ref, setRef] = useState(null);\n  const [state, setState] = useState(() => ({\n    isIntersecting: initialIsIntersecting,\n    entry: void 0\n  }));\n  const callbackRef = useRef();\n  callbackRef.current = onChange;\n  const frozen = ((_a = state.entry) == null ? void 0 : _a.isIntersecting) && freezeOnceVisible;\n  useEffect(() => {\n    if (!ref)\n      return;\n    if (!(\"IntersectionObserver\" in window))\n      return;\n    if (frozen)\n      return;\n    let unobserve;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const thresholds = Array.isArray(observer.thresholds) ? observer.thresholds : [observer.thresholds];\n        entries.forEach((entry) => {\n          const isIntersecting = entry.isIntersecting && thresholds.some((threshold2) => entry.intersectionRatio >= threshold2);\n          setState({ isIntersecting, entry });\n          if (callbackRef.current) {\n            callbackRef.current(isIntersecting, entry);\n          }\n          if (isIntersecting && freezeOnceVisible && unobserve) {\n            unobserve();\n            unobserve = void 0;\n          }\n        });\n      },\n      { threshold, root, rootMargin }\n    );\n    observer.observe(ref);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    ref,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    JSON.stringify(threshold),\n    root,\n    rootMargin,\n    frozen,\n    freezeOnceVisible\n  ]);\n  const prevRef = useRef(null);\n  useEffect(() => {\n    var _a2;\n    if (!ref && ((_a2 = state.entry) == null ? void 0 : _a2.target) && !freezeOnceVisible && !frozen && prevRef.current !== state.entry.target) {\n      prevRef.current = state.entry.target;\n      setState({ isIntersecting: initialIsIntersecting, entry: void 0 });\n    }\n  }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting]);\n  const result = [\n    setRef,\n    !!state.isIntersecting,\n    state.entry\n  ];\n  result.ref = result[0];\n  result.isIntersecting = result[1];\n  result.entry = result[2];\n  return result;\n}\nfunction useIsClient() {\n  const [isClient, setClient] = useState(false);\n  useEffect(() => {\n    setClient(true);\n  }, []);\n  return isClient;\n}\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n  useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n  return useCallback(() => isMounted.current, []);\n}\nfunction useMap(initialState = /* @__PURE__ */ new Map()) {\n  const [map, setMap] = useState(new Map(initialState));\n  const actions = {\n    set: useCallback((key, value) => {\n      setMap((prev) => {\n        const copy = new Map(prev);\n        copy.set(key, value);\n        return copy;\n      });\n    }, []),\n    setAll: useCallback((entries) => {\n      setMap(() => new Map(entries));\n    }, []),\n    remove: useCallback((key) => {\n      setMap((prev) => {\n        const copy = new Map(prev);\n        copy.delete(key);\n        return copy;\n      });\n    }, []),\n    reset: useCallback(() => {\n      setMap(() => /* @__PURE__ */ new Map());\n    }, [])\n  };\n  return [map, actions];\n}\n\n// src/useOnClickOutside/useOnClickOutside.ts\nfunction useOnClickOutside(ref, handler, eventType = \"mousedown\", eventListenerOptions = {}) {\n  useEventListener(\n    eventType,\n    (event) => {\n      const target = event.target;\n      if (!target || !target.isConnected) {\n        return;\n      }\n      const isOutside = Array.isArray(ref) ? ref.filter((r) => Boolean(r.current)).every((r) => r.current && !r.current.contains(target)) : ref.current && !ref.current.contains(target);\n      if (isOutside) {\n        handler(event);\n      }\n    },\n    void 0,\n    eventListenerOptions\n  );\n}\nvar IS_SERVER3 = typeof window === \"undefined\";\nfunction useReadLocalStorage(key, options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER3) {\n    initializeWithValue = false;\n  }\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return null;\n      }\n      return parsed;\n    },\n    [options]\n  );\n  const readValue = useCallback(() => {\n    if (IS_SERVER3) {\n      return null;\n    }\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : null;\n    } catch (error) {\n      console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n      return null;\n    }\n  }, [key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return void 0;\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"local-storage\", handleStorageChange);\n  return storedValue;\n}\nvar initialSize = {\n  width: void 0,\n  height: void 0\n};\nfunction useResizeObserver(options) {\n  const { ref, box = \"content-box\" } = options;\n  const [{ width, height }, setSize] = useState(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef({ ...initialSize });\n  const onResize = useRef(void 0);\n  onResize.current = options.onResize;\n  useEffect(() => {\n    if (!ref.current)\n      return;\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window))\n      return;\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp = box === \"border-box\" ? \"borderBoxSize\" : box === \"device-pixel-content-box\" ? \"devicePixelContentBoxSize\" : \"contentBoxSize\";\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n      const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n      if (hasChanged) {\n        const newSize = { width: newWidth, height: newHeight };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n    observer.observe(ref.current, { box });\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted]);\n  return { width, height };\n}\nfunction extractSize(entry, box, sizeType) {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return void 0;\n  }\n  return Array.isArray(entry[box]) ? entry[box][0][sizeType] : (\n    // @ts-ignore Support Firefox's non-standard behavior\n    entry[box][sizeType]\n  );\n}\nvar IS_SERVER4 = typeof window === \"undefined\";\nfunction useScreen(options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER4) {\n    initializeWithValue = false;\n  }\n  const readScreen = () => {\n    if (IS_SERVER4) {\n      return void 0;\n    }\n    return window.screen;\n  };\n  const [screen, setScreen] = useState(() => {\n    if (initializeWithValue) {\n      return readScreen();\n    }\n    return void 0;\n  });\n  const debouncedSetScreen = useDebounceCallback(\n    setScreen,\n    options.debounceDelay\n  );\n  function handleSize() {\n    const newScreen = readScreen();\n    const setSize = options.debounceDelay ? debouncedSetScreen : setScreen;\n    if (newScreen) {\n      const {\n        width,\n        height,\n        availHeight,\n        availWidth,\n        colorDepth,\n        orientation,\n        pixelDepth\n      } = newScreen;\n      setSize({\n        width,\n        height,\n        availHeight,\n        availWidth,\n        colorDepth,\n        orientation,\n        pixelDepth\n      });\n    }\n  }\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n  return screen;\n}\nvar cachedScriptStatuses = /* @__PURE__ */ new Map();\nfunction getScriptNode(src) {\n  const node = document.querySelector(\n    `script[src=\"${src}\"]`\n  );\n  const status = node == null ? void 0 : node.getAttribute(\"data-status\");\n  return {\n    node,\n    status\n  };\n}\nfunction useScript(src, options) {\n  const [status, setStatus] = useState(() => {\n    if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n      return \"idle\";\n    }\n    if (typeof window === \"undefined\") {\n      return \"loading\";\n    }\n    return cachedScriptStatuses.get(src) ?? \"loading\";\n  });\n  useEffect(() => {\n    if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n      return;\n    }\n    const cachedScriptStatus = cachedScriptStatuses.get(src);\n    if (cachedScriptStatus === \"ready\" || cachedScriptStatus === \"error\") {\n      setStatus(cachedScriptStatus);\n      return;\n    }\n    const script = getScriptNode(src);\n    let scriptNode = script.node;\n    if (!scriptNode) {\n      scriptNode = document.createElement(\"script\");\n      scriptNode.src = src;\n      scriptNode.async = true;\n      if (options == null ? void 0 : options.id) {\n        scriptNode.id = options.id;\n      }\n      scriptNode.setAttribute(\"data-status\", \"loading\");\n      document.body.appendChild(scriptNode);\n      const setAttributeFromEvent = (event) => {\n        const scriptStatus = event.type === \"load\" ? \"ready\" : \"error\";\n        scriptNode == null ? void 0 : scriptNode.setAttribute(\"data-status\", scriptStatus);\n      };\n      scriptNode.addEventListener(\"load\", setAttributeFromEvent);\n      scriptNode.addEventListener(\"error\", setAttributeFromEvent);\n    } else {\n      setStatus(script.status ?? cachedScriptStatus ?? \"loading\");\n    }\n    const setStateFromEvent = (event) => {\n      const newStatus = event.type === \"load\" ? \"ready\" : \"error\";\n      setStatus(newStatus);\n      cachedScriptStatuses.set(src, newStatus);\n    };\n    scriptNode.addEventListener(\"load\", setStateFromEvent);\n    scriptNode.addEventListener(\"error\", setStateFromEvent);\n    return () => {\n      if (scriptNode) {\n        scriptNode.removeEventListener(\"load\", setStateFromEvent);\n        scriptNode.removeEventListener(\"error\", setStateFromEvent);\n      }\n      if (scriptNode && (options == null ? void 0 : options.removeOnUnmount)) {\n        scriptNode.remove();\n        cachedScriptStatuses.delete(src);\n      }\n    };\n  }, [src, options == null ? void 0 : options.shouldPreventLoad, options == null ? void 0 : options.removeOnUnmount, options == null ? void 0 : options.id]);\n  return status;\n}\nvar IS_SERVER5 = typeof window === \"undefined\";\nfunction useScrollLock(options = {}) {\n  const { autoLock = true, lockTarget, widthReflow = true } = options;\n  const [isLocked, setIsLocked] = useState(false);\n  const target = useRef(null);\n  const originalStyle = useRef(null);\n  const lock = () => {\n    if (target.current) {\n      const { overflow, paddingRight } = target.current.style;\n      originalStyle.current = { overflow, paddingRight };\n      if (widthReflow) {\n        const offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth;\n        const currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;\n        const scrollbarWidth = offsetWidth - target.current.scrollWidth;\n        target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`;\n      }\n      target.current.style.overflow = \"hidden\";\n      setIsLocked(true);\n    }\n  };\n  const unlock = () => {\n    if (target.current && originalStyle.current) {\n      target.current.style.overflow = originalStyle.current.overflow;\n      if (widthReflow) {\n        target.current.style.paddingRight = originalStyle.current.paddingRight;\n      }\n    }\n    setIsLocked(false);\n  };\n  useIsomorphicLayoutEffect(() => {\n    if (IS_SERVER5)\n      return;\n    if (lockTarget) {\n      target.current = typeof lockTarget === \"string\" ? document.querySelector(lockTarget) : lockTarget;\n    }\n    if (!target.current) {\n      target.current = document.body;\n    }\n    if (autoLock) {\n      lock();\n    }\n    return () => {\n      unlock();\n    };\n  }, [autoLock, lockTarget, widthReflow]);\n  return { isLocked, lock, unlock };\n}\nvar IS_SERVER6 = typeof window === \"undefined\";\nfunction useSessionStorage(key, initialValue, options = {}) {\n  const { initializeWithValue = true } = options;\n  const serializer = useCallback(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue;\n      }\n      return parsed;\n    },\n    [options, initialValue]\n  );\n  const readValue = useCallback(() => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (IS_SERVER6) {\n      return initialValueToUse;\n    }\n    try {\n      const raw = window.sessionStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading sessionStorage key \\u201C${key}\\u201D:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n  const setValue = useEventCallback((value) => {\n    if (IS_SERVER6) {\n      console.warn(\n        `Tried setting sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.sessionStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting sessionStorage key \\u201C${key}\\u201D:`, error);\n    }\n  });\n  const removeValue = useEventCallback(() => {\n    if (IS_SERVER6) {\n      console.warn(\n        `Tried removing sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n    window.sessionStorage.removeItem(key);\n    setStoredValue(defaultValue);\n    window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"session-storage\", handleStorageChange);\n  return [storedValue, setValue, removeValue];\n}\nfunction useStep(maxStep) {\n  const [currentStep, setCurrentStep] = useState(1);\n  const canGoToNextStep = currentStep + 1 <= maxStep;\n  const canGoToPrevStep = currentStep - 1 > 0;\n  const setStep = useCallback(\n    (step) => {\n      const newStep = step instanceof Function ? step(currentStep) : step;\n      if (newStep >= 1 && newStep <= maxStep) {\n        setCurrentStep(newStep);\n        return;\n      }\n      throw new Error(\"Step not valid\");\n    },\n    [maxStep, currentStep]\n  );\n  const goToNextStep = useCallback(() => {\n    if (canGoToNextStep) {\n      setCurrentStep((step) => step + 1);\n    }\n  }, [canGoToNextStep]);\n  const goToPrevStep = useCallback(() => {\n    if (canGoToPrevStep) {\n      setCurrentStep((step) => step - 1);\n    }\n  }, [canGoToPrevStep]);\n  const reset = useCallback(() => {\n    setCurrentStep(1);\n  }, []);\n  return [\n    currentStep,\n    {\n      goToNextStep,\n      goToPrevStep,\n      canGoToNextStep,\n      canGoToPrevStep,\n      setStep,\n      reset\n    }\n  ];\n}\n\n// src/useTernaryDarkMode/useTernaryDarkMode.ts\nvar COLOR_SCHEME_QUERY2 = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY2 = \"usehooks-ts-ternary-dark-mode\";\nfunction useTernaryDarkMode({\n  defaultValue = \"system\",\n  localStorageKey = LOCAL_STORAGE_KEY2,\n  initializeWithValue = true\n} = {}) {\n  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY2, { initializeWithValue });\n  const [mode, setMode] = useLocalStorage(localStorageKey, defaultValue, {\n    initializeWithValue\n  });\n  const isDarkMode = mode === \"dark\" || mode === \"system\" && isDarkOS;\n  const toggleTernaryDarkMode = () => {\n    const modes = [\"light\", \"system\", \"dark\"];\n    setMode((prevMode) => {\n      const nextIndex = (modes.indexOf(prevMode) + 1) % modes.length;\n      return modes[nextIndex];\n    });\n  };\n  return {\n    isDarkMode,\n    ternaryDarkMode: mode,\n    setTernaryDarkMode: setMode,\n    toggleTernaryDarkMode\n  };\n}\nfunction useTimeout(callback, delay) {\n  const savedCallback = useRef(callback);\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n  useEffect(() => {\n    if (!delay && delay !== 0) {\n      return;\n    }\n    const id = setTimeout(() => {\n      savedCallback.current();\n    }, delay);\n    return () => {\n      clearTimeout(id);\n    };\n  }, [delay]);\n}\nfunction useToggle(defaultValue) {\n  const [value, setValue] = useState(!!defaultValue);\n  const toggle = useCallback(() => {\n    setValue((x) => !x);\n  }, []);\n  return [value, toggle, setValue];\n}\nvar IS_SERVER7 = typeof window === \"undefined\";\nfunction useWindowSize(options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER7) {\n    initializeWithValue = false;\n  }\n  const [windowSize, setWindowSize] = useState(() => {\n    if (initializeWithValue) {\n      return {\n        width: window.innerWidth,\n        height: window.innerHeight\n      };\n    }\n    return {\n      width: void 0,\n      height: void 0\n    };\n  });\n  const debouncedSetWindowSize = useDebounceCallback(\n    setWindowSize,\n    options.debounceDelay\n  );\n  function handleSize() {\n    const setSize = options.debounceDelay ? debouncedSetWindowSize : setWindowSize;\n    setSize({\n      width: window.innerWidth,\n      height: window.innerHeight\n    });\n  }\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n  return windowSize;\n}\n\nexport { useBoolean, useClickAnyWhere, useCopyToClipboard, useCountdown, useCounter, useDarkMode, useDebounceCallback, useDebounceValue, useDocumentTitle, useEventCallback, useEventListener, useHover, useIntersectionObserver, useInterval, useIsClient, useIsMounted, useIsomorphicLayoutEffect, useLocalStorage, useMap, useMediaQuery, useOnClickOutside, useReadLocalStorage, useResizeObserver, useScreen, useScript, useScrollLock, useSessionStorage, useStep, useTernaryDarkMode, useTimeout, useToggle, useUnmount, useWindowSize };\n"],"names":["useCopyToClipboard","copiedText","setCopiedText","useState","copy","useCallback","text","error","useToggle","defaultValue","value","setValue","toggle","x"],"mappings":";;AAgDA,SAASA,IAAqB;AAC5B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,IAAI,GAC3CC,IAAOC,EAAY,OAAOC,MAAS;AACvC,QAAI,EAAE,aAAa,QAAgB,UAAU;AAC3C,qBAAQ,KAAK,yBAAyB,GAC/B;AAET,QAAI;AACF,mBAAM,UAAU,UAAU,UAAUA,CAAI,GACxCJ,EAAcI,CAAI,GACX;AAAA,IACT,SAASC,GAAO;AACd,qBAAQ,KAAK,eAAeA,CAAK,GACjCL,EAAc,IAAI,GACX;AAAA,IACT;AAAA,EACF,GAAG,CAAA,CAAE;AACL,SAAO,CAACD,GAAYG,CAAI;AAC1B;AAw6BA,SAASI,EAAUC,GAAc;AAC/B,QAAM,CAACC,GAAOC,CAAQ,IAAIR,EAAS,CAAC,CAACM,CAAY,GAC3CG,IAASP,EAAY,MAAM;AAC/B,IAAAM,EAAS,CAACE,MAAM,CAACA,CAAC;AAAA,EACpB,GAAG,CAAA,CAAE;AACL,SAAO,CAACH,GAAOE,GAAQD,CAAQ;AACjC;","x_google_ignoreList":[0]}

package/dist/index.es332.js

@@ -1,25 +1,6 @@
-import { useState as a, useCallback as l } from "react";
-import "./index.es532.js";
-function c() {
-  const [t, o] = a(null), e = l(async (r) => {
-    if (!(navigator != null && navigator.clipboard))
-      return console.warn("Clipboard not supported"), !1;
-    try {
-      return await navigator.clipboard.writeText(r), o(r), !0;
-    } catch (n) {
-      return console.warn("Copy failed", n), o(null), !1;
-    }
-  }, []);
-  return [t, e];
-}
-function s(t) {
-  const [o, e] = a(!!t), r = l(() => {
-    e((n) => !n);
-  }, []);
-  return [o, r, e];
-}
+import { __require as r } from "./index.es561.js";
+var i = r();
 export {
-  c as useCopyToClipboard,
-  s as useToggle
+  i as d
 };
 //# sourceMappingURL=index.es332.js.map