@anoki/fse-ui 2.3.0-3-SNAPSHOT → 2.3.0-4-SNAPSHOT1

package/dist/index.es153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es153.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) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => 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":";;;;;;;;;;;;;;;;;;;;;AAsCO,IAAKA,sBAAAA,OACVA,EAAA,aAAa,cACbA,EAAA,aAAa,cAFHA,IAAAA,KAAA,CAAA,CAAA;AA2BL,MAAMC,IAAiB,CAAC;AAAA,EAC7B,gBAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;;AACzB,QAAMC,IAAsB;AAAA,IAC1B,qBAAqBD,KAAA,QAAAA,EAAO,iBACxB,GAAGA,KAAA,gBAAAA,EAAO,cAAc,OACxB;AAAA,EAAA,GAGA,CAACE,GAAgBC,CAAe,IAAIC,EAAQ,MAC5C,CAACJ,EAAM,cAAcA,EAAM,WAAW,KAAA,MAAW,KAC5C,CAAC,MAAM,IAAI,IAGNA,EAAM,WAAW,KAAA,EAAO,MAAM,KAAK,EAEvC,UAAU,IACXK,EAAWL,EAAM,WAAW,YAAA,CAAa,IAG3C,CAACA,EAAM,WAAW,YAAA,GAAe,IAAI,GAC3C,CAACA,EAAM,UAAU,CAAC;AAErB,SACEM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,YAAY,wBAAwB;AAAA,QAClD,eAAeR;AAAA,MAAA,CAChB;AAAA,MACD,OAAOD;AAAA,MAEP,UAAA;AAAA,QAAAU,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAKR,EAAM;AAAA,YACX,KAAK,UAAUA,EAAM,GAAG;AAAA,YACxB,OAAOC;AAAA,UAAA;AAAA,QAAA;AAAA,QAETK,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,sBACd,UAAA;AAAA,UAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mBACZ,UAAA;AAAA,YAAA,CAAC,CAACN,EAAM,OACPQ,gBAAAA,EAAAA;AAAAA,cAACZ;AAAA,cAAA;AAAA,gBACC,KAAK,GAAGI,EAAM,KAAK;AAAA,gBACnB,KAAKA,EAAM;AAAA,gBACX,OAAO,EAAE,aAAa,KAAK,EAAA;AAAA,cAAE;AAAA,YAAA;AAAA,YAGhCA,EAAM,cACLM,gBAAAA,OAAC,KAAA,EAAE,WAAWC,EAAK,eAAeP,EAAM,cAAc,GACpD,UAAA;AAAA,cAAAQ,gBAAAA,EAAAA,IAAC,UAAM,UAAAN,EAAA,CAAe;AAAA,cACrBC,KAAmBK,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAAL,EAAA,CAAgB;AAAA,YAAA,EAAA,CAC7C;AAAA,UAAA,GAEJ;AAAA,UAEAG,gBAAAA,EAAAA,KAACG,GAAA,EAAI,WAAU,6BACb,UAAA;AAAA,YAAAD,gBAAAA,MAAC,OAAA,EAEG,UAAAA,gBAAAA,EAAAA;AAAAA,cAACE;AAAA,cAAA;AAAA,gBACC,OAAOV,EAAM;AAAA,gBACb,MAAMA,EAAM,QAAQ;AAAA,gBACpB,WAAW;AAAA,gBACX,cAAcA,EAAM;AAAA,gBACpB,gBAAgB;AAAA,gBAChB,2BACE;AAAA,cAAA;AAAA,YAAA,GAIR;AAAA,YAECA,EAAM,UAAQW,IAAAX,EAAM,SAAN,gBAAAW,EAAY,UAAS,KAClCH,gBAAAA,EAAAA,IAACI,GAAA,EAAK,OAAOf,GAAgB,OAAOG,EAAM,QAAQ,CAAA,EAAC,CAAG;AAAA,UAAA,EAAA,CAE1D;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAOaa,IAAiB,CAAC;AAAA,EAC7B,UAAAC;AAAA,EACA,gBAAAC;AACF,MACSD,IACLN,gBAAAA,EAAAA;AAAAA,EAACQ;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAASD;AAAA,IACT,WAAU;AAAA,EAAA;AAAA,IAGZP,gBAAAA,EAAAA;AAAAA,EAACS;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAASF;AAAA,IACT,OAAM;AAAA,IACN,WAAU;AAAA,EAAA;AAAA,GAiBHG,KAAmB,CAAC;AAAA,EAC/B,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAR;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAQ;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC,IAAkB;AACpB,MAEInB,gBAAAA,EAAAA;AAAAA,EAACoB;AAAA,EAAA;AAAA,IACC,WAAWnB,EAAK,cAAciB,CAAI;AAAA,IAClC,KAAI;AAAA,IACJ,OAAOD;AAAA,IAEN,UAAA;AAAA,MAAAJ,EAAO,SAAS,KACfb,gBAAAA,EAAAA,KAACoB,GAAA,EAAI,YAAW,UACd,UAAA;AAAA,QAAAlB,gBAAAA,EAAAA;AAAAA,UAACmB;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAASN;AAAA,YACT,OAAM;AAAA,YACN,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZb,gBAAAA,EAAAA,IAACK,GAAA,EAAe,UAAAC,GAAoB,gBAAAC,EAAA,CAAgC;AAAA,MAAA,GACtE;AAAA,MAEFP,gBAAAA,EAAAA,IAAC,QAAA,EAAM,UAAA,GAAGY,IAAe,CAAC,IAAIK,CAAe,IAAIN,EAAO,MAAM,GAAA,CAAG;AAAA,MAChEA,EAAO,SAAS,KACfX,gBAAAA,EAAAA;AAAAA,QAACmB;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAASL;AAAA,UACT,OAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAAA,GAMKM,KAAgC,CAAC;AAAA,EAC5C,QAAAT,IAAS,CAAA;AAAA,EACT,QAAAU,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,iBAAAP,IAAkB;AAAA,EAClB,YAAA1B,IAAa;AAAA,EACb,eAAAkC,IAAgB;AAAA,EAChB,cAAAC,IAAe;AAAA,EACf,MAAAV,IAAO;AAAA,EACP,gBAAA3B,IAAiB;AACnB,MAAM;AACJ,QAAMsC,IAAUN,KAAU,KACpBjC,IAAiBkC,GACjBM,IAAYC,EAAY,IAAI,GAC5B,CAACjB,GAAckB,CAAe,IAAIC,EAAS,CAAC,GAC5C,CAACzB,GAAU0B,CAAW,IAAID;AAAA;AAAA,IAAoB;AAAA,EAAA,GAC9CxB,IAAiB,MAAM;AAC3B,IAAAyB,EAAY,CAAC1B,CAAQ;AAAA,EACvB,GAEMQ,IAASmB,EAAY,MAAM;AAC/B,QAAI,CAACL,EAAU,QAAS;AACxB,UAAMM,IAASN,EAAU;AACzB,IAAIM,EAAO,SAAS,CAACA,EAAO,OAAO,OACjCA,EAAO,QAAQ,CAAC,IAEhBA,EAAO,UAAA;AAAA,EAEX,GAAG,CAAA,CAAE,GAECrB,IAASoB,EAAY,MAAM;AAC/B,QAAI,CAACL,EAAU,QAAS;AACxB,UAAMM,IAASN,EAAU;AACzB,IAAIM,EAAO,eAAe,CAACA,EAAO,OAAO,OACvCA,EAAO,QAAQA,EAAO,OAAO,SAAS,CAAC,IAEvCA,EAAO,UAAA;AAAA,EAEX,GAAG,CAAA,CAAE;AAEL,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAa9B,IACf,YAAY,MAAM;AAChB,MAAAQ,EAAA;AAAA,IACF,GAAGS,CAAO,IACV;AAEJ,WAAO,MAAM;AACX,MAAIa,mBAA0BA,CAAU;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC9B,GAAUQ,GAAQS,CAAO,CAAC;AAE9B,QAAMR,IAAqB;AAAA,IACzB,cAAcU;AAAA,EAAA,GAGVY,IAAc;AAAA,IAClB,mBAAmB,GAAGX,CAAY;AAAA,EAAA;AAGpC,SACE1B,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF,EAAK,uCAAuCiB,CAAI;AAAA,MAC3D,OAAOqB;AAAA,MAEP,UAAArC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,aACb,UAAAF,gBAAAA,EAAAA;AAAAA,QAACwC;AAAA,QAAA;AAAA,UACC,SAAS,CAACC,GAAYC,GAAYC,CAAI;AAAA,UACtC,eAAe;AAAA,UACf,UAAAnC;AAAA,UACA,UAAU;AAAA,UACV,gBAAgB;AAAA,UAChB,MAAM;AAAA,UACN,UAAU,CAAC4B,MAAYN,EAAU,UAAUM;AAAA,UAC3C,eAAe,CAACA,MAAWJ,EAAgBI,EAAO,SAAS;AAAA,UAC3D,OAAOG;AAAA,UAEN,UAAA;AAAA,YAAA1B,EAAO,IAAI,CAACnB,GAAOkD,MAAA;;AAClB1C,qCAAAA,EAAAA;AAAAA,gBAAC2C;AAAA,gBAAA;AAAA,kBAEC,WAAW5C;AAAA,oBACTiB,MAAS,eACL,wCACA;AAAA,kBAAA;AAAA,kBAGL,gBAAS,eACRhB,gBAAAA,EAAAA;AAAAA,oBAACb;AAAA,oBAAA;AAAA,sBACE,GAAGK;AAAA,sBACJ,gBAAAJ;AAAA,sBACA,gBAAAC;AAAA,sBACA,YAAAE;AAAA,sBACA,eAAewB;AAAA,oBAAA;AAAA,kBAAA,IAGjBjB,gBAAAA,EAAAA,KAAA8C,YAAA,EACE,UAAA;AAAA,oBAAA5C,gBAAAA,EAAAA;AAAAA,sBAACZ;AAAA,sBAAA;AAAA,wBACC,KAAKI,EAAM;AAAA,wBACX,KAAKA,EAAM;AAAA,wBACX,WAAU;AAAA,wBACV,QAAQ,MAAA;;AAAM,kCAAAqD,KAAA1C,IAAAyB,EAAU,YAAV,gBAAAzB,EAAmB,WAAnB,gBAAA0C,EAAA,KAAA1C;AAAA;AAAA,sBAA4B;AAAA,oBAAA;AAAA,oBAE5CH,gBAAAA,EAAAA;AAAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWD,EAAK,kBAAkB;AAAA,0BAChC,eAAeR;AAAA,wBAAA,CAChB;AAAA,wBACD,OAAOwB;AAAA,wBAEP,gCAAC,OAAA,EAAI,WAAU,aACb,UAAAjB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,0BAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,YACZ,UAAA;AAAA,4BAAAN,EAAM,kCACJsD,GAAA,EAAK,WAAU,QAAO,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,8BAE/C3C,IAAAX,EAAM,aAAN,gBAAAW,EAAgB,SAAQ;AAAA,kDACxB,KAAA,EAAE,WAAU,QACV,YAAA0C,IAAArD,EAAM,aAAN,gBAAAqD,EAAgB,iBAAgB,IAAA,CACnC;AAAA,0BAAA,GACF;AAAA,0BACA7C,gBAAAA,EAAAA;AAAAA,4BAAC2B;AAAA,4BAAA;AAAA,8BACC,QAAMoB,IAAApC,EAAOC,CAAY,MAAnB,gBAAAmC,EAAsB,SAAQ;AAAA,8BACpC,QAAQvB,IAAe,WAAW;AAAA,8BAElC,UAAAxB,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,SAAS,YAAM,MAAA,CAAM;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBACrC,EAAA,CACF,EAAA,CACF;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACF,EAAA,CACF;AAAA,gBAAA;AAAA,gBAjDG0C;AAAA,cAAA;AAAA,aAoDR;AAAA,YACD1C,gBAAAA,EAAAA;AAAAA,cAACU;AAAA,cAAA;AAAA,gBACC,QAAAC;AAAA,gBACA,cAAAC;AAAA,gBACA,QAAAC;AAAA,gBACA,QAAAC;AAAA,gBACA,UAAAR;AAAA,gBACA,gBAAAC;AAAA,gBACA,MAAAS;AAAA,gBACA,oBAAAD;AAAA,gBACA,iBAAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es153.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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"}

package/dist/index.es154.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es237.js";
 import { createElement as j } from "react";
-import './sections/CommunicationContentsHome/CommunicationContentsHome.css';/* empty css            */
+import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
 import f from "./index.es265.js";
 import { AggregationItemCard as m } from "./index.es22.js";
 import { SectionHeading as u } from "./index.es123.js";

package/dist/index.es155.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es237.js";
 import { createElement as p } from "react";
-import './sections/CommunicationContentsHome/CommunicationContentsHome.css';/* empty css            */
+import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
 import d from "./index.es265.js";
 import { SectionHeading as x } from "./index.es123.js";
 import { ArrowLink as f } from "./index.es25.js";

package/dist/index.es262.js

@@ -1,7 +1,7 @@
 import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, createContext as q, useLayoutEffect as Q } from "react";
-import { S as X } from "./index.es462.js";
-import { g as Y, m as Z, a as ee, u as re } from "./index.es463.js";
-import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es464.js";
+import { S as X } from "./index.es464.js";
+import { g as Y, m as Z, a as ee, u as re } from "./index.es465.js";
+import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es466.js";
 function k() {
   return k = Object.assign ? Object.assign.bind() : function(n) {
     for (var r = 1; r < arguments.length; r++) {

package/dist/index.es289.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es237.js";
 import { clsx as a } from "./index.es239.js";
-import { StepArrow as d } from "./index.es567.js";
+import { StepArrow as d } from "./index.es674.js";
 const m = ({ title: t, badge: r, content: i, isOpen: s, onToggle: c }) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", s && "isOpen"), children: [
   /* @__PURE__ */ e.jsxs(
     "button",

package/dist/index.es291.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es494.js";
+import { __require as r } from "./index.es478.js";
 var i = r();
 export {
   i as d

package/dist/index.es292.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es498.js";
+import { __require as r } from "./index.es482.js";
 var i = r();
 export {
   i as F

package/dist/index.es303.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es477.js";
-import { useComposedRefs as A } from "./index.es478.js";
+import { createContextScope as T } from "./index.es474.js";
+import { useComposedRefs as A } from "./index.es475.js";
 import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es312.js";
-import { composeEventHandlers as F } from "./index.es479.js";
-import { createSlottable as G } from "./index.es480.js";
+import { composeEventHandlers as F } from "./index.es476.js";
+import { createSlottable as G } from "./index.es477.js";
 import { j as i } from "./index.es237.js";
 var D = "AlertDialog", [W] = T(D, [
   v

package/dist/index.es308.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as c } from "./index.es502.js";
+import { useCopyToClipboard as c } from "./index.es577.js";
 import { useState as n } from "react";
 const l = () => {
   const [e, t] = c(), [p, o] = n(!1);

package/dist/index.es312.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es479.js";
-import { useComposedRefs as R } from "./index.es478.js";
-import { createContextScope as B, createContext as H } from "./index.es477.js";
-import { useId as C } from "./index.es481.js";
-import { useControllableState as V } from "./index.es482.js";
-import { DismissableLayer as q } from "./index.es483.js";
-import { FocusScope as K } from "./index.es484.js";
-import { Portal as U } from "./index.es485.js";
-import { Presence as _ } from "./index.es486.js";
-import { Primitive as m } from "./index.es487.js";
-import { useFocusGuards as Y } from "./index.es488.js";
-import Z from "./index.es489.js";
-import { hideOthers as z } from "./index.es490.js";
-import { createSlot as J } from "./index.es480.js";
+import { composeEventHandlers as p } from "./index.es476.js";
+import { useComposedRefs as R } from "./index.es475.js";
+import { createContextScope as B, createContext as H } from "./index.es474.js";
+import { useId as C } from "./index.es484.js";
+import { useControllableState as V } from "./index.es485.js";
+import { DismissableLayer as q } from "./index.es486.js";
+import { FocusScope as K } from "./index.es487.js";
+import { Portal as U } from "./index.es488.js";
+import { Presence as _ } from "./index.es489.js";
+import { Primitive as m } from "./index.es490.js";
+import { useFocusGuards as Y } from "./index.es491.js";
+import Z from "./index.es492.js";
+import { hideOthers as z } from "./index.es493.js";
+import { createSlot as J } from "./index.es477.js";
 import { j as i } from "./index.es237.js";
 var v = "Dialog", [N, he] = B(v), [Q, u] = N(v), P = (e) => {
   const {

package/dist/index.es338.js

@@ -1,12 +1,12 @@
 import * as c from "react";
-import { useComposedRefs as S } from "./index.es478.js";
-import { createContextScope as F } from "./index.es477.js";
-import { composeEventHandlers as j } from "./index.es479.js";
-import { useControllableState as L } from "./index.es482.js";
-import { usePrevious as O } from "./index.es503.js";
-import { useSize as H } from "./index.es504.js";
-import { Presence as z } from "./index.es486.js";
-import { Primitive as E } from "./index.es487.js";
+import { useComposedRefs as S } from "./index.es475.js";
+import { createContextScope as F } from "./index.es474.js";
+import { composeEventHandlers as j } from "./index.es476.js";
+import { useControllableState as L } from "./index.es485.js";
+import { usePrevious as O } from "./index.es596.js";
+import { useSize as H } from "./index.es597.js";
+import { Presence as z } from "./index.es489.js";
+import { Primitive as E } from "./index.es490.js";
 import { j as u } from "./index.es237.js";
 var R = "Checkbox", [G] = F(R), [K, P] = G(R);
 function U(t) {

package/dist/index.es353.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
 import { clsx as s } from "./index.es239.js";
-import './components/ui/CreateReservationModal/CreateReservationModalContent/CreateReservationModalContent.css';/* empty css            */
+import './components/ui/ChangeProfileModal/ChangeProfileModalContent/ChangeProfileModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,
   children: t

package/dist/index.es361.js

@@ -1,6 +1,6 @@
 import { j as n } from "./index.es237.js";
 import { clsx as r } from "./index.es239.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,
   children: t

package/dist/index.es367.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
 import { clsx as e } from "./index.es239.js";
-import './components/ui/CreateReservationModal/CreateReservationModalContent/CreateReservationModalContent.css';/* empty css            */
+import './components/ui/ChangeProfileModal/ChangeProfileModalContent/ChangeProfileModalContent.css';/* empty css            */
 const a = ({
   overrideClassNames: o,
   children: t

package/dist/index.es374.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
 import { clsx as m } from "./index.es239.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
 const e = ({
   overrideClassNames: o,
   children: t

package/dist/index.es378.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
 import { clsx as s } from "./index.es239.js";
-import './components/ui/CreateReservationModal/CreateReservationModalContent/CreateReservationModalContent.css';/* empty css            */
+import './components/ui/ChangeProfileModal/ChangeProfileModalContent/ChangeProfileModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,
   children: t

package/dist/index.es388.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es479.js";
-import { composeRefs as E } from "./index.es478.js";
-import { createContextScope as S } from "./index.es477.js";
-import { useControllableState as P } from "./index.es482.js";
-import { Primitive as y } from "./index.es487.js";
-import { createMenuScope as v, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es520.js";
-import { useId as g } from "./index.es481.js";
+import { composeEventHandlers as m } from "./index.es476.js";
+import { composeRefs as E } from "./index.es475.js";
+import { createContextScope as S } from "./index.es474.js";
+import { useControllableState as P } from "./index.es485.js";
+import { Primitive as y } from "./index.es490.js";
+import { createMenuScope as v, Root as O, Anchor as T, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es616.js";
+import { useId as g } from "./index.es484.js";
 import { j as a } from "./index.es237.js";
 var f = "DropdownMenu", [z] = S(
   f,

package/dist/index.es397.js

@@ -1,4 +1,4 @@
-import { CardRoot as o } from "./index.es523.js";
+import { CardRoot as o } from "./index.es623.js";
 const r = {
   Root: o
 };

package/dist/index.es416.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-import c from "./index.es616.js";
-import { extractProps as i } from "./index.es619.js";
-import { requireReactElement as a } from "./index.es624.js";
-import { popoverContentPropDefs as l } from "./index.es625.js";
-import { Theme as f } from "./index.es626.js";
-import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es627.js";
+import c from "./index.es630.js";
+import { extractProps as i } from "./index.es633.js";
+import { requireReactElement as a } from "./index.es638.js";
+import { popoverContentPropDefs as l } from "./index.es639.js";
+import { Theme as f } from "./index.es640.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es641.js";
 const v = (r) => e.createElement(p, { ...r });
 v.displayName = "Popover.Root";
 const g = e.forwardRef(({ children: r, ...o }, t) => e.createElement(d, { ...o, ref: t, asChild: !0 }, a(r)));

package/dist/index.es417.js

@@ -1,6 +1,6 @@
 import * as t from "react";
-import r from "./index.es616.js";
-import { BaseButton as m } from "./index.es617.js";
+import r from "./index.es630.js";
+import { BaseButton as m } from "./index.es631.js";
 const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
 s.displayName = "Button";
 export {

package/dist/index.es440.js

@@ -1,11 +1,11 @@
 import * as r from "react";
-import { composeEventHandlers as N } from "./index.es479.js";
-import { useComposedRefs as x } from "./index.es478.js";
-import { createContextScope as T } from "./index.es477.js";
-import { useControllableState as I } from "./index.es482.js";
-import { usePrevious as M } from "./index.es503.js";
-import { useSize as H } from "./index.es504.js";
-import { Primitive as P } from "./index.es487.js";
+import { composeEventHandlers as N } from "./index.es476.js";
+import { useComposedRefs as x } from "./index.es475.js";
+import { createContextScope as T } from "./index.es474.js";
+import { useControllableState as I } from "./index.es485.js";
+import { usePrevious as M } from "./index.es596.js";
+import { useSize as H } from "./index.es597.js";
+import { Primitive as P } from "./index.es490.js";
 import { j as u } from "./index.es237.js";
 var h = "Switch", [A] = T(h), [U, q] = A(h), R = r.forwardRef(
   (t, a) => {

package/dist/index.es445.js

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es616.js";
-import { scrollAreaPropDefs as r } from "./index.es628.js";
-import { extractMarginProps as E } from "./index.es629.js";
-import { getMarginStyles as z } from "./index.es630.js";
-import { getResponsiveClassNames as i } from "./index.es631.js";
-import { getSubtree as C } from "./index.es632.js";
-import { mergeStyles as R } from "./index.es633.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es634.js";
+import l from "./index.es630.js";
+import { scrollAreaPropDefs as r } from "./index.es642.js";
+import { extractMarginProps as E } from "./index.es643.js";
+import { getMarginStyles as z } from "./index.es644.js";
+import { getResponsiveClassNames as i } from "./index.es645.js";
+import { getSubtree as C } from "./index.es646.js";
+import { mergeStyles as R } from "./index.es647.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es648.js";
 const D = e.forwardRef((p, u) => {
   const { rest: d, ...f } = E(p), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
   return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement($, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));

package/dist/index.es455.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es465.js";
+import { __exports as e } from "./index.es462.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es456.js

@@ -1,4 +1,4 @@
-import { __exports as s } from "./index.es466.js";
+import { __exports as s } from "./index.es463.js";
 import J from "react";
 /**
  * @license React