@anoki/fse-ui 2.1.0-SNAPSHOT29 → 2.1.0-SNAPSHOT30

package/dist/index.es229.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es250.js";
-import { createColorClasses as c } from "./index.es283.js";
+import { createColorClasses as c } from "./index.es320.js";
 import { clsx as f } from "./index.es252.js";
 const p = ({
   width: r = 24,

package/dist/index.es229.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es229.js","sources":["../src/icons/CircleLeftArrow/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\r\nimport { IconProps } from \"@/types\";\r\nimport clsx from \"clsx\";\r\n\r\nexport const CirlceLeftArrow = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n  onClick,\r\n  decorative = false,\r\n  ariaLabel = \"Left arrow\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"#0066cc\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className, classes)}\r\n      onClick={onClick}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20ZM5.7 9.5H15V10.5H5.8L8.8 13.6L8.1 14.3L3.8 10L8.1 5.7L8.8 6.4L5.7 9.5ZM10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1Z\"\r\n        fill={color}\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["CirlceLeftArrow","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE1C,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,SAAAH;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAMN;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es229.js","sources":["../src/icons/CircleLeftArrow/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\nimport { IconProps } from \"@/types\";\nimport clsx from \"clsx\";\n\nexport const CirlceLeftArrow = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  onClick,\n  decorative = false,\n  ariaLabel = \"Left arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 20\"\n      fill=\"#0066cc\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={clsx(className, classes)}\n      onClick={onClick}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20ZM5.7 9.5H15V10.5H5.8L8.8 13.6L8.1 14.3L3.8 10L8.1 5.7L8.8 6.4L5.7 9.5ZM10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1Z\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n"],"names":["CirlceLeftArrow","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE1C,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,SAAAH;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAMN;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAEJ;"}

package/dist/index.es23.js

@@ -2,9 +2,9 @@ import { j as a } from "./index.es250.js";
 import { BaseModal as i } from "./index.es32.js";
 import { clsx as s } from "./index.es252.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es309.js";
-import { AddNewModalContent as p } from "./index.es310.js";
-import { AddNewModalFooter as n } from "./index.es311.js";
+import { AddNewModalHeader as l } from "./index.es308.js";
+import { AddNewModalContent as p } from "./index.es309.js";
+import { AddNewModalFooter as n } from "./index.es310.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es230.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es250.js";
-import { createColorClasses as C } from "./index.es283.js";
+import { createColorClasses as C } from "./index.es320.js";
 import { clsx as c } from "./index.es252.js";
 const p = ({
   width: l = 24,

package/dist/index.es230.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es230.js","sources":["../src/icons/CircleRightArrow/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\r\nimport { IconProps } from \"@/types\";\r\nimport clsx from \"clsx\";\r\n\r\nexport const CircleRightArrow = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color = \"primary\",\r\n  onClick,\r\n  decorative = false,\r\n  ariaLabel = \"Left arrow\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"#0066cc\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className, classes)}\r\n      onClick={onClick}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <g transform=\"scale(-1, 1) translate(-20, 0)\">\r\n        <path\r\n          fillRule=\"evenodd\"\r\n          clipRule=\"evenodd\"\r\n          d=\"M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20ZM5.7 9.5H15V10.5H5.8L8.8 13.6L8.1 14.3L3.8 10L8.1 5.7L8.8 6.4L5.7 9.5ZM10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1Z\"\r\n          fill={color}\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["CircleRightArrow","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE1C,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,SAAAH;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,kCACX,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAMN;AAAA,QAAA;AAAA,MAAA,EAEV,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es230.js","sources":["../src/icons/CircleRightArrow/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\nimport { IconProps } from \"@/types\";\nimport clsx from \"clsx\";\n\nexport const CircleRightArrow = ({\n  width = 24,\n  height = 24,\n  className,\n  color = \"primary\",\n  onClick,\n  decorative = false,\n  ariaLabel = \"Left arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 20\"\n      fill=\"#0066cc\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={clsx(className, classes)}\n      onClick={onClick}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <g transform=\"scale(-1, 1) translate(-20, 0)\">\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20ZM5.7 9.5H15V10.5H5.8L8.8 13.6L8.1 14.3L3.8 10L8.1 5.7L8.8 6.4L5.7 9.5ZM10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1Z\"\n          fill={color}\n        />\n      </g>\n    </svg>\n  );\n};\n"],"names":["CircleRightArrow","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE1C,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,SAAAH;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,kCACX,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAMN;AAAA,QAAA;AAAA,MAAA,EAEV,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es24.js","sources":["../src/components/ui/AggregationItemCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ComponentType, ReactNode, MouseEvent } from \"react\";\r\nimport { Col } from \"../Col\";\r\nimport { Row } from \"../Row\";\r\nimport { File } from \"@/icons\";\r\nimport \"./AggregationItemCard.scss\";\r\nimport { Tag, TagProps } from \"../Tags\";\r\nimport { HeadingLevel } from \"@/types\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype AggregationItemCardProps = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  tags?: Array<TagProps>;\r\n  totalTags?: number;\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  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const AggregationItemCard = ({\r\n  category,\r\n  tags = [],\r\n  totalTags = 2,\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h1\",\r\n  href,\r\n  isExternal = false,\r\n  asImage = \"img\",\r\n  className,\r\n  handleOnClick,\r\n}: AggregationItemCardProps) => {\r\n  const ImageComponent = asImage;\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-aggregation-item-card shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n    >\r\n      <div className=\"category-header text-muted\">\r\n        <Row gap=\"x4\" alignItems=\"center\" className=\"p-x0 m-x0\">\r\n          {category && (\r\n            <File\r\n              fillColor={image?.src ? \"#fff\" : \"#5C6F82\"}\r\n              width={30}\r\n              height={30}\r\n            />\r\n          )}\r\n          {category?.type ?? \" \"}\r\n        </Row>\r\n        <p className=\"date text-muted \">{category?.published_at ?? \" \"}</p>\r\n      </div>\r\n\r\n      {image?.src && (\r\n        <header className=\"image\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n          <div className=\"backdrop\"></div>\r\n        </header>\r\n      )}\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <a\r\n            className=\"text-decoration-none\"\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            <TitleTag\r\n              className={clsx(\r\n                \"title\",\r\n                \"cursor-pointer hover-underline\",\r\n                \"text-primary fs-5 md-fs-custom-2\",\r\n              )}\r\n            >\r\n              {title}\r\n            </TitleTag>\r\n          </a>\r\n        </Row>\r\n      </Col>\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row\r\n          className=\"topics-container\"\r\n          gap=\"x16\"\r\n          flexWrap=\"wrap\"\r\n          alignItems=\"flex-start\"\r\n        >\r\n          {tags.slice(0, totalTags).map((topic, index) => (\r\n            <Tag key={index} {...topic} />\r\n          ))}\r\n        </Row>\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AggregationItemCard","category","tags","totalTags","image","title","TitleTag","href","isExternal","asImage","className","handleOnClick","ImageComponent","jsxs","clsx","Row","jsx","File","Col","topic","index","Tag"],"mappings":";;;;;;;AAoCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,UAAAC;AAAA,EACA,MAAAC,IAAO,CAAC;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAC,KAAiB;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAA,gBAAAA,OAACE,KAAI,KAAI,MAAK,YAAW,UAAS,WAAU,aACzC,UAAA;AAAA,YACCd,KAAAe,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWb,KAAA,QAAAA,EAAO,MAAM,SAAS;AAAA,gBACjC,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,aAEDH,KAAA,gBAAAA,EAAU,SAAQ;AAAA,UAAA,GACrB;AAAA,gCACC,KAAE,EAAA,WAAU,oBAAoB,WAAAA,KAAA,gBAAAA,EAAU,iBAAgB,IAAI,CAAA;AAAA,QAAA,GACjE;AAAA,SAECG,KAAA,gBAAAA,EAAO,QACLS,gBAAAA,OAAA,UAAA,EAAO,WAAU,SAChB,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,KAAKR,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAChB;AAAA,UACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WAAW,CAAA;AAAA,QAAA,GAC5B;AAAA,QAEFA,gBAAAA,EAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAAA,IAACD,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAAT;AAAA,YACA,QAAQC,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SAASG,KAAiB;AAAA,YAE1B,UAAAK,gBAAAA,EAAA;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,WAAWQ;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,WAEJ,EACF,CAAA;AAAA,QACAW,gBAAAA,EAAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,YAAW;AAAA,YAEV,UAAKb,EAAA,MAAM,GAAGC,CAAS,EAAE,IAAI,CAACgB,GAAOC,MACnCJ,gBAAAA,EAAA,IAAAK,GAAA,EAAiB,GAAGF,EAAA,GAAXC,CAAkB,CAC7B;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es24.js","sources":["../src/components/ui/AggregationItemCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentType, ReactNode, MouseEvent } from \"react\";\nimport { Col } from \"../Col\";\nimport { Row } from \"../Row\";\nimport { File } from \"@/icons\";\nimport \"./AggregationItemCard.scss\";\nimport { Tag, TagProps } from \"../Tags\";\nimport { HeadingLevel } from \"@/types\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\ntype AggregationItemCardProps = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  tags?: Array<TagProps>;\n  totalTags?: number;\n  image?: Image;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string | ReactNode;\n  description2?: string;\n  isExternal?: boolean;\n  asImage?: \"img\";\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  classNameTitle?: string;\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\n};\n\nexport const AggregationItemCard = ({\n  category,\n  tags = [],\n  totalTags = 2,\n  image,\n  title,\n  titleTag: TitleTag = \"h1\",\n  href,\n  isExternal = false,\n  asImage = \"img\",\n  className,\n  handleOnClick,\n}: AggregationItemCardProps) => {\n  const ImageComponent = asImage;\n  return (\n    <div\n      className={clsx(\n        \"ui-aggregation-item-card shadow br-x4 bg-white\",\n        className,\n        handleOnClick && \"cursor-pointer\",\n      )}\n    >\n      <div className=\"category-header text-muted\">\n        <Row gap=\"x4\" alignItems=\"center\" className=\"p-x0 m-x0\">\n          {category && (\n            <File\n              fillColor={image?.src ? \"#fff\" : \"#5C6F82\"}\n              width={30}\n              height={30}\n            />\n          )}\n          {category?.type ?? \" \"}\n        </Row>\n        <p className=\"date text-muted \">{category?.published_at ?? \" \"}</p>\n      </div>\n\n      {image?.src && (\n        <header className=\"image\">\n          <ImageComponent\n            src={image?.src}\n            alt={image?.alt}\n            title={image?.title}\n          />\n          <div className=\"backdrop\"></div>\n        </header>\n      )}\n      <Col className=\"content-container gap-x16\">\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\n          <a\n            className=\"text-decoration-none\"\n            href={href}\n            target={isExternal ? \"_blank\" : undefined}\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\n            onClick={handleOnClick ?? undefined}\n          >\n            <TitleTag\n              className={clsx(\n                \"title\",\n                \"cursor-pointer hover-underline\",\n                \"text-primary fs-5 md-fs-custom-2\",\n              )}\n            >\n              {title}\n            </TitleTag>\n          </a>\n        </Row>\n      </Col>\n      <Col className=\"content-container gap-x16\">\n        <Row\n          className=\"topics-container\"\n          gap=\"x16\"\n          flexWrap=\"wrap\"\n          alignItems=\"flex-start\"\n        >\n          {tags.slice(0, totalTags).map((topic, index) => (\n            <Tag key={index} {...topic} />\n          ))}\n        </Row>\n      </Col>\n    </div>\n  );\n};\n"],"names":["AggregationItemCard","category","tags","totalTags","image","title","TitleTag","href","isExternal","asImage","className","handleOnClick","ImageComponent","jsxs","clsx","Row","jsx","File","Col","topic","index","Tag"],"mappings":";;;;;;;AAoCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,UAAAC;AAAA,EACA,MAAAC,IAAO,CAAC;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAC,KAAiB;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAA,gBAAAA,OAACE,KAAI,KAAI,MAAK,YAAW,UAAS,WAAU,aACzC,UAAA;AAAA,YACCd,KAAAe,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWb,KAAA,QAAAA,EAAO,MAAM,SAAS;AAAA,gBACjC,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,aAEDH,KAAA,gBAAAA,EAAU,SAAQ;AAAA,UAAA,GACrB;AAAA,gCACC,KAAE,EAAA,WAAU,oBAAoB,WAAAA,KAAA,gBAAAA,EAAU,iBAAgB,IAAI,CAAA;AAAA,QAAA,GACjE;AAAA,SAECG,KAAA,gBAAAA,EAAO,QACLS,gBAAAA,OAAA,UAAA,EAAO,WAAU,SAChB,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,KAAKR,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAChB;AAAA,UACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WAAW,CAAA;AAAA,QAAA,GAC5B;AAAA,QAEFA,gBAAAA,EAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAAA,IAACD,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAAT;AAAA,YACA,QAAQC,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SAASG,KAAiB;AAAA,YAE1B,UAAAK,gBAAAA,EAAA;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,WAAWQ;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,WAEJ,EACF,CAAA;AAAA,QACAW,gBAAAA,EAAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,YAAW;AAAA,YAEV,UAAKb,EAAA,MAAM,GAAGC,CAAS,EAAE,IAAI,CAACgB,GAAOC,MACnCJ,gBAAAA,EAAA,IAAAK,GAAA,EAAiB,GAAGF,EAAA,GAAXC,CAAkB,CAC7B;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import { CheckCircle, ErrorExagon, Info, QuestionCircle } from \"@/icons\";\r\nimport { GetValues, Link as ILink } from \"@anoki/fse-common/dist\";\r\nimport React from \"react\";\r\nimport { Divider } from \"../Divider\";\r\nimport { Link } from \"../link\";\r\nimport \"./Alert.scss\";\r\n\r\nexport const AlertVariantEnum = {\r\n  DEFAULT: \"default\",\r\n  INFO: \"info\",\r\n  WARNING: \"warning\",\r\n  DANGER: \"danger\",\r\n  SUCCESS: \"success\",\r\n} as const;\r\n\r\nexport type AlertVariant = GetValues<typeof AlertVariantEnum>;\r\n\r\nexport type AlertProps = {\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  subtitle: string | React.ReactNode;\r\n  link: ILink;\r\n  variant?: AlertVariant;\r\n};\r\n\r\nconst iconMap = {\r\n  default: <Info color=\"primary\" width={32} height={32} />,\r\n  info: <Info color=\"primary\" width={32} height={32} />,\r\n  warning: <QuestionCircle color=\"warning\" width={32} height={32} />,\r\n  danger: <ErrorExagon width={32} height={32} />,\r\n  success: <CheckCircle color=\"status-success\" width={32} height={32} />,\r\n};\r\n\r\nexport const Alert: React.FC<AlertProps> = ({\r\n  title,\r\n  description,\r\n  subtitle,\r\n  link,\r\n  variant = \"default\",\r\n}) => {\r\n  const showDivider = !!description || !!link?.title;\r\n  return (\r\n    <blockquote className={`styled-alert alert-${variant}`}>\r\n      <div className=\"container\">\r\n        {iconMap[variant]}\r\n        <div className=\"right-container\">\r\n          <h1 className=\"title\">{title}</h1>\r\n          <div className=\"subtitle\">{subtitle}</div>\r\n          {showDivider && <Divider bg=\"blue-30\" />}\r\n          <div className=\"description\">{description}</div>\r\n          <Link title={link.title} src={link.link} />\r\n        </div>\r\n      </div>\r\n    </blockquote>\r\n  );\r\n};\r\n"],"names":["AlertVariantEnum","iconMap","Info","QuestionCircle","jsx","ErrorExagon","CheckCircle","Alert","title","description","subtitle","link","variant","showDivider","jsxs","Divider","Link"],"mappings":";;;;;;;;AAOO,MAAMA,IAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAYMC,IAAU;AAAA,EACd,+BAAUC,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,4BAAOA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACnD,+BAAUC,GAAe,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EAChE,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUC,GAAY,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AACtE,GAEaC,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAM;AACJ,QAAMC,IAAc,CAAC,CAACJ,KAAe,CAAC,EAACE,KAAA,QAAAA,EAAM;AAE3C,SAAAP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBQ,CAAO,IAClD,UAAAE,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,IAAAb,EAAQW,CAAO;AAAA,IAChBE,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,MAACV,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMI,GAAA;AAAA,MAC5BJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,YAAY,UAASM,GAAA;AAAA,MACnCG,KAAeT,gBAAAA,EAAAA,IAACW,GAAQ,EAAA,IAAG,UAAU,CAAA;AAAA,MACrCX,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,eAAe,UAAYK,GAAA;AAAA,4BACzCO,GAAK,EAAA,OAAOL,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es25.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import { CheckCircle, ErrorExagon, Info, QuestionCircle } from \"@/icons\";\nimport { GetValues, Link as ILink } from \"@anoki/fse-common/dist\";\nimport React from \"react\";\nimport { Divider } from \"../Divider\";\nimport { Link } from \"../link\";\nimport \"./Alert.scss\";\n\nexport const AlertVariantEnum = {\n  DEFAULT: \"default\",\n  INFO: \"info\",\n  WARNING: \"warning\",\n  DANGER: \"danger\",\n  SUCCESS: \"success\",\n} as const;\n\nexport type AlertVariant = GetValues<typeof AlertVariantEnum>;\n\nexport type AlertProps = {\n  title: string;\n  description: string | React.ReactNode;\n  subtitle: string | React.ReactNode;\n  link: ILink;\n  variant?: AlertVariant;\n};\n\nconst iconMap = {\n  default: <Info color=\"primary\" width={32} height={32} />,\n  info: <Info color=\"primary\" width={32} height={32} />,\n  warning: <QuestionCircle color=\"warning\" width={32} height={32} />,\n  danger: <ErrorExagon width={32} height={32} />,\n  success: <CheckCircle color=\"status-success\" width={32} height={32} />,\n};\n\nexport const Alert: React.FC<AlertProps> = ({\n  title,\n  description,\n  subtitle,\n  link,\n  variant = \"default\",\n}) => {\n  const showDivider = !!description || !!link?.title;\n  return (\n    <blockquote className={`styled-alert alert-${variant}`}>\n      <div className=\"container\">\n        {iconMap[variant]}\n        <div className=\"right-container\">\n          <h1 className=\"title\">{title}</h1>\n          <div className=\"subtitle\">{subtitle}</div>\n          {showDivider && <Divider bg=\"blue-30\" />}\n          <div className=\"description\">{description}</div>\n          <Link title={link.title} src={link.link} />\n        </div>\n      </div>\n    </blockquote>\n  );\n};\n"],"names":["AlertVariantEnum","iconMap","Info","QuestionCircle","jsx","ErrorExagon","CheckCircle","Alert","title","description","subtitle","link","variant","showDivider","jsxs","Divider","Link"],"mappings":";;;;;;;;AAOO,MAAMA,IAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAYMC,IAAU;AAAA,EACd,+BAAUC,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,4BAAOA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACnD,+BAAUC,GAAe,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EAChE,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUC,GAAY,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AACtE,GAEaC,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAM;AACJ,QAAMC,IAAc,CAAC,CAACJ,KAAe,CAAC,EAACE,KAAA,QAAAA,EAAM;AAE3C,SAAAP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBQ,CAAO,IAClD,UAAAE,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,IAAAb,EAAQW,CAAO;AAAA,IAChBE,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,MAACV,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMI,GAAA;AAAA,MAC5BJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,YAAY,UAASM,GAAA;AAAA,MACnCG,KAAeT,gBAAAA,EAAAA,IAACW,GAAQ,EAAA,IAAG,UAAU,CAAA;AAAA,MACrCX,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,eAAe,UAAYK,GAAA;AAAA,4BACzCO,GAAK,EAAA,OAAOL,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/index.es254.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es467.js";
+import { __require as r } from "./index.es465.js";
 var a = r();
 export {
   a as l

package/dist/index.es26.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es250.js";
-import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es314.js";
+import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es313.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { ErrorExagon as j } from "./index.es207.js";
 import { CheckCircle as u } from "./index.es215.js";

package/dist/index.es26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es26.js","sources":["../src/components/ui/AlertDialogUI/index.tsx"],"sourcesContent":["import * as AlertDialog from \"@radix-ui/react-alert-dialog\";\r\nimport \"./AlertDialogUI.scss\";\r\nimport { Button, Row } from \"@/components\";\r\nimport { CheckCircle, ErrorExagon } from \"../../../icons\";\r\n\r\ntype AlertDialogProps = {\r\n  isOpen: boolean;\r\n  onClose: () => void;\r\n  title?: string;\r\n  description?: string;\r\n  confirmBtnLabel?: string;\r\n  role?: \"alertdialog\" | \"dialog\";\r\n  variant?: \"default\" | \"error\" | \"success\";\r\n};\r\n\r\nexport const AlertDialogUI = ({\r\n  title = \"Alert\",\r\n  description = \"Funzione al momento non ancora disponibile\",\r\n  confirmBtnLabel = \"OK\",\r\n  isOpen,\r\n  onClose,\r\n  variant = \"default\",\r\n  role = \"alertdialog\",\r\n}: AlertDialogProps) => (\r\n  <AlertDialog.Root open={isOpen} onOpenChange={onClose}>\r\n    <AlertDialog.Portal>\r\n      <AlertDialog.Overlay className=\"ui-alertDialogOverlay\" />\r\n      <AlertDialog.Content\r\n        className=\"ui-alertDialogContent fs-6 text-slate-28\"\r\n        role={role}\r\n      >\r\n        <AlertDialog.Title className=\"ui-alertDialogTitle fw-bold fs-custom text-slate-20\">\r\n          {variant === \"error\" && <ErrorExagon width={20} height={20} />}\r\n          {variant === \"success\" && (\r\n            <CheckCircle color=\"status-success\" width={20} height={20} />\r\n          )}\r\n          {title}\r\n        </AlertDialog.Title>\r\n        <AlertDialog.Description className=\"ui-alertDialogDescription\">\r\n          {description}\r\n        </AlertDialog.Description>\r\n        <Row justifyContent={\"flex-end\"}>\r\n          <AlertDialog.Cancel asChild>\r\n            <Button variant={\"primary\"} size={\"3\"}>\r\n              {confirmBtnLabel}\r\n            </Button>\r\n          </AlertDialog.Cancel>\r\n        </Row>\r\n      </AlertDialog.Content>\r\n    </AlertDialog.Portal>\r\n  </AlertDialog.Root>\r\n);\r\n"],"names":["AlertDialogUI","title","description","confirmBtnLabel","isOpen","onClose","variant","role","jsx","AlertDialog.Root","jsxs","AlertDialog.Portal","AlertDialog.Overlay","AlertDialog.Content","AlertDialog.Title","ErrorExagon","CheckCircle","AlertDialog.Description","Row","AlertDialog.Cancel","Button"],"mappings":";;;;;;;AAeO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,iBAAAC,IAAkB;AAAA,EAClB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AACT,MACEC,gBAAAA,MAACC,GAAA,EAAiB,MAAML,GAAQ,cAAcC,GAC5C,UAAAK,gBAAAA,EAAAA,KAACC,GAAA,EACC,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAoB,WAAU,wBAAwB,CAAA;AAAA,EACvDF,gBAAAA,EAAA;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAAN;AAAA,MAEA,UAAA;AAAA,QAAAG,gBAAAA,EAAAA,KAACI,GAAA,EAAkB,WAAU,uDAC1B,UAAA;AAAA,UAAAR,MAAY,WAAYE,gBAAAA,EAAAA,IAAAO,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,UAC3DT,MAAY,aACVE,gBAAAA,MAAAQ,GAAA,EAAY,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAE5Df;AAAA,QAAA,GACH;AAAA,8BACCgB,GAAA,EAAwB,WAAU,6BAChC,UACHf,GAAA;AAAA,8BACCgB,GAAI,EAAA,gBAAgB,YACnB,UAACV,gBAAAA,EAAAA,IAAAW,GAAA,EAAmB,SAAO,IACzB,UAAAX,gBAAAA,EAAAA,IAACY,KAAO,SAAS,WAAW,MAAM,KAC/B,UAAAjB,GACH,GACF,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"index.es26.js","sources":["../src/components/ui/AlertDialogUI/index.tsx"],"sourcesContent":["import * as AlertDialog from \"@radix-ui/react-alert-dialog\";\nimport \"./AlertDialogUI.scss\";\nimport { Button, Row } from \"@/components\";\nimport { CheckCircle, ErrorExagon } from \"../../../icons\";\n\ntype AlertDialogProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  title?: string;\n  description?: string;\n  confirmBtnLabel?: string;\n  role?: \"alertdialog\" | \"dialog\";\n  variant?: \"default\" | \"error\" | \"success\";\n};\n\nexport const AlertDialogUI = ({\n  title = \"Alert\",\n  description = \"Funzione al momento non ancora disponibile\",\n  confirmBtnLabel = \"OK\",\n  isOpen,\n  onClose,\n  variant = \"default\",\n  role = \"alertdialog\",\n}: AlertDialogProps) => (\n  <AlertDialog.Root open={isOpen} onOpenChange={onClose}>\n    <AlertDialog.Portal>\n      <AlertDialog.Overlay className=\"ui-alertDialogOverlay\" />\n      <AlertDialog.Content\n        className=\"ui-alertDialogContent fs-6 text-slate-28\"\n        role={role}\n      >\n        <AlertDialog.Title className=\"ui-alertDialogTitle fw-bold fs-custom text-slate-20\">\n          {variant === \"error\" && <ErrorExagon width={20} height={20} />}\n          {variant === \"success\" && (\n            <CheckCircle color=\"status-success\" width={20} height={20} />\n          )}\n          {title}\n        </AlertDialog.Title>\n        <AlertDialog.Description className=\"ui-alertDialogDescription\">\n          {description}\n        </AlertDialog.Description>\n        <Row justifyContent={\"flex-end\"}>\n          <AlertDialog.Cancel asChild>\n            <Button variant={\"primary\"} size={\"3\"}>\n              {confirmBtnLabel}\n            </Button>\n          </AlertDialog.Cancel>\n        </Row>\n      </AlertDialog.Content>\n    </AlertDialog.Portal>\n  </AlertDialog.Root>\n);\n"],"names":["AlertDialogUI","title","description","confirmBtnLabel","isOpen","onClose","variant","role","jsx","AlertDialog.Root","jsxs","AlertDialog.Portal","AlertDialog.Overlay","AlertDialog.Content","AlertDialog.Title","ErrorExagon","CheckCircle","AlertDialog.Description","Row","AlertDialog.Cancel","Button"],"mappings":";;;;;;;AAeO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,iBAAAC,IAAkB;AAAA,EAClB,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AACT,MACEC,gBAAAA,MAACC,GAAA,EAAiB,MAAML,GAAQ,cAAcC,GAC5C,UAAAK,gBAAAA,EAAAA,KAACC,GAAA,EACC,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAoB,WAAU,wBAAwB,CAAA;AAAA,EACvDF,gBAAAA,EAAA;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAAN;AAAA,MAEA,UAAA;AAAA,QAAAG,gBAAAA,EAAAA,KAACI,GAAA,EAAkB,WAAU,uDAC1B,UAAA;AAAA,UAAAR,MAAY,WAAYE,gBAAAA,EAAAA,IAAAO,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,UAC3DT,MAAY,aACVE,gBAAAA,MAAAQ,GAAA,EAAY,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAE5Df;AAAA,QAAA,GACH;AAAA,8BACCgB,GAAA,EAAwB,WAAU,6BAChC,UACHf,GAAA;AAAA,8BACCgB,GAAI,EAAA,gBAAgB,YACnB,UAACV,gBAAAA,EAAAA,IAAAW,GAAA,EAAmB,SAAO,IACzB,UAAAX,gBAAAA,EAAAA,IAACY,KAAO,SAAS,WAAW,MAAM,KAC/B,UAAAjB,GACH,GACF,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,EAAA,CACF,EACF,CAAA;"}

package/dist/index.es261.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index.es468.js";
-import { __require as o } from "./index.es465.js";
+import { getDefaultExportFromCjs as r } from "./index.es466.js";
+import { __require as o } from "./index.es468.js";
 var e = o();
 const a = /* @__PURE__ */ r(e);
 export {

package/dist/index.es266.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es266.js","sources":["../src/utils/useDebouncedValue.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\n\r\nexport function useDebouncedValue<T>(value: T, delay: number = 300): T {\r\n  const [debouncedValue, setDebouncedValue] = useState(value);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setDebouncedValue(value), delay);\r\n    return () => clearTimeout(timer);\r\n  }, [value, delay]);\r\n\r\n  return debouncedValue;\r\n}\r\n"],"names":["useDebouncedValue","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAEgB,SAAAA,EAAqBC,GAAUC,IAAgB,KAAQ;AACrE,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASJ,CAAK;AAE1D,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAQ,WAAW,MAAMH,EAAkBH,CAAK,GAAGC,CAAK;AACvD,WAAA,MAAM,aAAaK,CAAK;AAAA,EAAA,GAC9B,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACT;"}
+{"version":3,"file":"index.es266.js","sources":["../src/utils/useDebouncedValue.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport function useDebouncedValue<T>(value: T, delay: number = 300): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedValue(value), delay);\n    return () => clearTimeout(timer);\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"names":["useDebouncedValue","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAEgB,SAAAA,EAAqBC,GAAUC,IAAgB,KAAQ;AACrE,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASJ,CAAK;AAE1D,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAQ,WAAW,MAAMH,EAAkBH,CAAK,GAAGC,CAAK;AACvD,WAAA,MAAM,aAAaK,CAAK;AAAA,EAAA,GAC9B,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACT;"}

package/dist/index.es267.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es267.js","sources":["../src/icons/Pause/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons\";\n\nexport const Pause = ({\n  width = 35,\n  height = 34,\n  className,\n  decorative = false,\n  ariaLabel = \"Pausa\",\n  ...props\n}: IconProps) => (\n  <svg\n    width={width}\n    height={height}\n    viewBox=\"0 0 35 34\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n    aria-hidden={decorative}\n    aria-label={!decorative ? ariaLabel : undefined}\n    {...props}\n  >\n    <g clipPath=\"url(#clip0)\">\n      <path\n        d=\"M29.6874 4.97921C26.4766 1.76827 22.2075 0 17.6666 0C13.1258 0 8.85664 1.76827 5.64583 4.97921C2.43496 8.19008 0.666626 12.4591 0.666626 17C0.666626 21.5409 2.43489 25.81 5.64583 29.0208C8.85671 32.2317 13.1258 34 17.6666 34C22.2075 34 26.4766 32.2317 29.6874 29.0208C32.8983 25.8099 34.6666 21.5409 34.6666 17C34.6666 12.4591 32.8984 8.19002 29.6874 4.97921ZM17.6666 31.9184C9.44062 31.9184 2.74826 25.226 2.74826 17C2.74826 8.77399 9.44062 2.08164 17.6666 2.08164C25.8926 2.08164 32.585 8.77399 32.585 17C32.585 25.226 25.8926 31.9184 17.6666 31.9184Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M10.381 9.02039V24.9796H16.6259V9.02039H10.381ZM14.5443 22.8979H12.4626V11.102H14.5443V22.8979Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M19.0833 9.02039V24.9796H25.3282V9.02039H19.0833ZM23.2465 22.8979H21.1649V11.102H23.2465V22.8979Z\"\n        fill=\"white\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0\">\n        <rect\n          width=\"34\"\n          height=\"34\"\n          fill=\"white\"\n          transform=\"translate(0.666626)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\r\n"],"names":["Pause","width","height","className","decorative","ariaLabel","props","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAN;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAAC;AAAA,IACA,eAAaC;AAAA,IACb,cAAaA,IAAyB,SAAZC;AAAA,IACzB,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAACC,gBAAAA,EAAAA,KAAA,KAAA,EAAE,UAAS,eACV,UAAA;AAAA,QAAAC,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,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MACCA,gBAAAA,MAAA,QAAA,EACC,UAACA,gBAAAA,EAAA,IAAA,YAAA,EAAS,IAAG,SACX,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,SAEd,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es267.js","sources":["../src/icons/Pause/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons\";\n\nexport const Pause = ({\n  width = 35,\n  height = 34,\n  className,\n  decorative = false,\n  ariaLabel = \"Pausa\",\n  ...props\n}: IconProps) => (\n  <svg\n    width={width}\n    height={height}\n    viewBox=\"0 0 35 34\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n    aria-hidden={decorative}\n    aria-label={!decorative ? ariaLabel : undefined}\n    {...props}\n  >\n    <g clipPath=\"url(#clip0)\">\n      <path\n        d=\"M29.6874 4.97921C26.4766 1.76827 22.2075 0 17.6666 0C13.1258 0 8.85664 1.76827 5.64583 4.97921C2.43496 8.19008 0.666626 12.4591 0.666626 17C0.666626 21.5409 2.43489 25.81 5.64583 29.0208C8.85671 32.2317 13.1258 34 17.6666 34C22.2075 34 26.4766 32.2317 29.6874 29.0208C32.8983 25.8099 34.6666 21.5409 34.6666 17C34.6666 12.4591 32.8984 8.19002 29.6874 4.97921ZM17.6666 31.9184C9.44062 31.9184 2.74826 25.226 2.74826 17C2.74826 8.77399 9.44062 2.08164 17.6666 2.08164C25.8926 2.08164 32.585 8.77399 32.585 17C32.585 25.226 25.8926 31.9184 17.6666 31.9184Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M10.381 9.02039V24.9796H16.6259V9.02039H10.381ZM14.5443 22.8979H12.4626V11.102H14.5443V22.8979Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M19.0833 9.02039V24.9796H25.3282V9.02039H19.0833ZM23.2465 22.8979H21.1649V11.102H23.2465V22.8979Z\"\n        fill=\"white\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0\">\n        <rect\n          width=\"34\"\n          height=\"34\"\n          fill=\"white\"\n          transform=\"translate(0.666626)\"\n        />\n      </clipPath>\n    </defs>\n  </svg>\n);\n"],"names":["Pause","width","height","className","decorative","ariaLabel","props","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAN;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAAC;AAAA,IACA,eAAaC;AAAA,IACb,cAAaA,IAAyB,SAAZC;AAAA,IACzB,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAACC,gBAAAA,EAAAA,KAAA,KAAA,EAAE,UAAS,eACV,UAAA;AAAA,QAAAC,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,UAAA;AAAA,QACP;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MACCA,gBAAAA,MAAA,QAAA,EACC,UAACA,gBAAAA,EAAA,IAAA,YAAA,EAAS,IAAG,SACX,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,SAEd,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/index.es27.js.map

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

package/dist/index.es272.js

@@ -1,5 +1,5 @@
-import { c as w } from "./index.es531.js";
-import { m as l } from "./index.es532.js";
+import { c as w } from "./index.es511.js";
+import { m as l } from "./index.es510.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es273.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es533.js";
-import { c as F } from "./index.es531.js";
-import { m, a as E, f as T, h as S } from "./index.es532.js";
+import { c as $ } from "./index.es512.js";
+import { c as F } from "./index.es511.js";
+import { m, a as E, f as T, h as S } from "./index.es510.js";
 function N(I) {
   let {
     swiper: e,

package/dist/index.es274.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es534.js";
-import { c as y } from "./index.es533.js";
-import { c as K, m as n, h as j } from "./index.es532.js";
+import { g as F } from "./index.es509.js";
+import { c as y } from "./index.es512.js";
+import { c as K, m as n, h as j } from "./index.es510.js";
 function Y(P) {
   let {
     swiper: i,

package/dist/index.es28.js.map

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

package/dist/index.es281.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es281.js","sources":["../src/components/ui/SupportModalSimple/index.tsx"],"sourcesContent":["import { BaseModal } from \"@/components/ui/BaseModal\";\r\n\r\nconst SupportModalSimple = ({\r\n  faq,\r\n  handleCloseModal,\r\n}: {\r\n  faq: {\r\n    question: string;\r\n    answer: string;\r\n  };\r\n  handleCloseModal: () => void;\r\n}) => {\r\n  return (\r\n    <>\r\n      <BaseModal.Header\r\n        labels={{\r\n          closeButton: \"Chiudi\",\r\n        }}\r\n        onCloseClick={handleCloseModal}\r\n      >\r\n        <div>{faq?.question}</div>\r\n      </BaseModal.Header>\r\n      <BaseModal.Content className=\"pt-x4 pb-x72 content-faqs\">\r\n        <div className=\"fs-6 text-secondary second-part-container\">\r\n          <div className=\"gap-x16 mb-x24\">{faq?.answer}</div>\r\n        </div>\r\n      </BaseModal.Content>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SupportModalSimple;\r\n"],"names":["SupportModalSimple","faq","handleCloseModal","jsxs","Fragment","jsx","BaseModal"],"mappings":";;AAEA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,KAAAC;AAAA,EACA,kBAAAC;AACF,MASMC,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,QAAQ;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA,cAAcJ;AAAA,MAEd,UAAAG,gBAAAA,EAAA,IAAC,OAAK,EAAA,UAAAJ,KAAA,gBAAAA,EAAK,SAAS,CAAA;AAAA,IAAA;AAAA,EACtB;AAAA,wBACCK,EAAU,SAAV,EAAkB,WAAU,6BAC3B,UAACD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,6CACb,gCAAC,OAAI,EAAA,WAAU,kBAAkB,UAAKJ,KAAA,gBAAAA,EAAA,QAAO,GAC/C,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es281.js","sources":["../src/components/ui/SupportModalSimple/index.tsx"],"sourcesContent":["import { BaseModal } from \"@/components/ui/BaseModal\";\n\nconst SupportModalSimple = ({\n  faq,\n  handleCloseModal,\n}: {\n  faq: {\n    question: string;\n    answer: string;\n  };\n  handleCloseModal: () => void;\n}) => {\n  return (\n    <>\n      <BaseModal.Header\n        labels={{\n          closeButton: \"Chiudi\",\n        }}\n        onCloseClick={handleCloseModal}\n      >\n        <div>{faq?.question}</div>\n      </BaseModal.Header>\n      <BaseModal.Content className=\"pt-x4 pb-x72 content-faqs\">\n        <div className=\"fs-6 text-secondary second-part-container\">\n          <div className=\"gap-x16 mb-x24\">{faq?.answer}</div>\n        </div>\n      </BaseModal.Content>\n    </>\n  );\n};\n\nexport default SupportModalSimple;\n"],"names":["SupportModalSimple","faq","handleCloseModal","jsxs","Fragment","jsx","BaseModal"],"mappings":";;AAEA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,KAAAC;AAAA,EACA,kBAAAC;AACF,MASMC,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,QAAQ;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA,cAAcJ;AAAA,MAEd,UAAAG,gBAAAA,EAAA,IAAC,OAAK,EAAA,UAAAJ,KAAA,gBAAAA,EAAK,SAAS,CAAA;AAAA,IAAA;AAAA,EACtB;AAAA,wBACCK,EAAU,SAAV,EAAkB,WAAU,6BAC3B,UAACD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,6CACb,gCAAC,OAAI,EAAA,WAAU,kBAAkB,UAAKJ,KAAA,gBAAAA,EAAA,QAAO,GAC/C,EACF,CAAA;AAAA,GACF;"}

package/dist/{index.es285.js → index.es284.js}

@@ -22,4 +22,4 @@ const i = ({
 export {
   i as BreadcrumbItem
 };
-//# sourceMappingURL=index.es285.js.map
+//# sourceMappingURL=index.es284.js.map

package/dist/index.es284.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es284.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\nimport clsx from \"clsx\";\nimport { ComponentType } from \"react\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href?: string;\n  isClickable?: boolean;\n  asLink?: \"a\" | ComponentType<any>;\n};\n\nexport const BreadcrumbItem = ({\n  label,\n  href,\n  isClickable,\n  asLink = \"a\",\n}: BreadcrumbItemProps) => {\n  const LinkComponent = asLink;\n  return (\n    <span\n      className={clsx(\"ui-breadcrumb-item\", {\n        \"active text-slate-20 fw-semibold\": isClickable,\n        \"text-slate-28\": !isClickable,\n      })}\n    >\n      {href && isClickable ? (\n        <LinkComponent href={href}>{label}</LinkComponent>\n      ) : (\n        label\n      )}\n    </span>\n  );\n};\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es288.js

@@ -0,0 +1,146 @@
+import { j as e } from "./index.es250.js";
+import { Button as m } from "./index.es34.js";
+import { HeaderTopBanner as y } from "./index.es14.js";
+import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
+import { clsx as r } from "./index.es252.js";
+import { useFocusTrap as N } from "./index.es473.js";
+import { Container as k } from "./index.es65.js";
+import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
+import { Col as L } from "./index.es61.js";
+import { Hamburguer as E } from "./index.es163.js";
+import { Row as z } from "./index.es116.js";
+import { Close as M } from "./index.es164.js";
+const G = ({
+  shortTitle: h,
+  menuTitle: p = "Menù",
+  region: f,
+  asLink: t = "a",
+  navigatonItems: x,
+  labels: l,
+  loginLink: v = "/"
+}) => {
+  const b = t, [i, d] = g(!1), o = "main-navigation", c = w(null);
+  N(c, i);
+  const s = C(() => {
+    d(!i);
+  }, [i]);
+  u(() => (i ? document.body.classList.add("ui-body-overflow-hidden") : document.body.classList.remove("ui-body-overflow-hidden"), () => {
+    document.body.classList.remove("ui-body-overflow-hidden");
+  }), [i]), u(() => {
+    const n = (a) => {
+      a.key === "Escape" && i && s();
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [i, s]);
+  const j = () => {
+    d(!1);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header shadow", children: [
+    /* @__PURE__ */ e.jsx(
+      y,
+      {
+        asLink: t,
+        shortTitle: h,
+        region: f
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      k,
+      {
+        className: "bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",
+        as: "header",
+        py: "x8",
+        children: [
+          /* @__PURE__ */ e.jsxs(z, { gap: "x24", alignItems: "center", justifyContent: "end", children: [
+            /* @__PURE__ */ e.jsxs(
+              m,
+              {
+                size: "3",
+                bg: "white",
+                textColor: "primary",
+                href: v,
+                asLink: "a",
+                className: "ui-login-button-header-mobile",
+                children: [
+                  l.login,
+                  /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                "aria-expanded": i,
+                "aria-label": "Apri menu di navigazione",
+                onClick: s,
+                className: "ui-mobile-menu-toggle",
+                "aria-controls": o,
+                children: /* @__PURE__ */ e.jsx(E, { width: 40, height: 40, color: "white" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs(
+            "nav",
+            {
+              id: o,
+              "aria-label": "Menu di navigazione",
+              className: r(i ? "ui-mobile-nav-panel" : "visually-hidden"),
+              ref: c,
+              children: [
+                /* @__PURE__ */ e.jsxs(L, { className: "ui-mobile-nav-header", children: [
+                  /* @__PURE__ */ e.jsxs(
+                    m,
+                    {
+                      size: "4",
+                      textColor: "primary",
+                      bg: "transparent",
+                      onClick: s,
+                      "aria-label": "Chiudi menu di navigazione",
+                      "aria-controls": o,
+                      children: [
+                        l.closeMenu,
+                        /* @__PURE__ */ e.jsx(M, {})
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("h2", { className: "fs-3 text-slate-20", children: p })
+                ] }),
+                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: x.map((n, a) => /* @__PURE__ */ e.jsx(
+                  "li",
+                  {
+                    className: r(
+                      "ui-mobile-nav-item",
+                      n.active && "active"
+                    ),
+                    children: /* @__PURE__ */ e.jsxs(
+                      b,
+                      {
+                        href: n.href,
+                        className: r(
+                          "text-decoration-none text-primary fs-5",
+                          n.active ? "fw-bold" : "fw-normal"
+                        ),
+                        onClick: j,
+                        target: n.isNewTab ? "_blank" : void 0,
+                        rel: n.isNewTab ? "noopener noreferrer" : void 0,
+                        children: [
+                          n.label,
+                          n.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                        ]
+                      }
+                    )
+                  },
+                  a
+                )) })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  G as HeaderMobile
+};
+//# sourceMappingURL=index.es288.js.map

package/dist/index.es288.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es288.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                    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":";;;;;;;;;;;;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,gBACP,WAAW;AAAA,gBAEV,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,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,kBApBKU;AAAA,gBAqBP,CAEH,EACH,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}