@anoki/fse-ui 1.0.0-beta1.47.18 → 1.0.0-beta1.47.19

package/dist/index.cjs144.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs144.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\r\nimport \"./Tags.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  items: any[];\r\n};\r\n\r\nexport const Tags = ({ title, items = [] }: Props) => {\r\n  return (\r\n    <Section className=\"ui-tags-section\">\r\n      <Section.Title\r\n        fs={\"6\"}\r\n        mdFs={\"6\"}\r\n        as={\"h3\"}\r\n        color={\"slate-28\"}\r\n        className=\"ui-tags-items-section-title\"\r\n      >\r\n        {title}\r\n      </Section.Title>\r\n      <TagsGroup topics={items} />\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":"qNAQaA,EAAO,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,MAElCC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,kBACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAI,IACJ,KAAM,IACN,GAAI,KACJ,MAAO,WACP,UAAU,8BAET,SAAAH,CAAA,CACH,EACAI,EAAAA,kBAAAA,IAACC,EAAU,UAAA,CAAA,OAAQJ,CAAO,CAAA,CAAA,EAC5B"}
+{"version":3,"file":"index.cjs144.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\nimport \"./Tags.scss\";\n\ntype Props = {\n  title: string;\n  items: any[];\n};\n\nexport const Tags = ({ title, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-tags-section\">\n      <Section.Title\n        fs={\"6\"}\n        mdFs={\"6\"}\n        as={\"h3\"}\n        color={\"slate-28\"}\n        className=\"ui-tags-items-section-title\"\n      >\n        {title}\n      </Section.Title>\n      <TagsGroup topics={items} />\n    </Section>\n  );\n};\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":"qNAQaA,EAAO,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,MAElCC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,kBACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAI,IACJ,KAAM,IACN,GAAI,KACJ,MAAO,WACP,UAAU,8BAET,SAAAH,CAAA,CACH,EACAI,EAAAA,kBAAAA,IAACC,EAAU,UAAA,CAAA,OAAQJ,CAAO,CAAA,CAAA,EAC5B"}

package/dist/index.cjs145.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs145.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\r\nimport Balancer from \"react-wrap-balancer\";\r\n\r\nexport const HTMLBalancer = (\r\n  html: string,\r\n  as: string | undefined = undefined,\r\n) => {\r\n  const sanitized = DOMPurify.sanitize(html);\r\n  const innerContent = sanitized.replace(\r\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\r\n    \"$3\",\r\n  );\r\n  return (\r\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\r\n  );\r\n};\r\n\r\nexport const HTML = (html: string, as: \"div\" | \"p\" = \"p\") => {\r\n  const sanitized = DOMPurify.sanitize(html, {\r\n    ADD_ATTR: [\"target\"],\r\n  });\r\n  const Component = as;\r\n  const innerContent = sanitized.replace(\r\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\r\n    \"$3\",\r\n  );\r\n  return <Component dangerouslySetInnerHTML={{ __html: innerContent }} />;\r\n};\r\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer","HTML","sanitized","Component"],"mappings":"mLAGaA,EAAe,CAC1BC,EACAC,EAAyB,SACtB,CAEH,MAAMC,EADYC,EAAU,SAASH,CAAI,EACV,QAC7B,yCACA,IACF,EACA,+BACGI,EAAS,QAAA,CAAA,wBAAyB,CAAE,OAAQF,CAAA,EAAgB,GAAAD,EAAQ,CAEzE,EAEaI,EAAO,CAACL,EAAcC,EAAkB,MAAQ,CACrD,MAAAK,EAAYH,EAAU,SAASH,EAAM,CACzC,SAAU,CAAC,QAAQ,CAAA,CACpB,EACKO,EAAYN,EACZC,EAAeI,EAAU,QAC7B,yCACA,IACF,EACA,+BAAQC,EAAU,CAAA,wBAAyB,CAAE,OAAQL,GAAgB,CACvE"}
+{"version":3,"file":"index.cjs145.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\nimport Balancer from \"react-wrap-balancer\";\n\nexport const HTMLBalancer = (\n  html: string,\n  as: string | undefined = undefined,\n) => {\n  const sanitized = DOMPurify.sanitize(html);\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return (\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\n  );\n};\n\nexport const HTML = (html: string, as: \"div\" | \"p\" = \"p\") => {\n  const sanitized = DOMPurify.sanitize(html, {\n    ADD_ATTR: [\"target\"],\n  });\n  const Component = as;\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return <Component dangerouslySetInnerHTML={{ __html: innerContent }} />;\n};\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer","HTML","sanitized","Component"],"mappings":"mLAGaA,EAAe,CAC1BC,EACAC,EAAyB,SACtB,CAEH,MAAMC,EADYC,EAAU,SAASH,CAAI,EACV,QAC7B,yCACA,IACF,EACA,+BACGI,EAAS,QAAA,CAAA,wBAAyB,CAAE,OAAQF,CAAA,EAAgB,GAAAD,EAAQ,CAEzE,EAEaI,EAAO,CAACL,EAAcC,EAAkB,MAAQ,CACrD,MAAAK,EAAYH,EAAU,SAASH,EAAM,CACzC,SAAU,CAAC,QAAQ,CAAA,CACpB,EACKO,EAAYN,EACZC,EAAeI,EAAU,QAC7B,yCACA,IACF,EACA,+BAAQC,EAAU,CAAA,wBAAyB,CAAE,OAAQL,GAAgB,CACvE"}

package/dist/index.cjs146.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs146.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } from \"@/components\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./Insights.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  items: CardPreviewProps[];\r\n  colorTitle?: ColorKeys;\r\n  showBackgroundRectangle?: boolean;\r\n};\r\n\r\nexport const Insights = ({\r\n  title,\r\n  items = [],\r\n  colorTitle = \"slate-20\",\r\n  showBackgroundRectangle = true,\r\n}: Props) => {\r\n  return (\r\n    <Section className=\"ui-insights-section\">\r\n      {showBackgroundRectangle && (\r\n        <div className=\"ui-insights-background-rectangle\"></div>\r\n      )}\r\n      <div className=\"ui-insights-items-section-title\">\r\n        <Section.Title\r\n          className=\"ui-insights-items-section-title\"\r\n          as={\"h3\"}\r\n          color={colorTitle}\r\n        >\r\n          {title}\r\n        </Section.Title>\r\n      </div>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-insights-items-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardPreview {...item} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","item","index","CardPreview"],"mappings":"qNAWaA,EAAW,CAAC,CACvB,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,WAAAC,EAAa,WACb,wBAAAC,EAA0B,EAC5B,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBAChB,SAAA,CACCF,GAAAG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAEpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,UAAU,kCACV,GAAI,KACJ,MAAOH,EAEN,SAAAF,CAAA,CAAA,EAEL,EACAM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYN,CAAK,GAC7B,UAAW,2CAEV,SAAOC,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAF,EAAA,kBAAA,IAACG,eAAa,GAAGF,CAAA,CAAM,GADhBC,CAET,EAEH,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs146.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } from \"@/components\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./Insights.scss\";\n\ntype Props = {\n  title: string;\n  items: CardPreviewProps[];\n  colorTitle?: ColorKeys;\n  showBackgroundRectangle?: boolean;\n};\n\nexport const Insights = ({\n  title,\n  items = [],\n  colorTitle = \"slate-20\",\n  showBackgroundRectangle = true,\n}: Props) => {\n  return (\n    <Section className=\"ui-insights-section\">\n      {showBackgroundRectangle && (\n        <div className=\"ui-insights-background-rectangle\"></div>\n      )}\n      <div className=\"ui-insights-items-section-title\">\n        <Section.Title\n          className=\"ui-insights-items-section-title\"\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardPreview {...item} />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","item","index","CardPreview"],"mappings":"qNAWaA,EAAW,CAAC,CACvB,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,WAAAC,EAAa,WACb,wBAAAC,EAA0B,EAC5B,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBAChB,SAAA,CACCF,GAAAG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAEpDA,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,UAAU,kCACV,GAAI,KACJ,MAAOH,EAEN,SAAAF,CAAA,CAAA,EAEL,EACAM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYN,CAAK,GAC7B,UAAW,2CAEV,SAAOC,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAF,EAAA,kBAAA,IAACG,eAAa,GAAGF,CAAA,CAAM,GADhBC,CAET,EAEH,CAAA,CACH,EACF"}

package/dist/index.cjs147.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs147.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Section } from \"../../components\";\r\nimport \"./ImagesDescription.scss\";\r\n\r\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\r\n  // Layout FULL (1 colonna)\r\n  FULL_1_1: \"FULL_1_1\",\r\n  FULL_4_3: \"FULL_4_3\",\r\n  FULL_16_9: \"FULL_16_9\",\r\n  FULL_21_9: \"FULL_21_9\",\r\n  FULL_32_9: \"FULL_32_9\",\r\n  // Layout TWO_COL (2 colonne)\r\n  TWO_COL_1_1: \"TWO_COL_1_1\",\r\n  TWO_COL_4_3: \"TWO_COL_4_3\",\r\n  TWO_COL_16_9: \"TWO_COL_16_9\",\r\n  TWO_COL_21_9: \"TWO_COL_21_9\",\r\n  TWO_COL_32_9: \"TWO_COL_32_9\",\r\n  // Layout THREE_COL (3 colonne)\r\n  THREE_COL_1_1: \"THREE_COL_1_1\",\r\n  THREE_COL_4_3: \"THREE_COL_4_3\",\r\n  THREE_COL_16_9: \"THREE_COL_16_9\",\r\n  THREE_COL_21_9: \"THREE_COL_21_9\",\r\n  THREE_COL_32_9: \"THREE_COL_32_9\",\r\n} as const;\r\n\r\nexport type ImagesDescriptionLayout =\r\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\r\n\r\nexport interface ImageDescriptionItem {\r\n  _id: string;\r\n  image: {\r\n    src: string;\r\n    alt: string;\r\n    title?: string;\r\n  };\r\n  description: string;\r\n}\r\n\r\nexport interface ImagesDescriptionProps {\r\n  title: ReactNode;\r\n  items: ImageDescriptionItem[];\r\n  layout?: ImagesDescriptionLayout;\r\n  className?: string;\r\n}\r\n\r\nexport const ImagesDescription = ({\r\n  title,\r\n  items = [],\r\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\r\n  className,\r\n}: ImagesDescriptionProps) => {\r\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\r\n    switch (l) {\r\n      // Layout FULL (1 colonna)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\r\n        return \"images-description-layout-full-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\r\n        return \"images-description-layout-full-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\r\n        return \"images-description-layout-full-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\r\n        return \"images-description-layout-full-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\r\n        return \"images-description-layout-full-32-9\";\r\n\r\n      // Layout TWO_COL (2 colonne)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\r\n        return \"images-description-layout-two-col-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\r\n        return \"images-description-layout-two-col-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\r\n        return \"images-description-layout-two-col-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\r\n        return \"images-description-layout-two-col-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\r\n        return \"images-description-layout-two-col-32-9\";\r\n\r\n      // Layout THREE_COL (3 colonne)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\r\n        return \"images-description-layout-three-col-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\r\n        return \"images-description-layout-three-col-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\r\n        return \"images-description-layout-three-col-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\r\n        return \"images-description-layout-three-col-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\r\n        return \"images-description-layout-three-col-32-9\";\r\n\r\n      default:\r\n        return \"\";\r\n    }\r\n  };\r\n\r\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\r\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\r\n\r\n  const limitedItems = isFullLayout\r\n    ? items.slice(0, 1)\r\n    : isThreeColLayout\r\n      ? items.slice(0, 3)\r\n      : items.slice(0, 2); */\r\n\r\n  const layoutClassName = getLayoutClassName(layout);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col images-description-section\", className)}>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Raccolta di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {items?.map((item) => (\r\n          <li key={item._id} className=\"images-description-item\">\r\n            <div className=\"images-description-item-image-container\">\r\n              <img\r\n                src={item.image.src}\r\n                alt={item.image.alt}\r\n                title={item.image.title}\r\n                className=\"images-description-item-image\"\r\n              />\r\n            </div>\r\n            <div className=\"images-description-item-content\">\r\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\r\n                {item.description}\r\n              </p>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","item","jsxs"],"mappings":"qNAKaA,EAA6B,CAExC,SAAU,WACV,SAAU,WACV,UAAW,YACX,UAAW,YACX,UAAW,YAEX,YAAa,cACb,YAAa,cACb,aAAc,eACd,aAAc,eACd,aAAc,eAEd,cAAe,gBACf,cAAe,gBACf,eAAgB,iBAChB,eAAgB,iBAChB,eAAgB,gBAClB,EAsBaC,EAAoB,CAAC,CAChC,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,OAAAC,EAASJ,EAA2B,SACpC,UAAAK,CACF,IAA8B,CAqDtB,MAAAC,GApDsBC,GAA+B,CACzD,OAAQA,EAAG,CAET,KAAKP,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCAGT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCAGT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CAET,QACS,MAAA,EAAA,CAEb,GAW2CI,CAAM,EAEjD,+BACGI,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,sCAAuCJ,CAAS,EACvE,SAAAK,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,eAAeR,CAAK,GAChC,UAAW,mBAAmBI,CAAe,GAE5C,0BAAO,IAAKK,GACVC,yBAAA,KAAA,CAAkB,UAAU,0BAC3B,SAAA,CAACF,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,0CACb,SAAAA,EAAA,kBAAA,IAAC,MAAA,CACC,IAAKC,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,UAAU,+BAAA,CAAA,EAEd,EACAD,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAAC,KAAE,UAAU,yDACV,SAAKC,EAAA,WACR,CAAA,CACF,CAAA,CAAA,CAbO,EAAAA,EAAK,GAcd,EACD,CAAA,EAEL,CAEJ"}
+{"version":3,"file":"index.cjs147.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section } from \"../../components\";\nimport \"./ImagesDescription.scss\";\n\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\n  // Layout FULL (1 colonna)\n  FULL_1_1: \"FULL_1_1\",\n  FULL_4_3: \"FULL_4_3\",\n  FULL_16_9: \"FULL_16_9\",\n  FULL_21_9: \"FULL_21_9\",\n  FULL_32_9: \"FULL_32_9\",\n  // Layout TWO_COL (2 colonne)\n  TWO_COL_1_1: \"TWO_COL_1_1\",\n  TWO_COL_4_3: \"TWO_COL_4_3\",\n  TWO_COL_16_9: \"TWO_COL_16_9\",\n  TWO_COL_21_9: \"TWO_COL_21_9\",\n  TWO_COL_32_9: \"TWO_COL_32_9\",\n  // Layout THREE_COL (3 colonne)\n  THREE_COL_1_1: \"THREE_COL_1_1\",\n  THREE_COL_4_3: \"THREE_COL_4_3\",\n  THREE_COL_16_9: \"THREE_COL_16_9\",\n  THREE_COL_21_9: \"THREE_COL_21_9\",\n  THREE_COL_32_9: \"THREE_COL_32_9\",\n} as const;\n\nexport type ImagesDescriptionLayout =\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\n\nexport interface ImageDescriptionItem {\n  _id: string;\n  image: {\n    src: string;\n    alt: string;\n    title?: string;\n  };\n  description: string;\n}\n\nexport interface ImagesDescriptionProps {\n  title: ReactNode;\n  items: ImageDescriptionItem[];\n  layout?: ImagesDescriptionLayout;\n  className?: string;\n}\n\nexport const ImagesDescription = ({\n  title,\n  items = [],\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\n  className,\n}: ImagesDescriptionProps) => {\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\n    switch (l) {\n      // Layout FULL (1 colonna)\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\n        return \"images-description-layout-full-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\n        return \"images-description-layout-full-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\n        return \"images-description-layout-full-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\n        return \"images-description-layout-full-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\n        return \"images-description-layout-full-32-9\";\n\n      // Layout TWO_COL (2 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\n        return \"images-description-layout-two-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\n        return \"images-description-layout-two-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\n        return \"images-description-layout-two-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\n        return \"images-description-layout-two-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\n        return \"images-description-layout-two-col-32-9\";\n\n      // Layout THREE_COL (3 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\n        return \"images-description-layout-three-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\n        return \"images-description-layout-three-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\n        return \"images-description-layout-three-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\n        return \"images-description-layout-three-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\n        return \"images-description-layout-three-col-32-9\";\n\n      default:\n        return \"\";\n    }\n  };\n\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\n\n  const limitedItems = isFullLayout\n    ? items.slice(0, 1)\n    : isThreeColLayout\n      ? items.slice(0, 3)\n      : items.slice(0, 2); */\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  return (\n    <Section className={clsx(\"base-col images-description-section\", className)}>\n      <ul\n        role=\"list\"\n        aria-label={`Raccolta di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {items?.map((item) => (\n          <li key={item._id} className=\"images-description-item\">\n            <div className=\"images-description-item-image-container\">\n              <img\n                src={item.image.src}\n                alt={item.image.alt}\n                title={item.image.title}\n                className=\"images-description-item-image\"\n              />\n            </div>\n            <div className=\"images-description-item-content\">\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\n                {item.description}\n              </p>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","item","jsxs"],"mappings":"qNAKaA,EAA6B,CAExC,SAAU,WACV,SAAU,WACV,UAAW,YACX,UAAW,YACX,UAAW,YAEX,YAAa,cACb,YAAa,cACb,aAAc,eACd,aAAc,eACd,aAAc,eAEd,cAAe,gBACf,cAAe,gBACf,eAAgB,iBAChB,eAAgB,iBAChB,eAAgB,gBAClB,EAsBaC,EAAoB,CAAC,CAChC,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,OAAAC,EAASJ,EAA2B,SACpC,UAAAK,CACF,IAA8B,CAqDtB,MAAAC,GApDsBC,GAA+B,CACzD,OAAQA,EAAG,CAET,KAAKP,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCAGT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCAGT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CAET,QACS,MAAA,EAAA,CAEb,GAW2CI,CAAM,EAEjD,+BACGI,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,sCAAuCJ,CAAS,EACvE,SAAAK,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,eAAeR,CAAK,GAChC,UAAW,mBAAmBI,CAAe,GAE5C,0BAAO,IAAKK,GACVC,yBAAA,KAAA,CAAkB,UAAU,0BAC3B,SAAA,CAACF,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,0CACb,SAAAA,EAAA,kBAAA,IAAC,MAAA,CACC,IAAKC,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,UAAU,+BAAA,CAAA,EAEd,EACAD,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAAC,KAAE,UAAU,yDACV,SAAKC,EAAA,WACR,CAAA,CACF,CAAA,CAAA,CAbO,EAAAA,EAAK,GAcd,EACD,CAAA,EAEL,CAEJ"}

package/dist/index.cjs148.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs148.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  description: string;\r\n  steps: Step[];\r\n  type: StepVariantEnum;\r\n};\r\n\r\nexport const VerticalCardStepperSection = ({\r\n  title,\r\n  description,\r\n  steps,\r\n  type,\r\n}: Props) => {\r\n  return (\r\n    <Section>\r\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\r\n        {title}\r\n      </Section.Title>\r\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\r\n        {description}\r\n      </Section.Description>\r\n\r\n      <VerticalCardStepper steps={steps} type={type} />\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","VerticalCardStepper"],"mappings":"kLASaA,EAA6B,CAAC,CACzC,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,CACF,6BAEKC,UACC,CAAA,SAAA,CAACC,EAAAA,kBAAAA,IAAAD,EAAAA,QAAQ,MAAR,CAAc,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,UAAU,SACtD,SACHJ,CAAA,CAAA,EACAK,EAAAA,kBAAAA,IAACD,EAAQ,QAAA,YAAR,CAAoB,MAAM,WAAW,GAAG,IAAI,UAAU,SACpD,SACHH,CAAA,CAAA,EAEAI,EAAAA,kBAAAA,IAACC,EAAoB,oBAAA,CAAA,MAAAJ,EAAc,KAAAC,CAAY,CAAA,CAAA,EACjD"}
+{"version":3,"file":"index.cjs148.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\n\ntype Props = {\n  title: string;\n  description: string;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\n        {title}\n      </Section.Title>\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\n        {description}\n      </Section.Description>\n\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","VerticalCardStepper"],"mappings":"kLASaA,EAA6B,CAAC,CACzC,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,CACF,6BAEKC,UACC,CAAA,SAAA,CAACC,EAAAA,kBAAAA,IAAAD,EAAAA,QAAQ,MAAR,CAAc,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,UAAU,SACtD,SACHJ,CAAA,CAAA,EACAK,EAAAA,kBAAAA,IAACD,EAAQ,QAAA,YAAR,CAAoB,MAAM,WAAW,GAAG,IAAI,UAAU,SACpD,SACHH,CAAA,CAAA,EAEAI,EAAAA,kBAAAA,IAACC,EAAoB,oBAAA,CAAA,MAAAJ,EAAc,KAAAC,CAAY,CAAA,CAAA,EACjD"}

package/dist/index.cjs149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs149.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\r\n  CardFile,\r\n  Col,\r\n  GridContainer,\r\n  GridItem,\r\n  Row,\r\n  Search,\r\n  Section,\r\n} from \"@/components\";\r\nimport \"./TableCard.scss\";\r\nimport { useMemo, useState } from \"react\";\r\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\r\nimport { CardFileProps } from \"@/components/ui/CardFile\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  headerTitle: string;\r\n  data?: CardFileProps[];\r\n};\r\n\r\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\r\n\r\n  const filtered = useMemo(() => {\r\n    if (!debouncedQuery) return data;\r\n    return data.filter((u) =>\r\n      [\r\n        u.title,\r\n        u.description,\r\n      ].some((field) => \r\n        field?.toLowerCase().includes(debouncedQuery)\r\n      ),\r\n    );\r\n  }, [debouncedQuery, data]);\r\n\r\n  return (\r\n    <Section className=\"table-card\">\r\n      <Section.Title mdFs=\"2\" fs=\"3\" color=\"blue-48\" as=\"h2\" className=\"table-card-section-title\">\r\n        {title}\r\n      </Section.Title>\r\n      <Col>\r\n        <Row\r\n          alignItems=\"flex-start\"\r\n          className=\"header-row\"\r\n          justifyContent=\"space-between\"\r\n          flexWrap=\"wrap\"\r\n        >\r\n          <h3 className=\"update-title\">\r\n            {headerTitle} <span>({filtered.length})</span>\r\n          </h3>\r\n          <Search\r\n            variant=\"outlined\"\r\n            btnText=\"\"\r\n            helperText=\"\"\r\n            value={query}\r\n            onChangeValue={setQuery}\r\n          />\r\n        </Row>\r\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\r\n          {filtered.map((el, index) => (\r\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\r\n              <CardFile {...el} />\r\n            </GridItem>\r\n          ))}\r\n        </GridContainer>\r\n      </Col>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":"0ZAoBaA,EAAY,CAAC,CAAE,MAAAC,EAAO,YAAAC,EAAa,KAAAC,EAAO,MAAgB,CACrE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAC/BC,EAAiBC,EAAAA,kBAAkBJ,EAAM,OAAO,cAAe,GAAG,EAElEK,EAAWC,EAAAA,QAAQ,IAClBH,EACEJ,EAAK,OAAQQ,GAClB,CACEA,EAAE,MACFA,EAAE,WAAA,EACF,KAAMC,GACNA,GAAA,YAAAA,EAAO,cAAc,SAASL,EAAc,CAEhD,EAR4BJ,EAS3B,CAACI,EAAgBJ,CAAI,CAAC,EAGvB,OAAAU,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,aACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAQ,QAAA,MAAR,CAAc,KAAK,IAAI,GAAG,IAAI,MAAM,UAAU,GAAG,KAAK,UAAU,2BAC9D,SACHb,EAAA,2BACCe,EAAAA,IACC,CAAA,SAAA,CAAAH,EAAA,kBAAA,KAACI,EAAA,IAAA,CACC,WAAW,aACX,UAAU,aACV,eAAe,gBACf,SAAS,OAET,SAAA,CAACJ,EAAAA,kBAAAA,KAAA,KAAA,CAAG,UAAU,eACX,SAAA,CAAAX,EAAY,6BAAE,OAAK,CAAA,SAAA,CAAA,IAAEO,EAAS,OAAO,GAAA,CAAC,CAAA,CAAA,EACzC,EACAM,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,WACR,QAAQ,GACR,WAAW,GACX,MAAOd,EACP,cAAeC,CAAA,CAAA,CACjB,CAAA,CACF,EACCU,EAAA,kBAAA,IAAAI,EAAA,cAAA,CAAc,IAAI,MAAM,GAAG,MAAM,GAAG,MAClC,SAASV,EAAA,IAAI,CAACW,EAAIC,IACjBN,wBAACO,EAAAA,SAAqC,CAAA,GAAI,EAAG,GAAI,EAC/C,SAAAP,EAAA,kBAAA,IAACQ,EAAU,SAAA,CAAA,GAAGH,CAAI,CAAA,CAAA,EADL,cAAcC,CAAK,EAElC,CACD,CACH,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs149.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\n  CardFile,\n  Col,\n  GridContainer,\n  GridItem,\n  Row,\n  Search,\n  Section,\n} from \"@/components\";\nimport \"./TableCard.scss\";\nimport { useMemo, useState } from \"react\";\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\nimport { CardFileProps } from \"@/components/ui/CardFile\";\n\ntype Props = {\n  title: string;\n  headerTitle: string;\n  data?: CardFileProps[];\n};\n\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\n  const [query, setQuery] = useState(\"\");\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\n\n  const filtered = useMemo(() => {\n    if (!debouncedQuery) return data;\n    return data.filter((u) =>\n      [\n        u.title,\n        u.description,\n      ].some((field) => \n        field?.toLowerCase().includes(debouncedQuery)\n      ),\n    );\n  }, [debouncedQuery, data]);\n\n  return (\n    <Section className=\"table-card\">\n      <Section.Title mdFs=\"2\" fs=\"3\" color=\"blue-48\" as=\"h2\" className=\"table-card-section-title\">\n        {title}\n      </Section.Title>\n      <Col>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <h3 className=\"update-title\">\n            {headerTitle} <span>({filtered.length})</span>\n          </h3>\n          <Search\n            variant=\"outlined\"\n            btnText=\"\"\n            helperText=\"\"\n            value={query}\n            onChangeValue={setQuery}\n          />\n        </Row>\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\n          {filtered.map((el, index) => (\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\n              <CardFile {...el} />\n            </GridItem>\n          ))}\n        </GridContainer>\n      </Col>\n    </Section>\n  );\n};\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":"0ZAoBaA,EAAY,CAAC,CAAE,MAAAC,EAAO,YAAAC,EAAa,KAAAC,EAAO,MAAgB,CACrE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAC/BC,EAAiBC,EAAAA,kBAAkBJ,EAAM,OAAO,cAAe,GAAG,EAElEK,EAAWC,EAAAA,QAAQ,IAClBH,EACEJ,EAAK,OAAQQ,GAClB,CACEA,EAAE,MACFA,EAAE,WAAA,EACF,KAAMC,GACNA,GAAA,YAAAA,EAAO,cAAc,SAASL,EAAc,CAEhD,EAR4BJ,EAS3B,CAACI,EAAgBJ,CAAI,CAAC,EAGvB,OAAAU,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,aACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAQ,QAAA,MAAR,CAAc,KAAK,IAAI,GAAG,IAAI,MAAM,UAAU,GAAG,KAAK,UAAU,2BAC9D,SACHb,EAAA,2BACCe,EAAAA,IACC,CAAA,SAAA,CAAAH,EAAA,kBAAA,KAACI,EAAA,IAAA,CACC,WAAW,aACX,UAAU,aACV,eAAe,gBACf,SAAS,OAET,SAAA,CAACJ,EAAAA,kBAAAA,KAAA,KAAA,CAAG,UAAU,eACX,SAAA,CAAAX,EAAY,6BAAE,OAAK,CAAA,SAAA,CAAA,IAAEO,EAAS,OAAO,GAAA,CAAC,CAAA,CAAA,EACzC,EACAM,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,WACR,QAAQ,GACR,WAAW,GACX,MAAOd,EACP,cAAeC,CAAA,CAAA,CACjB,CAAA,CACF,EACCU,EAAA,kBAAA,IAAAI,EAAA,cAAA,CAAc,IAAI,MAAM,GAAG,MAAM,GAAG,MAClC,SAASV,EAAA,IAAI,CAACW,EAAIC,IACjBN,wBAACO,EAAAA,SAAqC,CAAA,GAAI,EAAG,GAAI,EAC/C,SAAAP,EAAA,kBAAA,IAACQ,EAAU,SAAA,CAAA,GAAGH,CAAI,CAAA,CAAA,EADL,cAAcC,CAAK,EAElC,CACD,CACH,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.cjs15.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchGeneric/SearchGeneric.css');const s=require("./index.cjs241.js"),g=require("react"),o=require("./index.cjs243.js");;/* empty css              */const L=require("./index.cjs277.js"),S=require("./index.cjs160.js"),k=require("./index.cjs10.js"),M=require("./index.cjs28.js");function $({btnText:b,helperText:x,mobileHelperText:w=x,value:R,items:v,setValue:c,setTypedValue:m,getSearchField:d,getDisplayField:p=d,onItemSelect:h,minCharsToSearch:E=3,className:C,dimensionStrategy:N="fixed"}){const[r,l]=g.useState(R||""),[j,i]=g.useState([]),y=L.useMediaQuery("(min-width: 768px)"),f=t=>{const e=t.target.value;if(l(e),m&&m(e),e.length>=E){const u=v.filter(n=>{const a=d(n);return a==null?void 0:a.toLowerCase().includes(e.toLowerCase())});i(u)}else i([])},q=t=>{const e=p(t);l(e),c(e),i([]),h&&h(t)},I=(t,e)=>{if(!e)return t;const u=t.split(new RegExp(`(${e})`,"gi"));return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:u.map((n,a)=>n.toLowerCase()===e.toLowerCase()?s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:n},a):n)})};return s.jsxRuntimeExports.jsxs("div",{className:o.clsx("ui-search","br-x4 bg-border-secondary w-full",C,{"ui-search-generic-auto":N==="auto"}),children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"text",className:o.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",r&&r.length>=3&&"has-clear-icon"),placeholder:y?x:w,"aria-label":"Barra di ricerca",value:r,onChange:f,maxLength:30}),r&&s.jsxRuntimeExports.jsx(S.Close,{className:"ui-clean-button",onClick:()=>{l(""),i([]),c(""),f({target:{value:""}})}})]}),j.length>0&&s.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:s.jsxRuntimeExports.jsx(k.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:j.map((t,e)=>s.jsxRuntimeExports.jsx("div",{onClick:()=>q(t),className:"hover:bg-primary",children:I(p(t),r)},e))})}),s.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(M.Button,{className:o.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{i([]),c(r)},children:b})})]})}exports.SearchGeneric=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchGeneric/SearchGeneric.css');const e=require("./index.cjs241.js"),j=require("react"),x=require("./index.cjs243.js");;/* empty css              */const G=require("./index.cjs277.js"),Q=require("./index.cjs160.js"),z=require("./index.cjs10.js"),B=require("./index.cjs28.js");function O({btnText:N,helperText:d,instructionsText:c="Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.",mobileHelperText:y=d,value:C,items:$,setValue:m,setTypedValue:b,getSearchField:g,getDisplayField:f=g,onItemSelect:v,minCharsToSearch:u=3,className:I,dimensionStrategy:q="fixed"}){const[i,p]=j.useState(C||""),[r,n]=j.useState([]),L=G.useMediaQuery("(min-width: 768px)"),a=j.useId(),R=`${a}-listbox`,w=`${a}-instructions`,S=`${a}-label`,E=t=>{const s=t.target.value;if(p(s),b&&b(s),s.length>=u){const h=$.filter(l=>{const o=g(l);return o==null?void 0:o.toLowerCase().includes(s.toLowerCase())});n(h)}else n([])},k=t=>{const s=f(t);p(s),m(s),n([]),v&&v(t)},M=(t,s)=>{if(!s)return t;const h=t.split(new RegExp(`(${s})`,"gi"));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:h.map((l,o)=>l.toLowerCase()===s.toLowerCase()?e.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l},o):l)})};return e.jsxRuntimeExports.jsxs("div",{className:x.clsx("ui-search","br-x4 bg-border-secondary w-full",I,{"ui-search-generic-auto":q==="auto"}),children:[e.jsxRuntimeExports.jsx("label",{id:S,htmlFor:a,className:"sr-only",children:d}),c&&e.jsxRuntimeExports.jsx("div",{id:w,className:"sr-only",children:c==null?void 0:c.replace("$minCharsToSearch",String(u))}),e.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[e.jsxRuntimeExports.jsx("input",{id:a,type:"text",role:"combobox","aria-expanded":r.length>0,"aria-haspopup":"listbox","aria-owns":r.length>0?R:void 0,"aria-describedby":w,className:x.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",i&&i.length>=3&&"has-clear-icon"),placeholder:L?d:y,value:i,onChange:E,maxLength:30,autoComplete:"off"}),i&&e.jsxRuntimeExports.jsx(Q.Close,{className:"ui-clean-button",ariaLabel:"Cancella ricerca",onClick:()=>{p(""),n([]),m(""),E({target:{value:""}})}})]}),r.length>0&&e.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",role:"listbox",id:R,"aria-label":`${r.length} risultati disponibili`,children:e.jsxRuntimeExports.jsx(z.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:r.map((t,s)=>e.jsxRuntimeExports.jsx("div",{id:`${a}-option-${s}`,role:"option",onClick:()=>k(t),className:"hover:bg-primary",children:M(f(t),i)},s))})}),e.jsxRuntimeExports.jsxs("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.length>0&&i.length>=u&&`${r.length} risultati trovati`,i.length>=u&&r.length===0&&"Nessun risultato trovato"]}),e.jsxRuntimeExports.jsx("div",{className:x.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(B.Button,{className:x.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{n([]),m(i)},children:N})})]})}exports.SearchGeneric=O;
 //# sourceMappingURL=index.cjs15.js.map

package/dist/index.cjs15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs15.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./SearchGeneric.scss\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\n\r\nexport type SearchGenericProps<T extends object> = {\r\n  btnText: string;\r\n  helperText: string;\r\n  mobileHelperText?: string;\r\n  value: string;\r\n  items: T[];\r\n  setValue: (value: string) => void;\r\n  setTypedValue?: (value: string) => void;\r\n  getSearchField: (item: T) => string;\r\n  getDisplayField?: (item: T) => string;\r\n  onItemSelect?: (item: T) => void;\r\n  minCharsToSearch?: number;\r\n  className?: string;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n};\r\n\r\nexport function SearchGeneric<T extends object>({\r\n  btnText,\r\n  helperText,\r\n  mobileHelperText = helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n  setTypedValue,\r\n  getSearchField,\r\n  getDisplayField = getSearchField,\r\n  onItemSelect,\r\n  minCharsToSearch = 3,\r\n  className,\r\n  dimensionStrategy = \"fixed\",\r\n}: SearchGenericProps<T>) {\r\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\r\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n    if (setTypedValue) {\r\n      setTypedValue(inputValue);\r\n    }\r\n    if (inputValue.length >= minCharsToSearch) {\r\n      const results = items.filter((item) => {\r\n        const searchField = getSearchField(item);\r\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\r\n      });\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: T) => {\r\n    const displayValue = getDisplayField(item);\r\n    setValueInput(displayValue);\r\n    setValue(displayValue);\r\n    setFilteredItems([]);\r\n\r\n    if (onItemSelect) {\r\n      onItemSelect(item);\r\n    }\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\r\n\r\n    return (\r\n      <>\r\n        {parts.map((part, i) =>\r\n          part.toLowerCase() === query.toLowerCase() ? (\r\n            <span key={i} className=\"text-primary fw-bold\">\r\n              {part}\r\n            </span>\r\n          ) : (\r\n            part\r\n          ),\r\n        )}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n        {\r\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\r\n        },\r\n      )}\r\n    >\r\n      <div className=\"position-relative\">\r\n        <input\r\n          id=\"search\"\r\n          type=\"text\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\r\n          )}\r\n          placeholder={isDesktop ? helperText : mobileHelperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n          maxLength={30}\r\n        />\r\n        {valueInput && (\r\n          <Close\r\n            className=\"ui-clean-button\"\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n              setValue(\"\");\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item, index) => (\r\n              <div\r\n                key={index}\r\n                onClick={() => handleSelectItem(item)}\r\n                className=\"hover:bg-primary\"\r\n              >\r\n                {highlightMatch(getDisplayField(item), valueInput)}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SearchGeneric","btnText","helperText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}
+{"version":3,"file":"index.cjs15.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./SearchGeneric.scss\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\n\nexport type SearchGenericProps<T extends object> = {\n  btnText: string;\n  helperText: string;\n  instructionsText?: string;\n  mobileHelperText?: string;\n  value: string;\n  items: T[];\n  setValue: (value: string) => void;\n  setTypedValue?: (value: string) => void;\n  getSearchField: (item: T) => string;\n  getDisplayField?: (item: T) => string;\n  onItemSelect?: (item: T) => void;\n  minCharsToSearch?: number;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport function SearchGeneric<T extends object>({\n  btnText,\n  helperText,\n  instructionsText = \"Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.\",\n  mobileHelperText = helperText,\n  value,\n  items,\n  setValue,\n  setTypedValue,\n  getSearchField,\n  getDisplayField = getSearchField,\n  onItemSelect,\n  minCharsToSearch = 3,\n  className,\n  dimensionStrategy = \"fixed\",\n}: SearchGenericProps<T>) {\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n  \n  // Generate unique IDs for accessibility\n  const searchId = useId();\n  const listboxId = `${searchId}-listbox`;\n  const instructionsId = `${searchId}-instructions`;\n  const labelId = `${searchId}-label`;\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    if (setTypedValue) {\n      setTypedValue(inputValue);\n    }\n    if (inputValue.length >= minCharsToSearch) {\n      const results = items.filter((item) => {\n        const searchField = getSearchField(item);\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\n      });\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: T) => {\n    const displayValue = getDisplayField(item);\n    setValueInput(displayValue);\n    setValue(displayValue);\n    setFilteredItems([]);\n\n    if (onItemSelect) {\n      onItemSelect(item);\n    }\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\n\n    return (\n      <>\n        {parts.map((part, i) =>\n          part.toLowerCase() === query.toLowerCase() ? (\n            <span key={i} className=\"text-primary fw-bold\">\n              {part}\n            </span>\n          ) : (\n            part\n          ),\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        {\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      {/* Screen reader only label */}\n      <label id={labelId} htmlFor={searchId} className=\"sr-only\">\n        {helperText}\n      </label>\n      \n      {/* Instructions for screen readers */}\n      {instructionsText && <div id={instructionsId} className=\"sr-only\">\n        {instructionsText?.replace(\"$minCharsToSearch\", String(minCharsToSearch))}\n      </div>}\n\n      <div className=\"position-relative\">\n        <input\n          id={searchId}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={filteredItems.length > 0}\n          aria-haspopup=\"listbox\"\n          aria-owns={filteredItems.length > 0 ? listboxId : undefined}\n          aria-describedby={instructionsId}\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\n          )}\n          placeholder={isDesktop ? helperText : mobileHelperText}\n          value={valueInput}\n          onChange={handleInputChange}\n          maxLength={30}\n          autoComplete=\"off\"\n        />\n        {valueInput && (\n          <Close\n            className=\"ui-clean-button\"\n            ariaLabel=\"Cancella ricerca\"\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              setValue(\"\");\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div \n          className=\"ui-wrap-list-item-search shadow position-absolute p-x24\"\n          role=\"listbox\"\n          id={listboxId}\n          aria-label={`${filteredItems.length} risultati disponibili`}\n        >\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item, index) => (\n              <div\n                key={index}\n                id={`${searchId}-option-${index}`}\n                role=\"option\"\n                onClick={() => handleSelectItem(item)}\n                className=\"hover:bg-primary\"\n              >\n                {highlightMatch(getDisplayField(item), valueInput)}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      \n      {/* Live region for announcing search results */}\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {filteredItems.length > 0 && valueInput.length >= minCharsToSearch && \n          `${filteredItems.length} risultati trovati`}\n        {valueInput.length >= minCharsToSearch && filteredItems.length === 0 && \n          \"Nessun risultato trovato\"}\n      </div>\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGeneric","btnText","helperText","instructionsText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","searchId","useId","listboxId","instructionsId","labelId","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}

package/dist/index.cjs150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs150.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\r\n  CSSProperties,\r\n  ElementType,\r\n  useCallback,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/navigation\";\r\nimport \"swiper/css/pagination\";\r\nimport \"./Slider.scss\";\r\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport { Pause } from \"@/icons/Pause\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\nexport type Slide = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  src: string;\r\n  alt: string;\r\n  title: string;\r\n  href?: string;\r\n};\r\nexport type SliderType = \"full-image\";\r\nexport type SliderProps = {\r\n  slides: Slide[];\r\n  asImage: ElementType;\r\n  asLink?: ElementType;\r\n  timeout?: number;\r\n  openInNewTab?: boolean;\r\n  paginationLabel?: string;\r\n  withShadow?: boolean;\r\n  gradientColor?: string;\r\n  type?: SliderType;\r\n  swiperHeight?: number;\r\n};\r\n\r\nexport const Slider: React.FC<SliderProps> = ({\r\n  slides = [],\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n  timeout = 3000,\r\n  openInNewTab = false,\r\n  paginationLabel = \"di\",\r\n  withShadow = true,\r\n  gradientColor = \"#3d6289\",\r\n  swiperHeight = 574,\r\n  /* type = \"full-image\" */\r\n}) => {\r\n  const LinkTag = asLink || \"a\";\r\n  const ImageComponent = asImage;\r\n  const swiperRef = useRef<any>(null);\r\n  const [currentIndex, setCurrentIndex] = useState(0);\r\n\r\n  const [autoplay, setAutoplay] = useState(true);\r\n  const toggleAutoPlay = () => {\r\n    setAutoplay(!autoplay);\r\n  };\r\n\r\n  const goNext = useCallback(() => {\r\n    if (!swiperRef.current) return;\r\n    const swiper = swiperRef.current;\r\n    if (swiper.isEnd && !swiper.params.loop) {\r\n      swiper.slideTo(0);\r\n    } else {\r\n      swiper.slideNext();\r\n    }\r\n  }, []);\r\n\r\n  const goPrev = useCallback(() => {\r\n    if (!swiperRef.current) return;\r\n    const swiper = swiperRef.current;\r\n    if (swiper.isBeginning && !swiper.params.loop) {\r\n      swiper.slideTo(swiper.slides.length - 1);\r\n    } else {\r\n      swiper.slidePrev();\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const intervalId = autoplay\r\n      ? setInterval(() => {\r\n          goNext();\r\n        }, timeout)\r\n      : null;\r\n\r\n    return () => {\r\n      if (intervalId) clearInterval(intervalId);\r\n    };\r\n  }, [autoplay, goNext, timeout]);\r\n\r\n  const gradientColorStyle = {\r\n    \"--gradient\": gradientColor,\r\n  } as CSSProperties;\r\n\r\n  const swiperStyle = {\r\n    \"--swiper-height\": `${swiperHeight}px`,\r\n  } as CSSProperties;\r\n\r\n  return (\r\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\r\n      <div className=\"ui-slider\">\r\n        <Swiper\r\n          modules={[Navigation, Pagination, A11y]}\r\n          slidesPerView={1}\r\n          autoplay={autoplay}\r\n          observer={true}\r\n          observeParents={true}\r\n          loop={true}\r\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\r\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\r\n          style={swiperStyle}\r\n        >\r\n          {slides.map((slide, index) => (\r\n            <SwiperSlide key={index}>\r\n              <ImageComponent\r\n                src={slide.src}\r\n                alt={slide.alt}\r\n                className=\"slider-image\"\r\n                onLoad={() => swiperRef.current?.update?.()}\r\n              />\r\n              <div\r\n                className={clsx(\"slider-content\", {\r\n                  \"with-shadow\": withShadow,\r\n                })}\r\n                style={gradientColorStyle}\r\n              >\r\n                <div className=\"container\">\r\n                  <div className=\"slider-content-grid\">\r\n                    <div className=\"category\">\r\n                      {slide.category && (\r\n                        <File fillColor=\"#fff\" width={30} height={30} />\r\n                      )}\r\n                      {slide.category?.type ?? \" \"}\r\n                      <p className=\"date\">\r\n                        {slide.category?.published_at ?? \" \"}\r\n                      </p>\r\n                    </div>\r\n                    <LinkTag\r\n                      href={slides[currentIndex]?.href || \"\"}\r\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\r\n                    >\r\n                      <h4 className=\"title\">{slide.title}</h4>\r\n                    </LinkTag>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </SwiperSlide>\r\n          ))}\r\n          <Row className=\"pagination\" gap=\"x20\">\r\n            {slides.length > 1 && (\r\n              <Row alignItems=\"center\">\r\n                <ArrowLeft\r\n                  width={40}\r\n                  height={40}\r\n                  onClick={goPrev}\r\n                  color=\"white\"\r\n                  className=\"cursor-pointer\"\r\n                />\r\n                {autoplay ? (\r\n                  <Pause\r\n                    width={20}\r\n                    height={20}\r\n                    onClick={toggleAutoPlay}\r\n                    className=\"cursor-pointer\"\r\n                  />\r\n                ) : (\r\n                  <PlayVideo\r\n                    width={20}\r\n                    height={20}\r\n                    onClick={toggleAutoPlay}\r\n                    color=\"white\"\r\n                    className=\"cursor-pointer\"\r\n                  />\r\n                )}\r\n              </Row>\r\n            )}\r\n\r\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\r\n            {slides.length > 1 && (\r\n              <ArrowLeft\r\n                width={40}\r\n                height={40}\r\n                className=\"next cursor-pointer\"\r\n                onClick={goNext}\r\n                color=\"white\"\r\n              />\r\n            )}\r\n          </Row>\r\n        </Swiper>\r\n      </div>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"olBA2CaA,EAAgC,CAAC,CAC5C,OAAAC,EAAS,CAAC,EACV,OAAAC,EAAS,IACT,QAAAC,EAAU,MACV,QAAAC,EAAU,IACV,aAAAC,EAAe,GACf,gBAAAC,EAAkB,KAClB,WAAAC,EAAa,GACb,cAAAC,EAAgB,UAChB,aAAAC,EAAe,GAEjB,IAAM,CACJ,MAAMC,EAAUR,GAAU,IACpBS,EAAiBR,EACjBS,EAAYC,SAAY,IAAI,EAC5B,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,CAAC,EAE5C,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAS,EAAI,EACvCG,EAAiB,IAAM,CAC3BD,EAAY,CAACD,CAAQ,CACvB,EAEMG,EAASC,EAAAA,YAAY,IAAM,CAC3B,GAAA,CAACT,EAAU,QAAS,OACxB,MAAMU,EAASV,EAAU,QACrBU,EAAO,OAAS,CAACA,EAAO,OAAO,KACjCA,EAAO,QAAQ,CAAC,EAEhBA,EAAO,UAAU,CAErB,EAAG,EAAE,EAECC,EAASF,EAAAA,YAAY,IAAM,CAC3B,GAAA,CAACT,EAAU,QAAS,OACxB,MAAMU,EAASV,EAAU,QACrBU,EAAO,aAAe,CAACA,EAAO,OAAO,KACvCA,EAAO,QAAQA,EAAO,OAAO,OAAS,CAAC,EAEvCA,EAAO,UAAU,CAErB,EAAG,EAAE,EAELE,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAaR,EACf,YAAY,IAAM,CACTG,EAAA,CAAA,EACNhB,CAAO,EACV,KAEJ,MAAO,IAAM,CACPqB,iBAA0BA,CAAU,CAC1C,CACC,EAAA,CAACR,EAAUG,EAAQhB,CAAO,CAAC,EAE9B,MAAMsB,EAAqB,CACzB,aAAclB,CAChB,EAEMmB,EAAc,CAClB,kBAAmB,GAAGlB,CAAY,IACpC,EAGE,OAAAmB,EAAA,kBAAA,IAACC,OAAI,UAAU,sCAAsC,MAAOF,EAC1D,SAAAC,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,YACb,SAAAE,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,QAAS,CAACC,EAAYC,EAAYC,CAAI,EACtC,cAAe,EACf,SAAAjB,EACA,SAAU,GACV,eAAgB,GAChB,KAAM,GACN,SAAWK,GAAYV,EAAU,QAAUU,EAC3C,cAAgBA,GAAWP,EAAgBO,EAAO,SAAS,EAC3D,MAAOK,EAEN,SAAA,CAAA1B,EAAO,IAAI,CAACkC,EAAOC,IAAA,2CACjBC,EAAAA,YACC,CAAA,SAAA,CAAAT,EAAA,kBAAA,IAACjB,EAAA,CACC,IAAKwB,EAAM,IACX,IAAKA,EAAM,IACX,UAAU,eACV,OAAQ,IAAA,SAAM,OAAAG,GAAAC,EAAA3B,EAAU,UAAV,YAAA2B,EAAmB,SAAnB,YAAAD,EAAA,KAAAC,GAA4B,CAC5C,EACAX,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWY,OAAK,iBAAkB,CAChC,cAAejC,CAAA,CAChB,EACD,MAAOmB,EAEP,iCAAC,MAAI,CAAA,UAAU,YACb,SAACI,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,WACZ,SAAA,CAAMK,EAAA,kCACJM,EAAAA,KAAK,CAAA,UAAU,OAAO,MAAO,GAAI,OAAQ,EAAI,CAAA,IAE/CF,EAAAJ,EAAM,WAAN,YAAAI,EAAgB,OAAQ,4BACxB,IAAE,CAAA,UAAU,OACV,WAAMD,EAAAH,EAAA,WAAA,YAAAG,EAAU,eAAgB,GACnC,CAAA,CAAA,EACF,EACAV,EAAA,kBAAA,IAAClB,EAAA,CACC,OAAMgC,EAAAzC,EAAOa,CAAY,IAAnB,YAAA4B,EAAsB,OAAQ,GACpC,OAAQrC,EAAe,SAAW,QAElC,SAACuB,EAAAA,kBAAAA,IAAA,KAAA,CAAG,UAAU,QAAS,WAAM,KAAM,CAAA,CAAA,CAAA,CACrC,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CACF,CAAA,EAhCgBQ,CAiClB,EACD,EACAN,EAAA,kBAAA,KAAAa,EAAA,IAAA,CAAI,UAAU,aAAa,IAAI,MAC7B,SAAA,CAAA1C,EAAO,OAAS,GACd6B,EAAA,kBAAA,KAAAa,EAAA,IAAA,CAAI,WAAW,SACd,SAAA,CAAAf,EAAA,kBAAA,IAACgB,EAAA,UAAA,CACC,MAAO,GACP,OAAQ,GACR,QAASrB,EACT,MAAM,QACN,UAAU,gBAAA,CACZ,EACCN,EACCW,EAAA,kBAAA,IAACiB,EAAA,MAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAS1B,EACT,UAAU,gBAAA,CAAA,EAGZS,EAAA,kBAAA,IAACkB,EAAA,UAAA,CACC,MAAO,GACP,OAAQ,GACR,QAAS3B,EACT,MAAM,QACN,UAAU,gBAAA,CAAA,CACZ,EAEJ,EAGFS,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAA,GAAGd,EAAe,CAAC,IAAIR,CAAe,IAAIL,EAAO,MAAM,EAAG,CAAA,EAChEA,EAAO,OAAS,GACf2B,EAAA,kBAAA,IAACgB,EAAA,UAAA,CACC,MAAO,GACP,OAAQ,GACR,UAAU,sBACV,QAASxB,EACT,MAAM,OAAA,CAAA,CACR,CAEJ,CAAA,CAAA,CAAA,GAEJ,CACF,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs150.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport \"./Slider.scss\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Col, Row } from \"@/components\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  title: string;\n  href?: string;\n};\nexport type SliderType = \"full-image\";\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: ElementType;\n  asLink?: ElementType;\n  timeout?: number;\n  openInNewTab?: boolean;\n  paginationLabel?: string;\n  withShadow?: boolean;\n  gradientColor?: string;\n  type?: SliderType;\n  swiperHeight?: number;\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  slides = [],\n  asLink = \"a\",\n  asImage = \"img\",\n  timeout = 3000,\n  openInNewTab = false,\n  paginationLabel = \"di\",\n  withShadow = true,\n  gradientColor = \"#3d6289\",\n  swiperHeight = 574,\n  /* type = \"full-image\" */\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const [autoplay, setAutoplay] = useState(true);\n  const toggleAutoPlay = () => {\n    setAutoplay(!autoplay);\n  };\n\n  const goNext = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isEnd && !swiper.params.loop) {\n      swiper.slideTo(0);\n    } else {\n      swiper.slideNext();\n    }\n  }, []);\n\n  const goPrev = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isBeginning && !swiper.params.loop) {\n      swiper.slideTo(swiper.slides.length - 1);\n    } else {\n      swiper.slidePrev();\n    }\n  }, []);\n\n  useEffect(() => {\n    const intervalId = autoplay\n      ? setInterval(() => {\n          goNext();\n        }, timeout)\n      : null;\n\n    return () => {\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [autoplay, goNext, timeout]);\n\n  const gradientColorStyle = {\n    \"--gradient\": gradientColor,\n  } as CSSProperties;\n\n  const swiperStyle = {\n    \"--swiper-height\": `${swiperHeight}px`,\n  } as CSSProperties;\n\n  return (\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\n      <div className=\"ui-slider\">\n        <Swiper\n          modules={[Navigation, Pagination, A11y]}\n          slidesPerView={1}\n          autoplay={autoplay}\n          observer={true}\n          observeParents={true}\n          loop={true}\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide key={index}>\n              <ImageComponent\n                src={slide.src}\n                alt={slide.alt}\n                className=\"slider-image\"\n                onLoad={() => swiperRef.current?.update?.()}\n              />\n              <div\n                className={clsx(\"slider-content\", {\n                  \"with-shadow\": withShadow,\n                })}\n                style={gradientColorStyle}\n              >\n                <div className=\"container\">\n                  <div className=\"slider-content-grid\">\n                    <div className=\"category\">\n                      {slide.category && (\n                        <File fillColor=\"#fff\" width={30} height={30} />\n                      )}\n                      {slide.category?.type ?? \" \"}\n                      <p className=\"date\">\n                        {slide.category?.published_at ?? \" \"}\n                      </p>\n                    </div>\n                    <LinkTag\n                      href={slides[currentIndex]?.href || \"\"}\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\n                    >\n                      <h4 className=\"title\">{slide.title}</h4>\n                    </LinkTag>\n                  </div>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n          <Row className=\"pagination\" gap=\"x20\">\n            {slides.length > 1 && (\n              <Row alignItems=\"center\">\n                <ArrowLeft\n                  width={40}\n                  height={40}\n                  onClick={goPrev}\n                  color=\"white\"\n                  className=\"cursor-pointer\"\n                />\n                {autoplay ? (\n                  <Pause\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    className=\"cursor-pointer\"\n                  />\n                ) : (\n                  <PlayVideo\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    color=\"white\"\n                    className=\"cursor-pointer\"\n                  />\n                )}\n              </Row>\n            )}\n\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\n            {slides.length > 1 && (\n              <ArrowLeft\n                width={40}\n                height={40}\n                className=\"next cursor-pointer\"\n                onClick={goNext}\n                color=\"white\"\n              />\n            )}\n          </Row>\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"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"}

package/dist/index.cjs151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs151.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\nimport { AggregationItemCard, Button, Row } from \"../../components\";\r\nimport \"./CommunicationContents.scss\";\r\nimport Masonry from \"react-layout-masonry\";\r\n\r\nexport type CommunicationContentsProps = {\r\n  sectionId?: string;\r\n  title: string;\r\n  elements: any[];\r\n  total: number;\r\n  totalLabels?: {\r\n    first: string;\r\n    middle: string;\r\n    end: string;\r\n  };\r\n  loading?: boolean;\r\n  handleLoadMore: () => void;\r\n  showMoreTitle?: string;\r\n  noResultsLabel?: string;\r\n};\r\n\r\nexport function CommunicationContents({\r\n  title,\r\n  elements = [],\r\n  total,\r\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\r\n  handleLoadMore,\r\n  loading = false,\r\n  showMoreTitle = \"Visualizza altro \",\r\n  noResultsLabel = \"Nessun risultato trovato\",\r\n}: CommunicationContentsProps) {\r\n  const showMoreButtonVisible = total > elements?.length;\r\n\r\n  return (\r\n    <section className=\"communication-contents d-flex section-gap flex-column\">\r\n      <h2 className=\"title\">{title}</h2>\r\n      <Masonry\r\n        columns={{ 0: 1, 768: 2, 992: 3 }}\r\n        gap={24}\r\n        className=\"masonry-component\"\r\n      >\r\n        {elements?.map((element) => (\r\n          <AggregationItemCard {...element} key={element._id} />\r\n        ))}\r\n      </Masonry>\r\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\r\n        {loading && <Spinner height={30} width={30} />}\r\n      </Row>\r\n      <span className=\"total-elements-label\">\r\n        {elements?.length === 0 ? (\r\n          <span>{noResultsLabel}</span>\r\n        ) : (\r\n          <>\r\n            <span>{totalLabels.first}</span>\r\n            <Row justifyContent=\"center\" gap=\"x4\">\r\n              <b>{elements?.length}</b>\r\n              <span>{totalLabels.middle}</span>\r\n              <span>{total}</span>\r\n              <span>{totalLabels.end}</span>\r\n            </Row>\r\n          </>\r\n        )}\r\n      </span>\r\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\r\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\r\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\r\n        </Row>\r\n      )}\r\n    </section>\r\n  );\r\n}\r\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":"mUAqBO,SAASA,EAAsB,CACpC,MAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,MAAAC,EACA,YAAAC,EAAc,CAAE,MAAO,qBAAsB,OAAQ,KAAM,IAAK,UAAW,EAC3E,eAAAC,EACA,QAAAC,EAAU,GACV,cAAAC,EAAgB,oBAChB,eAAAC,EAAiB,0BACnB,EAA+B,CACvB,MAAAC,EAAwBN,GAAQD,GAAA,YAAAA,EAAU,QAG9C,OAAAQ,EAAA,kBAAA,KAAC,UAAQ,CAAA,UAAU,wDACjB,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,QAAS,SAAMV,EAAA,EAC7BU,EAAA,kBAAA,IAACC,EAAA,QAAA,CACC,QAAS,CAAE,EAAG,EAAG,IAAK,EAAG,IAAK,CAAE,EAChC,IAAK,GACL,UAAU,oBAET,SAAAV,GAAA,YAAAA,EAAU,IAAKW,GACdC,EAAA,cAACC,sBAAqB,CAAA,GAAGF,EAAS,IAAKA,EAAQ,GAAA,CAAK,EACrD,CACH,EACCF,wBAAAK,EAAAA,IAAA,CAAI,UAAU,cAAc,eAAe,SAAS,EAAE,MACpD,SAAAV,2BAAYW,EAAQ,QAAA,CAAA,OAAQ,GAAI,MAAO,EAAI,CAAA,EAC9C,EACAN,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,uBACb,UAAAT,GAAA,YAAAA,EAAU,UAAW,EACnBS,EAAA,kBAAA,IAAA,OAAA,CAAM,SAAeH,CAAA,CAAA,EAGpBE,yBAAAQ,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAACP,EAAAA,kBAAAA,IAAA,OAAA,CAAM,WAAY,KAAM,CAAA,EACxBD,EAAA,kBAAA,KAAAM,EAAA,IAAA,CAAI,eAAe,SAAS,IAAI,KAC/B,SAAA,CAACL,EAAAA,kBAAAA,IAAA,IAAA,CAAG,0BAAU,MAAO,CAAA,EACrBA,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAP,EAAY,MAAO,CAAA,EAC1BO,EAAAA,kBAAAA,IAAC,QAAM,SAAMR,CAAA,CAAA,EACbQ,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAP,EAAY,GAAI,CAAA,CAAA,CACzB,CAAA,CAAA,CAAA,CACF,CAEJ,CAAA,EACCK,GAAyB,CAACH,IAAWJ,GAAA,YAAAA,EAAU,QAAS,2BACtDc,MAAI,CAAA,eAAe,SAAS,WAAW,SAAS,GAAG,MAClD,SAAAL,EAAAA,kBAAAA,IAACQ,UAAO,QAASd,EAAiB,WAAc,CAClD,CAAA,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs151.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport { AggregationItemCard, Button, Row } from \"../../components\";\nimport \"./CommunicationContents.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  total: number;\n  totalLabels?: {\n    first: string;\n    middle: string;\n    end: string;\n  };\n  loading?: boolean;\n  handleLoadMore: () => void;\n  showMoreTitle?: string;\n  noResultsLabel?: string;\n};\n\nexport function CommunicationContents({\n  title,\n  elements = [],\n  total,\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\n  handleLoadMore,\n  loading = false,\n  showMoreTitle = \"Visualizza altro \",\n  noResultsLabel = \"Nessun risultato trovato\",\n}: CommunicationContentsProps) {\n  const showMoreButtonVisible = total > elements?.length;\n\n  return (\n    <section className=\"communication-contents d-flex section-gap flex-column\">\n      <h2 className=\"title\">{title}</h2>\n      <Masonry\n        columns={{ 0: 1, 768: 2, 992: 3 }}\n        gap={24}\n        className=\"masonry-component\"\n      >\n        {elements?.map((element) => (\n          <AggregationItemCard {...element} key={element._id} />\n        ))}\n      </Masonry>\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\n        {loading && <Spinner height={30} width={30} />}\n      </Row>\n      <span className=\"total-elements-label\">\n        {elements?.length === 0 ? (\n          <span>{noResultsLabel}</span>\n        ) : (\n          <>\n            <span>{totalLabels.first}</span>\n            <Row justifyContent=\"center\" gap=\"x4\">\n              <b>{elements?.length}</b>\n              <span>{totalLabels.middle}</span>\n              <span>{total}</span>\n              <span>{totalLabels.end}</span>\n            </Row>\n          </>\n        )}\n      </span>\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\n        </Row>\n      )}\n    </section>\n  );\n}\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":"mUAqBO,SAASA,EAAsB,CACpC,MAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,MAAAC,EACA,YAAAC,EAAc,CAAE,MAAO,qBAAsB,OAAQ,KAAM,IAAK,UAAW,EAC3E,eAAAC,EACA,QAAAC,EAAU,GACV,cAAAC,EAAgB,oBAChB,eAAAC,EAAiB,0BACnB,EAA+B,CACvB,MAAAC,EAAwBN,GAAQD,GAAA,YAAAA,EAAU,QAG9C,OAAAQ,EAAA,kBAAA,KAAC,UAAQ,CAAA,UAAU,wDACjB,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,QAAS,SAAMV,EAAA,EAC7BU,EAAA,kBAAA,IAACC,EAAA,QAAA,CACC,QAAS,CAAE,EAAG,EAAG,IAAK,EAAG,IAAK,CAAE,EAChC,IAAK,GACL,UAAU,oBAET,SAAAV,GAAA,YAAAA,EAAU,IAAKW,GACdC,EAAA,cAACC,sBAAqB,CAAA,GAAGF,EAAS,IAAKA,EAAQ,GAAA,CAAK,EACrD,CACH,EACCF,wBAAAK,EAAAA,IAAA,CAAI,UAAU,cAAc,eAAe,SAAS,EAAE,MACpD,SAAAV,2BAAYW,EAAQ,QAAA,CAAA,OAAQ,GAAI,MAAO,EAAI,CAAA,EAC9C,EACAN,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,uBACb,UAAAT,GAAA,YAAAA,EAAU,UAAW,EACnBS,EAAA,kBAAA,IAAA,OAAA,CAAM,SAAeH,CAAA,CAAA,EAGpBE,yBAAAQ,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAACP,EAAAA,kBAAAA,IAAA,OAAA,CAAM,WAAY,KAAM,CAAA,EACxBD,EAAA,kBAAA,KAAAM,EAAA,IAAA,CAAI,eAAe,SAAS,IAAI,KAC/B,SAAA,CAACL,EAAAA,kBAAAA,IAAA,IAAA,CAAG,0BAAU,MAAO,CAAA,EACrBA,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAP,EAAY,MAAO,CAAA,EAC1BO,EAAAA,kBAAAA,IAAC,QAAM,SAAMR,CAAA,CAAA,EACbQ,EAAAA,kBAAAA,IAAC,OAAM,CAAA,SAAAP,EAAY,GAAI,CAAA,CAAA,CACzB,CAAA,CAAA,CAAA,CACF,CAEJ,CAAA,EACCK,GAAyB,CAACH,IAAWJ,GAAA,YAAAA,EAAU,QAAS,2BACtDc,MAAI,CAAA,eAAe,SAAS,WAAW,SAAS,GAAG,MAClD,SAAAL,EAAAA,kBAAAA,IAACQ,UAAO,QAASd,EAAiB,WAAc,CAClD,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/index.cjs152.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs152.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\r\nimport { ArrowRight } from \"@/icons\";\r\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\r\n\r\nexport type FilterTag = {\r\n  selected: boolean;\r\n  onClick?: () => void;\r\n} & Partial<AggregationPage>;\r\n\r\ntype Props = {\r\n  title: string;\r\n  showAllLabel?: string;\r\n  showAllHref?: string;\r\n  mainTag: {\r\n    label?: string;\r\n    onClick?: () => void;\r\n    selected?: boolean;\r\n  };\r\n  tags: Array<FilterTag>;\r\n  onTagClick: () => void;\r\n};\r\n\r\nexport const TagsSection = ({\r\n  title,\r\n  mainTag = {\r\n    label: \"Tutto\",\r\n    onClick: () => {},\r\n    selected: true,\r\n  },\r\n  tags,\r\n  showAllHref,\r\n  showAllLabel = \"Scopri tutti tags\",\r\n  onTagClick,\r\n}: Props) => {\r\n  return (\r\n    <Col gap=\"x28\">\r\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\r\n        <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\r\n        <Link\r\n          transform=\"uppercase\"\r\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\r\n          title={showAllLabel}\r\n          src={showAllHref ?? \"\"}\r\n          icon={ArrowRight}\r\n        />\r\n      </Row>\r\n\r\n      <Row\r\n        alignItems=\"center\"\r\n        className=\"overflow-auto w-auto\"\r\n        gap=\"x16\"\r\n        flexWrap=\"wrap\"\r\n      >\r\n        {[\r\n          {\r\n            name: mainTag.label,\r\n            selected: mainTag.selected,\r\n            onClick: mainTag.onClick,\r\n          },\r\n          ...tags,\r\n        ].map((tag, index) => (\r\n          <Tag\r\n            key={index}\r\n            mode=\"filter\"\r\n            label={tag.name ?? \"\"}\r\n            onClick={tag?.onClick ?? onTagClick}\r\n            selected={tag.selected}\r\n          />\r\n        ))}\r\n      </Row>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":"4QAsBaA,EAAc,CAAC,CAC1B,MAAAC,EACA,QAAAC,EAAU,CACR,MAAO,QACP,QAAS,IAAM,CAAC,EAChB,SAAU,EACZ,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EAAe,oBACf,WAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAI,IAAA,CAAA,IAAI,MACP,SAAA,CAAAD,EAAA,kBAAA,KAACE,EAAI,IAAA,CAAA,WAAW,SAAS,eAAe,gBACtC,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,wCAAyC,SAAMT,EAAA,EAC7DS,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,YACV,WAAW,2DACX,MAAON,EACP,IAAKD,GAAe,GACpB,KAAMQ,EAAAA,UAAA,CAAA,CACR,EACF,EAEAF,EAAA,kBAAA,IAACD,EAAA,IAAA,CACC,WAAW,SACX,UAAU,uBACV,IAAI,MACJ,SAAS,OAER,SAAA,CACC,CACE,KAAMP,EAAQ,MACd,SAAUA,EAAQ,SAClB,QAASA,EAAQ,OACnB,EACA,GAAGC,CACH,EAAA,IAAI,CAACU,EAAKC,IACVJ,EAAA,kBAAA,IAACK,EAAA,IAAA,CAEC,KAAK,SACL,MAAOF,EAAI,MAAQ,GACnB,SAASA,GAAA,YAAAA,EAAK,UAAWP,EACzB,SAAUO,EAAI,QAAA,EAJTC,CAMR,CAAA,CAAA,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs152.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\nimport { ArrowRight } from \"@/icons\";\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\n\nexport type FilterTag = {\n  selected: boolean;\n  onClick?: () => void;\n} & Partial<AggregationPage>;\n\ntype Props = {\n  title: string;\n  showAllLabel?: string;\n  showAllHref?: string;\n  mainTag: {\n    label?: string;\n    onClick?: () => void;\n    selected?: boolean;\n  };\n  tags: Array<FilterTag>;\n  onTagClick: () => void;\n};\n\nexport const TagsSection = ({\n  title,\n  mainTag = {\n    label: \"Tutto\",\n    onClick: () => {},\n    selected: true,\n  },\n  tags,\n  showAllHref,\n  showAllLabel = \"Scopri tutti tags\",\n  onTagClick,\n}: Props) => {\n  return (\n    <Col gap=\"x28\">\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\n        <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\n        <Link\n          transform=\"uppercase\"\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\n          title={showAllLabel}\n          src={showAllHref ?? \"\"}\n          icon={ArrowRight}\n        />\n      </Row>\n\n      <Row\n        alignItems=\"center\"\n        className=\"overflow-auto w-auto\"\n        gap=\"x16\"\n        flexWrap=\"wrap\"\n      >\n        {[\n          {\n            name: mainTag.label,\n            selected: mainTag.selected,\n            onClick: mainTag.onClick,\n          },\n          ...tags,\n        ].map((tag, index) => (\n          <Tag\n            key={index}\n            mode=\"filter\"\n            label={tag.name ?? \"\"}\n            onClick={tag?.onClick ?? onTagClick}\n            selected={tag.selected}\n          />\n        ))}\n      </Row>\n    </Col>\n  );\n};\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":"4QAsBaA,EAAc,CAAC,CAC1B,MAAAC,EACA,QAAAC,EAAU,CACR,MAAO,QACP,QAAS,IAAM,CAAC,EAChB,SAAU,EACZ,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EAAe,oBACf,WAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAI,IAAA,CAAA,IAAI,MACP,SAAA,CAAAD,EAAA,kBAAA,KAACE,EAAI,IAAA,CAAA,WAAW,SAAS,eAAe,gBACtC,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,wCAAyC,SAAMT,EAAA,EAC7DS,EAAA,kBAAA,IAACC,EAAA,KAAA,CACC,UAAU,YACV,WAAW,2DACX,MAAON,EACP,IAAKD,GAAe,GACpB,KAAMQ,EAAAA,UAAA,CAAA,CACR,EACF,EAEAF,EAAA,kBAAA,IAACD,EAAA,IAAA,CACC,WAAW,SACX,UAAU,uBACV,IAAI,MACJ,SAAS,OAER,SAAA,CACC,CACE,KAAMP,EAAQ,MACd,SAAUA,EAAQ,SAClB,QAASA,EAAQ,OACnB,EACA,GAAGC,CACH,EAAA,IAAI,CAACU,EAAKC,IACVJ,EAAA,kBAAA,IAACK,EAAA,IAAA,CAEC,KAAK,SACL,MAAOF,EAAI,MAAQ,GACnB,SAASA,GAAA,YAAAA,EAAK,UAAWP,EACzB,SAAUO,EAAI,QAAA,EAJTC,CAMR,CAAA,CAAA,CAAA,CACH,EACF"}

package/dist/index.cjs153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs153.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  tags?: Array<{ title: string; href: string }>;\r\n  searchProps: CommunicationSearchProps;\r\n};\r\n\r\nexport const CommunicationSearchSection = ({\r\n  title,\r\n  /* tags, */\r\n  searchProps,\r\n}: Props) => {\r\n  return (\r\n    <section className=\"d-flex flex-column gap-x28\">\r\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\r\n      <CommunicationSearch {...searchProps} />\r\n      {/* tags && <TagsSection /> */}\r\n    </section>\r\n  );\r\n};\r\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":"oJAQaA,EAA6B,CAAC,CACzC,MAAAC,EAEA,YAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,UAAQ,CAAA,UAAU,6BACjB,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,mCAAoC,SAAMH,EAAA,EACxDG,wBAACC,EAAAA,oBAAqB,CAAA,GAAGH,CAAa,CAAA,CAAA,EAExC"}
+{"version":3,"file":"index.cjs153.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\n\ntype Props = {\n  title: string;\n  tags?: Array<{ title: string; href: string }>;\n  searchProps: CommunicationSearchProps;\n};\n\nexport const CommunicationSearchSection = ({\n  title,\n  /* tags, */\n  searchProps,\n}: Props) => {\n  return (\n    <section className=\"d-flex flex-column gap-x28\">\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":"oJAQaA,EAA6B,CAAC,CACzC,MAAAC,EAEA,YAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,UAAQ,CAAA,UAAU,6BACjB,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,mCAAoC,SAAMH,EAAA,EACxDG,wBAACC,EAAAA,oBAAqB,CAAA,GAAGH,CAAa,CAAA,CAAA,EAExC"}

package/dist/index.cjs18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs18.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\r\nimport clsx from \"clsx\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport \"./HeaderPostLogin.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  icon?: ComponentType<any>;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport type HeaderPostLoginProps = {\r\n  shortTitle: ReactNode;\r\n  region: Region;\r\n  navigationItems: NavigationItem[];\r\n  loginLink?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  generalClassName?: string;\r\n  navItemsClassName?: string;\r\n};\r\n\r\nexport const HeaderPostLogin = ({\r\n  shortTitle,\r\n  region,\r\n  asLink = \"a\",\r\n  navigationItems,\r\n  generalClassName,\r\n  navItemsClassName,\r\n}: HeaderPostLoginProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <nav\r\n      role=\"navigation\"\r\n      className={clsx(\"ui-hpl-menu\", generalClassName)}\r\n      style={\r\n        {\r\n          \"--navbar-elements\": navigationItems.length ?? 0,\r\n        } as React.CSSProperties\r\n      }\r\n    >\r\n      <Col\r\n        pt={\"x80\"}\r\n        px={\"x40\"}\r\n        gap={\"x16\"}\r\n        justifyContent={\"center\"}\r\n        className=\"position-relative\"\r\n      >\r\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\r\n          <NationalIcon width={27} height={44} />\r\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n          <RegionIcon width={44} height={44} />\r\n        </Row>\r\n        <h1 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\r\n          {shortTitle}\r\n        </h1>\r\n      </Col>\r\n      <div className=\"p-x40\">\r\n        <Divider bg=\"border-divider\" />\r\n      </div>\r\n      <Col\r\n        as={\"ul\"}\r\n        gap={\"x12\"}\r\n        className={clsx(\"list-style-none ui-hpl-list\", navItemsClassName)}\r\n        role=\"list\"\r\n      >\r\n        {navigationItems.map((item, index) => {\r\n          const IconComponent = item?.icon;\r\n          return (\r\n            <li\r\n              key={index}\r\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\r\n            >\r\n              <LinkComponent\r\n                href={item.href}\r\n                className={clsx(\r\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\r\n                  item.active ? \"fw-bold\" : \"fw-normal\",\r\n                )}\r\n                target={item.isNewTab ? \"_blank\" : undefined}\r\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n              >\r\n                {IconComponent && (\r\n                  <IconComponent color=\"primary\" filled={item.active} />\r\n                )}\r\n                <span className=\"ui-hpl-text\">{item.label}</span>\r\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\r\n              </LinkComponent>\r\n            </li>\r\n          );\r\n        })}\r\n      </Col>\r\n    </nav>\r\n  );\r\n};\r\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigationItems","generalClassName","navItemsClassName","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent"],"mappings":"+SAyBaA,EAAkB,CAAC,CAC9B,WAAAC,EACA,OAAAC,EACA,OAAAC,EAAS,IACT,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBJ,EAChBK,EAAeC,QAAM,UACrBC,EAAaD,QAAMP,CAAM,EAG7B,OAAAS,EAAA,kBAAA,KAAC,MAAA,CACC,KAAK,aACL,UAAWC,EAAAA,KAAK,cAAeP,CAAgB,EAC/C,MACE,CACE,oBAAqBD,EAAgB,QAAU,CACjD,EAGF,SAAA,CAAAO,EAAA,kBAAA,KAACE,EAAA,IAAA,CACC,GAAI,MACJ,GAAI,MACJ,IAAK,MACL,eAAgB,SAChB,UAAU,oBAEV,SAAA,CAAAF,yBAACG,EAAAA,KAAI,IAAK,MAAO,WAAY,SAAU,eAAgB,SACrD,SAAA,CAAAC,EAAA,kBAAA,IAACP,EAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,EACpCO,EAAA,kBAAA,IAAAC,EAAA,QAAA,CAAQ,GAAG,iBAAiB,UAAU,WAAW,EACjDD,EAAA,kBAAA,IAAAL,EAAA,CAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,EACrC,EACCK,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,sDACX,SACHd,CAAA,CAAA,CAAA,CAAA,CACF,EACAc,EAAAA,kBAAAA,IAAC,OAAI,UAAU,QACb,iCAACC,EAAAA,QAAQ,CAAA,GAAG,iBAAiB,CAC/B,CAAA,EACAD,EAAA,kBAAA,IAACF,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAWD,EAAAA,KAAK,8BAA+BN,CAAiB,EAChE,KAAK,OAEJ,SAAgBF,EAAA,IAAI,CAACa,EAAMC,IAAU,CACpC,MAAMC,EAAgBF,GAAA,YAAAA,EAAM,KAE1B,OAAAF,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAWH,EAAAA,KAAK,mBAAoBK,EAAK,QAAU,QAAQ,EAE3D,SAAAN,EAAA,kBAAA,KAACJ,EAAA,CACC,KAAMU,EAAK,KACX,UAAWL,EAAA,KACT,wFACAK,EAAK,OAAS,UAAY,WAC5B,EACA,OAAQA,EAAK,SAAW,SAAW,OACnC,IAAKA,EAAK,SAAW,sBAAwB,OAE5C,SAAA,CAAAE,2BACEA,EAAc,CAAA,MAAM,UAAU,OAAQF,EAAK,OAAQ,EAErDF,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,cAAe,WAAK,MAAM,EACzCE,EAAK,QAAUF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,kBAAkB,SAAM,QAAA,CAAA,CAAA,CAAA,CAAA,CAC1D,EAjBKG,CAkBP,CAEH,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs18.js","sources":["../src/components/navigations/HeaderPostLogin/index.tsx"],"sourcesContent":["import { LOGOS, Region } from \"../Header\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport \"./HeaderPostLogin.scss\";\nimport { ComponentType, ReactNode } from \"react\";\nimport { Col, Row } from \"@/components\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  icon?: ComponentType<any>;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\nexport type HeaderPostLoginProps = {\n  shortTitle: ReactNode;\n  region: Region;\n  navigationItems: NavigationItem[];\n  loginLink?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  generalClassName?: string;\n  navItemsClassName?: string;\n};\n\nexport const HeaderPostLogin = ({\n  shortTitle,\n  region,\n  asLink = \"a\",\n  navigationItems,\n  generalClassName,\n  navItemsClassName,\n}: HeaderPostLoginProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <nav\n      role=\"navigation\"\n      className={clsx(\"ui-hpl-menu\", generalClassName)}\n      style={\n        {\n          \"--navbar-elements\": navigationItems.length ?? 0,\n        } as React.CSSProperties\n      }\n    >\n      <Col\n        pt={\"x80\"}\n        px={\"x40\"}\n        gap={\"x16\"}\n        justifyContent={\"center\"}\n        className=\"position-relative\"\n      >\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\n          <NationalIcon width={27} height={44} />\n          <Divider bg=\"border-divider\" direction=\"vertical\" />\n          <RegionIcon width={44} height={44} />\n        </Row>\n        <h1 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\n          {shortTitle}\n        </h1>\n      </Col>\n      <div className=\"p-x40\">\n        <Divider bg=\"border-divider\" />\n      </div>\n      <Col\n        as={\"ul\"}\n        gap={\"x12\"}\n        className={clsx(\"list-style-none ui-hpl-list\", navItemsClassName)}\n        role=\"list\"\n      >\n        {navigationItems.map((item, index) => {\n          const IconComponent = item?.icon;\n          return (\n            <li\n              key={index}\n              className={clsx(\"ui-hpl-list-item\", item.active && \"active\")}\n            >\n              <LinkComponent\n                href={item.href}\n                className={clsx(\n                  \"text-decoration-none text-primary fs-custom base-row gap-x16 align-items-center pr-x8\",\n                  item.active ? \"fw-bold\" : \"fw-normal\",\n                )}\n                target={item.isNewTab ? \"_blank\" : undefined}\n                rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n              >\n                {IconComponent && (\n                  <IconComponent color=\"primary\" filled={item.active} />\n                )}\n                <span className=\"ui-hpl-text\">{item.label}</span>\n                {item.active && <span className=\"visually-hidden\">Attivo</span>}\n              </LinkComponent>\n            </li>\n          );\n        })}\n      </Col>\n    </nav>\n  );\n};\n"],"names":["HeaderPostLogin","shortTitle","region","asLink","navigationItems","generalClassName","navItemsClassName","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsxs","clsx","Col","Row","jsx","Divider","item","index","IconComponent"],"mappings":"+SAyBaA,EAAkB,CAAC,CAC9B,WAAAC,EACA,OAAAC,EACA,OAAAC,EAAS,IACT,gBAAAC,EACA,iBAAAC,EACA,kBAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBJ,EAChBK,EAAeC,QAAM,UACrBC,EAAaD,QAAMP,CAAM,EAG7B,OAAAS,EAAA,kBAAA,KAAC,MAAA,CACC,KAAK,aACL,UAAWC,EAAAA,KAAK,cAAeP,CAAgB,EAC/C,MACE,CACE,oBAAqBD,EAAgB,QAAU,CACjD,EAGF,SAAA,CAAAO,EAAA,kBAAA,KAACE,EAAA,IAAA,CACC,GAAI,MACJ,GAAI,MACJ,IAAK,MACL,eAAgB,SAChB,UAAU,oBAEV,SAAA,CAAAF,yBAACG,EAAAA,KAAI,IAAK,MAAO,WAAY,SAAU,eAAgB,SACrD,SAAA,CAAAC,EAAA,kBAAA,IAACP,EAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,EACpCO,EAAA,kBAAA,IAAAC,EAAA,QAAA,CAAQ,GAAG,iBAAiB,UAAU,WAAW,EACjDD,EAAA,kBAAA,IAAAL,EAAA,CAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,EACrC,EACCK,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,sDACX,SACHd,CAAA,CAAA,CAAA,CAAA,CACF,EACAc,EAAAA,kBAAAA,IAAC,OAAI,UAAU,QACb,iCAACC,EAAAA,QAAQ,CAAA,GAAG,iBAAiB,CAC/B,CAAA,EACAD,EAAA,kBAAA,IAACF,EAAA,IAAA,CACC,GAAI,KACJ,IAAK,MACL,UAAWD,EAAAA,KAAK,8BAA+BN,CAAiB,EAChE,KAAK,OAEJ,SAAgBF,EAAA,IAAI,CAACa,EAAMC,IAAU,CACpC,MAAMC,EAAgBF,GAAA,YAAAA,EAAM,KAE1B,OAAAF,EAAA,kBAAA,IAAC,KAAA,CAEC,UAAWH,EAAAA,KAAK,mBAAoBK,EAAK,QAAU,QAAQ,EAE3D,SAAAN,EAAA,kBAAA,KAACJ,EAAA,CACC,KAAMU,EAAK,KACX,UAAWL,EAAA,KACT,wFACAK,EAAK,OAAS,UAAY,WAC5B,EACA,OAAQA,EAAK,SAAW,SAAW,OACnC,IAAKA,EAAK,SAAW,sBAAwB,OAE5C,SAAA,CAAAE,2BACEA,EAAc,CAAA,MAAM,UAAU,OAAQF,EAAK,OAAQ,EAErDF,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,cAAe,WAAK,MAAM,EACzCE,EAAK,QAAUF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,kBAAkB,SAAM,QAAA,CAAA,CAAA,CAAA,CAAA,CAC1D,EAjBKG,CAkBP,CAEH,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}

package/dist/index.cjs19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs19.js","sources":["../src/components/navigations/Breadcrumb/index.tsx"],"sourcesContent":["import {\r\n  BreadcrumbItem,\r\n  BreadcrumbItemProps,\r\n} from \"@/components/navigations/Breadcrumb/BreadcrumbItem.tsx\";\r\nimport clsx from \"clsx\";\r\nimport \"./Breadcrumb.scss\";\r\n\r\nexport type BreadcrumbProps = {\r\n  items: BreadcrumbItemProps[];\r\n};\r\n\r\nexport const Breadcrumb = ({\r\n  items = [{ label: \"Home\", href: \"#\" }],\r\n}: BreadcrumbProps) => {\r\n  return (\r\n    <nav aria-label=\"Percorso di navigazione\">\r\n      <ol className={clsx(\"ui-breadcrumb\", \"fs-6 md-fs-custom\")}>\r\n        {items.map((item, index) => (\r\n          <li key={index} className=\"ui-breadcrumb-wrapper\">\r\n            <BreadcrumbItem\r\n              label={item.label}\r\n              href={item.href}\r\n              asLink={item.asLink}\r\n              isClickable={item.isClickable ?? true}\r\n            />\r\n            {index < items.length - 1 && (\r\n              <span\r\n                className={clsx(\r\n                  \"ui-breadcrumb-separator\",\r\n                  \"fw-bold text-slate-28\",\r\n                )}\r\n                aria-hidden=\"true\"\r\n              >\r\n                /\r\n              </span>\r\n            )}\r\n          </li>\r\n        ))}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n"],"names":["Breadcrumb","items","jsx","clsx","item","index","jsxs","BreadcrumbItem"],"mappings":"gNAWO,MAAMA,EAAa,CAAC,CACzB,MAAAC,EAAQ,CAAC,CAAE,MAAO,OAAQ,KAAM,GAAK,CAAA,CACvC,4BAEK,MAAI,CAAA,aAAW,0BACd,SAACC,EAAAA,kBAAAA,IAAA,KAAA,CAAG,UAAWC,EAAK,KAAA,gBAAiB,mBAAmB,EACrD,SAAAF,EAAM,IAAI,CAACG,EAAMC,IACfC,EAAA,kBAAA,KAAA,KAAA,CAAe,UAAU,wBACxB,SAAA,CAAAJ,EAAA,kBAAA,IAACK,EAAA,eAAA,CACC,MAAOH,EAAK,MACZ,KAAMA,EAAK,KACX,OAAQA,EAAK,OACb,YAAaA,EAAK,aAAe,EAAA,CACnC,EACCC,EAAQJ,EAAM,OAAS,GACtBC,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWC,EAAA,KACT,0BACA,uBACF,EACA,cAAY,OACb,SAAA,GAAA,CAAA,CAdI,CAAA,EAAAE,CAkBT,CACD,CACH,CAAA,EACF"}
+{"version":3,"file":"index.cjs19.js","sources":["../src/components/navigations/Breadcrumb/index.tsx"],"sourcesContent":["import {\n  BreadcrumbItem,\n  BreadcrumbItemProps,\n} from \"@/components/navigations/Breadcrumb/BreadcrumbItem.tsx\";\nimport clsx from \"clsx\";\nimport \"./Breadcrumb.scss\";\n\nexport type BreadcrumbProps = {\n  items: BreadcrumbItemProps[];\n};\n\nexport const Breadcrumb = ({\n  items = [{ label: \"Home\", href: \"#\" }],\n}: BreadcrumbProps) => {\n  return (\n    <nav aria-label=\"Percorso di navigazione\">\n      <ol className={clsx(\"ui-breadcrumb\", \"fs-6 md-fs-custom\")}>\n        {items.map((item, index) => (\n          <li key={index} className=\"ui-breadcrumb-wrapper\">\n            <BreadcrumbItem\n              label={item.label}\n              href={item.href}\n              asLink={item.asLink}\n              isClickable={item.isClickable ?? true}\n            />\n            {index < items.length - 1 && (\n              <span\n                className={clsx(\n                  \"ui-breadcrumb-separator\",\n                  \"fw-bold text-slate-28\",\n                )}\n                aria-hidden=\"true\"\n              >\n                /\n              </span>\n            )}\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["Breadcrumb","items","jsx","clsx","item","index","jsxs","BreadcrumbItem"],"mappings":"gNAWO,MAAMA,EAAa,CAAC,CACzB,MAAAC,EAAQ,CAAC,CAAE,MAAO,OAAQ,KAAM,GAAK,CAAA,CACvC,4BAEK,MAAI,CAAA,aAAW,0BACd,SAACC,EAAAA,kBAAAA,IAAA,KAAA,CAAG,UAAWC,EAAK,KAAA,gBAAiB,mBAAmB,EACrD,SAAAF,EAAM,IAAI,CAACG,EAAMC,IACfC,EAAA,kBAAA,KAAA,KAAA,CAAe,UAAU,wBACxB,SAAA,CAAAJ,EAAA,kBAAA,IAACK,EAAA,eAAA,CACC,MAAOH,EAAK,MACZ,KAAMA,EAAK,KACX,OAAQA,EAAK,OACb,YAAaA,EAAK,aAAe,EAAA,CACnC,EACCC,EAAQJ,EAAM,OAAS,GACtBC,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWC,EAAA,KACT,0BACA,uBACF,EACA,cAAY,OACb,SAAA,GAAA,CAAA,CAdI,CAAA,EAAAE,CAkBT,CACD,CACH,CAAA,EACF"}

package/dist/index.cjs204.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs204.js","sources":["../src/icons/DeleteTrash/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons\";\r\nimport clsx from \"clsx\";\r\n\r\ninterface DeleteTrashProps extends IconProps {\r\n  className?: string;\r\n}\r\n\r\nexport const DeleteTrash = ({\r\n  width = 20,\r\n  height = 20,\r\n  className,\r\n  fillColor = \"#B3261E\",\r\n  decorative = true,\r\n  ariaLabel = \"Icona\",\r\n}: DeleteTrashProps) => {\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox={`0 0 ${width + 2} ${height + 2}`}\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path\r\n        fill={fillColor}\r\n        fillRule=\"evenodd\"\r\n        d=\"M15.5 3.5V4H21v1h-2v15.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20.5V5H3V4h5.5v-.5A1.5 1.5 0 0 1 10 2h4a1.5 1.5 0 0 1 1.5 1.5M10 3a.5.5 0 0 0-.5.5V4h5v-.5A.5.5 0 0 0 14 3zm8 17.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V5h12zM12.5 8h-1v10h1zM9 8v10H8V8zm7 10V8h-1v10z\"\r\n        clipRule=\"evenodd\"\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["DeleteTrash","width","height","className","fillColor","decorative","ariaLabel","jsx","clsx"],"mappings":"oJAOaA,EAAc,CAAC,CAC1B,MAAAC,EAAQ,GACR,OAAAC,EAAS,GACT,UAAAC,EACA,UAAAC,EAAY,UACZ,WAAAC,EAAa,GACb,UAAAC,EAAY,OACd,IAEIC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAAN,EACA,OAAAC,EACA,QAAS,OAAOD,EAAQ,CAAC,IAAIC,EAAS,CAAC,GACvC,KAAK,OACL,MAAM,6BACN,UAAWM,OAAKL,CAAS,EACzB,cAAaE,EACb,aAAaA,EAAyB,OAAZC,EAE1B,SAAAC,EAAA,kBAAA,IAAC,OAAA,CACC,KAAMH,EACN,SAAS,UACT,EAAE,6QACF,SAAS,SAAA,CAAA,CACV,CACH"}
+{"version":3,"file":"index.cjs204.js","sources":["../src/icons/DeleteTrash/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons\";\nimport clsx from \"clsx\";\n\ninterface DeleteTrashProps extends IconProps {\n  className?: string;\n}\n\nexport const DeleteTrash = ({\n  width = 20,\n  height = 20,\n  className,\n  fillColor = \"#B3261E\",\n  decorative = true,\n  ariaLabel = \"Icona\",\n}: DeleteTrashProps) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox={`0 0 ${width + 2} ${height + 2}`}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={clsx(className)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fill={fillColor}\n        fillRule=\"evenodd\"\n        d=\"M15.5 3.5V4H21v1h-2v15.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20.5V5H3V4h5.5v-.5A1.5 1.5 0 0 1 10 2h4a1.5 1.5 0 0 1 1.5 1.5M10 3a.5.5 0 0 0-.5.5V4h5v-.5A.5.5 0 0 0 14 3zm8 17.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V5h12zM12.5 8h-1v10h1zM9 8v10H8V8zm7 10V8h-1v10z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["DeleteTrash","width","height","className","fillColor","decorative","ariaLabel","jsx","clsx"],"mappings":"oJAOaA,EAAc,CAAC,CAC1B,MAAAC,EAAQ,GACR,OAAAC,EAAS,GACT,UAAAC,EACA,UAAAC,EAAY,UACZ,WAAAC,EAAa,GACb,UAAAC,EAAY,OACd,IAEIC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAAN,EACA,OAAAC,EACA,QAAS,OAAOD,EAAQ,CAAC,IAAIC,EAAS,CAAC,GACvC,KAAK,OACL,MAAM,6BACN,UAAWM,OAAKL,CAAS,EACzB,cAAaE,EACb,aAAaA,EAAyB,OAAZC,EAE1B,SAAAC,EAAA,kBAAA,IAAC,OAAA,CACC,KAAMH,EACN,SAAS,UACT,EAAE,6QACF,SAAS,SAAA,CAAA,CACV,CACH"}

package/dist/index.cjs21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs21.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport { Region, LOGOS } from \"../Header\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type HeaderTopBannerProps = {\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  shortTitle: React.ReactNode;\r\n  region?: Region;\r\n  className?: string;\r\n};\r\n\r\nexport const HeaderTopBanner = ({\r\n  asLink = \"a\",\r\n  shortTitle,\r\n  region = \"marche\",\r\n  className,\r\n}: HeaderTopBannerProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <div className=\"bg-white\">\r\n      <Container\r\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\r\n        display=\"flex\"\r\n        alignItems=\"center\"\r\n        gap=\"x16\"\r\n        py=\"x8\"\r\n      >\r\n        <Row alignItems={\"center\"} gap={\"x8\"}>\r\n          <NationalIcon width={28} height={28} />\r\n\r\n          {region !== \"nazionale\" && (\r\n            <>\r\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\r\n              <RegionIcon width={28} height={28} />\r\n            </>\r\n          )}\r\n        </Row>\r\n\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={\r\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\r\n          }\r\n        >\r\n          {shortTitle}\r\n        </LinkComponent>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":"2QAeaA,EAAkB,CAAC,CAC9B,OAAAC,EAAS,IACT,WAAAC,EACA,OAAAC,EAAS,SACT,UAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBJ,EAEhBK,EAAeC,QAAM,UACrBC,EAAaD,QAAMJ,CAAM,EAG7B,OAAAM,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,WACb,SAAAC,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,UAAWC,EAAAA,KAAK,wCAAyCR,CAAS,EAClE,QAAQ,OACR,WAAW,SACX,IAAI,MACJ,GAAG,KAEH,SAAA,CAAAM,EAAA,kBAAA,KAACG,EAAI,IAAA,CAAA,WAAY,SAAU,IAAK,KAC9B,SAAA,CAAAJ,EAAA,kBAAA,IAACH,EAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,EAEpCH,IAAW,aAERO,EAAAA,kBAAAA,KAAAI,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAL,EAAA,kBAAA,IAACM,EAAQ,QAAA,CAAA,UAAU,WAAW,GAAG,iBAAiB,EACjDN,EAAA,kBAAA,IAAAD,EAAA,CAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CACrC,CAAA,CAAA,EAEJ,EAEAC,EAAA,kBAAA,IAACJ,EAAA,CACC,KAAK,IACL,UACE,6EAGD,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs21.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Region, LOGOS } from \"../Header\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport clsx from \"clsx\";\nimport { Row } from \"@/components\";\n\nexport type HeaderTopBannerProps = {\n  asLink?: \"a\" | React.ComponentType<any>;\n  shortTitle: React.ReactNode;\n  region?: Region;\n  className?: string;\n};\n\nexport const HeaderTopBanner = ({\n  asLink = \"a\",\n  shortTitle,\n  region = \"marche\",\n  className,\n}: HeaderTopBannerProps) => {\n  const LinkComponent = asLink;\n\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"bg-white\">\n      <Container\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\n        display=\"flex\"\n        alignItems=\"center\"\n        gap=\"x16\"\n        py=\"x8\"\n      >\n        <Row alignItems={\"center\"} gap={\"x8\"}>\n          <NationalIcon width={28} height={28} />\n\n          {region !== \"nazionale\" && (\n            <>\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\n              <RegionIcon width={28} height={28} />\n            </>\n          )}\n        </Row>\n\n        <LinkComponent\n          href=\"/\"\n          className={\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\n          }\n        >\n          {shortTitle}\n        </LinkComponent>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":"2QAeaA,EAAkB,CAAC,CAC9B,OAAAC,EAAS,IACT,WAAAC,EACA,OAAAC,EAAS,SACT,UAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBJ,EAEhBK,EAAeC,QAAM,UACrBC,EAAaD,QAAMJ,CAAM,EAG7B,OAAAM,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,WACb,SAAAC,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,UAAWC,EAAAA,KAAK,wCAAyCR,CAAS,EAClE,QAAQ,OACR,WAAW,SACX,IAAI,MACJ,GAAG,KAEH,SAAA,CAAAM,EAAA,kBAAA,KAACG,EAAI,IAAA,CAAA,WAAY,SAAU,IAAK,KAC9B,SAAA,CAAAJ,EAAA,kBAAA,IAACH,EAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,EAEpCH,IAAW,aAERO,EAAAA,kBAAAA,KAAAI,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAL,EAAA,kBAAA,IAACM,EAAQ,QAAA,CAAA,UAAU,WAAW,GAAG,iBAAiB,EACjDN,EAAA,kBAAA,IAAAD,EAAA,CAAW,MAAO,GAAI,OAAQ,EAAI,CAAA,CAAA,CACrC,CAAA,CAAA,EAEJ,EAEAC,EAAA,kBAAA,IAACJ,EAAA,CACC,KAAK,IACL,UACE,6EAGD,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/index.cjs23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs23.js","sources":["../src/components/navigations/CookieBanner/index.tsx"],"sourcesContent":["import \"./CookieBanner.scss\";\r\nimport { Button, Row } from \"@/components\";\r\n\r\nexport type CookieBannerProps = {\r\n  hasThirdPartyCookies?: boolean;\r\n  hasTechnicalCookies?: boolean;\r\n  onPressAcceptThirdPartCookie: () => void;\r\n  onPressAcceptTechnicalCookie: () => void;\r\n  onCloseBanner: () => void;\r\n  onPressCookieLink: () => void;\r\n  onlyTechniciansLabel: string;\r\n  acceptLabel: string;\r\n  text: string;\r\n  textSecond: string;\r\n};\r\n\r\nexport const CookieBanner = ({\r\n  onlyTechniciansLabel,\r\n  text,\r\n  textSecond,\r\n  acceptLabel,\r\n  onPressCookieLink,\r\n  hasThirdPartyCookies = false,\r\n  hasTechnicalCookies = true,\r\n  onPressAcceptThirdPartCookie,\r\n  onPressAcceptTechnicalCookie,\r\n  onCloseBanner,\r\n}: CookieBannerProps) => {\r\n  return (\r\n    <div className={\"ui-cookie-banner-container-fixed\"}>\r\n      <Row\r\n        gap={\"x20\"}\r\n        alignItems={\"center\"}\r\n        justifyContent={\"space-between\"}\r\n        className={\"ui-cookie-banner-container bg-slate-20\"}\r\n      >\r\n        <Row>\r\n          <div className={\"ui-cookie-banner-text-container\"}>\r\n            <span className={\"text-white fs-7\"}>{text}</span>{\" \"}\r\n            <div>\r\n              <span className={\"text-white fs-7\"}>{textSecond}</span>{\" \"}\r\n              <span\r\n                className={\"text-white fs-7 ui-cookie-banner-text-link\"}\r\n                onClick={onPressCookieLink}\r\n              >\r\n                cookie policy\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </Row>\r\n        {hasTechnicalCookies && hasThirdPartyCookies && (\r\n          <Row gap={\"x16\"} className={\"cookie-banner-buttons-container\"}>\r\n            <Button\r\n              className={\"ui-cookie-banner-first-button\"}\r\n              onClick={() => {\r\n                onPressAcceptTechnicalCookie();\r\n                onCloseBanner();\r\n              }}\r\n            >\r\n              {onlyTechniciansLabel}\r\n            </Button>\r\n            <Button\r\n              className={\"ui-cookie-banner-second-button\"}\r\n              variant={\"secondary\"}\r\n              onClick={() => {\r\n                onPressAcceptThirdPartCookie();\r\n                onPressAcceptTechnicalCookie();\r\n                onCloseBanner();\r\n              }}\r\n            >\r\n              {acceptLabel}\r\n            </Button>\r\n          </Row>\r\n        )}\r\n        {hasTechnicalCookies && !hasThirdPartyCookies && (\r\n          <Row gap={\"x16\"} className={\"cookie-banner-buttons-container\"}>\r\n            <Button\r\n              className={\"ui-cookie-banner-second-button\"}\r\n              variant={\"secondary\"}\r\n              onClick={() => {\r\n                onPressAcceptTechnicalCookie();\r\n                onCloseBanner();\r\n              }}\r\n            >\r\n              {acceptLabel}\r\n            </Button>\r\n          </Row>\r\n        )}\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CookieBanner","onlyTechniciansLabel","text","textSecond","acceptLabel","onPressCookieLink","hasThirdPartyCookies","hasTechnicalCookies","onPressAcceptThirdPartCookie","onPressAcceptTechnicalCookie","onCloseBanner","jsx","jsxs","Row","Button"],"mappings":"mNAgBaA,EAAe,CAAC,CAC3B,qBAAAC,EACA,KAAAC,EACA,WAAAC,EACA,YAAAC,EACA,kBAAAC,EACA,qBAAAC,EAAuB,GACvB,oBAAAC,EAAsB,GACtB,6BAAAC,EACA,6BAAAC,EACA,cAAAC,CACF,IAEIC,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,mCACd,SAAAC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,IAAK,MACL,WAAY,SACZ,eAAgB,gBAChB,UAAW,yCAEX,SAAA,CAAAF,wBAACE,EAAAA,IACC,CAAA,SAAAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,kCACd,SAAA,CAACD,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,kBAAoB,SAAKT,EAAA,EAAQ,6BACjD,MACC,CAAA,SAAA,CAACS,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,kBAAoB,SAAWR,EAAA,EAAQ,IACxDQ,EAAA,kBAAA,IAAC,OAAA,CACC,UAAW,6CACX,QAASN,EACV,SAAA,eAAA,CAAA,CAED,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA,EACCE,GAAuBD,GACtBM,EAAA,kBAAA,KAACC,OAAI,IAAK,MAAO,UAAW,kCAC1B,SAAA,CAAAF,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,UAAW,gCACX,QAAS,IAAM,CACgBL,EAAA,EACfC,EAAA,CAChB,EAEC,SAAAT,CAAA,CACH,EACAU,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,UAAW,iCACX,QAAS,YACT,QAAS,IAAM,CACgBN,EAAA,EACAC,EAAA,EACfC,EAAA,CAChB,EAEC,SAAAN,CAAA,CAAA,CACH,EACF,EAEDG,GAAuB,CAACD,GACvBK,EAAA,kBAAA,IAACE,OAAI,IAAK,MAAO,UAAW,kCAC1B,SAAAF,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,UAAW,iCACX,QAAS,YACT,QAAS,IAAM,CACgBL,EAAA,EACfC,EAAA,CAChB,EAEC,SAAAN,CAAA,CAAA,CAEL,CAAA,CAAA,CAAA,CAAA,EAGN"}
+{"version":3,"file":"index.cjs23.js","sources":["../src/components/navigations/CookieBanner/index.tsx"],"sourcesContent":["import \"./CookieBanner.scss\";\nimport { Button, Row } from \"@/components\";\n\nexport type CookieBannerProps = {\n  hasThirdPartyCookies?: boolean;\n  hasTechnicalCookies?: boolean;\n  onPressAcceptThirdPartCookie: () => void;\n  onPressAcceptTechnicalCookie: () => void;\n  onCloseBanner: () => void;\n  onPressCookieLink: () => void;\n  onlyTechniciansLabel: string;\n  acceptLabel: string;\n  text: string;\n  textSecond: string;\n};\n\nexport const CookieBanner = ({\n  onlyTechniciansLabel,\n  text,\n  textSecond,\n  acceptLabel,\n  onPressCookieLink,\n  hasThirdPartyCookies = false,\n  hasTechnicalCookies = true,\n  onPressAcceptThirdPartCookie,\n  onPressAcceptTechnicalCookie,\n  onCloseBanner,\n}: CookieBannerProps) => {\n  return (\n    <div className={\"ui-cookie-banner-container-fixed\"}>\n      <Row\n        gap={\"x20\"}\n        alignItems={\"center\"}\n        justifyContent={\"space-between\"}\n        className={\"ui-cookie-banner-container bg-slate-20\"}\n      >\n        <Row>\n          <div className={\"ui-cookie-banner-text-container\"}>\n            <span className={\"text-white fs-7\"}>{text}</span>{\" \"}\n            <div>\n              <span className={\"text-white fs-7\"}>{textSecond}</span>{\" \"}\n              <span\n                className={\"text-white fs-7 ui-cookie-banner-text-link\"}\n                onClick={onPressCookieLink}\n              >\n                cookie policy\n              </span>\n            </div>\n          </div>\n        </Row>\n        {hasTechnicalCookies && hasThirdPartyCookies && (\n          <Row gap={\"x16\"} className={\"cookie-banner-buttons-container\"}>\n            <Button\n              className={\"ui-cookie-banner-first-button\"}\n              onClick={() => {\n                onPressAcceptTechnicalCookie();\n                onCloseBanner();\n              }}\n            >\n              {onlyTechniciansLabel}\n            </Button>\n            <Button\n              className={\"ui-cookie-banner-second-button\"}\n              variant={\"secondary\"}\n              onClick={() => {\n                onPressAcceptThirdPartCookie();\n                onPressAcceptTechnicalCookie();\n                onCloseBanner();\n              }}\n            >\n              {acceptLabel}\n            </Button>\n          </Row>\n        )}\n        {hasTechnicalCookies && !hasThirdPartyCookies && (\n          <Row gap={\"x16\"} className={\"cookie-banner-buttons-container\"}>\n            <Button\n              className={\"ui-cookie-banner-second-button\"}\n              variant={\"secondary\"}\n              onClick={() => {\n                onPressAcceptTechnicalCookie();\n                onCloseBanner();\n              }}\n            >\n              {acceptLabel}\n            </Button>\n          </Row>\n        )}\n      </Row>\n    </div>\n  );\n};\n"],"names":["CookieBanner","onlyTechniciansLabel","text","textSecond","acceptLabel","onPressCookieLink","hasThirdPartyCookies","hasTechnicalCookies","onPressAcceptThirdPartCookie","onPressAcceptTechnicalCookie","onCloseBanner","jsx","jsxs","Row","Button"],"mappings":"mNAgBaA,EAAe,CAAC,CAC3B,qBAAAC,EACA,KAAAC,EACA,WAAAC,EACA,YAAAC,EACA,kBAAAC,EACA,qBAAAC,EAAuB,GACvB,oBAAAC,EAAsB,GACtB,6BAAAC,EACA,6BAAAC,EACA,cAAAC,CACF,IAEIC,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,mCACd,SAAAC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,IAAK,MACL,WAAY,SACZ,eAAgB,gBAChB,UAAW,yCAEX,SAAA,CAAAF,wBAACE,EAAAA,IACC,CAAA,SAAAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,kCACd,SAAA,CAACD,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,kBAAoB,SAAKT,EAAA,EAAQ,6BACjD,MACC,CAAA,SAAA,CAACS,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,kBAAoB,SAAWR,EAAA,EAAQ,IACxDQ,EAAA,kBAAA,IAAC,OAAA,CACC,UAAW,6CACX,QAASN,EACV,SAAA,eAAA,CAAA,CAED,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA,EACCE,GAAuBD,GACtBM,EAAA,kBAAA,KAACC,OAAI,IAAK,MAAO,UAAW,kCAC1B,SAAA,CAAAF,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,UAAW,gCACX,QAAS,IAAM,CACgBL,EAAA,EACfC,EAAA,CAChB,EAEC,SAAAT,CAAA,CACH,EACAU,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,UAAW,iCACX,QAAS,YACT,QAAS,IAAM,CACgBN,EAAA,EACAC,EAAA,EACfC,EAAA,CAChB,EAEC,SAAAN,CAAA,CAAA,CACH,EACF,EAEDG,GAAuB,CAACD,GACvBK,EAAA,kBAAA,IAACE,OAAI,IAAK,MAAO,UAAW,kCAC1B,SAAAF,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,UAAW,iCACX,QAAS,YACT,QAAS,IAAM,CACgBL,EAAA,EACfC,EAAA,CAChB,EAEC,SAAAN,CAAA,CAAA,CAEL,CAAA,CAAA,CAAA,CAAA,EAGN"}

package/dist/index.cjs24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs24.js","sources":["../src/components/ui/Dropdown/index.tsx"],"sourcesContent":["import { ArrowDown } from \"@/icons\";\r\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\r\nimport clsx from \"clsx\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport \"./Dropdown.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype DropdownOption = {\r\n  label: string;\r\n  href?: string;\r\n  onClick?: () => void;\r\n  active?: boolean;\r\n};\r\n\r\ntype DropdownProps = {\r\n  text: string;\r\n  leftIcon?: React.ReactNode;\r\n  options: DropdownOption[];\r\n  asLinkItem?: \"a\" | React.ComponentType<any>;\r\n  textColor?: ColorKeys;\r\n};\r\n\r\ntype DropdownMenuContentProps = {\r\n  options: DropdownOption[];\r\n  asLinkItem?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\nexport const Dropdown = ({\r\n  text,\r\n  leftIcon,\r\n  options,\r\n  asLinkItem,\r\n  textColor = \"white\",\r\n}: DropdownProps) => {\r\n  const textColorClass = createColorClasses({ text: textColor });\r\n\r\n  return (\r\n    <DropdownMenu.Root>\r\n      <DropdownMenu.Trigger asChild>\r\n        <button\r\n          className={clsx(\r\n            \"border-none bg-transparent base-row gap-x8 fw-regular fs-6 align-items-center\",\r\n            textColorClass,\r\n            \"ui-dropdown-trigger\",\r\n          )}\r\n        >\r\n          {leftIcon && leftIcon}\r\n          <Row as={\"span\"} gap={\"x4\"}>\r\n            {text}\r\n            <ArrowDown color={textColor} className={\"ui-arrow\"} />\r\n          </Row>\r\n        </button>\r\n      </DropdownMenu.Trigger>\r\n      <DropdownMenuContent options={options} asLinkItem={asLinkItem} />\r\n    </DropdownMenu.Root>\r\n  );\r\n};\r\n\r\nconst DropdownMenuContent = ({\r\n  options,\r\n  asLinkItem,\r\n}: DropdownMenuContentProps) => {\r\n  if (options.length === 0) return null;\r\n\r\n  const LinkComponent = asLinkItem ?? \"a\";\r\n\r\n  return (\r\n    <DropdownMenu.Portal>\r\n      <DropdownMenu.Content\r\n        className={\"bg-white shadow ui-dropdown-menu-content\"}\r\n      >\r\n        <DropdownMenu.Group className={\"ui-dropdown-menu-group\"}>\r\n          {options.map((option, index) => (\r\n            <DropdownMenu.Item\r\n              key={index}\r\n              asChild\r\n              className={\"ui-dropdown-menu-item\"}\r\n            >\r\n              {option.href ? (\r\n                <LinkComponent\r\n                  href={option.href}\r\n                  className={clsx(\r\n                    \"fs-6 text-decoration-none\",\r\n                    option.active\r\n                      ? `text-primary fw-semibold`\r\n                      : `text-slate-28 fw-regular`,\r\n                  )}\r\n                >\r\n                  {option.label}\r\n                  {option.active && (\r\n                    <span className=\"visually-hidden\">Attivo</span>\r\n                  )}\r\n                </LinkComponent>\r\n              ) : (\r\n                <button\r\n                  onClick={option.onClick}\r\n                  className={clsx(\r\n                    \"fs-6 text-decoration-none bg-white outline-none border-none text-left\",\r\n                    option.active\r\n                      ? `text-primary fw-semibold`\r\n                      : `text-slate-28 fw-regular`,\r\n                  )}\r\n                >\r\n                  {option.label}\r\n                  {option.active && (\r\n                    <span className=\"visually-hidden\">Attivo</span>\r\n                  )}\r\n                </button>\r\n              )}\r\n            </DropdownMenu.Item>\r\n          ))}\r\n        </DropdownMenu.Group>\r\n      </DropdownMenu.Content>\r\n    </DropdownMenu.Portal>\r\n  );\r\n};\r\n"],"names":["Dropdown","text","leftIcon","options","asLinkItem","textColor","textColorClass","createColorClasses","jsxs","DropdownMenu.Root","jsx","DropdownMenu.Trigger","clsx","Row","ArrowDown","DropdownMenuContent","LinkComponent","DropdownMenu.Portal","DropdownMenu.Content","DropdownMenu.Group","option","index","DropdownMenu.Item"],"mappings":"iTA2BaA,EAAW,CAAC,CACvB,KAAAC,EACA,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,OACd,IAAqB,CACnB,MAAMC,EAAiBC,EAAA,mBAAmB,CAAE,KAAMF,EAAW,EAG3D,OAAAG,EAAA,kBAAA,KAACC,OAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAqB,QAAO,GAC3B,SAAAH,EAAA,kBAAA,KAAC,SAAA,CACC,UAAWI,EAAA,KACT,gFACAN,EACA,qBACF,EAEC,SAAA,CAAYJ,GAAAA,EACZM,EAAA,kBAAA,KAAAK,EAAA,IAAA,CAAI,GAAI,OAAQ,IAAK,KACnB,SAAA,CAAAZ,EACAS,EAAA,kBAAA,IAAAI,EAAA,UAAA,CAAU,MAAOT,EAAW,UAAW,UAAY,CAAA,CAAA,CACtD,CAAA,CAAA,CAAA,CAAA,EAEJ,EACAK,EAAAA,kBAAAA,IAACK,EAAoB,CAAA,QAAAZ,EAAkB,WAAAC,CAAwB,CAAA,CAAA,EACjE,CAEJ,EAEMW,EAAsB,CAAC,CAC3B,QAAAZ,EACA,WAAAC,CACF,IAAgC,CAC1B,GAAAD,EAAQ,SAAW,EAAU,OAAA,KAEjC,MAAMa,EAAgBZ,GAAc,IAGlC,OAAAM,wBAACO,EAAAA,OAAA,CACC,SAAAP,EAAA,kBAAA,IAACQ,EAAa,QAAb,CACC,UAAW,2CAEX,SAAAR,EAAA,kBAAA,IAACS,QAAA,CAAmB,UAAW,yBAC5B,SAAQhB,EAAA,IAAI,CAACiB,EAAQC,IACpBX,EAAA,kBAAA,IAACY,EAAa,KAAb,CAEC,QAAO,GACP,UAAW,wBAEV,WAAO,KACNd,EAAA,kBAAA,KAACQ,EAAA,CACC,KAAMI,EAAO,KACb,UAAWR,EAAA,KACT,4BACAQ,EAAO,OACH,2BACA,0BACN,EAEC,SAAA,CAAOA,EAAA,MACPA,EAAO,QACNV,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,kBAAkB,SAAM,QAAA,CAAA,CAAA,CAAA,CAAA,EAI5CF,EAAA,kBAAA,KAAC,SAAA,CACC,QAASY,EAAO,QAChB,UAAWR,EAAA,KACT,wEACAQ,EAAO,OACH,2BACA,0BACN,EAEC,SAAA,CAAOA,EAAA,MACPA,EAAO,QACNV,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,kBAAkB,SAAM,QAAA,CAAA,CAAA,CAAA,CAAA,CAE5C,EAjCGW,CAAA,CAoCR,CACH,CAAA,CAAA,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs24.js","sources":["../src/components/ui/Dropdown/index.tsx"],"sourcesContent":["import { ArrowDown } from \"@/icons\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport clsx from \"clsx\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport \"./Dropdown.scss\";\nimport { Row } from \"@/components\";\n\ntype DropdownOption = {\n  label: string;\n  href?: string;\n  onClick?: () => void;\n  active?: boolean;\n};\n\ntype DropdownProps = {\n  text: string;\n  leftIcon?: React.ReactNode;\n  options: DropdownOption[];\n  asLinkItem?: \"a\" | React.ComponentType<any>;\n  textColor?: ColorKeys;\n};\n\ntype DropdownMenuContentProps = {\n  options: DropdownOption[];\n  asLinkItem?: \"a\" | React.ComponentType<any>;\n};\n\nexport const Dropdown = ({\n  text,\n  leftIcon,\n  options,\n  asLinkItem,\n  textColor = \"white\",\n}: DropdownProps) => {\n  const textColorClass = createColorClasses({ text: textColor });\n\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <button\n          className={clsx(\n            \"border-none bg-transparent base-row gap-x8 fw-regular fs-6 align-items-center\",\n            textColorClass,\n            \"ui-dropdown-trigger\",\n          )}\n        >\n          {leftIcon && leftIcon}\n          <Row as={\"span\"} gap={\"x4\"}>\n            {text}\n            <ArrowDown color={textColor} className={\"ui-arrow\"} />\n          </Row>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenuContent options={options} asLinkItem={asLinkItem} />\n    </DropdownMenu.Root>\n  );\n};\n\nconst DropdownMenuContent = ({\n  options,\n  asLinkItem,\n}: DropdownMenuContentProps) => {\n  if (options.length === 0) return null;\n\n  const LinkComponent = asLinkItem ?? \"a\";\n\n  return (\n    <DropdownMenu.Portal>\n      <DropdownMenu.Content\n        className={\"bg-white shadow ui-dropdown-menu-content\"}\n      >\n        <DropdownMenu.Group className={\"ui-dropdown-menu-group\"}>\n          {options.map((option, index) => (\n            <DropdownMenu.Item\n              key={index}\n              asChild\n              className={\"ui-dropdown-menu-item\"}\n            >\n              {option.href ? (\n                <LinkComponent\n                  href={option.href}\n                  className={clsx(\n                    \"fs-6 text-decoration-none\",\n                    option.active\n                      ? `text-primary fw-semibold`\n                      : `text-slate-28 fw-regular`,\n                  )}\n                >\n                  {option.label}\n                  {option.active && (\n                    <span className=\"visually-hidden\">Attivo</span>\n                  )}\n                </LinkComponent>\n              ) : (\n                <button\n                  onClick={option.onClick}\n                  className={clsx(\n                    \"fs-6 text-decoration-none bg-white outline-none border-none text-left\",\n                    option.active\n                      ? `text-primary fw-semibold`\n                      : `text-slate-28 fw-regular`,\n                  )}\n                >\n                  {option.label}\n                  {option.active && (\n                    <span className=\"visually-hidden\">Attivo</span>\n                  )}\n                </button>\n              )}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Group>\n      </DropdownMenu.Content>\n    </DropdownMenu.Portal>\n  );\n};\n"],"names":["Dropdown","text","leftIcon","options","asLinkItem","textColor","textColorClass","createColorClasses","jsxs","DropdownMenu.Root","jsx","DropdownMenu.Trigger","clsx","Row","ArrowDown","DropdownMenuContent","LinkComponent","DropdownMenu.Portal","DropdownMenu.Content","DropdownMenu.Group","option","index","DropdownMenu.Item"],"mappings":"iTA2BaA,EAAW,CAAC,CACvB,KAAAC,EACA,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,OACd,IAAqB,CACnB,MAAMC,EAAiBC,EAAA,mBAAmB,CAAE,KAAMF,EAAW,EAG3D,OAAAG,EAAA,kBAAA,KAACC,OAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAqB,QAAO,GAC3B,SAAAH,EAAA,kBAAA,KAAC,SAAA,CACC,UAAWI,EAAA,KACT,gFACAN,EACA,qBACF,EAEC,SAAA,CAAYJ,GAAAA,EACZM,EAAA,kBAAA,KAAAK,EAAA,IAAA,CAAI,GAAI,OAAQ,IAAK,KACnB,SAAA,CAAAZ,EACAS,EAAA,kBAAA,IAAAI,EAAA,UAAA,CAAU,MAAOT,EAAW,UAAW,UAAY,CAAA,CAAA,CACtD,CAAA,CAAA,CAAA,CAAA,EAEJ,EACAK,EAAAA,kBAAAA,IAACK,EAAoB,CAAA,QAAAZ,EAAkB,WAAAC,CAAwB,CAAA,CAAA,EACjE,CAEJ,EAEMW,EAAsB,CAAC,CAC3B,QAAAZ,EACA,WAAAC,CACF,IAAgC,CAC1B,GAAAD,EAAQ,SAAW,EAAU,OAAA,KAEjC,MAAMa,EAAgBZ,GAAc,IAGlC,OAAAM,wBAACO,EAAAA,OAAA,CACC,SAAAP,EAAA,kBAAA,IAACQ,EAAa,QAAb,CACC,UAAW,2CAEX,SAAAR,EAAA,kBAAA,IAACS,QAAA,CAAmB,UAAW,yBAC5B,SAAQhB,EAAA,IAAI,CAACiB,EAAQC,IACpBX,EAAA,kBAAA,IAACY,EAAa,KAAb,CAEC,QAAO,GACP,UAAW,wBAEV,WAAO,KACNd,EAAA,kBAAA,KAACQ,EAAA,CACC,KAAMI,EAAO,KACb,UAAWR,EAAA,KACT,4BACAQ,EAAO,OACH,2BACA,0BACN,EAEC,SAAA,CAAOA,EAAA,MACPA,EAAO,QACNV,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,kBAAkB,SAAM,QAAA,CAAA,CAAA,CAAA,CAAA,EAI5CF,EAAA,kBAAA,KAAC,SAAA,CACC,QAASY,EAAO,QAChB,UAAWR,EAAA,KACT,wEACAQ,EAAO,OACH,2BACA,0BACN,EAEC,SAAA,CAAOA,EAAA,MACPA,EAAO,QACNV,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,kBAAkB,SAAM,QAAA,CAAA,CAAA,CAAA,CAAA,CAE5C,EAjCGW,CAAA,CAoCR,CACH,CAAA,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/index.cjs25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs25.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./FilterDropDown.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { ArrowList } from \"@/icons/ArrowList\";\r\nimport { Col } from \"@/components\";\r\n\r\nexport type FilterDropDownItem = {\r\n  label: string;\r\n  value: string;\r\n};\r\n\r\ntype FilterDropdownProps = {\r\n  size: \"small\" | \"large\";\r\n  items: FilterDropDownItem[];\r\n  className?: string;\r\n  filter: string;\r\n  setFilter: (filter: string) => void;\r\n};\r\nexport const FilterDropDown = ({\r\n  size,\r\n  items = [],\r\n  className,\r\n  filter,\r\n  setFilter,\r\n}: FilterDropdownProps) => {\r\n  const [isExpanded, setIsExpanded] = 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        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\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  }, [isExpanded]);\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\r\n      className={clsx(className, \"ui-filter-dropdown\")}\r\n    >\r\n      <button\r\n        className=\"ui-button-accordion\"\r\n        type=\"button\"\r\n        onClick={() => setIsExpanded(!isExpanded)}\r\n      >\r\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\r\n        <ArrowDown\r\n          color=\"primary\"\r\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\r\n        />\r\n      </button>\r\n      {isExpanded && (\r\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\r\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\r\n          <div className={\"p-x24 h-full shadow\"}>\r\n            <Col\r\n              gap={\"x24\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\r\n            >\r\n              {items.map((item, index) => {\r\n                return (\r\n                  <div\r\n                    key={index}\r\n                    onClick={() => {\r\n                      setFilter(item.value);\r\n                      setIsExpanded(false);\r\n                    }}\r\n                  >\r\n                    {item.label}\r\n                  </div>\r\n                );\r\n              })}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","isExpanded","setIsExpanded","useState","dropdownRef","useRef","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":"sSAmBaA,EAAiB,CAAC,CAC7B,KAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,UAAAC,EACA,OAAAC,EACA,UAAAC,CACF,IAA2B,CACzB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAC5CC,EAAcC,SAAuB,IAAI,EAE/CC,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAsBC,GAAsB,CAE9CJ,EAAY,SACZ,CAACA,EAAY,QAAQ,SAASI,EAAM,MAAc,GAElDN,EAAc,EAAK,CAEvB,EAEA,OAAID,EACO,SAAA,iBAAiB,YAAaM,CAAkB,EAEhD,SAAA,oBAAoB,YAAaA,CAAkB,EAGvD,IAAM,CACF,SAAA,oBAAoB,YAAaA,CAAkB,CAC9D,CAAA,EACC,CAACN,CAAU,CAAC,EAGbQ,EAAA,kBAAA,KAAC,MAAA,CACC,IAAKL,EACL,MAAOR,IAAS,QAAU,CAAE,MAAO,SAAY,CAAE,MAAO,OAAQ,EAChE,UAAWc,EAAAA,KAAKZ,EAAW,oBAAoB,EAE/C,SAAA,CAAAW,EAAA,kBAAA,KAAC,SAAA,CACC,UAAU,sBACV,KAAK,SACL,QAAS,IAAMP,EAAc,CAACD,CAAU,EAExC,SAAA,CAACU,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,qCAAsC,SAAOZ,EAAA,EAC3DY,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAM,UACN,UAAWF,EAAAA,KAAK,WAAY,CAAE,cAAeT,CAAY,CAAA,CAAA,CAAA,CAC3D,CAAA,CACF,EACCA,GACCQ,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAW,oDACd,SAAA,CAACE,EAAAA,kBAAAA,IAAAE,EAAA,UAAA,CAAU,UAAW,iCAAmC,CAAA,EACzDF,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,sBACd,SAAAA,EAAA,kBAAA,IAACG,EAAA,IAAA,CACC,IAAK,MACL,KAAM,UACN,GAAI,SACJ,GAAI,UACJ,UAAW,iDAEV,SAAMjB,EAAA,IAAI,CAACkB,EAAMC,IAEdL,EAAA,kBAAA,IAAC,MAAA,CAEC,QAAS,IAAM,CACbX,EAAUe,EAAK,KAAK,EACpBb,EAAc,EAAK,CACrB,EAEC,SAAKa,EAAA,KAAA,EANDC,CAOP,CAEH,CAAA,CAAA,CAEL,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAEJ,CAEJ"}
+{"version":3,"file":"index.cjs25.js","sources":["../src/components/ui/FilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./FilterDropDown.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { ArrowList } from \"@/icons/ArrowList\";\nimport { Col } from \"@/components\";\n\nexport type FilterDropDownItem = {\n  label: string;\n  value: string;\n};\n\ntype FilterDropdownProps = {\n  size: \"small\" | \"large\";\n  items: FilterDropDownItem[];\n  className?: string;\n  filter: string;\n  setFilter: (filter: string) => void;\n};\nexport const FilterDropDown = ({\n  size,\n  items = [],\n  className,\n  filter,\n  setFilter,\n}: FilterDropdownProps) => {\n  const [isExpanded, setIsExpanded] = 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        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      style={size === \"large\" ? { width: \"668px\" } : { width: \"322px\" }}\n      className={clsx(className, \"ui-filter-dropdown\")}\n    >\n      <button\n        className=\"ui-button-accordion\"\n        type=\"button\"\n        onClick={() => setIsExpanded(!isExpanded)}\n      >\n        <h3 className=\"fw-semibold fs-custom text-primary\">{filter}</h3>\n        <ArrowDown\n          color=\"primary\"\n          className={clsx(\"ui-arrow\", { \"ui-expanded\": isExpanded })}\n        />\n      </button>\n      {isExpanded && (\n        <div className={\"ui-wrap-list-item-filter position-relative pt-x12\"}>\n          <ArrowList className={\"ui-arrow-list position-absolute\"} />\n          <div className={\"p-x24 h-full shadow\"}>\n            <Col\n              gap={\"x24\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-list-item-filter h-full overflow fw-regular\"}\n            >\n              {items.map((item, index) => {\n                return (\n                  <div\n                    key={index}\n                    onClick={() => {\n                      setFilter(item.value);\n                      setIsExpanded(false);\n                    }}\n                  >\n                    {item.label}\n                  </div>\n                );\n              })}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilterDropDown","size","items","className","filter","setFilter","isExpanded","setIsExpanded","useState","dropdownRef","useRef","useEffect","handleClickOutside","event","jsxs","clsx","jsx","ArrowDown","ArrowList","Col","item","index"],"mappings":"sSAmBaA,EAAiB,CAAC,CAC7B,KAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,UAAAC,EACA,OAAAC,EACA,UAAAC,CACF,IAA2B,CACzB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAC5CC,EAAcC,SAAuB,IAAI,EAE/CC,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAsBC,GAAsB,CAE9CJ,EAAY,SACZ,CAACA,EAAY,QAAQ,SAASI,EAAM,MAAc,GAElDN,EAAc,EAAK,CAEvB,EAEA,OAAID,EACO,SAAA,iBAAiB,YAAaM,CAAkB,EAEhD,SAAA,oBAAoB,YAAaA,CAAkB,EAGvD,IAAM,CACF,SAAA,oBAAoB,YAAaA,CAAkB,CAC9D,CAAA,EACC,CAACN,CAAU,CAAC,EAGbQ,EAAA,kBAAA,KAAC,MAAA,CACC,IAAKL,EACL,MAAOR,IAAS,QAAU,CAAE,MAAO,SAAY,CAAE,MAAO,OAAQ,EAChE,UAAWc,EAAAA,KAAKZ,EAAW,oBAAoB,EAE/C,SAAA,CAAAW,EAAA,kBAAA,KAAC,SAAA,CACC,UAAU,sBACV,KAAK,SACL,QAAS,IAAMP,EAAc,CAACD,CAAU,EAExC,SAAA,CAACU,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,qCAAsC,SAAOZ,EAAA,EAC3DY,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,MAAM,UACN,UAAWF,EAAAA,KAAK,WAAY,CAAE,cAAeT,CAAY,CAAA,CAAA,CAAA,CAC3D,CAAA,CACF,EACCA,GACCQ,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAW,oDACd,SAAA,CAACE,EAAAA,kBAAAA,IAAAE,EAAA,UAAA,CAAU,UAAW,iCAAmC,CAAA,EACzDF,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAW,sBACd,SAAAA,EAAA,kBAAA,IAACG,EAAA,IAAA,CACC,IAAK,MACL,KAAM,UACN,GAAI,SACJ,GAAI,UACJ,UAAW,iDAEV,SAAMjB,EAAA,IAAI,CAACkB,EAAMC,IAEdL,EAAA,kBAAA,IAAC,MAAA,CAEC,QAAS,IAAM,CACbX,EAAUe,EAAK,KAAK,EACpBb,EAAc,EAAK,CACrB,EAEC,SAAKa,EAAA,KAAA,EANDC,CAOP,CAEH,CAAA,CAAA,CAEL,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs257.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs257.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":"yGAEgB,SAAAA,EAAqBC,EAAUC,EAAgB,IAAQ,CACrE,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAASJ,CAAK,EAE1DK,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAQ,WAAW,IAAMH,EAAkBH,CAAK,EAAGC,CAAK,EACvD,MAAA,IAAM,aAAaK,CAAK,CAAA,EAC9B,CAACN,EAAOC,CAAK,CAAC,EAEVC,CACT"}
+{"version":3,"file":"index.cjs257.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":"yGAEgB,SAAAA,EAAqBC,EAAUC,EAAgB,IAAQ,CACrE,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAASJ,CAAK,EAE1DK,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAQ,WAAW,IAAMH,EAAkBH,CAAK,EAAGC,CAAK,EACvD,MAAA,IAAM,aAAaK,CAAK,CAAA,EAC9B,CAACN,EAAOC,CAAK,CAAC,EAEVC,CACT"}

package/dist/index.cjs259.js

@@ -1,2 +1,2 @@
-"use strict";const w=require("./index.cjs517.js"),l=require("./index.cjs516.js");function L(x){let{swiper:a,extendParams:C,on:c,emit:g}=x;C({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),a.navigation={nextEl:null,prevEl:null};function u(i){let n;return i&&typeof i=="string"&&a.isElement&&(n=a.el.querySelector(i)||a.hostEl.querySelector(i),n)?n:(i&&(typeof i=="string"&&(n=[...document.querySelectorAll(i)]),a.params.uniqueNavElements&&typeof i=="string"&&n&&n.length>1&&a.el.querySelectorAll(i).length===1?n=a.el.querySelector(i):n&&n.length===1&&(n=n[0])),i&&!n?i:n)}function v(i,n){const t=a.params.navigation;i=l.m(i),i.forEach(e=>{e&&(e.classList[n?"add":"remove"](...t.disabledClass.split(" ")),e.tagName==="BUTTON"&&(e.disabled=n),a.params.watchOverflow&&a.enabled&&e.classList[a.isLocked?"add":"remove"](t.lockClass))})}function d(){const{nextEl:i,prevEl:n}=a.navigation;if(a.params.loop){v(n,!1),v(i,!1);return}v(n,a.isBeginning&&!a.params.rewind),v(i,a.isEnd&&!a.params.rewind)}function E(i){i.preventDefault(),!(a.isBeginning&&!a.params.loop&&!a.params.rewind)&&(a.slidePrev(),g("navigationPrev"))}function h(i){i.preventDefault(),!(a.isEnd&&!a.params.loop&&!a.params.rewind)&&(a.slideNext(),g("navigationNext"))}function f(){const i=a.params.navigation;if(a.params.navigation=w.c(a,a.originalParams.navigation,a.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!(i.nextEl||i.prevEl))return;let n=u(i.nextEl),t=u(i.prevEl);Object.assign(a.navigation,{nextEl:n,prevEl:t}),n=l.m(n),t=l.m(t);const e=(s,p)=>{s&&s.addEventListener("click",p==="next"?h:E),!a.enabled&&s&&s.classList.add(...i.lockClass.split(" "))};n.forEach(s=>e(s,"next")),t.forEach(s=>e(s,"prev"))}function m(){let{nextEl:i,prevEl:n}=a.navigation;i=l.m(i),n=l.m(n);const t=(e,s)=>{e.removeEventListener("click",s==="next"?h:E),e.classList.remove(...a.params.navigation.disabledClass.split(" "))};i.forEach(e=>t(e,"next")),n.forEach(e=>t(e,"prev"))}c("init",()=>{a.params.navigation.enabled===!1?b():(f(),d())}),c("toEdge fromEdge lock unlock",()=>{d()}),c("destroy",()=>{m()}),c("enable disable",()=>{let{nextEl:i,prevEl:n}=a.navigation;if(i=l.m(i),n=l.m(n),a.enabled){d();return}[...i,...n].filter(t=>!!t).forEach(t=>t.classList.add(a.params.navigation.lockClass))}),c("click",(i,n)=>{let{nextEl:t,prevEl:e}=a.navigation;t=l.m(t),e=l.m(e);const s=n.target;let p=e.includes(s)||t.includes(s);if(a.isElement&&!p){const r=n.path||n.composedPath&&n.composedPath();r&&(p=r.find(o=>t.includes(o)||e.includes(o)))}if(a.params.navigation.hideOnClick&&!p){if(a.pagination&&a.params.pagination&&a.params.pagination.clickable&&(a.pagination.el===s||a.pagination.el.contains(s)))return;let r;t.length?r=t[0].classList.contains(a.params.navigation.hiddenClass):e.length&&(r=e[0].classList.contains(a.params.navigation.hiddenClass)),g(r===!0?"navigationShow":"navigationHide"),[...t,...e].filter(o=>!!o).forEach(o=>o.classList.toggle(a.params.navigation.hiddenClass))}});const k=()=>{a.el.classList.remove(...a.params.navigation.navigationDisabledClass.split(" ")),f(),d()},b=()=>{a.el.classList.add(...a.params.navigation.navigationDisabledClass.split(" ")),m()};Object.assign(a.navigation,{enable:k,disable:b,update:d,init:f,destroy:m})}module.exports=L;
+"use strict";const w=require("./index.cjs478.js"),l=require("./index.cjs479.js");function L(x){let{swiper:a,extendParams:C,on:c,emit:g}=x;C({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),a.navigation={nextEl:null,prevEl:null};function u(i){let n;return i&&typeof i=="string"&&a.isElement&&(n=a.el.querySelector(i)||a.hostEl.querySelector(i),n)?n:(i&&(typeof i=="string"&&(n=[...document.querySelectorAll(i)]),a.params.uniqueNavElements&&typeof i=="string"&&n&&n.length>1&&a.el.querySelectorAll(i).length===1?n=a.el.querySelector(i):n&&n.length===1&&(n=n[0])),i&&!n?i:n)}function v(i,n){const t=a.params.navigation;i=l.m(i),i.forEach(e=>{e&&(e.classList[n?"add":"remove"](...t.disabledClass.split(" ")),e.tagName==="BUTTON"&&(e.disabled=n),a.params.watchOverflow&&a.enabled&&e.classList[a.isLocked?"add":"remove"](t.lockClass))})}function d(){const{nextEl:i,prevEl:n}=a.navigation;if(a.params.loop){v(n,!1),v(i,!1);return}v(n,a.isBeginning&&!a.params.rewind),v(i,a.isEnd&&!a.params.rewind)}function E(i){i.preventDefault(),!(a.isBeginning&&!a.params.loop&&!a.params.rewind)&&(a.slidePrev(),g("navigationPrev"))}function h(i){i.preventDefault(),!(a.isEnd&&!a.params.loop&&!a.params.rewind)&&(a.slideNext(),g("navigationNext"))}function f(){const i=a.params.navigation;if(a.params.navigation=w.c(a,a.originalParams.navigation,a.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!(i.nextEl||i.prevEl))return;let n=u(i.nextEl),t=u(i.prevEl);Object.assign(a.navigation,{nextEl:n,prevEl:t}),n=l.m(n),t=l.m(t);const e=(s,p)=>{s&&s.addEventListener("click",p==="next"?h:E),!a.enabled&&s&&s.classList.add(...i.lockClass.split(" "))};n.forEach(s=>e(s,"next")),t.forEach(s=>e(s,"prev"))}function m(){let{nextEl:i,prevEl:n}=a.navigation;i=l.m(i),n=l.m(n);const t=(e,s)=>{e.removeEventListener("click",s==="next"?h:E),e.classList.remove(...a.params.navigation.disabledClass.split(" "))};i.forEach(e=>t(e,"next")),n.forEach(e=>t(e,"prev"))}c("init",()=>{a.params.navigation.enabled===!1?b():(f(),d())}),c("toEdge fromEdge lock unlock",()=>{d()}),c("destroy",()=>{m()}),c("enable disable",()=>{let{nextEl:i,prevEl:n}=a.navigation;if(i=l.m(i),n=l.m(n),a.enabled){d();return}[...i,...n].filter(t=>!!t).forEach(t=>t.classList.add(a.params.navigation.lockClass))}),c("click",(i,n)=>{let{nextEl:t,prevEl:e}=a.navigation;t=l.m(t),e=l.m(e);const s=n.target;let p=e.includes(s)||t.includes(s);if(a.isElement&&!p){const r=n.path||n.composedPath&&n.composedPath();r&&(p=r.find(o=>t.includes(o)||e.includes(o)))}if(a.params.navigation.hideOnClick&&!p){if(a.pagination&&a.params.pagination&&a.params.pagination.clickable&&(a.pagination.el===s||a.pagination.el.contains(s)))return;let r;t.length?r=t[0].classList.contains(a.params.navigation.hiddenClass):e.length&&(r=e[0].classList.contains(a.params.navigation.hiddenClass)),g(r===!0?"navigationShow":"navigationHide"),[...t,...e].filter(o=>!!o).forEach(o=>o.classList.toggle(a.params.navigation.hiddenClass))}});const k=()=>{a.el.classList.remove(...a.params.navigation.navigationDisabledClass.split(" ")),f(),d()},b=()=>{a.el.classList.add(...a.params.navigation.navigationDisabledClass.split(" ")),m()};Object.assign(a.navigation,{enable:k,disable:b,update:d,init:f,destroy:m})}module.exports=L;
 //# sourceMappingURL=index.cjs259.js.map