@anoki/fse-ui 1.0.0-beta1.47.4 → 1.0.0-beta1.47.6

package/dist/index.es296.js.map

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

package/dist/index.es297.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es242.js";
+import { j as e } from "./index.es241.js";
 import { Divider as u } from "./index.es282.js";
 import { LOGOS as d } from "./index.es27.js";
 import { HeaderSlim as N } from "./index.es17.js";
-import { clsx as n } from "./index.es244.js";
-import { Balancer as y } from "./index.es254.js";
+import { clsx as n } from "./index.es243.js";
+import { Balancer as y } from "./index.es253.js";
 import { Button as w } from "./index.es28.js";
 import { Container as C } from "./index.es6.js";
 import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */

package/dist/index.es30.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es242.js";
-import { clsx as t } from "./index.es244.js";
+import { j as s } from "./index.es241.js";
+import { clsx as t } from "./index.es243.js";
 import { ArrowLink as v } from "./index.es42.js";
 import './components/ui/CardCategory/CardCategory.css';/* empty css            */
 import { ExternalLink as N } from "./index.es158.js";

package/dist/index.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es30.js","sources":["../src/components/ui/CardCategory/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ExternalLink } from \"@/icons\";\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\nimport \"./CardCategory.scss\";\nimport { Col, Row } from \"@/components\";\nimport { ComponentType, MouseEvent, ReactNode } from \"react\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardCategoryProps = {\n  image?: Image;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string | ReactNode;\n  description2?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  goToLabel?: string;\n  asImage?: \"img\";\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  classNameDescriptionTitle?: string;\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\n};\n\nexport const CardCategory = ({\n  image,\n  title,\n  titleTag: TitleTag = \"h3\",\n  href,\n  description,\n  description2,\n  isExternal = false,\n  showIcon = false,\n  goToLabel,\n  asLink = \"a\",\n  asImage = \"img\",\n  className,\n  classNameTitle,\n  classNameDescription,\n  classNameDescriptionTitle,\n  handleOnClick,\n}: CardCategoryProps) => {\n  const ImageComponent = asImage;\n  const LinkComponent = asLink;\n  return (\n    <LinkComponent\n      className={clsx(\n        \"ui-card-category shadow br-x4 bg-white\",\n        className,\n        handleOnClick && \"cursor-pointer\",\n      )}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      onClick={handleOnClick ?? undefined}\n    >\n      {image?.src && (\n        <header className=\"ui-card-category-header\">\n          <ImageComponent\n            src={image?.src}\n            alt={image?.alt}\n            title={image?.title}\n          />\n        </header>\n      )}\n\n      <Col\n        className={clsx(\n          image?.src\n            ? \"ui-card-category-content-with-image ui-mt-negative\"\n            : \"ui-card-category-content\",\n          \"gap-x8 br-x4 bg-white\",\n        )}\n      >\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\n          <TitleTag\n            className={clsx(\n              \"flex-1 cursor-pointer hover-underline\",\n              classNameTitle\n                ? classNameTitle\n                : \"text-primary fs-5 md-fs-custom-2\",\n            )}\n          >\n            {title}\n            {isExternal && (\n              <span className=\"visually-hidden\">\n                (si apre in una nuova finestra)\n              </span>\n            )}\n          </TitleTag>\n\n          {showIcon && (\n            <span>\n              <ExternalLink\n                width={24}\n                height={24}\n                color=\"primary\"\n                className=\"ui-external-link\"\n              />\n            </span>\n          )}\n        </Row>\n        <div className={clsx(classNameDescription)}>\n          <p\n            className={clsx(\n              classNameDescriptionTitle\n                ? classNameDescriptionTitle\n                : \"fs-6 md-fs-custom text-slate-20\",\n            )}\n          >\n            {description}\n          </p>\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\n            {description2}\n          </p>\n        </div>\n      </Col>\n      {goToLabel && href && (\n        <footer className=\"ui-card-category-footer bg-white\">\n          <ArrowLink href={href ?? \"#\"} isExternal={isExternal}>\n            {goToLabel?.toUpperCase()}\n          </ArrowLink>\n        </footer>\n      )}\n    </LinkComponent>\n  );\n};\n"],"names":["CardCategory","image","title","TitleTag","href","description","description2","isExternal","showIcon","goToLabel","asLink","asImage","className","classNameTitle","classNameDescription","classNameDescriptionTitle","handleOnClick","ImageComponent","LinkComponent","jsxs","clsx","jsx","Col","Row","ExternalLink","ArrowLink"],"mappings":";;;;;;;AAkCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,eAAAC;AACF,MAAyB;AACvB,QAAMC,IAAiBN,GACjBO,IAAgBR;AAEpB,SAAAS,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAI,KAAiB;AAAA,MACnB;AAAA,MACA,MAAAZ;AAAA,MACA,QAAQG,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MAC1C,SAASS,KAAiB;AAAA,MAEzB,UAAA;AAAA,SAAAf,KAAA,gBAAAA,EAAO,QACNoB,gBAAAA,MAAC,UAAO,EAAA,WAAU,2BAChB,UAAAA,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,KAAKhB,KAAA,gBAAAA,EAAO;AAAA,YACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,YACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAGFkB,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACTnB,KAAA,QAAAA,EAAO,MACH,uDACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAkB,gBAAAA,OAACI,KAAI,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAA;AAAA,gBAAAJ,gBAAAA,EAAA;AAAA,kBAAChB;AAAA,kBAAA;AAAA,oBACC,WAAWiB;AAAA,sBACT;AAAA,sBACAP,KAEI;AAAA,oBACN;AAAA,oBAEC,UAAA;AAAA,sBAAAX;AAAA,sBACAK,KACCc,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAElC,kCAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBAECb,2BACE,QACC,EAAA,UAAAa,gBAAAA,EAAA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,WAAU;AAAA,kBAAA;AAAA,gBAAA,EAEd,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCL,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAWC,EAAKN,CAAoB,GACvC,UAAA;AAAA,gBAAAO,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWD;AAAA,sBACTL,KAEI;AAAA,oBACN;AAAA,oBAEC,UAAAV;AAAA,kBAAA;AAAA,gBACH;AAAA,gBACCgB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHf,EAAA,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCG,KAAaL,KACXiB,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,oCAChB,UAAAA,gBAAAA,MAACI,GAAU,EAAA,MAAMrB,KAAQ,KAAK,YAAAG,GAC3B,UAAWE,KAAA,gBAAAA,EAAA,eACd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es30.js","sources":["../src/components/ui/CardCategory/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ExternalLink } from \"@/icons\";\r\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\r\nimport \"./CardCategory.scss\";\r\nimport { Col, Row } from \"@/components\";\r\nimport { ComponentType, MouseEvent, ReactNode } from \"react\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardCategoryProps = {\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string | ReactNode;\r\n  description2?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  goToLabel?: string;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  classNameDescriptionTitle?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const CardCategory = ({\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  href,\r\n  description,\r\n  description2,\r\n  isExternal = false,\r\n  showIcon = false,\r\n  goToLabel,\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n  className,\r\n  classNameTitle,\r\n  classNameDescription,\r\n  classNameDescriptionTitle,\r\n  handleOnClick,\r\n}: CardCategoryProps) => {\r\n  const ImageComponent = asImage;\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <LinkComponent\r\n      className={clsx(\r\n        \"ui-card-category shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n      href={href}\r\n      target={isExternal ? \"_blank\" : undefined}\r\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n      onClick={handleOnClick ?? undefined}\r\n    >\r\n      {image?.src && (\r\n        <header className=\"ui-card-category-header\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n        </header>\r\n      )}\r\n\r\n      <Col\r\n        className={clsx(\r\n          image?.src\r\n            ? \"ui-card-category-content-with-image ui-mt-negative\"\r\n            : \"ui-card-category-content\",\r\n          \"gap-x8 br-x4 bg-white\",\r\n        )}\r\n      >\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <TitleTag\r\n            className={clsx(\r\n              \"flex-1 cursor-pointer hover-underline\",\r\n              classNameTitle\r\n                ? classNameTitle\r\n                : \"text-primary fs-5 md-fs-custom-2\",\r\n            )}\r\n          >\r\n            {title}\r\n            {isExternal && (\r\n              <span className=\"visually-hidden\">\r\n                (si apre in una nuova finestra)\r\n              </span>\r\n            )}\r\n          </TitleTag>\r\n\r\n          {showIcon && (\r\n            <span>\r\n              <ExternalLink\r\n                width={24}\r\n                height={24}\r\n                color=\"primary\"\r\n                className=\"ui-external-link\"\r\n              />\r\n            </span>\r\n          )}\r\n        </Row>\r\n        <div className={clsx(classNameDescription)}>\r\n          <p\r\n            className={clsx(\r\n              classNameDescriptionTitle\r\n                ? classNameDescriptionTitle\r\n                : \"fs-6 md-fs-custom text-slate-20\",\r\n            )}\r\n          >\r\n            {description}\r\n          </p>\r\n          <p className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\r\n            {description2}\r\n          </p>\r\n        </div>\r\n      </Col>\r\n      {goToLabel && href && (\r\n        <footer className=\"ui-card-category-footer bg-white\">\r\n          <ArrowLink href={href ?? \"#\"} isExternal={isExternal}>\r\n            {goToLabel?.toUpperCase()}\r\n          </ArrowLink>\r\n        </footer>\r\n      )}\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["CardCategory","image","title","TitleTag","href","description","description2","isExternal","showIcon","goToLabel","asLink","asImage","className","classNameTitle","classNameDescription","classNameDescriptionTitle","handleOnClick","ImageComponent","LinkComponent","jsxs","clsx","jsx","Col","Row","ExternalLink","ArrowLink"],"mappings":";;;;;;;AAkCO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,eAAAC;AACF,MAAyB;AACvB,QAAMC,IAAiBN,GACjBO,IAAgBR;AAEpB,SAAAS,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAI,KAAiB;AAAA,MACnB;AAAA,MACA,MAAAZ;AAAA,MACA,QAAQG,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MAC1C,SAASS,KAAiB;AAAA,MAEzB,UAAA;AAAA,SAAAf,KAAA,gBAAAA,EAAO,QACNoB,gBAAAA,MAAC,UAAO,EAAA,WAAU,2BAChB,UAAAA,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,KAAKhB,KAAA,gBAAAA,EAAO;AAAA,YACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,YACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,UAAA;AAAA,QAAA,GAElB;AAAA,QAGFkB,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACTnB,KAAA,QAAAA,EAAO,MACH,uDACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAkB,gBAAAA,OAACI,KAAI,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAA;AAAA,gBAAAJ,gBAAAA,EAAA;AAAA,kBAAChB;AAAA,kBAAA;AAAA,oBACC,WAAWiB;AAAA,sBACT;AAAA,sBACAP,KAEI;AAAA,oBACN;AAAA,oBAEC,UAAA;AAAA,sBAAAX;AAAA,sBACAK,KACCc,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAElC,kCAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,gBAECb,2BACE,QACC,EAAA,UAAAa,gBAAAA,EAAA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,OAAM;AAAA,oBACN,WAAU;AAAA,kBAAA;AAAA,gBAAA,EAEd,CAAA;AAAA,cAAA,GAEJ;AAAA,cACCL,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAWC,EAAKN,CAAoB,GACvC,UAAA;AAAA,gBAAAO,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWD;AAAA,sBACTL,KAEI;AAAA,oBACN;AAAA,oBAEC,UAAAV;AAAA,kBAAA;AAAA,gBACH;AAAA,gBACCgB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHf,EAAA,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACCG,KAAaL,KACXiB,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,oCAChB,UAAAA,gBAAAA,MAACI,GAAU,EAAA,MAAMrB,KAAQ,KAAK,YAAAG,GAC3B,UAAWE,KAAA,gBAAAA,EAAA,eACd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es304.js

@@ -1,253 +1,136 @@
-import * as c from "react";
-import { useComposedRefs as j } from "./index.es471.js";
-import { createContextScope as F } from "./index.es472.js";
-import { composeEventHandlers as S } from "./index.es473.js";
-import { useControllableState as L } from "./index.es474.js";
-import { usePrevious as O } from "./index.es475.js";
-import { useSize as H } from "./index.es476.js";
-import { Presence as z } from "./index.es477.js";
-import { Primitive as E } from "./index.es478.js";
-import { j as u } from "./index.es242.js";
-var R = "Checkbox", [G, ne] = F(R), [K, P] = G(R);
-function U(t) {
-  const {
-    __scopeCheckbox: a,
-    checked: s,
-    children: l,
-    defaultChecked: r,
-    disabled: e,
-    form: f,
-    name: b,
-    onCheckedChange: i,
-    required: m,
-    value: C = "on",
-    // @ts-expect-error
-    internal_do_not_use_render: d
-  } = t, [p, v] = L({
-    prop: s,
-    defaultProp: r ?? !1,
-    onChange: i,
-    caller: R
-  }), [k, x] = c.useState(null), [_, o] = c.useState(null), n = c.useRef(!1), g = k ? !!f || !!k.closest("form") : (
-    // We set this to true by default so that events bubble to forms without JS (SSR)
-    !0
-  ), I = {
-    checked: p,
-    disabled: e,
-    setChecked: v,
-    control: k,
-    setControl: x,
-    name: b,
-    form: f,
-    value: C,
-    hasConsumerStoppedPropagationRef: n,
-    required: m,
-    defaultChecked: h(r) ? !1 : r,
-    isFormControl: g,
-    bubbleInput: _,
-    setBubbleInput: o
-  };
-  return /* @__PURE__ */ u.jsx(
-    K,
-    {
-      scope: a,
-      ...I,
-      children: Q(d) ? d(I) : l
-    }
-  );
-}
-var B = "CheckboxTrigger", N = c.forwardRef(
-  ({ __scopeCheckbox: t, onKeyDown: a, onClick: s, ...l }, r) => {
+import * as n from "react";
+import { useComposedRefs as N } from "./index.es462.js";
+import { createContextScope as M } from "./index.es463.js";
+import { composeEventHandlers as S } from "./index.es461.js";
+import { useControllableState as O } from "./index.es464.js";
+import { usePrevious as A } from "./index.es469.js";
+import { useSize as B } from "./index.es470.js";
+import { Presence as H } from "./index.es471.js";
+import { Primitive as j } from "./index.es465.js";
+import { j as f } from "./index.es241.js";
+var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
+  (e, l) => {
     const {
-      control: e,
-      value: f,
-      disabled: b,
-      checked: i,
+      __scopeCheckbox: t,
+      name: i,
+      checked: p,
+      defaultChecked: r,
       required: m,
-      setControl: C,
-      setChecked: d,
-      hasConsumerStoppedPropagationRef: p,
-      isFormControl: v,
-      bubbleInput: k
-    } = P(B, t), x = j(r, C), _ = c.useRef(i);
-    return c.useEffect(() => {
-      const o = e == null ? void 0 : e.form;
+      disabled: a,
+      value: k = "on",
+      onCheckedChange: b,
+      form: d,
+      ...x
+    } = e, [s, C] = n.useState(null), v = N(l, (o) => C(o)), y = n.useRef(!1), P = s ? d || !!s.closest("form") : !0, [u = !1, E] = O({
+      prop: p,
+      defaultProp: r,
+      onChange: b
+    }), D = n.useRef(u);
+    return n.useEffect(() => {
+      const o = s == null ? void 0 : s.form;
       if (o) {
-        const n = () => d(_.current);
-        return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
-      }
-    }, [e, d]), /* @__PURE__ */ u.jsx(
-      E.button,
-      {
-        type: "button",
-        role: "checkbox",
-        "aria-checked": h(i) ? "mixed" : i,
-        "aria-required": m,
-        "data-state": q(i),
-        "data-disabled": b ? "" : void 0,
-        disabled: b,
-        value: f,
-        ...l,
-        ref: x,
-        onKeyDown: S(a, (o) => {
-          o.key === "Enter" && o.preventDefault();
-        }),
-        onClick: S(s, (o) => {
-          d((n) => h(n) ? !0 : !n), k && v && (p.current = o.isPropagationStopped(), p.current || o.stopPropagation());
-        })
+        const h = () => E(D.current);
+        return o.addEventListener("reset", h), () => o.removeEventListener("reset", h);
       }
-    );
-  }
-);
-N.displayName = B;
-var X = c.forwardRef(
-  (t, a) => {
-    const {
-      __scopeCheckbox: s,
-      name: l,
-      checked: r,
-      defaultChecked: e,
-      required: f,
-      disabled: b,
-      value: i,
-      onCheckedChange: m,
-      form: C,
-      ...d
-    } = t;
-    return /* @__PURE__ */ u.jsx(
-      U,
-      {
-        __scopeCheckbox: s,
-        checked: r,
-        defaultChecked: e,
-        disabled: b,
-        required: f,
-        onCheckedChange: m,
-        name: l,
-        form: C,
-        value: i,
-        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-          /* @__PURE__ */ u.jsx(
-            N,
-            {
-              ...d,
-              ref: a,
-              __scopeCheckbox: s
-            }
-          ),
-          p && /* @__PURE__ */ u.jsx(
-            M,
-            {
-              __scopeCheckbox: s
-            }
-          )
-        ] })
-      }
-    );
+    }, [s, E]), /* @__PURE__ */ f.jsxs(L, { scope: t, state: u, disabled: a, children: [
+      /* @__PURE__ */ f.jsx(
+        j.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": c(u) ? "mixed" : u,
+          "aria-required": m,
+          "data-state": _(u),
+          "data-disabled": a ? "" : void 0,
+          disabled: a,
+          value: k,
+          ...x,
+          ref: v,
+          onKeyDown: S(e.onKeyDown, (o) => {
+            o.key === "Enter" && o.preventDefault();
+          }),
+          onClick: S(e.onClick, (o) => {
+            E((h) => c(h) ? !0 : !h), P && (y.current = o.isPropagationStopped(), y.current || o.stopPropagation());
+          })
+        }
+      ),
+      P && /* @__PURE__ */ f.jsx(
+        z,
+        {
+          control: s,
+          bubbles: !y.current,
+          name: i,
+          value: k,
+          checked: u,
+          required: m,
+          disabled: a,
+          form: d,
+          style: { transform: "translateX(-100%)" },
+          defaultChecked: c(r) ? !1 : r
+        }
+      )
+    ] });
   }
 );
-X.displayName = R;
-var w = "CheckboxIndicator", J = c.forwardRef(
-  (t, a) => {
-    const { __scopeCheckbox: s, forceMount: l, ...r } = t, e = P(w, s);
-    return /* @__PURE__ */ u.jsx(
-      z,
+I.displayName = R;
+var g = "CheckboxIndicator", w = n.forwardRef(
+  (e, l) => {
+    const { __scopeCheckbox: t, forceMount: i, ...p } = e, r = q(g, t);
+    return /* @__PURE__ */ f.jsx(H, { present: i || c(r.state) || r.state === !0, children: /* @__PURE__ */ f.jsx(
+      j.span,
       {
-        present: l || h(e.checked) || e.checked === !0,
-        children: /* @__PURE__ */ u.jsx(
-          E.span,
-          {
-            "data-state": q(e.checked),
-            "data-disabled": e.disabled ? "" : void 0,
-            ...r,
-            ref: a,
-            style: { pointerEvents: "none", ...t.style }
-          }
-        )
+        "data-state": _(r.state),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...p,
+        ref: l,
+        style: { pointerEvents: "none", ...e.style }
       }
-    );
+    ) });
   }
 );
-J.displayName = w;
-var T = "CheckboxBubbleInput", M = c.forwardRef(
-  ({ __scopeCheckbox: t, ...a }, s) => {
-    const {
-      control: l,
-      hasConsumerStoppedPropagationRef: r,
-      checked: e,
-      defaultChecked: f,
-      required: b,
-      disabled: i,
-      name: m,
-      value: C,
-      form: d,
-      bubbleInput: p,
-      setBubbleInput: v
-    } = P(T, t), k = j(s, v), x = O(e), _ = H(l);
-    c.useEffect(() => {
-      const n = p;
-      if (!n) return;
-      const g = window.HTMLInputElement.prototype, y = Object.getOwnPropertyDescriptor(
-        g,
-        "checked"
-      ).set, A = !r.current;
-      if (x !== e && y) {
-        const D = new Event("click", { bubbles: A });
-        n.indeterminate = h(e), y.call(n, h(e) ? !1 : e), n.dispatchEvent(D);
-      }
-    }, [p, x, e, r]);
-    const o = c.useRef(h(e) ? !1 : e);
-    return /* @__PURE__ */ u.jsx(
-      E.input,
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: f ?? o.current,
-        required: b,
-        disabled: i,
-        name: m,
-        value: C,
-        form: d,
-        ...a,
-        tabIndex: -1,
-        ref: k,
-        style: {
-          ...a.style,
-          ..._,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0,
-          // We transform because the input is absolutely positioned but we have
-          // rendered it **after** the button. This pulls it back to sit on top
-          // of the button.
-          transform: "translateX(-100%)"
-        }
+w.displayName = g;
+var z = (e) => {
+  const { control: l, checked: t, bubbles: i = !0, defaultChecked: p, ...r } = e, m = n.useRef(null), a = A(t), k = B(l);
+  n.useEffect(() => {
+    const d = m.current, x = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(x, "checked").set;
+    if (a !== t && C) {
+      const v = new Event("click", { bubbles: i });
+      d.indeterminate = c(t), C.call(d, c(t) ? !1 : t), d.dispatchEvent(v);
+    }
+  }, [a, t, i]);
+  const b = n.useRef(c(t) ? !1 : t);
+  return /* @__PURE__ */ f.jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: p ?? b.current,
+      ...r,
+      tabIndex: -1,
+      ref: m,
+      style: {
+        ...e.style,
+        ...k,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
       }
-    );
-  }
-);
-M.displayName = T;
-function Q(t) {
-  return typeof t == "function";
-}
-function h(t) {
-  return t === "indeterminate";
+    }
+  );
+};
+function c(e) {
+  return e === "indeterminate";
 }
-function q(t) {
-  return h(t) ? "indeterminate" : t ? "checked" : "unchecked";
+function _(e) {
+  return c(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
+var Z = I, $ = w;
 export {
-  X as Checkbox,
-  J as CheckboxIndicator,
-  J as Indicator,
-  X as Root,
-  ne as createCheckboxScope,
-  M as unstable_BubbleInput,
-  M as unstable_CheckboxBubbleInput,
-  U as unstable_CheckboxProvider,
-  N as unstable_CheckboxTrigger,
-  U as unstable_Provider,
-  N as unstable_Trigger
+  I as Checkbox,
+  w as CheckboxIndicator,
+  $ as Indicator,
+  Z as Root,
+  Y as createCheckboxScope
 };
 //# sourceMappingURL=index.es304.js.map

package/dist/index.es304.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es304.js","sources":["../node_modules/@radix-ui/react-checkbox/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nfunction CheckboxProvider(props) {\n  const {\n    __scopeCheckbox,\n    checked: checkedProp,\n    children,\n    defaultChecked,\n    disabled,\n    form,\n    name,\n    onCheckedChange,\n    required,\n    value = \"on\",\n    // @ts-expect-error\n    internal_do_not_use_render\n  } = props;\n  const [checked, setChecked] = useControllableState({\n    prop: checkedProp,\n    defaultProp: defaultChecked ?? false,\n    onChange: onCheckedChange,\n    caller: CHECKBOX_NAME\n  });\n  const [control, setControl] = React.useState(null);\n  const [bubbleInput, setBubbleInput] = React.useState(null);\n  const hasConsumerStoppedPropagationRef = React.useRef(false);\n  const isFormControl = control ? !!form || !!control.closest(\"form\") : (\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    true\n  );\n  const context = {\n    checked,\n    disabled,\n    setChecked,\n    control,\n    setControl,\n    name,\n    form,\n    value,\n    hasConsumerStoppedPropagationRef,\n    required,\n    defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,\n    isFormControl,\n    bubbleInput,\n    setBubbleInput\n  };\n  return /* @__PURE__ */ jsx(\n    CheckboxProviderImpl,\n    {\n      scope: __scopeCheckbox,\n      ...context,\n      children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children\n    }\n  );\n}\nvar TRIGGER_NAME = \"CheckboxTrigger\";\nvar CheckboxTrigger = React.forwardRef(\n  ({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {\n    const {\n      control,\n      value,\n      disabled,\n      checked,\n      required,\n      setControl,\n      setChecked,\n      hasConsumerStoppedPropagationRef,\n      isFormControl,\n      bubbleInput\n    } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);\n    const composedRefs = useComposedRefs(forwardedRef, setControl);\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form = control?.form;\n      if (form) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form.addEventListener(\"reset\", reset);\n        return () => form.removeEventListener(\"reset\", reset);\n      }\n    }, [control, setChecked]);\n    return /* @__PURE__ */ jsx(\n      Primitive.button,\n      {\n        type: \"button\",\n        role: \"checkbox\",\n        \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n        \"aria-required\": required,\n        \"data-state\": getState(checked),\n        \"data-disabled\": disabled ? \"\" : void 0,\n        disabled,\n        value,\n        ...checkboxProps,\n        ref: composedRefs,\n        onKeyDown: composeEventHandlers(onKeyDown, (event) => {\n          if (event.key === \"Enter\") event.preventDefault();\n        }),\n        onClick: composeEventHandlers(onClick, (event) => {\n          setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n          if (bubbleInput && isFormControl) {\n            hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n            if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n          }\n        })\n      }\n    );\n  }\n);\nCheckboxTrigger.displayName = TRIGGER_NAME;\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked,\n      defaultChecked,\n      required,\n      disabled,\n      value,\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    return /* @__PURE__ */ jsx(\n      CheckboxProvider,\n      {\n        __scopeCheckbox,\n        checked,\n        defaultChecked,\n        disabled,\n        required,\n        onCheckedChange,\n        name,\n        form,\n        value,\n        internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment, { children: [\n          /* @__PURE__ */ jsx(\n            CheckboxTrigger,\n            {\n              ...checkboxProps,\n              ref: forwardedRef,\n              __scopeCheckbox\n            }\n          ),\n          isFormControl && /* @__PURE__ */ jsx(\n            CheckboxBubbleInput,\n            {\n              __scopeCheckbox\n            }\n          )\n        ] })\n      }\n    );\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(\n      Presence,\n      {\n        present: forceMount || isIndeterminate(context.checked) || context.checked === true,\n        children: /* @__PURE__ */ jsx(\n          Primitive.span,\n          {\n            \"data-state\": getState(context.checked),\n            \"data-disabled\": context.disabled ? \"\" : void 0,\n            ...indicatorProps,\n            ref: forwardedRef,\n            style: { pointerEvents: \"none\", ...props.style }\n          }\n        )\n      }\n    );\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BUBBLE_INPUT_NAME = \"CheckboxBubbleInput\";\nvar CheckboxBubbleInput = React.forwardRef(\n  ({ __scopeCheckbox, ...props }, forwardedRef) => {\n    const {\n      control,\n      hasConsumerStoppedPropagationRef,\n      checked,\n      defaultChecked,\n      required,\n      disabled,\n      name,\n      value,\n      form,\n      bubbleInput,\n      setBubbleInput\n    } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);\n    const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = bubbleInput;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      const bubbles = !hasConsumerStoppedPropagationRef.current;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        input.indeterminate = isIndeterminate(checked);\n        setChecked.call(input, isIndeterminate(checked) ? false : checked);\n        input.dispatchEvent(event);\n      }\n    }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);\n    const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n    return /* @__PURE__ */ jsx(\n      Primitive.input,\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n        required,\n        disabled,\n        name,\n        value,\n        form,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0,\n          // We transform because the input is absolutely positioned but we have\n          // rendered it **after** the button. This pulls it back to sit on top\n          // of the button.\n          transform: \"translateX(-100%)\"\n        }\n      }\n    );\n  }\n);\nCheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction isFunction(value) {\n  return typeof value === \"function\";\n}\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  CheckboxIndicator as Indicator,\n  Checkbox as Root,\n  createCheckboxScope,\n  CheckboxBubbleInput as unstable_BubbleInput,\n  CheckboxBubbleInput as unstable_CheckboxBubbleInput,\n  CheckboxProvider as unstable_CheckboxProvider,\n  CheckboxTrigger as unstable_CheckboxTrigger,\n  CheckboxProvider as unstable_Provider,\n  CheckboxTrigger as unstable_Trigger\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["CHECKBOX_NAME","createCheckboxContext","createCheckboxScope","createContextScope","CheckboxProviderImpl","useCheckboxContext","CheckboxProvider","props","__scopeCheckbox","checkedProp","children","defaultChecked","disabled","form","name","onCheckedChange","required","value","internal_do_not_use_render","checked","setChecked","useControllableState","control","setControl","React","bubbleInput","setBubbleInput","hasConsumerStoppedPropagationRef","isFormControl","context","isIndeterminate","jsx","isFunction","TRIGGER_NAME","CheckboxTrigger","onKeyDown","onClick","checkboxProps","forwardedRef","composedRefs","useComposedRefs","initialCheckedStateRef","reset","Primitive","getState","composeEventHandlers","event","prevChecked","Checkbox","jsxs","Fragment","CheckboxBubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","Presence","BUBBLE_INPUT_NAME","usePrevious","controlSize","useSize","input","inputProto","bubbles","defaultCheckedRef"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es304.js","sources":["../node_modules/@radix-ui/react-checkbox/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeCheckbox,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...checkboxProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked = false, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked,\n      onChange: onCheckedChange\n    });\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const form2 = button?.form;\n      if (form2) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        form2.addEventListener(\"reset\", reset);\n        return () => form2.removeEventListener(\"reset\", reset);\n      }\n    }, [button, setChecked]);\n    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"checkbox\",\n          \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...checkboxProps,\n          ref: composedRefs,\n          onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n            if (event.key === \"Enter\") event.preventDefault();\n          }),\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        BubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" },\n          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n        }\n      )\n    ] });\n  }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.state),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef,\n        style: { pointerEvents: \"none\", ...props.style }\n      }\n    ) });\n  }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n  const ref = React.useRef(null);\n  const prevChecked = usePrevious(checked);\n  const controlSize = useSize(control);\n  React.useEffect(() => {\n    const input = ref.current;\n    const inputProto = window.HTMLInputElement.prototype;\n    const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n    const setChecked = descriptor.set;\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event(\"click\", { bubbles });\n      input.indeterminate = isIndeterminate(checked);\n      setChecked.call(input, isIndeterminate(checked) ? false : checked);\n      input.dispatchEvent(event);\n    }\n  }, [prevChecked, checked, bubbles]);\n  const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n  return /* @__PURE__ */ jsx(\n    \"input\",\n    {\n      type: \"checkbox\",\n      \"aria-hidden\": true,\n      defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n      ...inputProps,\n      tabIndex: -1,\n      ref,\n      style: {\n        ...props.style,\n        ...controlSize,\n        position: \"absolute\",\n        pointerEvents: \"none\",\n        opacity: 0,\n        margin: 0\n      }\n    }\n  );\n};\nfunction isIndeterminate(checked) {\n  return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n  return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n  Checkbox,\n  CheckboxIndicator,\n  Indicator,\n  Root,\n  createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["CHECKBOX_NAME","createCheckboxContext","createCheckboxScope","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es305.js.map

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

package/dist/index.es31.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es242.js";
+import { j as e } from "./index.es241.js";
 import './components/ui/CardMapStructure/CardMap.css';/* empty css            */
 import { useState as w, useRef as g, useEffect as b } from "react";
 import { Col as n } from "./index.es10.js";

package/dist/index.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es31.js","sources":["../src/components/ui/CardMapStructure/index.tsx"],"sourcesContent":["import \"./CardMap.scss\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Col } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardMapProps = {\n  id: string;\n  title: string;\n  titleTag: HeadingLevel;\n  href?: string;\n  description?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  asLink?: \"a\";\n  className?: string;\n  plainAddress?: string;\n  setSelectedCard?: (id: string) => void;\n  addressLabel?: string;\n};\nexport const CardMap = ({\n  id,\n  title,\n  titleTag: TitleTag = \"h3\",\n  href,\n  description,\n  isExternal = false,\n  asLink = \"a\",\n  className,\n  plainAddress,\n  setSelectedCard = () => {},\n  addressLabel = \"Indirizzo\",\n}: CardMapProps) => {\n  const LinkComponent = asLink;\n  const [isActive, setIsActive] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsActive(false);\n      }\n    };\n\n    if (isActive) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isActive]);\n  return (\n    <Col\n      as={\"div\"}\n      justifyContent={\"center\"}\n      ref={dropdownRef}\n      br={\"x4\"}\n      p={\"x24\"}\n      bg={\"white\"}\n      className={`${className} ${isActive ? \"ui-is-active\" : \"ui-card-search\"} shadow cursor-pointer text-slate-28`}\n      onClick={() => {\n        setIsActive(true);\n        setSelectedCard(id);\n      }}\n    >\n      <Col pb={\"x24\"}>\n        <TitleTag className=\"flex-1\">\n          <LinkComponent\n            className={\"text-decoration-none fs-4 text-primary fw-semibold\"}\n            href={href}\n            target={isExternal ? \"_blank\" : undefined}\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\n          >\n            {title}\n          </LinkComponent>\n        </TitleTag>\n        <p className=\"fs-6 fw-regular\">{description}</p>\n      </Col>\n\n      {plainAddress && (\n        <Col as={\"footer\"} gap={\"x8\"} bg={\"white\"}>\n          <h5 className={\"fw-semibold fs-6\"}>{addressLabel}</h5>\n          <p className={\"fw-regular\"}>{plainAddress}</p>\n        </Col>\n      )}\n    </Col>\n  );\n};\n"],"names":["CardMap","id","title","TitleTag","href","description","isExternal","asLink","className","plainAddress","setSelectedCard","addressLabel","LinkComponent","isActive","setIsActive","useState","dropdownRef","useRef","useEffect","handleClickOutside","event","jsxs","Col","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC,IAAe;AACjB,MAAoB;AAClB,QAAMC,IAAgBL,GAChB,CAACM,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAuB,IAAI;AAE/C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAJ,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASI,EAAM,MAAc,KAElDN,EAAY,EAAK;AAAA,IAErB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaM,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACN,CAAQ,CAAC,GAEXQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,KAAKN;AAAA,MACL,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW,GAAGR,CAAS,IAAIK,IAAW,iBAAiB,gBAAgB;AAAA,MACvE,SAAS,MAAM;AACb,QAAAC,EAAY,EAAI,GAChBJ,EAAgBT,CAAE;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAACoB,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,IAAI,OACP,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAApB,GAAA,EAAS,WAAU,UAClB,UAAAoB,gBAAAA,EAAA;AAAA,YAACX;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,MAAAR;AAAA,cACA,QAAQE,IAAa,WAAW;AAAA,cAChC,KAAKA,IAAa,wBAAwB;AAAA,cAEzC,UAAAJ;AAAA,YAAA;AAAA,UAAA,GAEL;AAAA,UACCqB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,mBAAmB,UAAYlB,EAAA,CAAA;AAAA,QAAA,GAC9C;AAAA,QAECI,4BACEa,GAAI,EAAA,IAAI,UAAU,KAAK,MAAM,IAAI,SAChC,UAAA;AAAA,UAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAW,oBAAqB,UAAaZ,GAAA;AAAA,UAChDY,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,cAAe,UAAad,EAAA,CAAA;AAAA,QAAA,EAC5C,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es31.js","sources":["../src/components/ui/CardMapStructure/index.tsx"],"sourcesContent":["import \"./CardMap.scss\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardMapProps = {\r\n  id: string;\r\n  title: string;\r\n  titleTag: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  plainAddress?: string;\r\n  setSelectedCard?: (id: string) => void;\r\n  addressLabel?: string;\r\n};\r\nexport const CardMap = ({\r\n  id,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  href,\r\n  description,\r\n  isExternal = false,\r\n  asLink = \"a\",\r\n  className,\r\n  plainAddress,\r\n  setSelectedCard = () => {},\r\n  addressLabel = \"Indirizzo\",\r\n}: CardMapProps) => {\r\n  const LinkComponent = asLink;\r\n  const [isActive, setIsActive] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsActive(false);\r\n      }\r\n    };\r\n\r\n    if (isActive) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isActive]);\r\n  return (\r\n    <Col\r\n      as={\"div\"}\r\n      justifyContent={\"center\"}\r\n      ref={dropdownRef}\r\n      br={\"x4\"}\r\n      p={\"x24\"}\r\n      bg={\"white\"}\r\n      className={`${className} ${isActive ? \"ui-is-active\" : \"ui-card-search\"} shadow cursor-pointer text-slate-28`}\r\n      onClick={() => {\r\n        setIsActive(true);\r\n        setSelectedCard(id);\r\n      }}\r\n    >\r\n      <Col pb={\"x24\"}>\r\n        <TitleTag className=\"flex-1\">\r\n          <LinkComponent\r\n            className={\"text-decoration-none fs-4 text-primary fw-semibold\"}\r\n            href={href}\r\n            target={isExternal ? \"_blank\" : undefined}\r\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n          >\r\n            {title}\r\n          </LinkComponent>\r\n        </TitleTag>\r\n        <p className=\"fs-6 fw-regular\">{description}</p>\r\n      </Col>\r\n\r\n      {plainAddress && (\r\n        <Col as={\"footer\"} gap={\"x8\"} bg={\"white\"}>\r\n          <h5 className={\"fw-semibold fs-6\"}>{addressLabel}</h5>\r\n          <p className={\"fw-regular\"}>{plainAddress}</p>\r\n        </Col>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardMap","id","title","TitleTag","href","description","isExternal","asLink","className","plainAddress","setSelectedCard","addressLabel","LinkComponent","isActive","setIsActive","useState","dropdownRef","useRef","useEffect","handleClickOutside","event","jsxs","Col","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC,IAAe;AACjB,MAAoB;AAClB,QAAMC,IAAgBL,GAChB,CAACM,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAuB,IAAI;AAE/C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAJ,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASI,EAAM,MAAc,KAElDN,EAAY,EAAK;AAAA,IAErB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaM,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACN,CAAQ,CAAC,GAEXQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,KAAKN;AAAA,MACL,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW,GAAGR,CAAS,IAAIK,IAAW,iBAAiB,gBAAgB;AAAA,MACvE,SAAS,MAAM;AACb,QAAAC,EAAY,EAAI,GAChBJ,EAAgBT,CAAE;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAACoB,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,IAAI,OACP,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAApB,GAAA,EAAS,WAAU,UAClB,UAAAoB,gBAAAA,EAAA;AAAA,YAACX;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,MAAAR;AAAA,cACA,QAAQE,IAAa,WAAW;AAAA,cAChC,KAAKA,IAAa,wBAAwB;AAAA,cAEzC,UAAAJ;AAAA,YAAA;AAAA,UAAA,GAEL;AAAA,UACCqB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,mBAAmB,UAAYlB,EAAA,CAAA;AAAA,QAAA,GAC9C;AAAA,QAECI,4BACEa,GAAI,EAAA,IAAI,UAAU,KAAK,MAAM,IAAI,SAChC,UAAA;AAAA,UAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAW,oBAAqB,UAAaZ,GAAA;AAAA,UAChDY,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,cAAe,UAAad,EAAA,CAAA;AAAA,QAAA,EAC5C,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es311.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es242.js";
+import { j as r } from "./index.es241.js";
 import { Attachment as i } from "./index.es196.js";
 import { Button as o } from "./index.es28.js";
 import { ArrowLink as t } from "./index.es42.js";