@anoki/fse-ui 2.3.0-12-SNAPSHOT28 → 2.3.0-12-SNAPSHOT30

package/dist/index.es289.js

@@ -1,167 +1,31 @@
-import { j as e } from "./index.es280.js";
-import { Divider as y } from "./index.es75.js";
-import { LOGOS as x } from "./index.es11.js";
-import { HeaderSlim as k } from "./index.es13.js";
-import { clsx as s } from "./index.es281.js";
-import { Balancer as C } from "./index.es357.js";
-import { Button as I } from "./index.es34.js";
-import { Container as z } from "./index.es68.js";
-import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
-import { Row as r } from "./index.es122.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(
-      k,
-      {
-        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(C, { 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(I, { 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(
-        z,
-        {
-          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 && "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.es289.js.map

package/dist/index.es289.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es289.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\nimport { WithVariant } from \"@/types/variant\";\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 = WithVariant<{\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  variant = \"default\",\n}: HeaderDesktopProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  const textLinkVariant = variant === \"operator\" ? \"text-white\" : \"text-primary\";\n  const activeLinkVariant = variant === \"operator\" ? \"text-white\" : \"text-blue-30\";\n\n  return (\n    <div className={clsx(\"sticky-header bg-white\", variant === \"operator\" && \"ui-header-desktop-operator\")}>\n      <HeaderSlim\n        pt=\"x16\"\n        pb=\"x16\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        containerClassName={clsx(variant === \"operator\" ? \"ui-slim-operator\" : \"bg-slate-20\")}\n      >\n        <LinkComponent\n          href=\"/\"\n          className={clsx(\"fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\", variant === \"default\" ? \"text-white\" : \"text-slate-20\")}\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={clsx(variant === \"operator\" ? \"bg-radial\" : \"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} variant={variant} />\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n                  <RegionIcon width={44} height={44} color={variant === \"operator\" ? \"lightblue-a03\" : \"white\"} />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname, \"ui-header-title\")}>\n              {\n                variant === \"default\" ? (\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                ) : (\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                )\n              }\n            </h1>\n          </Row>\n          <Button size=\"2\" href={loginLink} asLink=\"a\" className=\"login-button\" variant={variant === \"operator\" ? \"secondary\" : \"primary\"}>\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 ${textLinkVariant}`\n                          : `fw-semibold ${textLinkVariant}`,\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-x0\",\n                  supportLink.active\n                    ? `fw-bold ${activeLinkVariant}`\n                    : `fw-semibold ${textLinkVariant}`,\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","variant","LinkComponent","NationalIcon","LOGOS","RegionIcon","textLinkVariant","activeLinkVariant","jsxs","clsx","HeaderSlim","jsx","Row","Fragment","Divider","Balancer","Button","Container","item","index"],"mappings":";;;;;;;;;;AAsCO,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;AAAA,EACA,SAAAC,IAAU;AACZ,MAA0B;AACxB,QAAMC,IAAgBV,GAChBW,IAAeC,EAAM,WACrBC,IAAaD,EAAMb,CAAM,GAEzBe,IAAkBL,MAAY,aAAa,eAAe,gBAC1DM,IAAoBN,MAAY,aAAa,eAAe;AAGhE,SAAAO,gBAAAA,OAAC,SAAI,WAAWC,EAAK,0BAA0BR,MAAY,cAAc,4BAA4B,GACnG,UAAA;AAAA,IAAAO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,SAAQ;AAAA,QACR,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,oBAAoBD,EAAKR,MAAY,aAAa,qBAAqB,aAAa;AAAA,QAEpF,UAAA;AAAA,UAAAO,gBAAAA,EAAA;AAAA,YAACN;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAWO,EAAK,mHAAmHR,MAAY,YAAY,eAAe,eAAe;AAAA,cAExL,UAAA;AAAA,gBACCD,KAAAW,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAO,EAAE,iBAAiB,OAAOX,CAAc,IAAI;AAAA,oBACnD,WAAW;AAAA,kBAAA;AAAA,gBACZ;AAAA,gBAGFH,KAA0BP;AAAA,gBAC1BqB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,UAAiB,oBAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACrD;AAAA,UAECZ;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,IACAS,gBAAAA,OAAC,YAAO,WAAWC,EAAKR,MAAY,aAAa,cAAc,UAAU,GACvE,UAAA;AAAA,MAAAO,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,KAAK;AAAA,UACL,YAAW;AAAA,UACX,gBAAgB;AAAA,UAChB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAJ,gBAAAA,EAAA,KAACI,GAAI,EAAA,KAAK,OAAO,YAAW,UAC1B,UAAA;AAAA,cAAAJ,gBAAAA,OAACI,KAAI,KAAK,OAAO,YAAW,UAAS,gBAAgB,UACnD,UAAA;AAAA,gBAAAD,gBAAAA,EAAA,IAACR,GAAa,EAAA,QAAQ,IAAI,OAAO,IAAI,SAAAF,GAAkB;AAAA,gBACtDV,MAAW,eAERiB,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,kBAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,YAAW;AAAA,kBAClDH,gBAAAA,EAAAA,IAACN,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAOJ,MAAY,aAAa,kBAAkB,QAAS,CAAA;AAAA,gBAAA,EAChG,CAAA;AAAA,cAAA,GAEJ;AAAA,cACAU,gBAAAA,EAAAA,IAAC,MAAG,EAAA,WAAWF,EAAKX,GAAsB,iBAAiB,GAEvD,UAAAG,MAAY,YACVU,gBAAAA,EAAAA,IAACI,GACC,EAAA,UAAAP,gBAAAA,EAAA;AAAA,gBAACN;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAW;AAAA,kBAEX,UAAA;AAAA,oBAACS,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,wBAAyB,UAAMrB,GAAA;AAAA,oBAC/CqB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,UAAiB,oBAAA,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,iBAEvD,IAEAH,gBAAAA,EAAA;AAAA,gBAACN;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAW;AAAA,kBAEX,UAAA;AAAA,oBAACS,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,wBAAyB,UAAMrB,GAAA;AAAA,oBAC/CqB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,UAAiB,oBAAA,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA,EAI3D,CAAA;AAAA,YAAA,GACF;AAAA,YACCH,gBAAAA,EAAA,KAAAQ,GAAA,EAAO,MAAK,KAAI,MAAMpB,GAAW,QAAO,KAAI,WAAU,gBAAe,SAASK,MAAY,aAAa,cAAc,WACpH,UAAA;AAAA,cAAAO,gBAAAA,EAAA,KAAC,QAAK,EAAA,OAAO,EAAE,UAAU,GAAM,GAAA,UAAA;AAAA,gBAAA;AAAA,gBAAEf,EAAO;AAAA,gBAAM;AAAA,cAAA,GAAC;AAAA,cAC9CkB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,UAAoB,uBAAA,CAAA;AAAA,YAAA,EACxD,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MACCA,gBAAAA,EAAA,IAAA,OAAA,EAAI,cAAW,uBAAsB,WAAU,iBAC9C,UAAAH,gBAAAA,EAAA;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,WAAU;AAAA,UAEV,UAAA;AAAA,YAACN,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,IAAI,MAAM,WAAU,mBAAkB,MAAK,QAC7C,UAAelB,EAAA,IAAI,CAACwB,GAAMC,MAEvBR,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWF;AAAA,kBACT;AAAA,kBACAS,EAAK,UAAU;AAAA,gBACjB;AAAA,gBAEA,UAAAV,gBAAAA,EAAA;AAAA,kBAACN;AAAA,kBAAA;AAAA,oBACC,MAAMgB,EAAK;AAAA,oBACX,WAAWT;AAAA,sBACT;AAAA,sBACAS,EAAK,SACD,WAAWZ,CAAe,KAC1B,eAAeA,CAAe;AAAA,oBACpC;AAAA,oBACA,QAAQY,EAAK,WAAW,WAAW;AAAA,oBACnC,KAAKA,EAAK,WAAW,wBAAwB;AAAA,oBAE5C,UAAA;AAAA,sBAAKA,EAAA;AAAA,sBACLA,EAAK,UACJP,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAE5C;AAAA,cArBKQ;AAAA,YAsBP,CAEH,GACH;AAAA,YACCxB,KACCa,gBAAAA,EAAA;AAAA,cAACN;AAAA,cAAA;AAAA,gBACC,MAAMP,EAAY;AAAA,gBAClB,WAAWc;AAAA,kBACT;AAAA,kBACAd,EAAY,SACR,WAAWY,CAAiB,KAC5B,eAAeD,CAAe;AAAA,kBAClC;AAAA,kBACAX,EAAY,UAAU;AAAA,gBACxB;AAAA,gBAEC,UAAA;AAAA,kBAAYA,EAAA;AAAA,kBACZA,EAAY,UACXgB,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAE5C;AAAA,QAAA;AAAA,MAAA,EAGN,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es289.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype BreakpointMap = {\n  [key in Breakpoint]: boolean;\n};\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 576,\n  sm: 768,\n  md: 992,\n  lg: 1200,\n  xl: 1400,\n};\n\nexport const useBreakpoint = (): BreakpointMap => {\n  const [current, setCurrent] = useState<BreakpointMap>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n  });\n\n  const evaluate = () => {\n    const width = window.innerWidth;\n    const result: BreakpointMap = {\n      xs: width < breakpoints.xs,\n      sm: width >= breakpoints.xs && width < breakpoints.md,\n      md: width >= breakpoints.md && width < breakpoints.lg,\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\n      xl: width >= breakpoints.lg,\n    };\n    setCurrent(result);\n  };\n\n  useEffect(() => {\n    evaluate();\n    window.addEventListener(\"resize\", evaluate);\n    return () => window.removeEventListener(\"resize\", evaluate);\n  }, []);\n\n  return current;\n};\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":";AAEa,MAAAA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/index.es29.js

@@ -2,13 +2,13 @@ import { j as i } from "./index.es280.js";
 import { useMemo as s } from "react";
 import { AuthorBlock as U } from "./index.es28.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as A } from "./index.es317.js";
-import { useCopyToClipboardCurrentPage as $ } from "./index.es318.js";
-import { getFullNameInitials as E } from "./index.es319.js";
+import { fromISODateToDateFormatted as A } from "./index.es316.js";
+import { useCopyToClipboardCurrentPage as $ } from "./index.es317.js";
+import { getFullNameInitials as E } from "./index.es318.js";
 import { Row as S } from "./index.es122.js";
-import { splitInTwo as F } from "./index.es320.js";
+import { splitInTwo as F } from "./index.es319.js";
 import { ActionIconText as M } from "./index.es20.js";
-import { clsx as v } from "./index.es281.js";
+import { clsx as v } from "./index.es283.js";
 import { ShareButton as R } from "./index.es131.js";
 import { CopyLink as O } from "./index.es198.js";
 import { Col as V } from "./index.es64.js";

package/dist/{index.es296.js → index.es295.js}

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es280.js";
-import { clsx as d } from "./index.es281.js";
-import m from "./index.es298.js";
+import { clsx as d } from "./index.es283.js";
+import m from "./index.es297.js";
 const x = ({
   index: t,
   title: l,
@@ -35,4 +35,4 @@ const x = ({
 export {
   x as StepItem
 };
-//# sourceMappingURL=index.es296.js.map
+//# sourceMappingURL=index.es295.js.map

package/dist/{index.es296.js.map → index.es295.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es296.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\nimport { ToggleLabel } from \"../types\";\n\nexport interface StepData {\n  title: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemProps extends StepData {\n  index: number;\n  isOpen: boolean;\n  onToggle: () => void;\n  detailLabels: ToggleLabel;\n}\n\nexport const StepItem: React.FC<StepItemProps> = ({\n  index,\n  title,\n  content,\n  isOpen,\n  detailLabels,\n  onToggle,\n}) => {\n  return (\n    <div className=\"step-item\">\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\n        <div className=\"step-number\">{index + 1}</div>\n        <div className=\"step-title\">{title}</div>\n      </div>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-box\">\n          <div className=\"\"></div>\n          <div className=\"line\"></div>\n        </div>\n        <div className=\"step-details-content\">\n          <ToggleContent\n            className=\"toggle-btn\"\n            onClick={onToggle}\n            isOpen={isOpen}\n            toggleLabels={detailLabels}\n          />\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\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,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es295.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\nimport { ToggleLabel } from \"../types\";\n\nexport interface StepData {\n  title: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemProps extends StepData {\n  index: number;\n  isOpen: boolean;\n  onToggle: () => void;\n  detailLabels: ToggleLabel;\n}\n\nexport const StepItem: React.FC<StepItemProps> = ({\n  index,\n  title,\n  content,\n  isOpen,\n  detailLabels,\n  onToggle,\n}) => {\n  return (\n    <div className=\"step-item\">\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\n        <div className=\"step-number\">{index + 1}</div>\n        <div className=\"step-title\">{title}</div>\n      </div>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-box\">\n          <div className=\"\"></div>\n          <div className=\"line\"></div>\n        </div>\n        <div className=\"step-details-content\">\n          <ToggleContent\n            className=\"toggle-btn\"\n            onClick={onToggle}\n            isOpen={isOpen}\n            toggleLabels={detailLabels}\n          />\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\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,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}

package/dist/index.es297.js

@@ -0,0 +1,12 @@
+import { j as r } from "./index.es280.js";
+import { clsx as e } from "./index.es283.js";
+import { ArrowTop as m } from "./index.es182.js";
+import { ArrowDown as n } from "./index.es179.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.es297.js.map

package/dist/index.es297.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es297.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\nimport { ToggleLabel } from \"../types\";\nimport clsx from \"clsx\";\n\ntype Props = {\n  className?: string;\n  isOpen: boolean;\n  onClick: () => void;\n  toggleLabels: ToggleLabel;\n};\n\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\n  return (\n    <button className={clsx(\"\", className)} onClick={onClick}>\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\n    </button>\n  );\n};\n\nexport default ToggleContent;\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,UAAO,EAAA,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAASD,IAAAG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAAL,0BAAUM,GAAS,CAAA,CAAA,IAAMD,gBAAAA,EAAA,IAAAE,GAAA,CAAU,CAAA,EAAG,CAAA;AAAA,GACjE;"}

package/dist/index.es298.js

@@ -1,12 +1,32 @@
-import { j as r } from "./index.es280.js";
-import { clsx as e } from "./index.es281.js";
-import { ArrowTop as m } from "./index.es182.js";
-import { ArrowDown as n } from "./index.es179.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.es280.js";
+import { clsx as a } from "./index.es283.js";
+import { StepArrow as d } from "./index.es527.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.es298.js.map

package/dist/index.es298.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es298.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\nimport { ToggleLabel } from \"../types\";\nimport clsx from \"clsx\";\n\ntype Props = {\n  className?: string;\n  isOpen: boolean;\n  onClick: () => void;\n  toggleLabels: ToggleLabel;\n};\n\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\n  return (\n    <button className={clsx(\"\", className)} onClick={onClick}>\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\n    </button>\n  );\n};\n\nexport default ToggleContent;\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,UAAO,EAAA,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAASD,IAAAG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAAL,0BAAUM,GAAS,CAAA,CAAA,IAAMD,gBAAAA,EAAA,IAAAE,GAAA,CAAU,CAAA,EAAG,CAAA;AAAA,GACjE;"}
+{"version":3,"file":"index.es298.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { StepArrow } from \"../../../../../icons/StepArrow\";\n\nexport interface StepDataGenericAccordion {\n  title: string;\n  badge?: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\nexport const StepItemGenericAccordion: React.FC<\n  StepItemPropsGenericAccordion\n> = ({ title, badge, content, isOpen, onToggle }) => {\n  return (\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\n      <button\n        type=\"button\"\n        className=\"step-header\"\n        onClick={onToggle}\n        aria-expanded={isOpen}\n      >\n        <div className=\"step-title\" title={title}>{title}</div>\n        {badge && <div className=\"step-badge\">{badge}</div>}\n        <div className=\"step-arrow\">\n          <StepArrow\n            width={24}\n            height={25}\n            className=\"arrow-icon\"\n            decorative={true}\n          />\n        </div>\n      </button>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-content\">\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx","StepArrow"],"mappings":";;;AAca,MAAAA,IAET,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,+BAEjC,OAAI,EAAA,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAASF;AAAA,MACT,iBAAeD;AAAA,MAEf,UAAA;AAAA,QAAAI,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,cAAa,OAAAP,GAAe,UAAMA,GAAA;AAAA,QAChDC,KAASM,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,cAAc,UAAMN,GAAA;AAAA,QAC7CM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,cACb,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QAAA,EAEhB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EAECD,gBAAAA,MAAA,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAI,EAAA,WAAU,wBACZ,UAAAJ,2BAAW,OAAI,EAAA,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EACF,CAAA;AAAA,GACF;"}

package/dist/index.es30.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es280.js";
-import { createColorClasses as l } from "./index.es282.js";
-import { clsx as x } from "./index.es281.js";
+import { createColorClasses as l } from "./index.es320.js";
+import { clsx as x } from "./index.es283.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es300.js

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

package/dist/index.es300.js.map

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

package/dist/index.es301.js

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

package/dist/index.es303.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.es303.js.map

package/dist/index.es303.js.map

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

package/dist/index.es307.js

@@ -0,0 +1,29 @@
+import { j as e } from "./index.es280.js";
+import { Title as o, Close as d } from "./index.es322.js";
+import { Button as i } from "./index.es34.js";
+import './components/ui/AddNewModal/AddNewModalHeader/AddNewModalHeader.css';/* empty css            */
+import { Close as r } from "./index.es196.js";
+const x = ({
+  closeButton: s = "Annulla",
+  onCloseClick: l,
+  children: a
+}) => /* @__PURE__ */ e.jsxs("header", { className: "ui-add-new-modal-header bg-white", children: [
+  /* @__PURE__ */ e.jsx(o, { className: "fs-7 md-fs-custom text-slate-20 fw-bold", children: a }),
+  /* @__PURE__ */ e.jsx(d, { asChild: !0, className: "ui-add-new-modal-header-close", children: /* @__PURE__ */ e.jsxs(
+    i,
+    {
+      size: "4",
+      variant: "closeModal",
+      "aria-label": "Chiudi modale",
+      onClick: l,
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "close-label-mobile", children: s }),
+        /* @__PURE__ */ e.jsx(r, { className: "ml-x8", width: 32, height: 32 })
+      ]
+    }
+  ) })
+] });
+export {
+  x as AddNewModalHeader
+};
+//# sourceMappingURL=index.es307.js.map

package/dist/index.es307.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es307.js","sources":["../src/components/ui/AddNewModal/AddNewModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close } from \"@/icons\";\nimport \"./AddNewModalHeader.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalHeaderProps = {\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n};\n\nexport const AddNewModalHeader = ({\n  closeButton = \"Annulla\",\n  onCloseClick,\n  children,\n}: AddNewModalHeaderProps) => {\n  return (\n    <header className=\"ui-add-new-modal-header bg-white\">\n      <Dialog.Title className=\"fs-7 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-add-new-modal-header-close\">\n        <Button\n          size=\"4\"\n          variant={\"closeModal\"}\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          <div className={\"close-label-mobile\"}>{closeButton}</div>\n          <Close className=\"ml-x8\" width={32} height={32} />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["AddNewModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAYO,MAAMA,IAAoB,CAAC;AAAA,EAChC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oCAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,iCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAW;AAAA,MACX,SAASN;AAAA,MAET,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,sBAAuB,UAAYJ,GAAA;AAAA,8BAClDQ,GAAM,EAAA,WAAU,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEpD,CAAA;AAAA,GACF;"}

package/dist/index.es308.js

@@ -1,29 +1,20 @@
-import { j as e } from "./index.es280.js";
-import { Title as o, Close as d } from "./index.es322.js";
-import { Button as i } from "./index.es34.js";
-import './components/ui/AddNewModal/AddNewModalHeader/AddNewModalHeader.css';/* empty css            */
-import { Close as r } from "./index.es196.js";
-const x = ({
-  closeButton: s = "Annulla",
-  onCloseClick: l,
-  children: a
-}) => /* @__PURE__ */ e.jsxs("header", { className: "ui-add-new-modal-header bg-white", children: [
-  /* @__PURE__ */ e.jsx(o, { className: "fs-7 md-fs-custom text-slate-20 fw-bold", children: a }),
-  /* @__PURE__ */ e.jsx(d, { asChild: !0, className: "ui-add-new-modal-header-close", children: /* @__PURE__ */ e.jsxs(
-    i,
-    {
-      size: "4",
-      variant: "closeModal",
-      "aria-label": "Chiudi modale",
-      onClick: l,
-      children: [
-        /* @__PURE__ */ e.jsx("div", { className: "close-label-mobile", children: s }),
-        /* @__PURE__ */ e.jsx(r, { className: "ml-x8", width: 32, height: 32 })
-      ]
-    }
-  ) })
-] });
+import { j as r } from "./index.es280.js";
+import { clsx as d } from "./index.es283.js";
+import './components/ui/AddNewModal/AddNewModalContent/AddNewModalContent.css';/* empty css            */
+const a = ({
+  overrideClassNames: o,
+  children: t
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: d(
+      "ui-add-new-modal-body ui-modal-content-scrollable",
+      o
+    ),
+    children: t
+  }
+);
 export {
-  x as AddNewModalHeader
+  a as AddNewModalContent
 };
 //# sourceMappingURL=index.es308.js.map

package/dist/index.es308.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es308.js","sources":["../src/components/ui/AddNewModal/AddNewModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close } from \"@/icons\";\nimport \"./AddNewModalHeader.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalHeaderProps = {\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n};\n\nexport const AddNewModalHeader = ({\n  closeButton = \"Annulla\",\n  onCloseClick,\n  children,\n}: AddNewModalHeaderProps) => {\n  return (\n    <header className=\"ui-add-new-modal-header bg-white\">\n      <Dialog.Title className=\"fs-7 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-add-new-modal-header-close\">\n        <Button\n          size=\"4\"\n          variant={\"closeModal\"}\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          <div className={\"close-label-mobile\"}>{closeButton}</div>\n          <Close className=\"ml-x8\" width={32} height={32} />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["AddNewModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAYO,MAAMA,IAAoB,CAAC;AAAA,EAChC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oCAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,iCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAW;AAAA,MACX,SAASN;AAAA,MAET,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,sBAAuB,UAAYJ,GAAA;AAAA,8BAClDQ,GAAM,EAAA,WAAU,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEpD,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es308.js","sources":["../src/components/ui/AddNewModal/AddNewModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./AddNewModalContent.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalContentProps = {\n  overrideClassNames?: string;\n  children?: ReactNode;\n};\n\nexport const AddNewModalContent = ({\n  overrideClassNames,\n  children,\n}: AddNewModalContentProps) => {\n  return (\n    <div\n      className={clsx(\n        \"ui-add-new-modal-body ui-modal-content-scrollable\",\n        overrideClassNames,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["AddNewModalContent","overrideClassNames","children","jsx","clsx"],"mappings":";;;AASO,MAAMA,IAAqB,CAAC;AAAA,EACjC,oBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IAEC,UAAAC;AAAA,EAAA;AACH;"}

package/dist/index.es309.js

@@ -1,20 +1,7 @@
-import { j as r } from "./index.es280.js";
-import { clsx as d } from "./index.es281.js";
-import './components/ui/AddNewModal/AddNewModalContent/AddNewModalContent.css';/* empty css            */
-const a = ({
-  overrideClassNames: o,
-  children: t
-}) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: d(
-      "ui-add-new-modal-body ui-modal-content-scrollable",
-      o
-    ),
-    children: t
-  }
-);
+import { j as t } from "./index.es280.js";
+import './components/ui/AddNewModal/AddNewModalFooter/AddNewModalFooter.css';/* empty css            */
+const a = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-add-new-modal-footer bg-white shadow ui-modal-footer", children: o });
 export {
-  a as AddNewModalContent
+  a as AddNewModalFooter
 };
 //# sourceMappingURL=index.es309.js.map

package/dist/index.es309.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es309.js","sources":["../src/components/ui/AddNewModal/AddNewModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./AddNewModalContent.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalContentProps = {\n  overrideClassNames?: string;\n  children?: ReactNode;\n};\n\nexport const AddNewModalContent = ({\n  overrideClassNames,\n  children,\n}: AddNewModalContentProps) => {\n  return (\n    <div\n      className={clsx(\n        \"ui-add-new-modal-body ui-modal-content-scrollable\",\n        overrideClassNames,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["AddNewModalContent","overrideClassNames","children","jsx","clsx"],"mappings":";;;AASO,MAAMA,IAAqB,CAAC;AAAA,EACjC,oBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IAEC,UAAAC;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es309.js","sources":["../src/components/ui/AddNewModal/AddNewModalFooter/index.tsx"],"sourcesContent":["import \"./AddNewModalFooter.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalFooterProps = {\n  children?: ReactNode;\n};\n\nexport const AddNewModalFooter = ({ children }: AddNewModalFooterProps) => {\n  return (\n    <footer className=\"ui-add-new-modal-footer bg-white shadow ui-modal-footer\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["AddNewModalFooter","children","jsx"],"mappings":";;AAOO,MAAMA,IAAoB,CAAC,EAAE,UAAAC,QAE/BC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2DACf,UAAAD,EACH,CAAA;"}

package/dist/index.es31.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es280.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es281.js";
+import { clsx as a } from "./index.es283.js";
 import { Col as r } from "./index.es64.js";
 const m = ({ size: t = "2" }) => {
   const s = a(

package/dist/{index.es313.js → index.es312.js}

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es525.js";
-import { useComposedRefs as A } from "./index.es526.js";
+import { createContextScope as T } from "./index.es523.js";
+import { useComposedRefs as A } from "./index.es524.js";
 import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es322.js";
-import { composeEventHandlers as F } from "./index.es527.js";
-import { createSlottable as G } from "./index.es528.js";
+import { composeEventHandlers as F } from "./index.es525.js";
+import { createSlottable as G } from "./index.es526.js";
 import { j as i } from "./index.es280.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v
@@ -124,4 +124,4 @@ export {
   ce as Title,
   te as createAlertDialogScope
 };
-//# sourceMappingURL=index.es313.js.map
+//# sourceMappingURL=index.es312.js.map