@anoki/fse-ui 1.0.423 → 1.0.425

package/dist/index.es190.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es190.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Region } from \"../Header\";\r\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\r\nimport { Close, Hamburguer } from \"@/icons\";\r\nimport { useCallback, useEffect, useRef, useState } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderMobile.scss\";\r\nimport { Col } from \"@/components/ui/Col\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\ntype NavigationLabels = {\r\n  closeMenu: string;\r\n  login: string;\r\n};\r\n\r\nexport type HeaderMobileProps = HeaderTopBannerProps & {\r\n  shortTitle: React.ReactNode;\r\n  menuTitle?: string;\r\n  region: Region;\r\n  navigatonItems: NavigationItem[];\r\n  labels: NavigationLabels;\r\n  loginLink?: string;\r\n};\r\n\r\nexport const HeaderMobile = ({\r\n  shortTitle,\r\n  menuTitle = \"Menù\",\r\n  region,\r\n  asLink = \"a\",\r\n  navigatonItems,\r\n  labels,\r\n  loginLink = \"/\",\r\n}: HeaderMobileProps) => {\r\n  const LinkComponent = asLink;\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const navId = \"main-navigation\";\r\n  const navRef = useRef<HTMLElement>(null);\r\n\r\n  useFocusTrap(navRef, isOpen);\r\n\r\n  const toggleMenu = useCallback(() => {\r\n    setIsOpen(!isOpen);\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      document.body.classList.add(\"ui-body-overflow-hidden\");\r\n    } else {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    }\r\n\r\n    return () => {\r\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\r\n    };\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    const handleEscape = (e: KeyboardEvent) => {\r\n      if (e.key === \"Escape\" && isOpen) {\r\n        toggleMenu();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", handleEscape);\r\n    return () => document.removeEventListener(\"keydown\", handleEscape);\r\n  }, [isOpen, toggleMenu]);\r\n\r\n  const handleLinkClick = () => {\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <div className=\"sticky-header shadow\">\r\n      <HeaderTopBanner\r\n        asLink={asLink}\r\n        shortTitle={shortTitle}\r\n        region={region}\r\n      />\r\n\r\n      <Container\r\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\r\n        as=\"header\"\r\n        py=\"x8\"\r\n      >\r\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\r\n          <Button\r\n            size=\"3\"\r\n            bg=\"white\"\r\n            textColor=\"primary\"\r\n            href={loginLink}\r\n            asLink=\"a\"\r\n          >\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                    aria-label={`Vai alla pagina ${item.label}`}\r\n                    className={clsx(\r\n                      \"text-decoration-none text-primary fs-5\",\r\n                      item.active ? \"fw-bold\" : \"fw-normal\",\r\n                    )}\r\n                    onClick={handleLinkClick}\r\n                    target={item.isNewTab ? \"_blank\" : undefined}\r\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n                  >\r\n                    {item.label}\r\n                    {item.active && (\r\n                      <span className=\"visually-hidden\">Attivo</span>\r\n                    )}\r\n                  </LinkComponent>\r\n                </li>\r\n              );\r\n            })}\r\n          </ul>\r\n        </nav>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","Row","Button","Hamburguer","clsx","Col","Close","item","index"],"mappings":";;;;;;;;;;;;AAmCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAyB;AACvB,QAAMC,IAAgBJ,GAChB,CAACK,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAQ,mBACRC,IAASC,EAAoB,IAAI;AAEvC,EAAAC,EAAaF,GAAQJ,CAAM;AAErB,QAAAO,IAAaC,EAAY,MAAM;AACnC,IAAAP,EAAU,CAACD,CAAM;AAAA,EAAA,GAChB,CAACA,CAAM,CAAC;AAEX,EAAAS,EAAU,OACJT,IACO,SAAA,KAAK,UAAU,IAAI,yBAAyB,IAE5C,SAAA,KAAK,UAAU,OAAO,yBAAyB,GAGnD,MAAM;AACF,aAAA,KAAK,UAAU,OAAO,yBAAyB;AAAA,EAC1D,IACC,CAACA,CAAM,CAAC,GAEXS,EAAU,MAAM;AACR,UAAAC,IAAe,CAACC,MAAqB;AACrC,MAAAA,EAAE,QAAQ,YAAYX,KACbO,EAAA;AAAA,IAEf;AAES,oBAAA,iBAAiB,WAAWG,CAAY,GAC1C,MAAM,SAAS,oBAAoB,WAAWA,CAAY;AAAA,EAAA,GAChE,CAACV,GAAQO,CAAU,CAAC;AAEvB,QAAMK,IAAkB,MAAM;AAC5B,IAAAX,EAAU,EAAK;AAAA,EACjB;AAGE,SAAAY,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAApB;AAAA,QACA,YAAAH;AAAA,QACA,QAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEAmB,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAG;AAAA,QACH,IAAG;AAAA,QAEH,UAAA;AAAA,UAAAH,gBAAAA,OAACI,KAAI,KAAK,OAAO,YAAY,UAAU,gBAAgB,OACrD,UAAA;AAAA,YAAAJ,gBAAAA,EAAA;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,IAAG;AAAA,gBACH,WAAU;AAAA,gBACV,MAAMpB;AAAA,gBACN,QAAO;AAAA,gBAEN,UAAA;AAAA,kBAAOD,EAAA;AAAA,kBACPiB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,mBAAkB,UAAoB,uBAAA,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACxD;AAAA,YACAA,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,iBAAed;AAAA,gBACf,cAAW;AAAA,gBACX,SAASO;AAAA,gBACT,WAAU;AAAA,gBACV,iBAAeJ;AAAA,gBAEf,gCAACgB,GAAW,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACnD,GACF;AAAA,UAEAN,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIV;AAAA,cACJ,cAAW;AAAA,cACX,WAAWiB,EAAKpB,IAAS,wBAAwB,iBAAiB;AAAA,cAClE,KAAKI;AAAA,cAEL,UAAA;AAAA,gBAACS,gBAAAA,EAAAA,KAAAQ,GAAA,EAAI,WAAU,wBACb,UAAA;AAAA,kBAAAR,gBAAAA,EAAA;AAAA,oBAACK;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,IAAG;AAAA,sBACH,SAASX;AAAA,sBACT,cAAW;AAAA,sBACX,iBAAeJ;AAAA,sBAEd,UAAA;AAAA,wBAAON,EAAA;AAAA,8CACPyB,GAAM,CAAA,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACT;AAAA,kBACCR,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,sBAAsB,UAAUrB,EAAA,CAAA;AAAA,gBAAA,GAChD;AAAA,gBAEAqB,gBAAAA,EAAAA,IAAC,MAAG,EAAA,WAAU,yBAAwB,MAAK,QACxC,UAAelB,EAAA,IAAI,CAAC2B,GAAMC,MAEvBV,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,WAAWM;AAAA,sBACT;AAAA,sBACAG,EAAK,UAAU;AAAA,oBACjB;AAAA,oBAEA,UAAAV,gBAAAA,EAAA;AAAA,sBAACd;AAAA,sBAAA;AAAA,wBACC,MAAMwB,EAAK;AAAA,wBACX,cAAY,mBAAmBA,EAAK,KAAK;AAAA,wBACzC,WAAWH;AAAA,0BACT;AAAA,0BACAG,EAAK,SAAS,YAAY;AAAA,wBAC5B;AAAA,wBACA,SAASX;AAAA,wBACT,QAAQW,EAAK,WAAW,WAAW;AAAA,wBACnC,KAAKA,EAAK,WAAW,wBAAwB;AAAA,wBAE5C,UAAA;AAAA,0BAAKA,EAAA;AAAA,0BACLA,EAAK,UACJT,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,wBAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAE5C;AAAA,kBArBKU;AAAA,gBAsBP,CAEH,EACH,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"index.es190.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/Button\";\nimport { Region } from \"../Header\";\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\nimport { Close, Hamburguer } from \"@/icons\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderMobile.scss\";\nimport { Col } from \"@/components/ui/Col\";\nimport { Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderMobileProps = HeaderTopBannerProps & {\n  shortTitle: React.ReactNode;\n  menuTitle?: string;\n  region: Region;\n  navigatonItems: NavigationItem[];\n  labels: NavigationLabels;\n  loginLink?: string;\n};\n\nexport const HeaderMobile = ({\n  shortTitle,\n  menuTitle = \"Menù\",\n  region,\n  asLink = \"a\",\n  navigatonItems,\n  labels,\n  loginLink = \"/\",\n}: HeaderMobileProps) => {\n  const LinkComponent = asLink;\n  const [isOpen, setIsOpen] = useState(false);\n  const navId = \"main-navigation\";\n  const navRef = useRef<HTMLElement>(null);\n\n  useFocusTrap(navRef, isOpen);\n\n  const toggleMenu = useCallback(() => {\n    setIsOpen(!isOpen);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add(\"ui-body-overflow-hidden\");\n    } else {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    }\n\n    return () => {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && isOpen) {\n        toggleMenu();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen, toggleMenu]);\n\n  const handleLinkClick = () => {\n    setIsOpen(false);\n  };\n\n  return (\n    <div className=\"sticky-header shadow\">\n      <HeaderTopBanner\n        asLink={asLink}\n        shortTitle={shortTitle}\n        region={region}\n      />\n\n      <Container\n        className=\"bg-slate-20 min-h-x64 base-row align-items-center justify-content-end\"\n        as=\"header\"\n        py=\"x8\"\n      >\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\n          <Button\n            size=\"3\"\n            bg=\"white\"\n            textColor=\"primary\"\n            href={loginLink}\n            asLink=\"a\"\n          >\n            {labels.login}\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n          <button\n            aria-expanded={isOpen}\n            aria-label=\"Apri menu di navigazione\"\n            onClick={toggleMenu}\n            className=\"ui-mobile-menu-toggle\"\n            aria-controls={navId}\n          >\n            <Hamburguer width={40} height={40} color=\"white\" />\n          </button>\n        </Row>\n\n        <nav\n          id={navId}\n          aria-label=\"Menu di navigazione\"\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\n          ref={navRef}\n        >\n          <Col className=\"ui-mobile-nav-header\">\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              onClick={toggleMenu}\n              aria-label=\"Chiudi menu di navigazione\"\n              aria-controls={navId}\n            >\n              {labels.closeMenu}\n              <Close />\n            </Button>\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\n          </Col>\n\n          <ul className=\"list-style-none p-x16\" role=\"list\">\n            {navigatonItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    \"ui-mobile-nav-item\",\n                    item.active && \"active\",\n                  )}\n                >\n                  <LinkComponent\n                    href={item.href}\n                    aria-label={`Vai alla pagina ${item.label}`}\n                    className={clsx(\n                      \"text-decoration-none text-primary fs-5\",\n                      item.active ? \"fw-bold\" : \"fw-normal\",\n                    )}\n                    onClick={handleLinkClick}\n                    target={item.isNewTab ? \"_blank\" : undefined}\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                  >\n                    {item.label}\n                    {item.active && (\n                      <span className=\"visually-hidden\">Attivo</span>\n                    )}\n                  </LinkComponent>\n                </li>\n              );\n            })}\n          </ul>\n        </nav>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","Row","Button","Hamburguer","clsx","Col","Close","item","index"],"mappings":"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"}

package/dist/index.es191.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es161.js";
-import { Divider as u } from "./index.es180.js";
+import { Divider as v } from "./index.es180.js";
 import { LOGOS as d } from "./index.es24.js";
 import { HeaderSlim as N } from "./index.es17.js";
 import { clsx as n } from "./index.es163.js";
@@ -15,13 +15,13 @@ const O = ({
   labels: m,
   navigatonItems: h,
   supportLink: s,
-  loginLink: j = "/",
+  loginLink: f = "/",
   shortTitle: c,
-  headerTitleClassname: f,
+  headerTitleClassname: j,
   children: p,
   headerLogoUrl2: o
 }) => {
-  const i = x, b = d.nazionale, v = d[r];
+  const i = x, b = d.nazionale, g = d[r];
   return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header bg-white", children: [
     /* @__PURE__ */ e.jsxs(
       N,
@@ -68,11 +68,11 @@ const O = ({
               /* @__PURE__ */ e.jsxs(l, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
                 /* @__PURE__ */ e.jsx(b, { height: 58 }),
                 r !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(u, { bg: "border-divider", direction: "vertical" }),
-                  /* @__PURE__ */ e.jsx(v, { width: 58, height: 58 })
+                  /* @__PURE__ */ e.jsx(v, { bg: "border-divider", direction: "vertical" }),
+                  /* @__PURE__ */ e.jsx(g, { width: 58, height: 58 })
                 ] })
               ] }),
-              /* @__PURE__ */ e.jsx("h1", { className: n(f), children: /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsxs(
+              /* @__PURE__ */ e.jsx("h1", { className: n(j), children: /* @__PURE__ */ e.jsx(w, { children: /* @__PURE__ */ e.jsxs(
                 i,
                 {
                   href: "/",
@@ -84,7 +84,7 @@ const O = ({
                 }
               ) }) })
             ] }),
-            /* @__PURE__ */ e.jsxs(y, { size: "2", href: j, asLink: "a", children: [
+            /* @__PURE__ */ e.jsxs(y, { size: "2", href: f, asLink: "a", children: [
               m.login,
               /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
             ] })
@@ -92,7 +92,7 @@ const O = ({
         }
       ),
       /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(I, { className: "base-row align-items-center justify-content-between max-h-x52", children: [
-        /* @__PURE__ */ e.jsx(l, { as: "ul", className: "list-style-none", role: "list", children: h.map((a, g) => /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx(l, { as: "ul", className: "list-style-none", role: "list", children: h.map((a, u) => /* @__PURE__ */ e.jsx(
           "li",
           {
             className: n(
@@ -117,7 +117,7 @@ const O = ({
               }
             )
           },
-          g
+          u
         )) }),
         s && /* @__PURE__ */ e.jsxs(
           i,

package/dist/index.es197.js

@@ -1,12 +1,12 @@
 import * as n from "react";
-import { useComposedRefs as N } from "./index.es290.js";
-import { createContextScope as M } from "./index.es291.js";
-import { composeEventHandlers as S } from "./index.es289.js";
-import { useControllableState as O } from "./index.es292.js";
-import { usePrevious as A } from "./index.es296.js";
-import { useSize as B } from "./index.es297.js";
-import { Presence as H } from "./index.es298.js";
-import { Primitive as j } from "./index.es293.js";
+import { useComposedRefs as N } from "./index.es292.js";
+import { createContextScope as M } from "./index.es293.js";
+import { composeEventHandlers as S } from "./index.es291.js";
+import { useControllableState as O } from "./index.es294.js";
+import { usePrevious as A } from "./index.es298.js";
+import { useSize as B } from "./index.es299.js";
+import { Presence as H } from "./index.es300.js";
+import { Primitive as j } from "./index.es301.js";
 import { j as f } from "./index.es161.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es198.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es198.js","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["// src/hooks/useClickOutside.ts\r\nimport { useEffect, RefObject } from \"react\";\r\n\r\n// Make the hook generic to accept any HTMLElement type\r\nexport function useClickOutside<T extends HTMLDivElement | null>(\r\n  ref: RefObject<T>,\r\n  isActive: boolean,\r\n  onClickOutside: () => void,\r\n  resetSelection?: () => void,\r\n  keepSelectionOnNavigation?: boolean,\r\n): void {\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (ref.current && !ref.current.contains(event.target as Node)) {\r\n        const isNavigationElement = (event.target as HTMLElement).closest(\r\n          '[data-navigation=\"true\"]',\r\n        );\r\n\r\n        if (!isNavigationElement || !keepSelectionOnNavigation) {\r\n          onClickOutside();\r\n\r\n          if (resetSelection) {\r\n            resetSelection();\r\n          }\r\n        }\r\n      }\r\n    };\r\n\r\n    if (isActive) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [\r\n    ref,\r\n    isActive,\r\n    onClickOutside,\r\n    resetSelection,\r\n    keepSelectionOnNavigation,\r\n  ]);\r\n}\r\n"],"names":["useClickOutside","ref","isActive","onClickOutside","resetSelection","keepSelectionOnNavigation","useEffect","handleClickOutside","event"],"mappings":";AAIO,SAASA,EACdC,GACAC,GACAC,GACAC,GACAC,GACM;AACN,EAAAC,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAC5C,MAAAP,EAAI,WAAW,CAACA,EAAI,QAAQ,SAASO,EAAM,MAAc,MAKvD,CAJyBA,EAAM,OAAuB;AAAA,QACxD;AAAA,MACF,KAE4B,CAACH,OACZF,EAAA,GAEXC,KACaA,EAAA;AAAA,IAIvB;AAEA,WAAIF,KACO,SAAA,iBAAiB,aAAaK,CAAkB,GAGpD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC;AAAA,IACDN;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"index.es198.js","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["// src/hooks/useClickOutside.ts\nimport { useEffect, RefObject } from \"react\";\n\n// Make the hook generic to accept any HTMLElement type\nexport function useClickOutside<T extends HTMLDivElement | null>(\n  ref: RefObject<T>,\n  isActive: boolean,\n  onClickOutside: () => void,\n  resetSelection?: () => void,\n  keepSelectionOnNavigation?: boolean,\n): void {\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        const isNavigationElement = (event.target as HTMLElement).closest(\n          '[data-navigation=\"true\"]',\n        );\n\n        if (!isNavigationElement || !keepSelectionOnNavigation) {\n          onClickOutside();\n\n          if (resetSelection) {\n            resetSelection();\n          }\n        }\n      }\n    };\n\n    if (isActive) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [\n    ref,\n    isActive,\n    onClickOutside,\n    resetSelection,\n    keepSelectionOnNavigation,\n  ]);\n}\n"],"names":["useClickOutside","ref","isActive","onClickOutside","resetSelection","keepSelectionOnNavigation","useEffect","handleClickOutside","event"],"mappings":";AAIO,SAASA,EACdC,GACAC,GACAC,GACAC,GACAC,GACM;AACN,EAAAC,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAC5C,MAAAP,EAAI,WAAW,CAACA,EAAI,QAAQ,SAASO,EAAM,MAAc,MAKvD,CAJyBA,EAAM,OAAuB;AAAA,QACxD;AAAA,MACF,KAE4B,CAACH,OACZF,EAAA,GAEXC,KACaA,EAAA;AAAA,IAIvB;AAEA,WAAIF,KACO,SAAA,iBAAiB,aAAaK,CAAkB,GAGpD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC;AAAA,IACDN;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AACH;"}

package/dist/index.es20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es20.js","sources":["../src/components/navigations/TabBar/index.tsx"],"sourcesContent":["\"use client\";\r\nimport clsx from \"clsx\";\r\nimport \"./TabBar.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  icon?: React.ComponentType<any>;\r\n  active?: boolean;\r\n  shortLabel?: string;\r\n};\r\n\r\nexport type TabBarProps = {\r\n  navigatonItems: NavigationItem[];\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  className?: string;\r\n};\r\n\r\nexport const TabBar = ({\r\n  navigatonItems,\r\n  asLink = \"a\",\r\n  className,\r\n}: TabBarProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <nav className={clsx(\"bg-white ui-tab-bar shadow\", className)}>\r\n      <Row as={\"ul\"} className=\"list-style-none ui-tab-bar-list\" role=\"list\">\r\n        {navigatonItems.map((item, index) => {\r\n          const IconComponent = item?.icon;\r\n          return (\r\n            <li key={index} className=\"ui-tab-bar-item\">\r\n              <LinkComponent\r\n                href={item.href}\r\n                aria-label={`Vai alla pagina ${item.label}`}\r\n                className={clsx(\r\n                  \"text-decoration-none text-secondary fs-8 fw-bold\",\r\n                  item.active && \"active\",\r\n                )}\r\n              >\r\n                {IconComponent && (\r\n                  <IconComponent\r\n                    color={item.active ? \"primary\" : \"secondary\"}\r\n                    filled={!!item.active}\r\n                  />\r\n                )}\r\n                {item.shortLabel ? item.shortLabel : item.label}\r\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\r\n              </LinkComponent>\r\n            </li>\r\n          );\r\n        })}\r\n      </Row>\r\n    </nav>\r\n  );\r\n};\r\n"],"names":["TabBar","navigatonItems","asLink","className","LinkComponent","clsx","jsx","Row","item","index","IconComponent","jsxs"],"mappings":";;;;AAmBO,MAAMA,IAAS,CAAC;AAAA,EACrB,gBAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAAmB;AACjB,QAAMC,IAAgBF;AAEtB,+BACG,OAAI,EAAA,WAAWG,EAAK,8BAA8BF,CAAS,GAC1D,UAACG,gBAAAA,EAAA,IAAAC,GAAA,EAAI,IAAI,MAAM,WAAU,mCAAkC,MAAK,QAC7D,YAAe,IAAI,CAACC,GAAMC,MAAU;AACnC,UAAMC,IAAgBF,KAAA,gBAAAA,EAAM;AAE1B,WAAAF,gBAAAA,EAAAA,IAAC,MAAe,EAAA,WAAU,mBACxB,UAAAK,gBAAAA,EAAA;AAAA,MAACP;AAAA,MAAA;AAAA,QACC,MAAMI,EAAK;AAAA,QACX,cAAY,mBAAmBA,EAAK,KAAK;AAAA,QACzC,WAAWH;AAAA,UACT;AAAA,UACAG,EAAK,UAAU;AAAA,QACjB;AAAA,QAEC,UAAA;AAAA,UACCE,KAAAJ,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAOF,EAAK,SAAS,YAAY;AAAA,cACjC,QAAQ,CAAC,CAACA,EAAK;AAAA,YAAA;AAAA,UACjB;AAAA,UAEDA,EAAK,aAAaA,EAAK,aAAaA,EAAK;AAAA,UACzCA,EAAK,UAAUF,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,SAhBnDG,CAkBT;AAAA,EAAA,CAEH,GACH,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es20.js","sources":["../src/components/navigations/TabBar/index.tsx"],"sourcesContent":["\"use client\";\nimport clsx from \"clsx\";\nimport \"./TabBar.scss\";\nimport { Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  icon?: React.ComponentType<any>;\n  active?: boolean;\n  shortLabel?: string;\n};\n\nexport type TabBarProps = {\n  navigatonItems: NavigationItem[];\n  asLink?: \"a\" | React.ComponentType<any>;\n  className?: string;\n};\n\nexport const TabBar = ({\n  navigatonItems,\n  asLink = \"a\",\n  className,\n}: TabBarProps) => {\n  const LinkComponent = asLink;\n\n  return (\n    <nav className={clsx(\"bg-white ui-tab-bar shadow\", className)}>\n      <Row as={\"ul\"} className=\"list-style-none ui-tab-bar-list\" role=\"list\">\n        {navigatonItems.map((item, index) => {\n          const IconComponent = item?.icon;\n          return (\n            <li key={index} className=\"ui-tab-bar-item\">\n              <LinkComponent\n                href={item.href}\n                aria-label={`Vai alla pagina ${item.label}`}\n                className={clsx(\n                  \"text-decoration-none text-secondary fs-8 fw-bold\",\n                  item.active && \"active\",\n                )}\n              >\n                {IconComponent && (\n                  <IconComponent\n                    color={item.active ? \"primary\" : \"secondary\"}\n                    filled={!!item.active}\n                  />\n                )}\n                {item.shortLabel ? item.shortLabel : item.label}\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\n              </LinkComponent>\n            </li>\n          );\n        })}\n      </Row>\n    </nav>\n  );\n};\n"],"names":["TabBar","navigatonItems","asLink","className","LinkComponent","clsx","jsx","Row","item","index","IconComponent","jsxs"],"mappings":";;;;AAmBO,MAAMA,IAAS,CAAC;AAAA,EACrB,gBAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAAmB;AACjB,QAAMC,IAAgBF;AAEtB,+BACG,OAAI,EAAA,WAAWG,EAAK,8BAA8BF,CAAS,GAC1D,UAACG,gBAAAA,EAAA,IAAAC,GAAA,EAAI,IAAI,MAAM,WAAU,mCAAkC,MAAK,QAC7D,YAAe,IAAI,CAACC,GAAMC,MAAU;AACnC,UAAMC,IAAgBF,KAAA,gBAAAA,EAAM;AAE1B,WAAAF,gBAAAA,EAAAA,IAAC,MAAe,EAAA,WAAU,mBACxB,UAAAK,gBAAAA,EAAA;AAAA,MAACP;AAAA,MAAA;AAAA,QACC,MAAMI,EAAK;AAAA,QACX,cAAY,mBAAmBA,EAAK,KAAK;AAAA,QACzC,WAAWH;AAAA,UACT;AAAA,UACAG,EAAK,UAAU;AAAA,QACjB;AAAA,QAEC,UAAA;AAAA,UACCE,KAAAJ,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAOF,EAAK,SAAS,YAAY;AAAA,cACjC,QAAQ,CAAC,CAACA,EAAK;AAAA,YAAA;AAAA,UACjB;AAAA,UAEDA,EAAK,aAAaA,EAAK,aAAaA,EAAK;AAAA,UACzCA,EAAK,UAAUF,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,SAhBnDG,CAkBT;AAAA,EAAA,CAEH,GACH,EACF,CAAA;AAEJ;"}

package/dist/index.es201.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es201.js","sources":["../src/hooks/useIsDesktop.ts"],"sourcesContent":["import { useMediaQuery, useMediaQueryV2 } from \"./useMediaQuery\";\r\n\r\nexport const useIsDesktop = (): boolean => {\r\n  return useMediaQuery(\"(min-width: 1200px)\");\r\n};\r\n\r\nexport const useIsDesktopV2 = (initialValue?: boolean): boolean => {\r\n  return useMediaQueryV2(\"(min-width: 1200px)\", initialValue ?? false);\r\n};\r\n"],"names":["useIsDesktop","useMediaQuery"],"mappings":";AAEO,MAAMA,IAAe,MACnBC,EAAc,qBAAqB;"}
+{"version":3,"file":"index.es201.js","sources":["../src/hooks/useIsDesktop.ts"],"sourcesContent":["import { useMediaQuery, useMediaQueryV2 } from \"./useMediaQuery\";\n\nexport const useIsDesktop = (): boolean => {\n  return useMediaQuery(\"(min-width: 1200px)\");\n};\n\nexport const useIsDesktopV2 = (initialValue?: boolean): boolean => {\n  return useMediaQueryV2(\"(min-width: 1200px)\", initialValue ?? false);\n};\n"],"names":["useIsDesktop","useMediaQuery"],"mappings":";AAEO,MAAMA,IAAe,MACnBC,EAAc,qBAAqB;"}

package/dist/index.es206.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es206.js","sources":["../src/icons/Spid/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const Spid = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"currentColor\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n      className={clsx(className, classes)}\r\n    >\r\n      <path\r\n        d=\"M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z\"\r\n        fill=\"#0066CC\"\r\n        stroke=\"#0066CC\"\r\n        strokeWidth=\"0.3\"\r\n      />\r\n      <path\r\n        d=\"M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z\"\r\n        fill=\"#0066CC\"\r\n        stroke=\"#0066CC\"\r\n        strokeWidth=\"0.3\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["Spid","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MACZ,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAElC,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es206.js","sources":["../src/icons/Spid/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Spid = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className={clsx(className, classes)}\n    >\n      <path\n        d=\"M11.9996 0C5.38314 0 0 5.38343 0 11.9998C0 18.6166 5.38314 24 11.9996 24C18.6165 24 24 18.6166 24 11.9998C24 5.38343 18.6165 0 11.9996 0Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M9.13824 11.8425C8.37925 11.0725 8 10.1162 8 8.97684C8 7.83516 8.37925 6.88577 9.13349 6.13004C9.88724 5.37661 10.8482 4.99805 12.0283 4.99805C13.2036 4.99805 14.1603 5.38168 14.895 6.15908C15.6312 6.93603 16 7.88727 16 9.02663C16 10.1628 15.6312 11.1066 14.895 11.8642C14.1603 12.619 13.2093 12.998 12.0378 12.998C10.8663 12.998 9.90008 12.6135 9.13824 11.8425Z\"\n        fill=\"#0066CC\"\n        stroke=\"#0066CC\"\n        strokeWidth=\"0.3\"\n      />\n      <path\n        d=\"M8 18.998C8 17.8501 8.37553 16.8963 9.11906 16.1395C9.86871 15.379 10.8207 14.998 11.9929 14.998C13.1553 14.998 14.1045 15.3836 14.8273 16.1641C15.5562 16.9459 16 17.8538 16 18.998H8Z\"\n        fill=\"#0066CC\"\n        stroke=\"#0066CC\"\n        strokeWidth=\"0.3\"\n      />\n    </svg>\n  );\n};\n"],"names":["Spid","width","height","className","color","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAO,CAAC;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AACF,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAF,GAAO;AAG1C,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MACZ,WAAWM,EAAKL,GAAWE,CAAO;AAAA,MAElC,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es208.js

@@ -1,30 +1,30 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es289.js";
-import { useComposedRefs as C } from "./index.es290.js";
-import { createContextScope as L, createContext as $ } from "./index.es291.js";
-import { useId as x } from "./index.es295.js";
-import { useControllableState as B } from "./index.es292.js";
-import { DismissableLayer as H } from "./index.es302.js";
-import { FocusScope as V } from "./index.es303.js";
-import { Portal as q } from "./index.es304.js";
-import { Presence as R } from "./index.es298.js";
-import { Primitive as m } from "./index.es293.js";
-import { useFocusGuards as K } from "./index.es305.js";
-import U from "./index.es306.js";
-import { hideOthers as Y } from "./index.es307.js";
-import { Slot as Z } from "./index.es308.js";
+import { composeEventHandlers as p } from "./index.es291.js";
+import { useComposedRefs as C } from "./index.es292.js";
+import { createContextScope as L, createContext as $ } from "./index.es293.js";
+import { useId as x } from "./index.es297.js";
+import { useControllableState as B } from "./index.es294.js";
+import { DismissableLayer as H } from "./index.es318.js";
+import { FocusScope as V } from "./index.es319.js";
+import { Portal as q } from "./index.es320.js";
+import { Presence as R } from "./index.es300.js";
+import { Primitive as m } from "./index.es321.js";
+import { useFocusGuards as K } from "./index.es307.js";
+import U from "./index.es313.js";
+import { hideOthers as Y } from "./index.es312.js";
+import { Slot as Z } from "./index.es322.js";
 import { j as i } from "./index.es161.js";
 var _ = "Dialog", [P, _e] = L(_), [z, u] = P(_), y = (e) => {
   const {
     __scopeDialog: o,
-    children: n,
+    children: r,
     open: a,
-    defaultOpen: r,
+    defaultOpen: n,
     onOpenChange: t,
     modal: c = !0
   } = e, l = s.useRef(null), d = s.useRef(null), [g = !1, v] = B({
     prop: a,
-    defaultProp: r,
+    defaultProp: n,
     onChange: t
   });
   return /* @__PURE__ */ i.jsx(
@@ -40,25 +40,25 @@ var _ = "Dialog", [P, _e] = L(_), [z, u] = P(_), y = (e) => {
       onOpenChange: v,
       onOpenToggle: s.useCallback(() => v((G) => !G), [v]),
       modal: c,
-      children: n
+      children: r
     }
   );
 };
 y.displayName = _;
 var I = "DialogTrigger", J = s.forwardRef(
   (e, o) => {
-    const { __scopeDialog: n, ...a } = e, r = u(I, n), t = C(o, r.triggerRef);
+    const { __scopeDialog: r, ...a } = e, n = u(I, r), t = C(o, n.triggerRef);
     return /* @__PURE__ */ i.jsx(
       m.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
-        "aria-expanded": r.open,
-        "aria-controls": r.contentId,
-        "data-state": N(r.open),
+        "aria-expanded": n.open,
+        "aria-controls": n.contentId,
+        "data-state": N(n.open),
         ...a,
         ref: t,
-        onClick: p(e.onClick, r.onOpenToggle)
+        onClick: p(e.onClick, n.onOpenToggle)
       }
     );
   }
@@ -67,27 +67,27 @@ J.displayName = I;
 var h = "DialogPortal", [Q, O] = P(h, {
   forceMount: void 0
 }), A = (e) => {
-  const { __scopeDialog: o, forceMount: n, children: a, container: r } = e, t = u(h, o);
-  return /* @__PURE__ */ i.jsx(Q, { scope: o, forceMount: n, children: s.Children.map(a, (c) => /* @__PURE__ */ i.jsx(R, { present: n || t.open, children: /* @__PURE__ */ i.jsx(q, { asChild: !0, container: r, children: c }) })) });
+  const { __scopeDialog: o, forceMount: r, children: a, container: n } = e, t = u(h, o);
+  return /* @__PURE__ */ i.jsx(Q, { scope: o, forceMount: r, children: s.Children.map(a, (c) => /* @__PURE__ */ i.jsx(R, { present: r || t.open, children: /* @__PURE__ */ i.jsx(q, { asChild: !0, container: n, children: c }) })) });
 };
 A.displayName = h;
 var D = "DialogOverlay", j = s.forwardRef(
   (e, o) => {
-    const n = O(D, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(D, e.__scopeDialog);
-    return t.modal ? /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: /* @__PURE__ */ i.jsx(X, { ...r, ref: o }) }) : null;
+    const r = O(D, e.__scopeDialog), { forceMount: a = r.forceMount, ...n } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: /* @__PURE__ */ i.jsx(X, { ...n, ref: o }) }) : null;
   }
 );
 j.displayName = D;
 var X = s.forwardRef(
   (e, o) => {
-    const { __scopeDialog: n, ...a } = e, r = u(D, n);
+    const { __scopeDialog: r, ...a } = e, n = u(D, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ i.jsx(U, { as: Z, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ i.jsx(U, { as: Z, allowPinchZoom: !0, shards: [n.contentRef], children: /* @__PURE__ */ i.jsx(
         m.div,
         {
-          "data-state": N(r.open),
+          "data-state": N(n.open),
           ...a,
           ref: o,
           style: { pointerEvents: "auto", ...a.style }
@@ -97,14 +97,14 @@ var X = s.forwardRef(
   }
 ), f = "DialogContent", T = s.forwardRef(
   (e, o) => {
-    const n = O(f, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(f, e.__scopeDialog);
-    return /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i.jsx(ee, { ...r, ref: o }) : /* @__PURE__ */ i.jsx(te, { ...r, ref: o }) });
+    const r = O(f, e.__scopeDialog), { forceMount: a = r.forceMount, ...n } = e, t = u(f, e.__scopeDialog);
+    return /* @__PURE__ */ i.jsx(R, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i.jsx(ee, { ...n, ref: o }) : /* @__PURE__ */ i.jsx(te, { ...n, ref: o }) });
   }
 );
 T.displayName = f;
 var ee = s.forwardRef(
   (e, o) => {
-    const n = u(f, e.__scopeDialog), a = s.useRef(null), r = C(o, n.contentRef, a);
+    const r = u(f, e.__scopeDialog), a = s.useRef(null), n = C(o, r.contentRef, a);
     return s.useEffect(() => {
       const t = a.current;
       if (t) return Y(t);
@@ -112,12 +112,12 @@ var ee = s.forwardRef(
       b,
       {
         ...e,
-        ref: r,
-        trapFocus: n.open,
+        ref: n,
+        trapFocus: r.open,
         disableOutsidePointerEvents: !0,
         onCloseAutoFocus: p(e.onCloseAutoFocus, (t) => {
           var c;
-          t.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+          t.preventDefault(), (c = r.triggerRef.current) == null || c.focus();
         }),
         onPointerDownOutside: p(e.onPointerDownOutside, (t) => {
           const c = t.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
@@ -132,7 +132,7 @@ var ee = s.forwardRef(
   }
 ), te = s.forwardRef(
   (e, o) => {
-    const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    const r = u(f, e.__scopeDialog), a = s.useRef(!1), n = s.useRef(!1);
     return /* @__PURE__ */ i.jsx(
       b,
       {
@@ -142,20 +142,20 @@ var ee = s.forwardRef(
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (t) => {
           var c, l;
-          (c = e.onCloseAutoFocus) == null || c.call(e, t), t.defaultPrevented || (a.current || (l = n.triggerRef.current) == null || l.focus(), t.preventDefault()), a.current = !1, r.current = !1;
+          (c = e.onCloseAutoFocus) == null || c.call(e, t), t.defaultPrevented || (a.current || (l = r.triggerRef.current) == null || l.focus(), t.preventDefault()), a.current = !1, n.current = !1;
         },
         onInteractOutside: (t) => {
           var d, g;
-          (d = e.onInteractOutside) == null || d.call(e, t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          (d = e.onInteractOutside) == null || d.call(e, t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (n.current = !0));
           const c = t.target;
-          ((g = n.triggerRef.current) == null ? void 0 : g.contains(c)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && r.current && t.preventDefault();
+          ((g = r.triggerRef.current) == null ? void 0 : g.contains(c)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && n.current && t.preventDefault();
         }
       }
     );
   }
 ), b = s.forwardRef(
   (e, o) => {
-    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: t, ...c } = e, l = u(f, n), d = s.useRef(null), g = C(o, d);
+    const { __scopeDialog: r, trapFocus: a, onOpenAutoFocus: n, onCloseAutoFocus: t, ...c } = e, l = u(f, r), d = s.useRef(null), g = C(o, d);
     return K(), /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
       /* @__PURE__ */ i.jsx(
         V,
@@ -163,7 +163,7 @@ var ee = s.forwardRef(
           asChild: !0,
           loop: !0,
           trapped: a,
-          onMountAutoFocus: r,
+          onMountAutoFocus: n,
           onUnmountAutoFocus: t,
           children: /* @__PURE__ */ i.jsx(
             H,
@@ -181,35 +181,35 @@ var ee = s.forwardRef(
         }
       ),
       /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-        /* @__PURE__ */ i.jsx(re, { titleId: l.titleId }),
+        /* @__PURE__ */ i.jsx(ne, { titleId: l.titleId }),
         /* @__PURE__ */ i.jsx(ae, { contentRef: d, descriptionId: l.descriptionId })
       ] })
     ] });
   }
 ), E = "DialogTitle", M = s.forwardRef(
   (e, o) => {
-    const { __scopeDialog: n, ...a } = e, r = u(E, n);
-    return /* @__PURE__ */ i.jsx(m.h2, { id: r.titleId, ...a, ref: o });
+    const { __scopeDialog: r, ...a } = e, n = u(E, r);
+    return /* @__PURE__ */ i.jsx(m.h2, { id: n.titleId, ...a, ref: o });
   }
 );
 M.displayName = E;
 var w = "DialogDescription", oe = s.forwardRef(
   (e, o) => {
-    const { __scopeDialog: n, ...a } = e, r = u(w, n);
-    return /* @__PURE__ */ i.jsx(m.p, { id: r.descriptionId, ...a, ref: o });
+    const { __scopeDialog: r, ...a } = e, n = u(w, r);
+    return /* @__PURE__ */ i.jsx(m.p, { id: n.descriptionId, ...a, ref: o });
   }
 );
 oe.displayName = w;
 var F = "DialogClose", S = s.forwardRef(
   (e, o) => {
-    const { __scopeDialog: n, ...a } = e, r = u(F, n);
+    const { __scopeDialog: r, ...a } = e, n = u(F, r);
     return /* @__PURE__ */ i.jsx(
       m.button,
       {
         type: "button",
         ...a,
         ref: o,
-        onClick: p(e.onClick, () => r.onOpenChange(!1))
+        onClick: p(e.onClick, () => n.onOpenChange(!1))
       }
     );
   }
@@ -222,21 +222,21 @@ var W = "DialogTitleWarning", [he, k] = $(W, {
   contentName: f,
   titleName: E,
   docsSlug: "dialog"
-}), re = ({ titleId: e }) => {
-  const o = k(W), n = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+}), ne = ({ titleId: e }) => {
+  const o = k(W), r = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
   return s.useEffect(() => {
-    e && (document.getElementById(e) || console.error(n));
-  }, [n, e]), null;
-}, ne = "DialogDescriptionWarning", ae = ({ contentRef: e, descriptionId: o }) => {
-  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${k(ne).contentName}}.`;
+    e && (document.getElementById(e) || console.error(r));
+  }, [r, e]), null;
+}, re = "DialogDescriptionWarning", ae = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${k(re).contentName}}.`;
   return s.useEffect(() => {
     var t;
-    const r = (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby");
-    o && r && (document.getElementById(o) || console.warn(a));
+    const n = (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby");
+    o && n && (document.getElementById(o) || console.warn(a));
   }, [a, e, o]), null;
 }, Ee = y, Ne = A, Pe = j, ye = T, Ie = M, Oe = S;
 export {

package/dist/index.es209.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es209.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { Close, ArrowLeft } from \"@/icons\";\r\nimport \"./BaseModalHeader.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype BaseModalHeaderProps = {\r\n  labels?: {\r\n    closeButton?: string;\r\n    backButton?: string;\r\n  };\r\n  onCloseClick?: () => void;\r\n  onBackClick?: () => void;\r\n  showBackButton?: boolean;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalHeader = ({\r\n  labels = {\r\n    closeButton: \"Chiudi\",\r\n    backButton: \"Indietro\",\r\n  },\r\n  onCloseClick,\r\n  onBackClick,\r\n  showBackButton = false,\r\n  children,\r\n}: BaseModalHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-base-modal-header bg-white br-t-x4\">\r\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\r\n        {showBackButton && onBackClick && labels?.backButton ? (\r\n          <Button\r\n            size=\"4\"\r\n            textColor=\"primary\"\r\n            bg=\"transparent\"\r\n            aria-label=\"Torna indietro\"\r\n            onClick={onBackClick}\r\n          >\r\n            <ArrowLeft className=\"mr-x8\" />\r\n            {labels.backButton}\r\n          </Button>\r\n        ) : null}\r\n        {onCloseClick && labels?.closeButton ? (\r\n          <Dialog.Close asChild>\r\n            <Button\r\n              size=\"4\"\r\n              textColor=\"primary\"\r\n              bg=\"transparent\"\r\n              aria-label=\"Chiudi modale\"\r\n              onClick={onCloseClick}\r\n              className=\"ui-base-modal-close\"\r\n            >\r\n              {labels.closeButton}\r\n              <Close className=\"ml-x8\" />\r\n            </Button>\r\n          </Dialog.Close>\r\n        ) : null}\r\n      </Row>\r\n      <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Dialog.Title"],"mappings":";;;;;;;AAiBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EACd;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,yCAChB,UAAA;AAAA,EAAAA,gBAAAA,EAAA,KAACC,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAkBH,KAAAD,MAAeF,KAAA,QAAAA,EAAQ,cACxCK,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASL;AAAA,QAET,UAAA;AAAA,UAACM,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,UAC5BT,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBQ,gBAAAA,EAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASN;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAOD,EAAA;AAAA,UACRQ,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,OAE7B,IACE;AAAA,EAAA,GACN;AAAA,wBACCC,GAAA,EAAa,WAAU,8BACrB,UAAAR,EACH,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es209.js","sources":["../src/components/ui/BaseModal/BaseModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close, ArrowLeft } from \"@/icons\";\nimport \"./BaseModalHeader.scss\";\nimport { Row } from \"@/components\";\n\ntype BaseModalHeaderProps = {\n  labels?: {\n    closeButton?: string;\n    backButton?: string;\n  };\n  onCloseClick?: () => void;\n  onBackClick?: () => void;\n  showBackButton?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const BaseModalHeader = ({\n  labels = {\n    closeButton: \"Chiudi\",\n    backButton: \"Indietro\",\n  },\n  onCloseClick,\n  onBackClick,\n  showBackButton = false,\n  children,\n}: BaseModalHeaderProps) => {\n  return (\n    <header className=\"ui-base-modal-header bg-white br-t-x4\">\n      <Row alignItems={\"center\"} justifyContent={\"space-between\"}>\n        {showBackButton && onBackClick && labels?.backButton ? (\n          <Button\n            size=\"4\"\n            textColor=\"primary\"\n            bg=\"transparent\"\n            aria-label=\"Torna indietro\"\n            onClick={onBackClick}\n          >\n            <ArrowLeft className=\"mr-x8\" />\n            {labels.backButton}\n          </Button>\n        ) : null}\n        {onCloseClick && labels?.closeButton ? (\n          <Dialog.Close asChild>\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              aria-label=\"Chiudi modale\"\n              onClick={onCloseClick}\n              className=\"ui-base-modal-close\"\n            >\n              {labels.closeButton}\n              <Close className=\"ml-x8\" />\n            </Button>\n          </Dialog.Close>\n        ) : null}\n      </Row>\n      <Dialog.Title className=\"fs-3 text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n    </header>\n  );\n};\n"],"names":["BaseModalHeader","labels","onCloseClick","onBackClick","showBackButton","children","jsxs","Row","Button","jsx","ArrowLeft","Dialog.Close","Close","Dialog.Title"],"mappings":";;;;;;;AAiBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EACd;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,yCAChB,UAAA;AAAA,EAAAA,gBAAAA,EAAA,KAACC,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBACxC,UAAA;AAAA,IAAkBH,KAAAD,MAAeF,KAAA,QAAAA,EAAQ,cACxCK,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASL;AAAA,QAET,UAAA;AAAA,UAACM,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,UAC5BT,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAER;AAAA,IACHC,MAAgBD,KAAA,QAAAA,EAAQ,eACvBQ,gBAAAA,EAAA,IAACE,GAAA,EAAa,SAAO,IACnB,UAAAL,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAASN;AAAA,QACT,WAAU;AAAA,QAET,UAAA;AAAA,UAAOD,EAAA;AAAA,UACRQ,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,OAE7B,IACE;AAAA,EAAA,GACN;AAAA,wBACCC,GAAA,EAAa,WAAU,8BACrB,UAAAR,EACH,CAAA;AAAA,GACF;"}

package/dist/index.es21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es21.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport { Region, LOGOS } from \"../Header\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type HeaderTopBannerProps = {\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  shortTitle: React.ReactNode;\r\n  region?: Region;\r\n  className?: string;\r\n};\r\n\r\nexport const HeaderTopBanner = ({\r\n  asLink = \"a\",\r\n  shortTitle,\r\n  region = \"marche\",\r\n  className,\r\n}: HeaderTopBannerProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <div className=\"bg-white\">\r\n      <Container\r\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\r\n        display=\"flex\"\r\n        alignItems=\"center\"\r\n        gap=\"x16\"\r\n        py=\"x8\"\r\n      >\r\n        <Row alignItems={\"center\"} gap={\"x8\"}>\r\n          <NationalIcon width={28} height={28} />\r\n\r\n          {region !== \"nazionale\" && (\r\n            <>\r\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\r\n              <RegionIcon width={28} height={28} />\r\n            </>\r\n          )}\r\n        </Row>\r\n\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={\r\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\r\n          }\r\n        >\r\n          {shortTitle}\r\n        </LinkComponent>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAG7B,SAAAM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,YACb,UAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAA,KAACG,GAAI,EAAA,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAA,IAACH,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eAERO,gBAAAA,EAAAA,KAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAL,gBAAAA,EAAA,IAACM,GAAQ,EAAA,WAAU,YAAW,IAAG,kBAAiB;AAAA,YACjDN,gBAAAA,EAAA,IAAAD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAAA,EACrC,CAAA;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es21.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Region, LOGOS } from \"../Header\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport clsx from \"clsx\";\nimport { Row } from \"@/components\";\n\nexport type HeaderTopBannerProps = {\n  asLink?: \"a\" | React.ComponentType<any>;\n  shortTitle: React.ReactNode;\n  region?: Region;\n  className?: string;\n};\n\nexport const HeaderTopBanner = ({\n  asLink = \"a\",\n  shortTitle,\n  region = \"marche\",\n  className,\n}: HeaderTopBannerProps) => {\n  const LinkComponent = asLink;\n\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"bg-white\">\n      <Container\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\n        display=\"flex\"\n        alignItems=\"center\"\n        gap=\"x16\"\n        py=\"x8\"\n      >\n        <Row alignItems={\"center\"} gap={\"x8\"}>\n          <NationalIcon width={28} height={28} />\n\n          {region !== \"nazionale\" && (\n            <>\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\n              <RegionIcon width={28} height={28} />\n            </>\n          )}\n        </Row>\n\n        <LinkComponent\n          href=\"/\"\n          className={\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\n          }\n        >\n          {shortTitle}\n        </LinkComponent>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAG7B,SAAAM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,YACb,UAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAA,KAACG,GAAI,EAAA,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAA,IAACH,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eAERO,gBAAAA,EAAAA,KAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAL,gBAAAA,EAAA,IAACM,GAAQ,EAAA,WAAU,YAAW,IAAG,kBAAiB;AAAA,YACjDN,gBAAAA,EAAA,IAAAD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAAA,EACrC,CAAA;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es210.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es210.js","sources":["../src/components/ui/BaseModal/BaseModalFooter/index.tsx"],"sourcesContent":["import { Row } from \"@/components\";\r\n\r\ntype BaseModalFooterProps = {\r\n  className?: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalFooter = ({\r\n  children,\r\n  className,\r\n}: BaseModalFooterProps) => {\r\n  return (\r\n    <Row\r\n      as={\"footer\"}\r\n      bg={\"white\"}\r\n      alignItems={\"center\"}\r\n      px={\"x36\"}\r\n      py={\"x8\"}\r\n      className={`min-h-x72 w-full br-b-x4 ${className ? className : \"\"} `}\r\n    >\r\n      {children}\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["BaseModalFooter","children","className","jsx","Row"],"mappings":";;AAOO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,WAAW,4BAA4BF,KAAwB,EAAE;AAAA,IAEhE,UAAAD;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es210.js","sources":["../src/components/ui/BaseModal/BaseModalFooter/index.tsx"],"sourcesContent":["import { Row } from \"@/components\";\n\ntype BaseModalFooterProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\nexport const BaseModalFooter = ({\n  children,\n  className,\n}: BaseModalFooterProps) => {\n  return (\n    <Row\n      as={\"footer\"}\n      bg={\"white\"}\n      alignItems={\"center\"}\n      px={\"x36\"}\n      py={\"x8\"}\n      className={`min-h-x72 w-full br-b-x4 ${className ? className : \"\"} `}\n    >\n      {children}\n    </Row>\n  );\n};\n"],"names":["BaseModalFooter","children","className","jsx","Row"],"mappings":";;AAOO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,WAAW,4BAA4BF,KAAwB,EAAE;AAAA,IAEhE,UAAAD;AAAA,EAAA;AACH;"}

package/dist/index.es211.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es211.js","sources":["../src/components/ui/BaseModal/BaseModalContent/index.tsx"],"sourcesContent":["import \"./BaseModalContent.scss\";\r\n\r\ntype BaseModalContentProps = {\r\n  className?: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalContent = ({\r\n  className,\r\n  children,\r\n}: BaseModalContentProps) => {\r\n  return (\r\n    <div className={`ui-base-modal-content ${className ? className : \"\"}`}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["BaseModalContent","className","children","jsx"],"mappings":";;AAOO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,WAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,MAAC,SAAI,WAAW,yBAAyBF,KAAwB,EAAE,IAChE,UAAAC,EACH,CAAA;"}
+{"version":3,"file":"index.es211.js","sources":["../src/components/ui/BaseModal/BaseModalContent/index.tsx"],"sourcesContent":["import \"./BaseModalContent.scss\";\n\ntype BaseModalContentProps = {\n  className?: string;\n  children: React.ReactNode;\n};\n\nexport const BaseModalContent = ({\n  className,\n  children,\n}: BaseModalContentProps) => {\n  return (\n    <div className={`ui-base-modal-content ${className ? className : \"\"}`}>\n      {children}\n    </div>\n  );\n};\n"],"names":["BaseModalContent","className","children","jsx"],"mappings":";;AAOO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,WAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,MAAC,SAAI,WAAW,yBAAyBF,KAAwB,EAAE,IAChE,UAAAC,EACH,CAAA;"}

package/dist/index.es212.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es212.js","sources":["../src/components/ui/BaseModal/BaseModalBackHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { ArrowLeft } from \"@/icons\";\r\nimport \"./BaseModalBackHeader.scss\";\r\n\r\ntype BaseModalBackProps = {\r\n  onBackClick: () => void;\r\n  backButton: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalBackHeader = ({\r\n  onBackClick,\r\n  backButton,\r\n  children,\r\n}: BaseModalBackProps) => {\r\n  return (\r\n    <header className=\"ui-base-modal-back-header\">\r\n      <Button\r\n        size=\"4\"\r\n        textColor=\"primary\"\r\n        bg=\"transparent\"\r\n        aria-label=\"Torna indietro\"\r\n        onClick={onBackClick}\r\n        className=\"ui-base-modal-back-button\"\r\n      >\r\n        <ArrowLeft className=\"mr-x8\" />\r\n        {backButton}\r\n      </Button>\r\n      <Dialog.Title className=\"ui-base-modal-back-header-title fs-3 text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["BaseModalBackHeader","onBackClick","backButton","children","jsxs","Button","jsx","ArrowLeft","Dialog.Title"],"mappings":";;;;;AAWO,MAAMA,IAAsB,CAAC;AAAA,EAClC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,6BAChB,UAAA;AAAA,EAAAA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASJ;AAAA,MACT,WAAU;AAAA,MAEV,UAAA;AAAA,QAACK,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,QAC5BL;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAAA,wBACCM,GAAA,EAAa,WAAU,8DACrB,UAAAL,EACH,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es212.js","sources":["../src/components/ui/BaseModal/BaseModalBackHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { ArrowLeft } from \"@/icons\";\nimport \"./BaseModalBackHeader.scss\";\n\ntype BaseModalBackProps = {\n  onBackClick: () => void;\n  backButton: string;\n  children?: React.ReactNode;\n};\n\nexport const BaseModalBackHeader = ({\n  onBackClick,\n  backButton,\n  children,\n}: BaseModalBackProps) => {\n  return (\n    <header className=\"ui-base-modal-back-header\">\n      <Button\n        size=\"4\"\n        textColor=\"primary\"\n        bg=\"transparent\"\n        aria-label=\"Torna indietro\"\n        onClick={onBackClick}\n        className=\"ui-base-modal-back-button\"\n      >\n        <ArrowLeft className=\"mr-x8\" />\n        {backButton}\n      </Button>\n      <Dialog.Title className=\"ui-base-modal-back-header-title fs-3 text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n    </header>\n  );\n};\n"],"names":["BaseModalBackHeader","onBackClick","backButton","children","jsxs","Button","jsx","ArrowLeft","Dialog.Title"],"mappings":";;;;;AAWO,MAAMA,IAAsB,CAAC;AAAA,EAClC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,6BAChB,UAAA;AAAA,EAAAA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASJ;AAAA,MACT,WAAU;AAAA,MAEV,UAAA;AAAA,QAACK,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,WAAU,QAAQ,CAAA;AAAA,QAC5BL;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAAA,wBACCM,GAAA,EAAa,WAAU,8DACrB,UAAAL,EACH,CAAA;AAAA,GACF;"}

package/dist/index.es214.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es214.js","sources":["../src/components/ui/ConsentModal/ConsentModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./ConsentModalHeader.scss\";\r\n\r\ntype ConsentModalHeaderProps = {\r\n  closeButton?: string;\r\n  onCloseClick?: () => void;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const ConsentModalHeader = ({\r\n  closeButton = \"Chiudi\",\r\n  onCloseClick,\r\n  children,\r\n}: ConsentModalHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-consent-modal-header shadow bg-white\">\r\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n      <Dialog.Close asChild className=\"ui-consent-modal-header-close\">\r\n        <Button\r\n          size=\"4\"\r\n          textColor=\"primary\"\r\n          bg=\"transparent\"\r\n          aria-label=\"Chiudi modale\"\r\n          onClick={onCloseClick}\r\n        >\r\n          {closeButton}\r\n          <Close className=\"ml-x8\" />\r\n        </Button>\r\n      </Dialog.Close>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["ConsentModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAAC;AAAA,EACjC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,2CAChB,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,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASN;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDI,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es214.js","sources":["../src/components/ui/ConsentModal/ConsentModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close } from \"@/icons\";\nimport \"./ConsentModalHeader.scss\";\n\ntype ConsentModalHeaderProps = {\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: React.ReactNode;\n};\n\nexport const ConsentModalHeader = ({\n  closeButton = \"Chiudi\",\n  onCloseClick,\n  children,\n}: ConsentModalHeaderProps) => {\n  return (\n    <header className=\"ui-consent-modal-header shadow bg-white\">\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-consent-modal-header-close\">\n        <Button\n          size=\"4\"\n          textColor=\"primary\"\n          bg=\"transparent\"\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          {closeButton}\n          <Close className=\"ml-x8\" />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["ConsentModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAAC;AAAA,EACjC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,2CAChB,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,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASN;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDI,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}

package/dist/index.es215.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es161.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es215.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es215.js","sources":["../src/components/ui/ConsentModal/ConsentModalFooter/index.tsx"],"sourcesContent":["import \"./ConsentModalFooter.scss\";\r\n\r\ntype ConsentModalFooterProps = {\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const ConsentModalFooter = ({ children }: ConsentModalFooterProps) => {\r\n  return (\r\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n      {children}\r\n    </footer>\r\n  );\r\n};\r\n"],"names":["ConsentModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAAqB,CAAC,EAAE,UAAAC,QAEhCC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"index.es215.js","sources":["../src/components/ui/ConsentModal/ConsentModalFooter/index.tsx"],"sourcesContent":["import \"./ConsentModalFooter.scss\";\n\ntype ConsentModalFooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const ConsentModalFooter = ({ children }: ConsentModalFooterProps) => {\n  return (\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["ConsentModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAAqB,CAAC,EAAE,UAAAC,QAEhCC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}

package/dist/index.es216.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es216.js","sources":["../src/components/ui/ConsentModal/ConsentModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ConsentModalContent.scss\";\r\n\r\ntype ContentModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const ContentModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: ContentModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ContentModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAAsB,CAAC;AAAA,EAClC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}
+{"version":3,"file":"index.es216.js","sources":["../src/components/ui/ConsentModal/ConsentModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./ConsentModalContent.scss\";\n\ntype ContentModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const ContentModalContent = ({\n  overrideClassNames,\n  children,\n}: ContentModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["ContentModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAAsB,CAAC;AAAA,EAClC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}

package/dist/index.es219.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es219.js","sources":["../src/components/ui/DoctorModal/DoctorModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./DoctorModalContent.scss\";\r\n\r\ntype DoctorModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DoctorModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: DoctorModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DoctorModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAAqB,CAAC;AAAA,EACjC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}
+{"version":3,"file":"index.es219.js","sources":["../src/components/ui/DoctorModal/DoctorModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./DoctorModalContent.scss\";\n\ntype DoctorModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const DoctorModalContent = ({\n  overrideClassNames,\n  children,\n}: DoctorModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["DoctorModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAAqB,CAAC;AAAA,EACjC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}