@anoki/fse-ui 2.3.0-5-SNAPSHOT3 → 2.3.0-5-SNAPSHOT4

package/dist/index.es156.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es156.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import { CardCategory, Col, Row } from \"@/components\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Tags } from \"@/index\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { GetValues } from \"@anoki/fse-common/dist\";\nimport clsx from \"clsx\";\nimport {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport { A11y, Navigation, Pagination } from \"swiper/modules\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport \"./Slider.scss\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  slideTitle?: string;\n  title: string;\n  description?: string;\n  titleAlignment?: \"left\" | \"center\" | \"right\";\n  blurPercentage?: number;\n  href?: string;\n  tags?: string[];\n};\nexport enum SliderTypeEnum {\n  FULL_IMAGE = \"full-image\",\n  BLUR_IMAGE = \"blur-image\",\n}\n\nexport type SliderType = GetValues<SliderTypeEnum>;\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: React.ComponentType<any> | \"img\";\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  tagsLabelTitle?: string;\n};\n\ntype BlurImageSlideProps = {\n  tagsLabelTitle?: SliderProps[\"tagsLabelTitle\"];\n  ImageComponent: React.ComponentType<any> | \"img\";\n  gradientStyle?: CSSProperties;\n  withShadow?: boolean;\n} & Slide;\n\nexport const BlurImageSlide = ({\n  ImageComponent,\n  tagsLabelTitle = \"Argomenti correlati\",\n  gradientStyle,\n  withShadow,\n  ...slide\n}: BlurImageSlideProps) => {\n  const blurPercentageStyle = {\n    \"--blur-percentage\": slide?.blurPercentage\n      ? `${slide?.blurPercentage}px`\n      : \"5px\",\n  } as CSSProperties;\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (!slide.slideTitle || slide.slideTitle.trim() === \"\") {\n      return [null, null];\n    }\n\n    const words = slide.slideTitle.trim().split(/\\s+/);\n\n    if (words.length >= 4) {\n      return splitInTwo(slide.slideTitle.toUpperCase());\n    }\n\n    return [slide.slideTitle.toUpperCase(), null];\n  }, [slide.slideTitle]);\n\n  return (\n    <div\n      className={clsx(\"is-event\", \"hero-event-container\", {\n        \"with-shadow\": withShadow,\n      })}\n      style={gradientStyle}\n    >\n      <img\n        className=\"hero-event-background\"\n        src={slide.src}\n        alt={`Evento ${slide.alt}`}\n        style={blurPercentageStyle}\n      />\n      <div className={\"hero-event-content\"}>\n        <div className=\"image-container\">\n          {!!slide.src && (\n            <ImageComponent\n              alt={`${slide.title} image`}\n              src={slide.src}\n              style={{ aspectRatio: 21 / 9 }}\n            />\n          )}\n          {slide.slideTitle && (\n            <p className={clsx(\"short-title\", slide.titleAlignment)}>\n              <span>{firstTitleLine}</span>\n              {secondTitleLine && <span>{secondTitleLine}</span>}\n            </p>\n          )}\n        </div>\n\n        <Col className=\"hero-event-card-container\">\n          <div>\n            {\n              <CardCategory\n                title={slide.title}\n                href={slide.href || \"#\"}\n                className={\"w-full\"}\n                description2={slide.description}\n                classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\n                classNameDescriptionTitle={\n                  \"text-slate-28 fw-bold fs-6 md-fs-custom\"\n                }\n              />\n            }\n          </div>\n\n          {slide.tags && slide.tags?.length > 0 && (\n            <Tags title={tagsLabelTitle} items={slide.tags ?? []} />\n          )}\n        </Col>\n      </div>\n    </div>\n  );\n};\n\nexport type AutoplayButtonProps = {\n  autoplay: boolean;\n  toggleAutoPlay: () => void;\n};\n\nexport const AutoplayButton = ({\n  autoplay,\n  toggleAutoPlay,\n}: AutoplayButtonProps) => {\n  return 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};\n\nexport type SliderPaginationProps = {\n  slides: Slide[];\n  currentIndex: number;\n  goPrev: () => void;\n  goNext: () => void;\n  autoplay: boolean;\n  toggleAutoPlay: () => void;\n  gradientColorStyle: CSSProperties;\n  paginationLabel?: string;\n  type: SliderType;\n};\n\nexport const SliderPagination = ({\n  slides,\n  currentIndex,\n  goPrev,\n  goNext,\n  autoplay,\n  toggleAutoPlay,\n  gradientColorStyle,\n  type,\n  paginationLabel = \"di\",\n}: SliderPaginationProps) => {\n  return (\n    <Row\n      className={clsx(\"pagination\", type)}\n      gap=\"x20\"\n      style={gradientColorStyle}\n    >\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          <AutoplayButton autoplay={autoplay} toggleAutoPlay={toggleAutoPlay} />\n        </Row>\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  );\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  tagsLabelTitle = \"Argomenti correlati\",\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [autoplay, setAutoplay] = useState(/* true */ false);\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\n      className={clsx(\"ui-slider-section-wrapper-container\", type)}\n      style={swiperStyle}\n    >\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: any) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper: any) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide\n              key={index}\n              className={clsx(\n                type === \"blur-image\"\n                  ? \"ui-slider-section-wrapper-container\"\n                  : \"\",\n              )}\n            >\n              {type === \"blur-image\" ? (\n                <BlurImageSlide\n                  {...slide}\n                  ImageComponent={ImageComponent}\n                  tagsLabelTitle={tagsLabelTitle}\n                  withShadow={withShadow}\n                  gradientStyle={gradientColorStyle}\n                />\n              ) : (\n                <>\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                          <h1 className=\"title\">{slide.title}</h1>\n                        </LinkTag>\n                      </div>\n                    </div>\n                  </div>\n                </>\n              )}\n            </SwiperSlide>\n          ))}\n          <SliderPagination\n            slides={slides}\n            currentIndex={currentIndex}\n            goPrev={goPrev}\n            goNext={goNext}\n            autoplay={autoplay}\n            toggleAutoPlay={toggleAutoPlay}\n            type={type}\n            gradientColorStyle={gradientColorStyle}\n            paginationLabel={paginationLabel}\n          />\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["SliderTypeEnum","BlurImageSlide","ImageComponent","tagsLabelTitle","gradientStyle","withShadow","slide","blurPercentageStyle","firstTitleLine","secondTitleLine","useMemo","splitInTwo","jsxs","clsx","jsx","Col","CardCategory","_a","Tags","AutoplayButton","autoplay","toggleAutoPlay","Pause","PlayVideo","SliderPagination","slides","currentIndex","goPrev","goNext","gradientColorStyle","type","paginationLabel","Row","ArrowLeft","Slider","asLink","asImage","timeout","openInNewTab","gradientColor","swiperHeight","LinkTag","swiperRef","useRef","setCurrentIndex","useState","setAutoplay","useCallback","swiper","useEffect","intervalId","swiperStyle","Swiper","Navigation","Pagination","A11y","index","SwiperSlide","Fragment","_b","File","_c"],"mappings":"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"}
+{"version":3,"file":"index.es156.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import { CardCategory, Col, Row } from \"@/components\";\r\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\r\nimport { Pause } from \"@/icons/Pause\";\r\nimport { Tags } from \"@/index\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { GetValues } from \"@anoki/fse-common/dist\";\r\nimport clsx from \"clsx\";\r\nimport {\r\n  CSSProperties,\r\n  ElementType,\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/navigation\";\r\nimport \"swiper/css/pagination\";\r\nimport { A11y, Navigation, Pagination } from \"swiper/modules\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport \"./Slider.scss\";\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  slideTitle?: string;\r\n  title: string;\r\n  description?: string;\r\n  titleAlignment?: \"left\" | \"center\" | \"right\";\r\n  blurPercentage?: number;\r\n  href?: string;\r\n  tags?: string[];\r\n};\r\nexport enum SliderTypeEnum {\r\n  FULL_IMAGE = \"full-image\",\r\n  BLUR_IMAGE = \"blur-image\",\r\n}\r\n\r\nexport type SliderType = GetValues<SliderTypeEnum>;\r\nexport type SliderProps = {\r\n  slides: Slide[];\r\n  asImage: React.ComponentType<any> | \"img\";\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  tagsLabelTitle?: string;\r\n};\r\n\r\ntype BlurImageSlideProps = {\r\n  tagsLabelTitle?: SliderProps[\"tagsLabelTitle\"];\r\n  ImageComponent: React.ComponentType<any> | \"img\";\r\n  gradientStyle?: CSSProperties;\r\n  withShadow?: boolean;\r\n} & Slide;\r\n\r\nexport const BlurImageSlide = ({\r\n  ImageComponent,\r\n  tagsLabelTitle = \"Argomenti correlati\",\r\n  gradientStyle,\r\n  withShadow,\r\n  ...slide\r\n}: BlurImageSlideProps) => {\r\n  const blurPercentageStyle = {\r\n    \"--blur-percentage\": slide?.blurPercentage\r\n      ? `${slide?.blurPercentage}px`\r\n      : \"5px\",\r\n  } as CSSProperties;\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (!slide.slideTitle || slide.slideTitle.trim() === \"\") {\r\n      return [null, null];\r\n    }\r\n\r\n    const words = slide.slideTitle.trim().split(/\\s+/);\r\n\r\n    if (words.length >= 4) {\r\n      return splitInTwo(slide.slideTitle.toUpperCase());\r\n    }\r\n\r\n    return [slide.slideTitle.toUpperCase(), null];\r\n  }, [slide.slideTitle]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"is-event\", \"hero-event-container\", {\r\n        \"with-shadow\": withShadow,\r\n      })}\r\n      style={gradientStyle}\r\n    >\r\n      <img\r\n        className=\"hero-event-background\"\r\n        src={slide.src}\r\n        alt={`Evento ${slide.alt}`}\r\n        style={blurPercentageStyle}\r\n      />\r\n      <div className={\"hero-event-content\"}>\r\n        <div className=\"image-container\">\r\n          {!!slide.src && (\r\n            <ImageComponent\r\n              alt={`${slide.title} image`}\r\n              src={slide.src}\r\n              style={{ aspectRatio: 21 / 9 }}\r\n            />\r\n          )}\r\n          {slide.slideTitle && (\r\n            <p className={clsx(\"short-title\", slide.titleAlignment)}>\r\n              <span>{firstTitleLine}</span>\r\n              {secondTitleLine && <span>{secondTitleLine}</span>}\r\n            </p>\r\n          )}\r\n        </div>\r\n\r\n        <Col className=\"hero-event-card-container\">\r\n          <div>\r\n            {\r\n              <CardCategory\r\n                title={slide.title}\r\n                href={slide.href || \"#\"}\r\n                className={\"w-full\"}\r\n                description2={slide.description}\r\n                classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n                classNameDescriptionTitle={\r\n                  \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n                }\r\n              />\r\n            }\r\n          </div>\r\n\r\n          {slide.tags && slide.tags?.length > 0 && (\r\n            <Tags title={tagsLabelTitle} items={slide.tags ?? []} />\r\n          )}\r\n        </Col>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport type AutoplayButtonProps = {\r\n  autoplay: boolean;\r\n  toggleAutoPlay: () => void;\r\n};\r\n\r\nexport const AutoplayButton = ({\r\n  autoplay,\r\n  toggleAutoPlay,\r\n}: AutoplayButtonProps) => {\r\n  return 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};\r\n\r\nexport type SliderPaginationProps = {\r\n  slides: Slide[];\r\n  currentIndex: number;\r\n  goPrev: () => void;\r\n  goNext: () => void;\r\n  autoplay: boolean;\r\n  toggleAutoPlay: () => void;\r\n  gradientColorStyle: CSSProperties;\r\n  paginationLabel?: string;\r\n  type: SliderType;\r\n};\r\n\r\nexport const SliderPagination = ({\r\n  slides,\r\n  currentIndex,\r\n  goPrev,\r\n  goNext,\r\n  autoplay,\r\n  toggleAutoPlay,\r\n  gradientColorStyle,\r\n  type,\r\n  paginationLabel = \"di\",\r\n}: SliderPaginationProps) => {\r\n  return (\r\n    <Row\r\n      className={clsx(\"pagination\", type)}\r\n      gap=\"x20\"\r\n      style={gradientColorStyle}\r\n    >\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          <AutoplayButton autoplay={autoplay} toggleAutoPlay={toggleAutoPlay} />\r\n        </Row>\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  );\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  tagsLabelTitle = \"Argomenti correlati\",\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  const [autoplay, setAutoplay] = useState(/* true */ false);\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\r\n      className={clsx(\"ui-slider-section-wrapper-container\", type)}\r\n      style={swiperStyle}\r\n    >\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: any) => (swiperRef.current = swiper)}\r\n          onSlideChange={(swiper: any) => setCurrentIndex(swiper.realIndex)}\r\n          style={swiperStyle}\r\n        >\r\n          {slides.map((slide, index) => (\r\n            <SwiperSlide\r\n              key={index}\r\n              className={clsx(\r\n                type === \"blur-image\"\r\n                  ? \"ui-slider-section-wrapper-container\"\r\n                  : \"\",\r\n              )}\r\n            >\r\n              {type === \"blur-image\" ? (\r\n                <BlurImageSlide\r\n                  {...slide}\r\n                  ImageComponent={ImageComponent}\r\n                  tagsLabelTitle={tagsLabelTitle}\r\n                  withShadow={withShadow}\r\n                  gradientStyle={gradientColorStyle}\r\n                />\r\n              ) : (\r\n                <>\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                          <h1 className=\"title\">{slide.title}</h1>\r\n                        </LinkTag>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n            </SwiperSlide>\r\n          ))}\r\n          <SliderPagination\r\n            slides={slides}\r\n            currentIndex={currentIndex}\r\n            goPrev={goPrev}\r\n            goNext={goNext}\r\n            autoplay={autoplay}\r\n            toggleAutoPlay={toggleAutoPlay}\r\n            type={type}\r\n            gradientColorStyle={gradientColorStyle}\r\n            paginationLabel={paginationLabel}\r\n          />\r\n        </Swiper>\r\n      </div>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["SliderTypeEnum","BlurImageSlide","ImageComponent","tagsLabelTitle","gradientStyle","withShadow","slide","blurPercentageStyle","firstTitleLine","secondTitleLine","useMemo","splitInTwo","jsxs","clsx","jsx","Col","CardCategory","_a","Tags","AutoplayButton","autoplay","toggleAutoPlay","Pause","PlayVideo","SliderPagination","slides","currentIndex","goPrev","goNext","gradientColorStyle","type","paginationLabel","Row","ArrowLeft","Slider","asLink","asImage","timeout","openInNewTab","gradientColor","swiperHeight","LinkTag","swiperRef","useRef","setCurrentIndex","useState","setAutoplay","useCallback","swiper","useEffect","intervalId","swiperStyle","Swiper","Navigation","Pagination","A11y","index","SwiperSlide","Fragment","_b","File","_c"],"mappings":"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"}

package/dist/index.es157.js

@@ -1,7 +1,7 @@
 import { j as i } from "./index.es241.js";
 import { createElement as j } from "react";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import f from "./index.es270.js";
+import f from "./index.es269.js";
 import { AggregationItemCard as m } from "./index.es22.js";
 import { SectionHeading as u } from "./index.es123.js";
 import { Row as n } from "./index.es116.js";

package/dist/index.es157.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es157.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport {\n  AggregationItemCard,\n  Button,\n  Row,\n  SectionHeading,\n} 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      <SectionHeading className=\"title\" title={title} />\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","SectionHeading","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;;AA0BO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AAAA,EACX,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAA;AAAA,EAChE,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AAC7B,QAAMC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAEhD,SACEQ,gBAAAA,EAAAA,KAAC,WAAA,EAAQ,WAAU,yDACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAe,WAAU,SAAQ,OAAAX,EAAA,CAAc;AAAA,IAChDU,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAA;AAAA,QAC9B,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IAAA;AAAA,IAEHH,gBAAAA,MAACM,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAX,2BAAYY,GAAA,EAAQ,QAAQ,IAAI,OAAO,IAAI,GAC9C;AAAA,IACAP,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACpBS,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAH,EAAA,CAAe,IAEtBE,gBAAAA,OAAAS,EAAAA,UAAA,EACE,UAAA;AAAA,MAAAR,gBAAAA,EAAAA,IAAC,QAAA,EAAM,YAAY,MAAA,CAAM;AAAA,MACzBD,gBAAAA,EAAAA,KAACO,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAAAN,gBAAAA,EAAAA,IAAC,KAAA,EAAG,iCAAU,OAAA,CAAO;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAP,EAAY,OAAA,CAAO;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAAR,EAAA,CAAM;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAP,EAAY,IAAA,CAAI;AAAA,MAAA,EAAA,CACzB;AAAA,IAAA,EAAA,CACF,EAAA,CAEJ;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDe,GAAA,EAAI,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAN,gBAAAA,EAAAA,IAACS,KAAO,SAASf,GAAiB,aAAc,EAAA,CAClD;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es157.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\nimport {\r\n  AggregationItemCard,\r\n  Button,\r\n  Row,\r\n  SectionHeading,\r\n} 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      <SectionHeading className=\"title\" title={title} />\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","SectionHeading","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;;AA0BO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AAAA,EACX,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAA;AAAA,EAChE,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AAC7B,QAAMC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAEhD,SACEQ,gBAAAA,EAAAA,KAAC,WAAA,EAAQ,WAAU,yDACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAe,WAAU,SAAQ,OAAAX,EAAA,CAAc;AAAA,IAChDU,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAA;AAAA,QAC9B,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IAAA;AAAA,IAEHH,gBAAAA,MAACM,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAX,2BAAYY,GAAA,EAAQ,QAAQ,IAAI,OAAO,IAAI,GAC9C;AAAA,IACAP,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACpBS,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAH,EAAA,CAAe,IAEtBE,gBAAAA,OAAAS,EAAAA,UAAA,EACE,UAAA;AAAA,MAAAR,gBAAAA,EAAAA,IAAC,QAAA,EAAM,YAAY,MAAA,CAAM;AAAA,MACzBD,gBAAAA,EAAAA,KAACO,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAAAN,gBAAAA,EAAAA,IAAC,KAAA,EAAG,iCAAU,OAAA,CAAO;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAP,EAAY,OAAA,CAAO;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAAR,EAAA,CAAM;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAP,EAAY,IAAA,CAAI;AAAA,MAAA,EAAA,CACzB;AAAA,IAAA,EAAA,CACF,EAAA,CAEJ;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDe,GAAA,EAAI,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAN,gBAAAA,EAAAA,IAACS,KAAO,SAASf,GAAiB,aAAc,EAAA,CAClD;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es158.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es241.js";
 import { createElement as p } from "react";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import d from "./index.es270.js";
+import d from "./index.es269.js";
 import { SectionHeading as x } from "./index.es123.js";
 import { ArrowLink as f } from "./index.es25.js";
 import { AggregationItemCard as h } from "./index.es22.js";

package/dist/index.es158.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es158.js","sources":["../src/sections/CommunicationContentsHome/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport {\n  AggregationItemCard,\n  ArrowLink,\n  Row,\n  SectionHeading,\n} from \"../../components\";\nimport \"./CommunicationContentsHome.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsHomeProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  loading?: boolean;\n  noResultsLabel?: string;\n  linkHref?: string;\n  linkLabel?: string;\n  asLink?: React.ElementType;\n};\n\nexport function CommunicationContentsHome({\n  sectionId,\n  title,\n  elements = [],\n  loading = false,\n  noResultsLabel = \"Nessun risultato trovato\",\n  linkHref,\n  linkLabel = \"Scopri tutti\",\n  asLink = \"a\",\n}: CommunicationContentsHomeProps) {\n  const titleId = sectionId ? `${sectionId}-title` : undefined;\n\n  return (\n    <section\n      id={sectionId}\n      aria-labelledby={titleId}\n      className=\"communication-contents d-flex section-gap flex-column\"\n    >\n      <SectionHeading\n        className=\"title pb-x16\"\n        title={title}\n        titleId={titleId}\n        color=\"slate-20\"\n        mdFs=\"2\"\n        titleMarginBottom=\"mb-x0\"\n        descriptionMarginBottom=\"mb-x0\"\n      >\n        {linkHref && (\n          <ArrowLink href={linkHref} asLink={asLink} fs=\"7\">\n            {linkLabel.toUpperCase()}\n          </ArrowLink>\n        )}\n      </SectionHeading>\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 && (\n          <div\n            role=\"status\"\n            aria-live=\"polite\"\n            aria-label=\"Caricamento in corso\"\n          >\n            <Spinner height={30} width={30} />\n          </div>\n        )}\n      </Row>\n      <p className=\"total-elements-label\">\n        {elements?.length === 0 && <span>{noResultsLabel}</span>}\n      </p>\n    </section>\n  );\n}\n"],"names":["CommunicationContentsHome","sectionId","title","elements","loading","noResultsLabel","linkHref","linkLabel","asLink","titleId","jsxs","jsx","SectionHeading","ArrowLink","Masonry","element","createElement","AggregationItemCard","Row","Spinner"],"mappings":";;;;;;;;;AAqBO,SAASA,EAA0B;AAAA,EACxC,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AACX,GAAmC;AACjC,QAAMC,IAAUR,IAAY,GAAGA,CAAS,WAAW;AAEnD,SACES,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIT;AAAA,MACJ,mBAAiBQ;AAAA,MACjB,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAAV;AAAA,YACA,SAAAO;AAAA,YACA,OAAM;AAAA,YACN,MAAK;AAAA,YACL,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YAEvB,UAAAH,KACCK,gBAAAA,EAAAA,IAACE,GAAA,EAAU,MAAMP,GAAU,QAAAE,GAAgB,IAAG,KAC3C,UAAAD,EAAU,YAAA,EAAY,CACzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJI,gBAAAA,EAAAA;AAAAA,UAACG;AAAAA,UAAA;AAAA,YACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAA;AAAA,YAC9B,KAAK;AAAA,YACL,WAAU;AAAA,YAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,UACrD;AAAA,QAAA;AAAA,QAEHJ,gBAAAA,EAAAA,IAACO,KAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAd,KACCO,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,aAAU;AAAA,YACV,cAAW;AAAA,YAEX,UAAAA,gBAAAA,EAAAA,IAACQ,GAAA,EAAQ,QAAQ,IAAI,OAAO,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA,GAGtC;AAAA,QACAR,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,wBACV,WAAAR,KAAA,gBAAAA,EAAU,YAAW,KAAKQ,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAN,EAAA,CAAe,EAAA,CACnD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es158.js","sources":["../src/sections/CommunicationContentsHome/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\r\nimport {\r\n  AggregationItemCard,\r\n  ArrowLink,\r\n  Row,\r\n  SectionHeading,\r\n} from \"../../components\";\r\nimport \"./CommunicationContentsHome.scss\";\r\nimport Masonry from \"react-layout-masonry\";\r\n\r\nexport type CommunicationContentsHomeProps = {\r\n  sectionId?: string;\r\n  title: string;\r\n  elements: any[];\r\n  loading?: boolean;\r\n  noResultsLabel?: string;\r\n  linkHref?: string;\r\n  linkLabel?: string;\r\n  asLink?: React.ElementType;\r\n};\r\n\r\nexport function CommunicationContentsHome({\r\n  sectionId,\r\n  title,\r\n  elements = [],\r\n  loading = false,\r\n  noResultsLabel = \"Nessun risultato trovato\",\r\n  linkHref,\r\n  linkLabel = \"Scopri tutti\",\r\n  asLink = \"a\",\r\n}: CommunicationContentsHomeProps) {\r\n  const titleId = sectionId ? `${sectionId}-title` : undefined;\r\n\r\n  return (\r\n    <section\r\n      id={sectionId}\r\n      aria-labelledby={titleId}\r\n      className=\"communication-contents d-flex section-gap flex-column\"\r\n    >\r\n      <SectionHeading\r\n        className=\"title pb-x16\"\r\n        title={title}\r\n        titleId={titleId}\r\n        color=\"slate-20\"\r\n        mdFs=\"2\"\r\n        titleMarginBottom=\"mb-x0\"\r\n        descriptionMarginBottom=\"mb-x0\"\r\n      >\r\n        {linkHref && (\r\n          <ArrowLink href={linkHref} asLink={asLink} fs=\"7\">\r\n            {linkLabel.toUpperCase()}\r\n          </ArrowLink>\r\n        )}\r\n      </SectionHeading>\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 && (\r\n          <div\r\n            role=\"status\"\r\n            aria-live=\"polite\"\r\n            aria-label=\"Caricamento in corso\"\r\n          >\r\n            <Spinner height={30} width={30} />\r\n          </div>\r\n        )}\r\n      </Row>\r\n      <p className=\"total-elements-label\">\r\n        {elements?.length === 0 && <span>{noResultsLabel}</span>}\r\n      </p>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["CommunicationContentsHome","sectionId","title","elements","loading","noResultsLabel","linkHref","linkLabel","asLink","titleId","jsxs","jsx","SectionHeading","ArrowLink","Masonry","element","createElement","AggregationItemCard","Row","Spinner"],"mappings":";;;;;;;;;AAqBO,SAASA,EAA0B;AAAA,EACxC,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,gBAAAC,IAAiB;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AACX,GAAmC;AACjC,QAAMC,IAAUR,IAAY,GAAGA,CAAS,WAAW;AAEnD,SACES,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIT;AAAA,MACJ,mBAAiBQ;AAAA,MACjB,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAAV;AAAA,YACA,SAAAO;AAAA,YACA,OAAM;AAAA,YACN,MAAK;AAAA,YACL,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YAEvB,UAAAH,KACCK,gBAAAA,EAAAA,IAACE,GAAA,EAAU,MAAMP,GAAU,QAAAE,GAAgB,IAAG,KAC3C,UAAAD,EAAU,YAAA,EAAY,CACzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJI,gBAAAA,EAAAA;AAAAA,UAACG;AAAAA,UAAA;AAAA,YACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAA;AAAA,YAC9B,KAAK;AAAA,YACL,WAAU;AAAA,YAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAA,EAAqB,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,UACrD;AAAA,QAAA;AAAA,QAEHJ,gBAAAA,EAAAA,IAACO,KAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAd,KACCO,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,aAAU;AAAA,YACV,cAAW;AAAA,YAEX,UAAAA,gBAAAA,EAAAA,IAACQ,GAAA,EAAQ,QAAQ,IAAI,OAAO,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA,GAGtC;AAAA,QACAR,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,wBACV,WAAAR,KAAA,gBAAAA,EAAU,YAAW,KAAKQ,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAN,EAAA,CAAe,EAAA,CACnD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es159.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es159.js","sources":["../src/sections/LatestClinicalParameters/index.tsx"],"sourcesContent":["import \"./LatestClinicalParametersSection.scss\";\nimport {\n  ArrowLink,\n  LatestCardClinicalData,\n  SectionHeading,\n} from \"@/components\";\nimport { ElementType } from \"react\";\n\nexport type LatestClinicalParameter = {\n  categoryLabel: string;\n  effectiveTime?: string;\n  entity: string;\n  device?: string | null;\n  value?: number | null;\n  measurementUnit?: string;\n  variationValue?: string;\n  variationUnit?: string;\n  variationStatus?: \"normal\" | \"alert\";\n};\n\nexport type LatestClinicalParametersSectionProps = {\n  sectionId?: string;\n  title?: string;\n  linkHref?: string;\n  linkLabel?: string;\n  asLink?: ElementType;\n  parameters?: LatestClinicalParameter[];\n};\n\nexport const LatestClinicalParametersSection = ({\n  sectionId,\n  title = \"Ultimi parametri rilevati\",\n  linkHref,\n  linkLabel = \"Scopri tutti\",\n  asLink = \"a\",\n  parameters = [],\n}: LatestClinicalParametersSectionProps) => {\n  const titleId = sectionId ? `${sectionId}-title` : undefined;\n  const visibleParameters = parameters?.slice(0, 3) ?? [];\n\n  return (\n    <section\n      id={sectionId}\n      aria-labelledby={titleId}\n      className=\"latest-clinical-parameters section-gap flex-column\"\n    >\n      <SectionHeading\n        color={\"slate-20\"}\n        title={title}\n        titleId={titleId}\n        className=\"latest-clinical-parameters-heading\"\n        mdFs=\"2\"\n        fs=\"4\"\n        titleMarginBottom=\"mb-x12\"\n        descriptionMarginBottom=\"mb-x0\"\n      >\n        {linkHref && (\n          <ArrowLink href={linkHref} asLink={asLink} fs=\"7\">\n            {linkLabel.toUpperCase()}\n          </ArrowLink>\n        )}\n      </SectionHeading>\n      <div className=\"latest-clinical-parameters-grid\" role=\"list\">\n        {visibleParameters.map((parameter, index) => (\n          <div\n            role=\"listitem\"\n            key={index}\n            className=\"latest-clinical-parameters-grid-item\"\n          >\n            <LatestCardClinicalData {...parameter} />\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n};\n"],"names":["LatestClinicalParametersSection","sectionId","title","linkHref","linkLabel","asLink","parameters","titleId","visibleParameters","jsxs","jsx","SectionHeading","ArrowLink","parameter","index","LatestCardClinicalData"],"mappings":";;;;;AA6BO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa,CAAA;AACf,MAA4C;AAC1C,QAAMC,IAAUN,IAAY,GAAGA,CAAS,WAAW,QAC7CO,KAAoBF,KAAA,gBAAAA,EAAY,MAAM,GAAG,OAAM,CAAA;AAErD,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIR;AAAA,MACJ,mBAAiBM;AAAA,MACjB,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAG,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,OAAAT;AAAA,YACA,SAAAK;AAAA,YACA,WAAU;AAAA,YACV,MAAK;AAAA,YACL,IAAG;AAAA,YACH,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YAEvB,UAAAJ,KACCO,gBAAAA,EAAAA,IAACE,GAAA,EAAU,MAAMT,GAAU,QAAAE,GAAgB,IAAG,KAC3C,UAAAD,EAAU,YAAA,EAAY,CACzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAkC,MAAK,QACnD,UAAAF,EAAkB,IAAI,CAACK,GAAWC,MACjCJ,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YAEL,WAAU;AAAA,YAEV,UAAAA,gBAAAA,EAAAA,IAACK,GAAA,EAAwB,GAAGF,EAAA,CAAW;AAAA,UAAA;AAAA,UAHlCC;AAAA,QAAA,CAKR,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es159.js","sources":["../src/sections/LatestClinicalParameters/index.tsx"],"sourcesContent":["import \"./LatestClinicalParametersSection.scss\";\r\nimport {\r\n  ArrowLink,\r\n  LatestCardClinicalData,\r\n  SectionHeading,\r\n} from \"@/components\";\r\nimport { ElementType } from \"react\";\r\n\r\nexport type LatestClinicalParameter = {\r\n  categoryLabel: string;\r\n  effectiveTime?: string;\r\n  entity: string;\r\n  device?: string | null;\r\n  value?: number | null;\r\n  measurementUnit?: string;\r\n  variationValue?: string;\r\n  variationUnit?: string;\r\n  variationStatus?: \"normal\" | \"alert\";\r\n};\r\n\r\nexport type LatestClinicalParametersSectionProps = {\r\n  sectionId?: string;\r\n  title?: string;\r\n  linkHref?: string;\r\n  linkLabel?: string;\r\n  asLink?: ElementType;\r\n  parameters?: LatestClinicalParameter[];\r\n};\r\n\r\nexport const LatestClinicalParametersSection = ({\r\n  sectionId,\r\n  title = \"Ultimi parametri rilevati\",\r\n  linkHref,\r\n  linkLabel = \"Scopri tutti\",\r\n  asLink = \"a\",\r\n  parameters = [],\r\n}: LatestClinicalParametersSectionProps) => {\r\n  const titleId = sectionId ? `${sectionId}-title` : undefined;\r\n  const visibleParameters = parameters?.slice(0, 3) ?? [];\r\n\r\n  return (\r\n    <section\r\n      id={sectionId}\r\n      aria-labelledby={titleId}\r\n      className=\"latest-clinical-parameters section-gap flex-column\"\r\n    >\r\n      <SectionHeading\r\n        color={\"slate-20\"}\r\n        title={title}\r\n        titleId={titleId}\r\n        className=\"latest-clinical-parameters-heading\"\r\n        mdFs=\"2\"\r\n        fs=\"4\"\r\n        titleMarginBottom=\"mb-x12\"\r\n        descriptionMarginBottom=\"mb-x0\"\r\n      >\r\n        {linkHref && (\r\n          <ArrowLink href={linkHref} asLink={asLink} fs=\"7\">\r\n            {linkLabel.toUpperCase()}\r\n          </ArrowLink>\r\n        )}\r\n      </SectionHeading>\r\n      <div className=\"latest-clinical-parameters-grid\" role=\"list\">\r\n        {visibleParameters.map((parameter, index) => (\r\n          <div\r\n            role=\"listitem\"\r\n            key={index}\r\n            className=\"latest-clinical-parameters-grid-item\"\r\n          >\r\n            <LatestCardClinicalData {...parameter} />\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["LatestClinicalParametersSection","sectionId","title","linkHref","linkLabel","asLink","parameters","titleId","visibleParameters","jsxs","jsx","SectionHeading","ArrowLink","parameter","index","LatestCardClinicalData"],"mappings":";;;;;AA6BO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa,CAAA;AACf,MAA4C;AAC1C,QAAMC,IAAUN,IAAY,GAAGA,CAAS,WAAW,QAC7CO,KAAoBF,KAAA,gBAAAA,EAAY,MAAM,GAAG,OAAM,CAAA;AAErD,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIR;AAAA,MACJ,mBAAiBM;AAAA,MACjB,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAG,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,OAAAT;AAAA,YACA,SAAAK;AAAA,YACA,WAAU;AAAA,YACV,MAAK;AAAA,YACL,IAAG;AAAA,YACH,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YAEvB,UAAAJ,KACCO,gBAAAA,EAAAA,IAACE,GAAA,EAAU,MAAMT,GAAU,QAAAE,GAAgB,IAAG,KAC3C,UAAAD,EAAU,YAAA,EAAY,CACzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,mCAAkC,MAAK,QACnD,UAAAF,EAAkB,IAAI,CAACK,GAAWC,MACjCJ,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YAEL,WAAU;AAAA,YAEV,UAAAA,gBAAAA,EAAAA,IAACK,GAAA,EAAwB,GAAGF,EAAA,CAAW;AAAA,UAAA;AAAA,UAHlCC;AAAA,QAAA,CAKR,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es16.js","sources":["../src/components/ui/Accordion/GenericAccordion/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  StepDataGenericAccordion,\n  StepItemGenericAccordion,\n} from \"./StepItemGenericAccordion\";\nimport \"./GenericAccordion.scss\";\nimport { SectionHeading } from \"../../Section\";\n\ninterface GenericAccordionProps {\n  mainTitle?: string;\n  steps: StepDataGenericAccordion[];\n}\n\nexport const GenericAccordion: React.FC<GenericAccordionProps> = ({\n  mainTitle,\n  steps,\n}) => {\n  const [expandedSteps, setExpandedSteps] = useState<boolean[]>(\n    steps.map((_, index) => index === 0),\n  );\n\n  const toggleStep = (index: number) => {\n    const updated = [...expandedSteps];\n    updated[index] = !updated[index];\n    setExpandedSteps(updated);\n  };\n\n  return (\n    <section className=\"generic-accordion\">\n      <SectionHeading title={mainTitle} fs=\"4\" mdFs=\"2\" />\n      <div className=\"steps-container\">\n        {steps.map((step, index) => (\n          <StepItemGenericAccordion\n            key={index}\n            title={step.title}\n            badge={step.badge}\n            content={step.content}\n            isOpen={expandedSteps[index]}\n            onToggle={() => toggleStep(index)}\n          />\n        ))}\n      </div>\n    </section>\n  );\n};\n"],"names":["GenericAccordion","mainTitle","steps","expandedSteps","setExpandedSteps","useState","_","index","toggleStep","updated","jsxs","jsx","SectionHeading","step","StepItemGenericAccordion"],"mappings":";;;;;AAaO,MAAMA,IAAoD,CAAC;AAAA,EAChE,WAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCH,EAAM,IAAI,CAACI,GAAGC,MAAUA,MAAU,CAAC;AAAA,EAAA,GAG/BC,IAAa,CAACD,MAAkB;AACpC,UAAME,IAAU,CAAC,GAAGN,CAAa;AACjC,IAAAM,EAAQF,CAAK,IAAI,CAACE,EAAQF,CAAK,GAC/BH,EAAiBK,CAAO;AAAA,EAC1B;AAEA,SACEC,gBAAAA,EAAAA,KAAC,WAAA,EAAQ,WAAU,qBACjB,UAAA;AAAA,IAAAC,gBAAAA,MAACC,KAAe,OAAOX,GAAW,IAAG,KAAI,MAAK,KAAI;AAAA,IAClDU,gBAAAA,EAAAA,IAAC,SAAI,WAAU,mBACZ,YAAM,IAAI,CAACE,GAAMN,MAChBI,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QAEC,OAAOD,EAAK;AAAA,QACZ,OAAOA,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQV,EAAcI,CAAK;AAAA,QAC3B,UAAU,MAAMC,EAAWD,CAAK;AAAA,MAAA;AAAA,MAL3BA;AAAA,IAAA,CAOR,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es16.js","sources":["../src/components/ui/Accordion/GenericAccordion/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport {\r\n  StepDataGenericAccordion,\r\n  StepItemGenericAccordion,\r\n} from \"./StepItemGenericAccordion\";\r\nimport \"./GenericAccordion.scss\";\r\nimport { SectionHeading } from \"../../Section\";\r\n\r\ninterface GenericAccordionProps {\r\n  mainTitle?: string;\r\n  steps: StepDataGenericAccordion[];\r\n}\r\n\r\nexport const GenericAccordion: React.FC<GenericAccordionProps> = ({\r\n  mainTitle,\r\n  steps,\r\n}) => {\r\n  const [expandedSteps, setExpandedSteps] = useState<boolean[]>(\r\n    steps.map((_, index) => index === 0),\r\n  );\r\n\r\n  const toggleStep = (index: number) => {\r\n    const updated = [...expandedSteps];\r\n    updated[index] = !updated[index];\r\n    setExpandedSteps(updated);\r\n  };\r\n\r\n  return (\r\n    <section className=\"generic-accordion\">\r\n      <SectionHeading title={mainTitle} fs=\"4\" mdFs=\"2\" />\r\n      <div className=\"steps-container\">\r\n        {steps.map((step, index) => (\r\n          <StepItemGenericAccordion\r\n            key={index}\r\n            title={step.title}\r\n            badge={step.badge}\r\n            content={step.content}\r\n            isOpen={expandedSteps[index]}\r\n            onToggle={() => toggleStep(index)}\r\n          />\r\n        ))}\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["GenericAccordion","mainTitle","steps","expandedSteps","setExpandedSteps","useState","_","index","toggleStep","updated","jsxs","jsx","SectionHeading","step","StepItemGenericAccordion"],"mappings":";;;;;AAaO,MAAMA,IAAoD,CAAC;AAAA,EAChE,WAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCH,EAAM,IAAI,CAACI,GAAGC,MAAUA,MAAU,CAAC;AAAA,EAAA,GAG/BC,IAAa,CAACD,MAAkB;AACpC,UAAME,IAAU,CAAC,GAAGN,CAAa;AACjC,IAAAM,EAAQF,CAAK,IAAI,CAACE,EAAQF,CAAK,GAC/BH,EAAiBK,CAAO;AAAA,EAC1B;AAEA,SACEC,gBAAAA,EAAAA,KAAC,WAAA,EAAQ,WAAU,qBACjB,UAAA;AAAA,IAAAC,gBAAAA,MAACC,KAAe,OAAOX,GAAW,IAAG,KAAI,MAAK,KAAI;AAAA,IAClDU,gBAAAA,EAAAA,IAAC,SAAI,WAAU,mBACZ,YAAM,IAAI,CAACE,GAAMN,MAChBI,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QAEC,OAAOD,EAAK;AAAA,QACZ,OAAOA,EAAK;AAAA,QACZ,SAASA,EAAK;AAAA,QACd,QAAQV,EAAcI,CAAK;AAAA,QAC3B,UAAU,MAAMC,EAAWD,CAAK;AAAA,MAAA;AAAA,MAL3BA;AAAA,IAAA,CAOR,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es160.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es160.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        {title && (\n          <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\n        )}\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":";;;;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,UAAU;AAAA,EAAA;AAAA,EAEZ,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAACC,GAAA,EAAI,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAAA,KAACE,GAAA,EAAI,YAAW,UAAS,gBAAe,iBACrC,UAAA;AAAA,IAAAR,KACCS,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,yCAAyC,UAAAT,GAAM;AAAA,IAE/DS,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,OAAON;AAAA,QACP,KAAKD,KAAe;AAAA,QACpB,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAAA,EAEAF,gBAAAA,EAAAA;AAAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAS;AAAA,MAER,UAAA;AAAA,QACC;AAAA,UACE,MAAMP,EAAQ;AAAA,UACd,UAAUA,EAAQ;AAAA,UAClB,SAASA,EAAQ;AAAA,QAAA;AAAA,QAEnB,GAAGC;AAAA,MAAA,EACH,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAOF,EAAI,QAAQ;AAAA,UACnB,UAASA,KAAA,gBAAAA,EAAK,YAAWP;AAAA,UACzB,UAAUO,EAAI;AAAA,QAAA;AAAA,QAJTC;AAAA,MAAA,CAMR;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es160.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        {title && (\r\n          <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\r\n        )}\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":";;;;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,UAAU;AAAA,EAAA;AAAA,EAEZ,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAACC,GAAA,EAAI,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAAA,KAACE,GAAA,EAAI,YAAW,UAAS,gBAAe,iBACrC,UAAA;AAAA,IAAAR,KACCS,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,yCAAyC,UAAAT,GAAM;AAAA,IAE/DS,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,OAAON;AAAA,QACP,KAAKD,KAAe;AAAA,QACpB,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAAA,EAEAF,gBAAAA,EAAAA;AAAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAS;AAAA,MAER,UAAA;AAAA,QACC;AAAA,UACE,MAAMP,EAAQ;AAAA,UACd,UAAUA,EAAQ;AAAA,UAClB,SAASA,EAAQ;AAAA,QAAA;AAAA,QAEnB,GAAGC;AAAA,MAAA,EACH,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAOF,EAAI,QAAQ;AAAA,UACnB,UAASA,KAAA,gBAAAA,EAAK,YAAWP;AAAA,UACzB,UAAUO,EAAI;AAAA,QAAA;AAAA,QAJTC;AAAA,MAAA,CAMR;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es161.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es161.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import {\n  CommunicationSearch,\n  CommunicationSearchProps,\n  SectionHeading,\n} 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      <SectionHeading\n        className=\"title\"\n        title={title}\n        titleMarginBottom=\"mb-x0\"\n      />\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","SectionHeading","CommunicationSearch"],"mappings":";;;AAYO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,WAAA,EAAQ,WAAU,8BACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAJ;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EAAA;AAAA,EAEpBG,gBAAAA,MAACE,GAAA,EAAqB,GAAGJ,EAAA,CAAa;AAAA,GAExC;"}
+{"version":3,"file":"index.es161.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import {\r\n  CommunicationSearch,\r\n  CommunicationSearchProps,\r\n  SectionHeading,\r\n} 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      <SectionHeading\r\n        className=\"title\"\r\n        title={title}\r\n        titleMarginBottom=\"mb-x0\"\r\n      />\r\n      <CommunicationSearch {...searchProps} />\r\n      {/* tags && <TagsSection /> */}\r\n    </section>\r\n  );\r\n};\r\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","SectionHeading","CommunicationSearch"],"mappings":";;;AAYO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,WAAA,EAAQ,WAAU,8BACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAJ;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EAAA;AAAA,EAEpBG,gBAAAA,MAACE,GAAA,EAAqB,GAAGJ,EAAA,CAAa;AAAA,GAExC;"}

package/dist/index.es162.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es241.js";
-import { clsx as s } from "./index.es242.js";
+import { clsx as s } from "./index.es243.js";
 import { RichText as x } from "./index.es146.js";
 import './sections/TableList/TableList.css';/* empty css            */
 import { Section as p, SectionHeading as d } from "./index.es123.js";

package/dist/index.es162.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es162.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport clsx from \"clsx\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./TableList.scss\";\n\nexport enum TableAlignment {\n  LEFT = \"text-left\",\n  CENTER = \"text-center\",\n  RIGHT = \"text-right\",\n}\n\ntype TableListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n}>;\n\nexport const TableList = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  children,\n}: TableListProps) => {\n  const desc = !!description\n    ? <RichText description={description}></RichText>\n    : undefined;\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-list-content\">\n        <SectionHeading\n          fs={fontSize}\n          mdFs={mdFontSize}\n          className={classNameTitle}\n          titleMarginBottom=\"0\"\n          descriptionMarginBottom=\"0\"\n          color={\"blue-48\"}\n          title={title}\n          description={desc}\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\n        />\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","desc","jsx","RichText","jsxs","Section","clsx","Col","SectionHeading"],"mappings":";;;;;;AAQO,IAAKA,sBAAAA,OACVA,EAAA,OAAO,aACPA,EAAA,SAAS,eACTA,EAAA,QAAQ,cAHEA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAASP,IACXQ,gBAAAA,EAAAA,IAACC,GAAA,EAAS,aAAAT,GAA0B,IACpC;AACJ,SACEU,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kCAAkCR,CAAe;AAAA,MAEjE,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAACK,GAAA,EAAI,WAAU,yBACb,UAAAL,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,IAAIb;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YACxB,OAAO;AAAA,YACP,OAAAJ;AAAA,YACA,aAAaQ;AAAA,YACb,sBAAsBK,EAAK,iBAAiBP,CAAiB;AAAA,UAAA;AAAA,QAAA,GAEjE;AAAA,QACCC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es162.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\r\nimport { RichText } from \"../RichText\";\r\nimport \"./TableList.scss\";\r\n\r\nexport enum TableAlignment {\r\n  LEFT = \"text-left\",\r\n  CENTER = \"text-center\",\r\n  RIGHT = \"text-right\",\r\n}\r\n\r\ntype TableListProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n  variantClassTable?: TableAlignment;\r\n}>;\r\n\r\nexport const TableList = ({\r\n  title,\r\n  description,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  variantClassTable = TableAlignment.LEFT,\r\n  children,\r\n}: TableListProps) => {\r\n  const desc = !!description\r\n    ? <RichText description={description}></RichText>\r\n    : undefined;\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\r\n    >\r\n      <Col className=\"ui-table-list-content\">\r\n        <SectionHeading\r\n          fs={fontSize}\r\n          mdFs={mdFontSize}\r\n          className={classNameTitle}\r\n          titleMarginBottom=\"0\"\r\n          descriptionMarginBottom=\"0\"\r\n          color={\"blue-48\"}\r\n          title={title}\r\n          description={desc}\r\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\r\n        />\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","desc","jsx","RichText","jsxs","Section","clsx","Col","SectionHeading"],"mappings":";;;;;;AAQO,IAAKA,sBAAAA,OACVA,EAAA,OAAO,aACPA,EAAA,SAAS,eACTA,EAAA,QAAQ,cAHEA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AACF,MAAsB;AACpB,QAAMC,IAASP,IACXQ,gBAAAA,EAAAA,IAACC,GAAA,EAAS,aAAAT,GAA0B,IACpC;AACJ,SACEU,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kCAAkCR,CAAe;AAAA,MAEjE,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAACK,GAAA,EAAI,WAAU,yBACb,UAAAL,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,IAAIb;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YACxB,OAAO;AAAA,YACP,OAAAJ;AAAA,YACA,aAAaQ;AAAA,YACb,sBAAsBK,EAAK,iBAAiBP,CAAiB;AAAA,UAAA;AAAA,QAAA,GAEjE;AAAA,QACCC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index.es163.js

@@ -1,5 +1,5 @@
 import { j as i } from "./index.es241.js";
-import { clsx as s } from "./index.es242.js";
+import { clsx as s } from "./index.es243.js";
 import { RichText as C } from "./index.es146.js";
 import { TableAlignment as E } from "./index.es162.js";
 import './sections/TableMobileList/TableMobileList.css';/* empty css            */

package/dist/index.es163.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es163.js","sources":["../src/sections/TableMobileList/index.tsx"],"sourcesContent":["import { Col, ColumnConfig, Section, SectionHeading, TableMobile, TableRowData } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport clsx from \"clsx\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport { RichText } from \"../RichText\";\nimport { TableAlignment } from \"../TableList\";\nimport \"./TableMobileList.scss\";\n\ntype TableMobileListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  tableJson?: {\n    columns: ColumnConfig[];\n    rows: TableRowData[];\n  };\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n  pagination?: boolean;\n  resultsPerPage?: number;\n  // Sorting props\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n  // Server pagination props\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n}>;\n\nexport const TableMobileList = ({\n  title,\n  description,\n  tableJson,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  pagination = true,\n  resultsPerPage = 5,\n  sortConfig,\n  onSortChange,\n  totalResults,\n  initialCurrentPage,\n  serverSidePagination,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage,\n  children,\n}: TableMobileListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-mobile-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-mobile-list-content\">\n        <SectionHeading\n          title={title}\n          fs={fontSize}\n          mdFs={mdFontSize}\n          className={classNameTitle}\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\n          color={\"blue-48\"}\n          description={\n            description\n              ? <RichText description={description}></RichText>\n              : undefined\n          }\n          descriptionMarginBottom=\"0\"\n          titleMarginBottom=\"0\"\n        />\n        {tableJson && tableJson.columns && tableJson.rows && (\n          <TableMobile\n            data={tableJson.rows}\n            columns={tableJson.columns}\n            pagination={pagination}\n            resultsPerPage={resultsPerPage}\n            sortConfig={sortConfig}\n            onSortChange={onSortChange}\n            totalResults={totalResults}\n            initialCurrentPage={initialCurrentPage}\n            serverSidePagination={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n            onPageChange={onPageChange}\n            setCurrentPage={setCurrentPage}\n          />\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableMobileList","title","description","tableJson","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","TableAlignment","pagination","resultsPerPage","sortConfig","onSortChange","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","setCurrentPage","children","jsxs","Section","clsx","Col","jsx","SectionHeading","RichText","TableMobile"],"mappings":";;;;;;;;AAyCO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoBC,EAAe;AAAA,EACnC,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,yCAAyCpB,CAAe;AAAA,IAExE,UAAA;AAAA,MAAAkB,gBAAAA,EAAAA,KAACG,GAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAA7B;AAAA,YACA,IAAIG;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,sBAAsBqB,EAAK,iBAAiBnB,CAAiB;AAAA,YAC7D,OAAO;AAAA,YACP,aACEN,IACI2B,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAA7B,GAA0B,IACpC;AAAA,YAEN,yBAAwB;AAAA,YACxB,mBAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEnBC,KAAaA,EAAU,WAAWA,EAAU,QAC3C0B,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAM7B,EAAU;AAAA,YAChB,SAASA,EAAU;AAAA,YACnB,YAAAO;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,cAAAC;AAAA,YACA,oBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACCC;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.es163.js","sources":["../src/sections/TableMobileList/index.tsx"],"sourcesContent":["import { Col, ColumnConfig, Section, SectionHeading, TableMobile, TableRowData } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\r\nimport { RichText } from \"../RichText\";\r\nimport { TableAlignment } from \"../TableList\";\r\nimport \"./TableMobileList.scss\";\r\n\r\ntype TableMobileListProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  tableJson?: {\r\n    columns: ColumnConfig[];\r\n    rows: TableRowData[];\r\n  };\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n  variantClassTable?: TableAlignment;\r\n  pagination?: boolean;\r\n  resultsPerPage?: number;\r\n  // Sorting props\r\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n  // Server pagination props\r\n  totalResults?: number;\r\n  initialCurrentPage?: number;\r\n  serverSidePagination?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  onPageChange?: (page: number) => void;\r\n  setCurrentPage?: (page: number) => void;\r\n}>;\r\n\r\nexport const TableMobileList = ({\r\n  title,\r\n  description,\r\n  tableJson,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  variantClassTable = TableAlignment.LEFT,\r\n  pagination = true,\r\n  resultsPerPage = 5,\r\n  sortConfig,\r\n  onSortChange,\r\n  totalResults,\r\n  initialCurrentPage,\r\n  serverSidePagination,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  onPageChange,\r\n  setCurrentPage,\r\n  children,\r\n}: TableMobileListProps) => {\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-table-mobile-list-section\", additionalClass)}\r\n    >\r\n      <Col className=\"ui-table-mobile-list-content\">\r\n        <SectionHeading\r\n          title={title}\r\n          fs={fontSize}\r\n          mdFs={mdFontSize}\r\n          className={classNameTitle}\r\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\r\n          color={\"blue-48\"}\r\n          description={\r\n            description\r\n              ? <RichText description={description}></RichText>\r\n              : undefined\r\n          }\r\n          descriptionMarginBottom=\"0\"\r\n          titleMarginBottom=\"0\"\r\n        />\r\n        {tableJson && tableJson.columns && tableJson.rows && (\r\n          <TableMobile\r\n            data={tableJson.rows}\r\n            columns={tableJson.columns}\r\n            pagination={pagination}\r\n            resultsPerPage={resultsPerPage}\r\n            sortConfig={sortConfig}\r\n            onSortChange={onSortChange}\r\n            totalResults={totalResults}\r\n            initialCurrentPage={initialCurrentPage}\r\n            serverSidePagination={serverSidePagination}\r\n            totalItems={totalItems}\r\n            hasNextPage={hasNextPage}\r\n            hasPreviousPage={hasPreviousPage}\r\n            onNextPage={onNextPage}\r\n            onPreviousPage={onPreviousPage}\r\n            onPageChange={onPageChange}\r\n            setCurrentPage={setCurrentPage}\r\n          />\r\n        )}\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableMobileList","title","description","tableJson","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","TableAlignment","pagination","resultsPerPage","sortConfig","onSortChange","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","setCurrentPage","children","jsxs","Section","clsx","Col","jsx","SectionHeading","RichText","TableMobile"],"mappings":";;;;;;;;AAyCO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoBC,EAAe;AAAA,EACnC,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,yCAAyCpB,CAAe;AAAA,IAExE,UAAA;AAAA,MAAAkB,gBAAAA,EAAAA,KAACG,GAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAA7B;AAAA,YACA,IAAIG;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,sBAAsBqB,EAAK,iBAAiBnB,CAAiB;AAAA,YAC7D,OAAO;AAAA,YACP,aACEN,IACI2B,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAA7B,GAA0B,IACpC;AAAA,YAEN,yBAAwB;AAAA,YACxB,mBAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEnBC,KAAaA,EAAU,WAAWA,EAAU,QAC3C0B,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAM7B,EAAU;AAAA,YAChB,SAASA,EAAU;AAAA,YACnB,YAAAO;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,cAAAC;AAAA,YACA,oBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACCC;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/index.es164.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es241.js";
 import { BaseModal as m } from "./index.es30.js";
 import { CardFaqCTA as j, CardFaqCTAType as u } from "./index.es43.js";
-import S from "./index.es275.js";
+import S from "./index.es274.js";
 import { useState as a } from "react";
 import { RichText as q } from "./index.es146.js";
 import './sections/FaqSections/FaqSections.css';/* empty css            */

package/dist/index.es164.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es164.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { Section, SectionHeading } from \"@/components\";\nimport { BaseModal } from \"@/components/ui/BaseModal\";\nimport { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ReactNode, useState } from \"react\";\nimport { RichText } from \"../RichText\";\nimport \"./FaqSections.scss\";\n\nexport type IconInfoType = {\n  id?: string;\n  url?: string;\n  data?: any;\n  size?: {\n    width: number;\n    height: number;\n  };\n  position?: {\n    x: number;\n    y: number;\n  };\n}\n\nexport type FaqItem = {\n  key?: string;\n  type: CardFaqCTAType;\n  title: string;\n  description?: string;\n  link?: string;\n  isExternal?: boolean;\n  icon?: IconInfoType;\n};\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: FaqItem[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const FaqSections = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"4\",\n}: Props) => {\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\n\n  const handleItemClick = (item: FaqItem) => {\n    setSelectedItem(item);\n    setIsSupportModalOpen(true);\n  };\n  return (\n    <Section className=\"faq-sections\">\n      <SectionHeading\n        title={title}\n        color={colorTitle}\n        fs={fontSizeTitle}\n        description={<RichText description={description}></RichText>}\n        className=\"faq-sections__title\"\n      />\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`faq-sections__list`}\n      >\n        {items?.map((item, index) => (\n          <li key={item.key ?? index}>\n            <CardFaqCTA\n              type={item.type}\n              title={item.title}\n              description={item.description}\n              link={item.link ?? \"\"}\n              isExternal={item.isExternal}\n              openModal={\n                item.type === CardFaqCTAType.FAQ\n                  ? () => handleItemClick(item)\n                  : undefined\n              }\n              icon={item.icon}\n            />\n          </li>\n        ))}\n      </ul>\n      {selectedItem && (\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\n          <SupportModalSimple\n            faq={{\n              question: selectedItem.title,\n              answer: selectedItem.description || \"\",\n            }}\n            handleCloseModal={() => setIsSupportModalOpen(false)}\n          />\n        </BaseModal>\n      )}\n    </Section>\n  );\n};\n"],"names":["FaqSections","title","description","items","colorTitle","fontSizeTitle","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","SectionHeading","RichText","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;;AA0CO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI;AAAA,EAC5B;AACA,SACEM,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,gBACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,OAAOG;AAAA,QACP,IAAIC;AAAA,QACJ,aAAaU,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAf,EAAA,CAA0B;AAAA,QACjD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZa,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMM,4BAChB,MAAA,EACC,UAAAH,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAMP,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASQ,EAAe,MACzB,MAAMT,EAAgBC,CAAI,IAC1B;AAAA,YAEN,MAAMA,EAAK;AAAA,UAAA;AAAA,QAAA,KAZNA,EAAK,OAAOM,CAcrB;AAAA,MACD;AAAA,IAAA;AAAA,IAEFT,KACCM,gBAAAA,EAAAA,IAACM,GAAA,EAAU,MAAMf,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAAA;AAAAA,MAACO;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUb,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QAAA;AAAA,QAEtC,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EACrD,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es164.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { Section, SectionHeading } from \"@/components\";\r\nimport { BaseModal } from \"@/components/ui/BaseModal\";\r\nimport { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\r\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ReactNode, useState } from \"react\";\r\nimport { RichText } from \"../RichText\";\r\nimport \"./FaqSections.scss\";\r\n\r\nexport type IconInfoType = {\r\n  id?: string;\r\n  url?: string;\r\n  data?: any;\r\n  size?: {\r\n    width: number;\r\n    height: number;\r\n  };\r\n  position?: {\r\n    x: number;\r\n    y: number;\r\n  };\r\n}\r\n\r\nexport type FaqItem = {\r\n  key?: string;\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string;\r\n  link?: string;\r\n  isExternal?: boolean;\r\n  icon?: IconInfoType;\r\n};\r\n\r\ntype Props = {\r\n  title?: string;\r\n  description?: string | ReactNode;\r\n  items: FaqItem[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const FaqSections = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"4\",\r\n}: Props) => {\r\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\r\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\r\n\r\n  const handleItemClick = (item: FaqItem) => {\r\n    setSelectedItem(item);\r\n    setIsSupportModalOpen(true);\r\n  };\r\n  return (\r\n    <Section className=\"faq-sections\">\r\n      <SectionHeading\r\n        title={title}\r\n        color={colorTitle}\r\n        fs={fontSizeTitle}\r\n        description={<RichText description={description}></RichText>}\r\n        className=\"faq-sections__title\"\r\n      />\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`faq-sections__list`}\r\n      >\r\n        {items?.map((item, index) => (\r\n          <li key={item.key ?? index}>\r\n            <CardFaqCTA\r\n              type={item.type}\r\n              title={item.title}\r\n              description={item.description}\r\n              link={item.link ?? \"\"}\r\n              isExternal={item.isExternal}\r\n              openModal={\r\n                item.type === CardFaqCTAType.FAQ\r\n                  ? () => handleItemClick(item)\r\n                  : undefined\r\n              }\r\n              icon={item.icon}\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n      {selectedItem && (\r\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\r\n          <SupportModalSimple\r\n            faq={{\r\n              question: selectedItem.title,\r\n              answer: selectedItem.description || \"\",\r\n            }}\r\n            handleCloseModal={() => setIsSupportModalOpen(false)}\r\n          />\r\n        </BaseModal>\r\n      )}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["FaqSections","title","description","items","colorTitle","fontSizeTitle","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","SectionHeading","RichText","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;;AA0CO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI;AAAA,EAC5B;AACA,SACEM,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,gBACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,OAAOG;AAAA,QACP,IAAIC;AAAA,QACJ,aAAaU,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAf,EAAA,CAA0B;AAAA,QACjD,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZa,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMM,4BAChB,MAAA,EACC,UAAAH,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAMP,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASQ,EAAe,MACzB,MAAMT,EAAgBC,CAAI,IAC1B;AAAA,YAEN,MAAMA,EAAK;AAAA,UAAA;AAAA,QAAA,KAZNA,EAAK,OAAOM,CAcrB;AAAA,MACD;AAAA,IAAA;AAAA,IAEFT,KACCM,gBAAAA,EAAAA,IAACM,GAAA,EAAU,MAAMf,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAAA;AAAAA,MAACO;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUb,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QAAA;AAAA,QAEtC,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EACrD,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
 import './sections/GpHomeSection/GpHomeSection.css';/* empty css            */
-import { clsx as l } from "./index.es242.js";
+import { clsx as l } from "./index.es243.js";
 import { CardDoctor as d } from "./index.es39.js";
 import { Section as e } from "./index.es123.js";
 const N = ({

package/dist/index.es165.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es165.js","sources":["../src/sections/GpHomeSection/index.tsx"],"sourcesContent":["import \"./GpHomeSection.scss\";\nimport clsx from \"clsx\";\nimport { Section, CardDoctor } from \"@/components\";\nimport { DayHours } from \"@anoki/fse-common\";\nimport { ColorKeys } from \"@/theme/colors\";\n\ntype Info = {\n  label: string;\n  value: string;\n};\n\ntype ScheduleDay = {\n  label: string;\n  slots: DayHours[];\n};\n\nexport type GpHomeSectionProps = {\n  sectionId?: string;\n  title?: string;\n  className?: string;\n  doctorName?: string;\n  specialties?: string[];\n  contactInfo?: Info[];\n  schedule?: {\n    label: string;\n    days: ScheduleDay[];\n  };\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  button?: {\n    label: string;\n    onClick: () => void;\n  };\n};\n\nexport const GpHomeSection = ({\n  sectionId,\n  title,\n  className,\n  doctorName = \"\",\n  specialties,\n  contactInfo,\n  schedule,\n  avatar,\n  button,\n}: GpHomeSectionProps) => {\n  return (\n    <section\n      id={sectionId}\n      className={clsx(\"gp-home-section section-gap\", className)}\n    >\n      <Section className=\"gp-home-section-card\">\n        {title && (\n          <Section.Title\n            fs=\"3\"\n            mdFs=\"2\"\n            className=\"gp-home-section-title\"\n            as=\"h3\"\n          >\n            {title}\n          </Section.Title>\n        )}\n        <div className=\"gp-home-section-content\">\n          <CardDoctor\n            doctorName={doctorName}\n            specialties={specialties}\n            contactInfo={contactInfo}\n            schedule={schedule}\n            avatar={avatar}\n            button={button}\n          />\n        </div>\n      </Section>\n    </section>\n  );\n};\n"],"names":["GpHomeSection","sectionId","title","className","doctorName","specialties","contactInfo","schedule","avatar","button","jsx","clsx","jsxs","Section","CardDoctor"],"mappings":";;;;;AAsCO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,IAAIT;AAAA,IACJ,WAAWU,EAAK,+BAA+BR,CAAS;AAAA,IAExD,UAAAS,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,wBAChB,UAAA;AAAA,MAAAX,KACCQ,gBAAAA,EAAAA;AAAAA,QAACG,EAAQ;AAAA,QAAR;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,WAAU;AAAA,UACV,IAAG;AAAA,UAEF,UAAAX;AAAA,QAAA;AAAA,MAAA;AAAA,MAGLQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2BACb,UAAAA,gBAAAA,EAAAA;AAAAA,QAACI;AAAA,QAAA;AAAA,UACC,YAAAV;AAAA,UACA,aAAAC;AAAA,UACA,aAAAC;AAAA,UACA,UAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.es165.js","sources":["../src/sections/GpHomeSection/index.tsx"],"sourcesContent":["import \"./GpHomeSection.scss\";\r\nimport clsx from \"clsx\";\r\nimport { Section, CardDoctor } from \"@/components\";\r\nimport { DayHours } from \"@anoki/fse-common\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\n\r\ntype Info = {\r\n  label: string;\r\n  value: string;\r\n};\r\n\r\ntype ScheduleDay = {\r\n  label: string;\r\n  slots: DayHours[];\r\n};\r\n\r\nexport type GpHomeSectionProps = {\r\n  sectionId?: string;\r\n  title?: string;\r\n  className?: string;\r\n  doctorName?: string;\r\n  specialties?: string[];\r\n  contactInfo?: Info[];\r\n  schedule?: {\r\n    label: string;\r\n    days: ScheduleDay[];\r\n  };\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  button?: {\r\n    label: string;\r\n    onClick: () => void;\r\n  };\r\n};\r\n\r\nexport const GpHomeSection = ({\r\n  sectionId,\r\n  title,\r\n  className,\r\n  doctorName = \"\",\r\n  specialties,\r\n  contactInfo,\r\n  schedule,\r\n  avatar,\r\n  button,\r\n}: GpHomeSectionProps) => {\r\n  return (\r\n    <section\r\n      id={sectionId}\r\n      className={clsx(\"gp-home-section section-gap\", className)}\r\n    >\r\n      <Section className=\"gp-home-section-card\">\r\n        {title && (\r\n          <Section.Title\r\n            fs=\"3\"\r\n            mdFs=\"2\"\r\n            className=\"gp-home-section-title\"\r\n            as=\"h3\"\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        )}\r\n        <div className=\"gp-home-section-content\">\r\n          <CardDoctor\r\n            doctorName={doctorName}\r\n            specialties={specialties}\r\n            contactInfo={contactInfo}\r\n            schedule={schedule}\r\n            avatar={avatar}\r\n            button={button}\r\n          />\r\n        </div>\r\n      </Section>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["GpHomeSection","sectionId","title","className","doctorName","specialties","contactInfo","schedule","avatar","button","jsx","clsx","jsxs","Section","CardDoctor"],"mappings":";;;;;AAsCO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,IAAIT;AAAA,IACJ,WAAWU,EAAK,+BAA+BR,CAAS;AAAA,IAExD,UAAAS,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,wBAChB,UAAA;AAAA,MAAAX,KACCQ,gBAAAA,EAAAA;AAAAA,QAACG,EAAQ;AAAA,QAAR;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,WAAU;AAAA,UACV,IAAG;AAAA,UAEF,UAAAX;AAAA,QAAA;AAAA,MAAA;AAAA,MAGLQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2BACb,UAAAA,gBAAAA,EAAAA;AAAAA,QAACI;AAAA,QAAA;AAAA,UACC,YAAAV;AAAA,UACA,aAAAC;AAAA,UACA,aAAAC;AAAA,UACA,UAAAC;AAAA,UACA,QAAAC;AAAA,UACA,QAAAC;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA;AAAA;"}

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es241.js";
-import { clsx as i } from "./index.es242.js";
-import { createColorClasses as n } from "./index.es243.js";
+import { clsx as i } from "./index.es243.js";
+import { createColorClasses as n } from "./index.es277.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es166.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es166.js","sources":["../src/icons/Actions/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"@/types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Actions = ({\n  width = 32,\n  height = 32,\n  className,\n  color,\n  decorative = false,\n  ariaLabel = \"Actions\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 32 32\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path d=\"M.765 9.774a.133.133 0 0 1-.094-.164L1 8.382a.133.133 0 0 1 .163-.095L8.34 10.21c.071.019.113.092.094.163l-.329 1.229a.133.133 0 0 1-.163.094zM9.776 23.2a.133.133 0 0 1-.164.094l-1.229-.329a.134.134 0 0 1-.094-.163l1.923-7.174a.134.134 0 0 1 .163-.094l1.229.33c.071.018.113.091.094.163zM13.76 8.337a.134.134 0 0 1-.164.095l-1.23-.33a.133.133 0 0 1-.093-.163L14.195.766A.134.134 0 0 1 14.36.67l1.229.33c.07.019.113.092.094.163zM2.784 18.182a.133.133 0 0 1-.182-.049l-.636-1.101a.133.133 0 0 1 .049-.183l6.433-3.713a.133.133 0 0 1 .183.049l.636 1.101a.134.134 0 0 1-.05.183zM5.881 2.424a.133.133 0 0 1 .05-.182l1.1-.636a.133.133 0 0 1 .183.049l3.714 6.431a.133.133 0 0 1-.048.183l-1.102.635a.133.133 0 0 1-.182-.048zM21.108 5.784a.133.133 0 0 1 .183.049l.636 1.101a.134.134 0 0 1-.05.182l-6.433 3.714a.134.134 0 0 1-.182-.05l-.636-1.1a.133.133 0 0 1 .049-.183z\"></path>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M18.751 27.197a.262.262 0 0 1-.478-.043L13.998 14.33A.262.262 0 0 1 14.33 14l12.824 4.275a.262.262 0 0 1 .043.478l-5.39 2.953a.26.26 0 0 0-.103.103zm.01-2.797 1.772-3.233c.146-.267.366-.487.633-.633l3.233-1.771-8.456-2.82z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n\n\n"],"names":["Actions","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAC5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAAAK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,61BAAA,CAA61B;AAAA,QACr2BA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es166.js","sources":["../src/icons/Actions/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"@/types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const Actions = ({\r\n  width = 32,\r\n  height = 32,\r\n  className,\r\n  color,\r\n  decorative = false,\r\n  ariaLabel = \"Actions\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 32 32\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path d=\"M.765 9.774a.133.133 0 0 1-.094-.164L1 8.382a.133.133 0 0 1 .163-.095L8.34 10.21c.071.019.113.092.094.163l-.329 1.229a.133.133 0 0 1-.163.094zM9.776 23.2a.133.133 0 0 1-.164.094l-1.229-.329a.134.134 0 0 1-.094-.163l1.923-7.174a.134.134 0 0 1 .163-.094l1.229.33c.071.018.113.091.094.163zM13.76 8.337a.134.134 0 0 1-.164.095l-1.23-.33a.133.133 0 0 1-.093-.163L14.195.766A.134.134 0 0 1 14.36.67l1.229.33c.07.019.113.092.094.163zM2.784 18.182a.133.133 0 0 1-.182-.049l-.636-1.101a.133.133 0 0 1 .049-.183l6.433-3.713a.133.133 0 0 1 .183.049l.636 1.101a.134.134 0 0 1-.05.183zM5.881 2.424a.133.133 0 0 1 .05-.182l1.1-.636a.133.133 0 0 1 .183.049l3.714 6.431a.133.133 0 0 1-.048.183l-1.102.635a.133.133 0 0 1-.182-.048zM21.108 5.784a.133.133 0 0 1 .183.049l.636 1.101a.134.134 0 0 1-.05.182l-6.433 3.714a.134.134 0 0 1-.182-.05l-.636-1.1a.133.133 0 0 1 .049-.183z\"></path>\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        d=\"M18.751 27.197a.262.262 0 0 1-.478-.043L13.998 14.33A.262.262 0 0 1 14.33 14l12.824 4.275a.262.262 0 0 1 .043.478l-5.39 2.953a.26.26 0 0 0-.103.103zm.01-2.797 1.772-3.233c.146-.267.366-.487.633-.633l3.233-1.771-8.456-2.82z\"\r\n        clipRule=\"evenodd\"\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n\r\n\r\n"],"names":["Actions","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAC5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAAAK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,61BAAA,CAA61B;AAAA,QACr2BA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
-import { clsx as d } from "./index.es242.js";
-import { createColorClasses as m } from "./index.es243.js";
+import { clsx as d } from "./index.es243.js";
+import { createColorClasses as m } from "./index.es277.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es167.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es167.js","sources":["../src/icons/Add/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"@/types/icons.ts\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Add = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  decorative = false,\n  ariaLabel = \"Add\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fill=\"#06C\"\n        fillRule=\"evenodd\"\n        d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2a10 10 0 0 1 0 20m.4-10.5h4.5v1h-4.5V17h-1v-4.5H6.9v-1h4.5V7h1zM12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n\n"],"names":["Add","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAM,CAAC;AAAA,EAClB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,GAAE;AAAA,UACF,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es167.js","sources":["../src/icons/Add/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"@/types/icons.ts\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const Add = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n  decorative = false,\r\n  ariaLabel = \"Add\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 24 24\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path\r\n        fill=\"#06C\"\r\n        fillRule=\"evenodd\"\r\n        d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2a10 10 0 0 1 0 20m.4-10.5h4.5v1h-4.5V17h-1v-4.5H6.9v-1h4.5V7h1zM12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18\"\r\n        clipRule=\"evenodd\"\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n\r\n"],"names":["Add","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAM,CAAC;AAAA,EAClB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,GAAE;AAAA,UACF,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAAA;AAGP;"}

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import { clsx as n } from "./index.es242.js";
-import { createColorClasses as m } from "./index.es243.js";
+import { clsx as n } from "./index.es243.js";
+import { createColorClasses as m } from "./index.es277.js";
 const p = ({
   width: s = 24,
   height: l = 24,

package/dist/index.es168.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es168.js","sources":["../src/icons/ArrowDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowDown = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  decorative = false,\n  ariaLabel = \"Down arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path d=\"M12 15.2 6.4 9.6l.7-.8 4.9 4.9 4.9-4.9.7.8-5.6 5.6Z\" />\n    </svg>\n  );\n};\n\n"],"names":["ArrowDown","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,sDAAA,CAAsD;AAAA,IAAA;AAAA,EAAA;AAGpE;"}
+{"version":3,"file":"index.es168.js","sources":["../src/icons/ArrowDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const ArrowDown = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n  decorative = false,\r\n  ariaLabel = \"Down arrow\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 24 24\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path d=\"M12 15.2 6.4 9.6l.7-.8 4.9 4.9 4.9-4.9.7.8-5.6 5.6Z\" />\r\n    </svg>\r\n  );\r\n};\r\n\r\n"],"names":["ArrowDown","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,sDAAA,CAAsD;AAAA,IAAA;AAAA,EAAA;AAGpE;"}

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import { clsx as f } from "./index.es242.js";
-import { createColorClasses as n } from "./index.es243.js";
+import { clsx as f } from "./index.es243.js";
+import { createColorClasses as n } from "./index.es277.js";
 const c = ({
   width: l = 24,
   height: t = 24,

package/dist/index.es169.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es169.js","sources":["../src/icons/ArrowLeft/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowLeft = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  onClick,\n  decorative = false,\n  ariaLabel = \"Left arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      onClick={onClick}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fill={color}\n        d=\"M14.4 17.6 8.8 12l5.6-5.6.8.7-4.9 4.9 4.9 4.9z\"\n      ></path>\n    </svg>\n  );\n};\n\n\n"],"names":["ArrowLeft","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE5C,SACEM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAL;AAAA,MACA,OAAM;AAAA,MACN,OAAAJ;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMN;AAAA,UACN,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es169.js","sources":["../src/icons/ArrowLeft/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const ArrowLeft = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n  onClick,\r\n  decorative = false,\r\n  ariaLabel = \"Left arrow\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      onClick={onClick}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 24 24\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path\r\n        fill={color}\r\n        d=\"M14.4 17.6 8.8 12l5.6-5.6.8.7-4.9 4.9 4.9 4.9z\"\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n\r\n\r\n"],"names":["ArrowLeft","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE5C,SACEM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAL;AAAA,MACA,OAAM;AAAA,MACN,OAAAJ;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMN;AAAA,UACN,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGP;"}

package/dist/index.es17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es17.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import { Link as LinkComponent } from \"@/components\";\nimport { Download, ExternalLink, Shape } from \"@/icons\";\nimport { IconInfoType } from \"@/sections/FaqSections\";\nimport { GetValues, Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\nimport React from \"react\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\nimport { SvgIcon } from \"../SvgIcon\";\nimport { saveAs } from \"file-saver\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./ActionBanner.scss\";\n\nexport enum ActionBannerVariantEnum {\n  DEFAULT = \"default\",\n  OUTLINE = \"outline\",\n  SIMPLE = \"simple\",\n}\n\nexport type ActionBannerVariantTypes = GetValues<\n  typeof ActionBannerVariantEnum\n>;\n\ntype WithLinkType<T> = Link & { linkType?: T };\n\ninterface ActionBannerProps {\n  title: string;\n  description: string | React.ReactNode;\n  variant?: ActionBannerVariantTypes;\n  link?: WithLinkType<LinkTypeEnum>;\n  withIcon?: boolean;\n  icon?: IconInfoType;\n  firstAction?: WithLinkType<LinkTypeEnum>;\n  secondAction?: WithLinkType<LinkTypeEnum>;\n}\n\nconst DownloadButton: React.FC<{\n  linkData: WithLinkType<LinkTypeEnum>;\n  onDownload: (linkData: WithLinkType<LinkTypeEnum>, title: string) => void;\n  iconColor?: ColorKeys;\n  textColor?: ColorKeys;\n}> = ({\n  linkData,\n  onDownload,\n  iconColor = \"primary\",\n  textColor = \"primary\",\n}) => {\n  return (\n    <Button\n      className=\"bg-transparent download-button\"\n      onClick={() => onDownload(linkData, linkData.title)}\n      aria-label={`Scarica ${linkData.title}`}\n    >\n      <span\n        style={{\n          color: `var(--${textColor})`,\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: \"8px\",\n        }}\n        aria-hidden=\"true\"\n      >\n        <Download color={iconColor} />\n        {linkData.title}\n      </span>\n    </Button>\n  );\n};\n\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\n  title,\n  description,\n  variant = \"default\",\n  withIcon = false,\n  icon,\n  link,\n  firstAction,\n  secondAction,\n}) => {\n  const handleDownload = async (\n    linkData: WithLinkType<LinkTypeEnum>,\n    linkTitle: string,\n  ) => {\n    try {\n      const response = await fetch(linkData.link);\n      const blob = await response.blob();\n      saveAs(blob, linkTitle);\n    } catch (error) {\n      console.error(\"Error downloading file:\", error);\n    }\n  };\n\n  const renderLinkAction = (\n    linkData: WithLinkType<LinkTypeEnum> | undefined,\n  ) => {\n    if (!linkData || !linkData.title) return null;\n\n    if (linkData.linkType === LinkTypeEnum.DOWNLOAD) {\n      return <DownloadButton linkData={linkData} onDownload={handleDownload} />;\n    }\n\n    if (linkData.isExternal) {\n      return (\n        <LinkComponent\n          title={linkData.title}\n          src={linkData.link}\n          icon={ExternalLink}\n          external={true}\n        />\n      );\n    }\n\n    return (\n      <ArrowLink asLink=\"a\" href={linkData.link} isExternal={false}>\n        {linkData.title}\n      </ArrowLink>\n    );\n  };\n\n  const renderActionButton = (\n    actionData: WithLinkType<LinkTypeEnum> | undefined,\n    buttonVariant: \"secondary\" | \"primary\",\n  ) => {\n    if (!actionData || !actionData.title) return null;\n\n    if (actionData.linkType === LinkTypeEnum.DOWNLOAD) {\n      return (\n        <DownloadButton linkData={actionData} onDownload={handleDownload} />\n      );\n    }\n\n    if (actionData.isExternal) {\n      return (\n        <LinkComponent\n          title={actionData.title}\n          src={actionData.link}\n          icon={ExternalLink}\n          decoration=\"ui-footer-logo-link\"\n          transform=\"none\"\n          external={true}\n        />\n      );\n    }\n\n    return (\n      <Button\n        variant={buttonVariant}\n        className={buttonVariant === \"secondary\" ? \"left-button\" : \"\"}\n        asLink=\"a\"\n        href={actionData.link}\n        border=\"primary\"\n        isExternal={false}\n      >\n        {actionData.title}\n      </Button>\n    );\n  };\n\n  return (\n    <section\n      className={`action-banner action-banner-${variant}`}\n      aria-labelledby=\"action-banner-title\"\n    >\n      <header className=\"banner-head\">\n        <h2 id=\"action-banner-title\" className=\"banner-title fs-3 md-fs-2\">\n          {title}\n        </h2>\n      </header>\n      <div className=\"banner-body\">\n        {withIcon && (\n          <div className=\"banner-icon\" aria-hidden=\"true\">\n            {icon ? (\n              <SvgIcon icon={icon} className=\"banner-icon__svg\" />\n            ) : (\n              <Shape />\n            )}\n          </div>\n        )}\n        <div className=\"banner-description text-slate-28\">{description}</div>\n      </div>\n      <div className=\"banner-actions\">\n        {renderLinkAction(link)}\n        {renderActionButton(firstAction, \"primary\")}\n        {renderActionButton(secondAction, \"secondary\")}\n      </div>\n    </section>\n  );\n};\n"],"names":["ActionBannerVariantEnum","DownloadButton","linkData","onDownload","iconColor","textColor","jsx","Button","jsxs","Download","ActionBanner","title","description","variant","withIcon","icon","link","firstAction","secondAction","handleDownload","linkTitle","blob","saveAs","error","renderLinkAction","LinkTypeEnum","LinkComponent","ExternalLink","ArrowLink","renderActionButton","actionData","buttonVariant","SvgIcon","Shape"],"mappings":"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"}
+{"version":3,"file":"index.es17.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import { Link as LinkComponent } from \"@/components\";\r\nimport { Download, ExternalLink, Shape } from \"@/icons\";\r\nimport { IconInfoType } from \"@/sections/FaqSections\";\r\nimport { GetValues, Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\r\nimport React from \"react\";\r\nimport { ArrowLink } from \"../ArrowLink\";\r\nimport { Button } from \"../Button\";\r\nimport { SvgIcon } from \"../SvgIcon\";\r\nimport { saveAs } from \"file-saver\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./ActionBanner.scss\";\r\n\r\nexport enum ActionBannerVariantEnum {\r\n  DEFAULT = \"default\",\r\n  OUTLINE = \"outline\",\r\n  SIMPLE = \"simple\",\r\n}\r\n\r\nexport type ActionBannerVariantTypes = GetValues<\r\n  typeof ActionBannerVariantEnum\r\n>;\r\n\r\ntype WithLinkType<T> = Link & { linkType?: T };\r\n\r\ninterface ActionBannerProps {\r\n  title: string;\r\n  description: string | React.ReactNode;\r\n  variant?: ActionBannerVariantTypes;\r\n  link?: WithLinkType<LinkTypeEnum>;\r\n  withIcon?: boolean;\r\n  icon?: IconInfoType;\r\n  firstAction?: WithLinkType<LinkTypeEnum>;\r\n  secondAction?: WithLinkType<LinkTypeEnum>;\r\n}\r\n\r\nconst DownloadButton: React.FC<{\r\n  linkData: WithLinkType<LinkTypeEnum>;\r\n  onDownload: (linkData: WithLinkType<LinkTypeEnum>, title: string) => void;\r\n  iconColor?: ColorKeys;\r\n  textColor?: ColorKeys;\r\n}> = ({\r\n  linkData,\r\n  onDownload,\r\n  iconColor = \"primary\",\r\n  textColor = \"primary\",\r\n}) => {\r\n  return (\r\n    <Button\r\n      className=\"bg-transparent download-button\"\r\n      onClick={() => onDownload(linkData, linkData.title)}\r\n      aria-label={`Scarica ${linkData.title}`}\r\n    >\r\n      <span\r\n        style={{\r\n          color: `var(--${textColor})`,\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          gap: \"8px\",\r\n        }}\r\n        aria-hidden=\"true\"\r\n      >\r\n        <Download color={iconColor} />\r\n        {linkData.title}\r\n      </span>\r\n    </Button>\r\n  );\r\n};\r\n\r\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\r\n  title,\r\n  description,\r\n  variant = \"default\",\r\n  withIcon = false,\r\n  icon,\r\n  link,\r\n  firstAction,\r\n  secondAction,\r\n}) => {\r\n  const handleDownload = async (\r\n    linkData: WithLinkType<LinkTypeEnum>,\r\n    linkTitle: string,\r\n  ) => {\r\n    try {\r\n      const response = await fetch(linkData.link);\r\n      const blob = await response.blob();\r\n      saveAs(blob, linkTitle);\r\n    } catch (error) {\r\n      console.error(\"Error downloading file:\", error);\r\n    }\r\n  };\r\n\r\n  const renderLinkAction = (\r\n    linkData: WithLinkType<LinkTypeEnum> | undefined,\r\n  ) => {\r\n    if (!linkData || !linkData.title) return null;\r\n\r\n    if (linkData.linkType === LinkTypeEnum.DOWNLOAD) {\r\n      return <DownloadButton linkData={linkData} onDownload={handleDownload} />;\r\n    }\r\n\r\n    if (linkData.isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          title={linkData.title}\r\n          src={linkData.link}\r\n          icon={ExternalLink}\r\n          external={true}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <ArrowLink asLink=\"a\" href={linkData.link} isExternal={false}>\r\n        {linkData.title}\r\n      </ArrowLink>\r\n    );\r\n  };\r\n\r\n  const renderActionButton = (\r\n    actionData: WithLinkType<LinkTypeEnum> | undefined,\r\n    buttonVariant: \"secondary\" | \"primary\",\r\n  ) => {\r\n    if (!actionData || !actionData.title) return null;\r\n\r\n    if (actionData.linkType === LinkTypeEnum.DOWNLOAD) {\r\n      return (\r\n        <DownloadButton linkData={actionData} onDownload={handleDownload} />\r\n      );\r\n    }\r\n\r\n    if (actionData.isExternal) {\r\n      return (\r\n        <LinkComponent\r\n          title={actionData.title}\r\n          src={actionData.link}\r\n          icon={ExternalLink}\r\n          decoration=\"ui-footer-logo-link\"\r\n          transform=\"none\"\r\n          external={true}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Button\r\n        variant={buttonVariant}\r\n        className={buttonVariant === \"secondary\" ? \"left-button\" : \"\"}\r\n        asLink=\"a\"\r\n        href={actionData.link}\r\n        border=\"primary\"\r\n        isExternal={false}\r\n      >\r\n        {actionData.title}\r\n      </Button>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <section\r\n      className={`action-banner action-banner-${variant}`}\r\n      aria-labelledby=\"action-banner-title\"\r\n    >\r\n      <header className=\"banner-head\">\r\n        <h2 id=\"action-banner-title\" className=\"banner-title fs-3 md-fs-2\">\r\n          {title}\r\n        </h2>\r\n      </header>\r\n      <div className=\"banner-body\">\r\n        {withIcon && (\r\n          <div className=\"banner-icon\" aria-hidden=\"true\">\r\n            {icon ? (\r\n              <SvgIcon icon={icon} className=\"banner-icon__svg\" />\r\n            ) : (\r\n              <Shape />\r\n            )}\r\n          </div>\r\n        )}\r\n        <div className=\"banner-description text-slate-28\">{description}</div>\r\n      </div>\r\n      <div className=\"banner-actions\">\r\n        {renderLinkAction(link)}\r\n        {renderActionButton(firstAction, \"primary\")}\r\n        {renderActionButton(secondAction, \"secondary\")}\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n"],"names":["ActionBannerVariantEnum","DownloadButton","linkData","onDownload","iconColor","textColor","jsx","Button","jsxs","Download","ActionBanner","title","description","variant","withIcon","icon","link","firstAction","secondAction","handleDownload","linkTitle","blob","saveAs","error","renderLinkAction","LinkTypeEnum","LinkComponent","ExternalLink","ArrowLink","renderActionButton","actionData","buttonVariant","SvgIcon","Shape"],"mappings":"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"}

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
-import { clsx as m } from "./index.es242.js";
-import { createColorClasses as n } from "./index.es243.js";
+import { clsx as m } from "./index.es243.js";
+import { createColorClasses as n } from "./index.es277.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es170.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es170.js","sources":["../src/icons/ArrowRight/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowRight = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  decorative = false,\n  ariaLabel = \"Right arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        d=\"M13.9 5L13.2 5.7L18.5 11.1H3V12.1H18.5L13.2 17.5L13.9 18.2L20.5 11.6L13.9 5Z\"\n        fill=\"#0066CC\"\n      />\n    </svg>\n  );\n};\n"],"names":["ArrowRight","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es170.js","sources":["../src/icons/ArrowRight/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const ArrowRight = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n  decorative = false,\r\n  ariaLabel = \"Right arrow\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 24 24\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path\r\n        d=\"M13.9 5L13.2 5.7L18.5 11.1H3V12.1H18.5L13.2 17.5L13.9 18.2L20.5 11.6L13.9 5Z\"\r\n        fill=\"#0066CC\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["ArrowRight","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAGN;"}

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
-import { clsx as m } from "./index.es242.js";
-import { createColorClasses as p } from "./index.es243.js";
+import { clsx as m } from "./index.es243.js";
+import { createColorClasses as p } from "./index.es277.js";
 const w = ({
   width: o = 24,
   height: l = 24,