@anoki/fse-ui 1.0.625 → 1.0.627

package/dist/index.cjs94.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs94.js","sources":["../src/components/ui/AuthorBlock/index.tsx"],"sourcesContent":["import { Avatar, AvatarSize } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./AuthorBlock.scss\";\nimport { Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype CardDoctorProps = {\n  titleTag?: HeadingLevel;\n  authorName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  avatarSize?: AvatarSize;\n  publishedLabel?: string;\n  publishedDate?: string;\n  readingTimeLabel?: string;\n  readingTimeValue?: string;\n  readingMinuteLabel?: string;\n};\n\nexport const AuthorBlock = ({\n  titleTag: TitleTag = \"h3\",\n  authorName,\n  avatar,\n  avatarSize = \"3\",\n  publishedLabel = \"Pubblicato il\",\n  publishedDate = \"-\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingTimeValue = \"0\",\n  readingMinuteLabel = \"minuti\",\n}: CardDoctorProps) => {\n  return (\n    <article className=\"bg-white br-x4 ui-card-doctor\">\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size={avatarSize}\n          />\n        )}\n\n        <div className={\"text-slate-28\"}>\n          <TitleTag className=\"fs-5 md-fs-custom fw-semibold \">\n            {authorName}\n          </TitleTag>\n          <div className={\"base-row gap-x8 fs-6 text-slate-28\"}>\n            <div className={\"item-block\"}>\n              <p className=\"fw-regular\">{publishedLabel}</p>\n              <p className={\"fw-bold\"}>{publishedDate}</p>\n            </div>\n\n            <div className={\"item-block ui-author-divider\"}>\n              <p className=\"fw-regular \">{readingTimeLabel}</p>\n              <p className={\"fw-bold\"}>\n                {readingTimeValue} {readingMinuteLabel}\n              </p>\n            </div>\n          </div>\n        </div>\n      </Row>\n    </article>\n  );\n};\n"],"names":["AuthorBlock","TitleTag","authorName","avatar","avatarSize","publishedLabel","publishedDate","readingTimeLabel","readingTimeValue","readingMinuteLabel","jsx","jsxs","Row","Avatar"],"mappings":"mNAsBaA,EAAc,CAAC,CAC1B,SAAUC,EAAW,KACrB,WAAAC,EACA,OAAAC,EACA,WAAAC,EAAa,IACb,eAAAC,EAAiB,gBACjB,cAAAC,EAAgB,IAChB,iBAAAC,EAAmB,mBACnB,iBAAAC,EAAmB,IACnB,mBAAAC,EAAqB,QACvB,IAEIC,EAAAA,kBAAAA,IAAC,UAAQ,CAAA,UAAU,gCACjB,SAAAC,yBAACC,EAAAA,IAAI,CAAA,GAAI,SAAU,IAAK,MAAO,UAAU,qBACtC,SAAA,CACCT,GAAAO,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,WAAWV,GAAA,YAAAA,EAAQ,YAAa,WAChC,IAAIA,GAAA,YAAAA,EAAQ,KAAM,gBAClB,UAAUA,GAAA,YAAAA,EAAQ,WAAY,GAC9B,UAAU,wBACV,KAAMC,CAAA,CACR,EAGFO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,gBACd,SAAA,CAACD,EAAA,kBAAA,IAAAT,EAAA,CAAS,UAAU,iCACjB,SACHC,EAAA,EACAS,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,qCACd,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,aACd,SAAA,CAACD,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,aAAc,SAAeL,EAAA,EACzCK,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,UAAY,SAAcJ,CAAA,CAAA,CAAA,EAC1C,EAEAK,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,+BACd,SAAA,CAACD,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,cAAe,SAAiBH,EAAA,EAC7CI,EAAAA,kBAAAA,KAAC,IAAE,CAAA,UAAW,UACX,SAAA,CAAAH,EAAiB,IAAEC,CAAA,CACtB,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA"}
+{"version":3,"file":"index.cjs94.js","sources":["../src/components/ui/AuthorBlock/index.tsx"],"sourcesContent":["import { Avatar, AvatarSize } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./AuthorBlock.scss\";\nimport { Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype CardDoctorProps = {\n  titleTag?: HeadingLevel;\n  authorName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  avatarSize?: AvatarSize;\n  publishedLabel?: string;\n  publishedDate?: string;\n  readingTimeLabel?: string;\n  readingTimeValue?: number;\n  readingMinuteLabel?: string;\n};\n\nexport const AuthorBlock = ({\n  titleTag: TitleTag = \"h3\",\n  authorName,\n  avatar,\n  avatarSize = \"3\",\n  publishedLabel = \"Pubblicato il\",\n  publishedDate = \"-\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingTimeValue = 0,\n  readingMinuteLabel = \"minuti\",\n}: CardDoctorProps) => {\n  return (\n    <article className=\"bg-white br-x4 ui-card-doctor\">\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size={avatarSize}\n          />\n        )}\n\n        <div className={\"text-slate-28\"}>\n          <TitleTag className=\"fs-5 md-fs-custom fw-semibold \">\n            {authorName}\n          </TitleTag>\n          <div className={\"base-row gap-x8 fs-6 text-slate-28\"}>\n            <div className={\"item-block\"}>\n              <p className=\"fw-regular\">{publishedLabel}</p>\n              <p className={\"fw-bold\"}>{publishedDate}</p>\n            </div>\n\n            <div className={\"item-block ui-author-divider\"}>\n              <p className=\"fw-regular \">{readingTimeLabel}</p>\n              <p className={\"fw-bold\"}>\n                {readingTimeValue} {readingMinuteLabel}\n              </p>\n            </div>\n          </div>\n        </div>\n      </Row>\n    </article>\n  );\n};\n"],"names":["AuthorBlock","TitleTag","authorName","avatar","avatarSize","publishedLabel","publishedDate","readingTimeLabel","readingTimeValue","readingMinuteLabel","jsx","jsxs","Row","Avatar"],"mappings":"mNAsBaA,EAAc,CAAC,CAC1B,SAAUC,EAAW,KACrB,WAAAC,EACA,OAAAC,EACA,WAAAC,EAAa,IACb,eAAAC,EAAiB,gBACjB,cAAAC,EAAgB,IAChB,iBAAAC,EAAmB,mBACnB,iBAAAC,EAAmB,EACnB,mBAAAC,EAAqB,QACvB,IAEIC,EAAAA,kBAAAA,IAAC,UAAQ,CAAA,UAAU,gCACjB,SAAAC,yBAACC,EAAAA,IAAI,CAAA,GAAI,SAAU,IAAK,MAAO,UAAU,qBACtC,SAAA,CACCT,GAAAO,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,WAAWV,GAAA,YAAAA,EAAQ,YAAa,WAChC,IAAIA,GAAA,YAAAA,EAAQ,KAAM,gBAClB,UAAUA,GAAA,YAAAA,EAAQ,WAAY,GAC9B,UAAU,wBACV,KAAMC,CAAA,CACR,EAGFO,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,gBACd,SAAA,CAACD,EAAA,kBAAA,IAAAT,EAAA,CAAS,UAAU,iCACjB,SACHC,EAAA,EACAS,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,qCACd,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,aACd,SAAA,CAACD,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,aAAc,SAAeL,EAAA,EACzCK,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,UAAY,SAAcJ,CAAA,CAAA,CAAA,EAC1C,EAEAK,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAW,+BACd,SAAA,CAACD,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,cAAe,SAAiBH,EAAA,EAC7CI,EAAAA,kBAAAA,KAAC,IAAE,CAAA,UAAW,UACX,SAAA,CAAAH,EAAiB,IAAEC,CAAA,CACtB,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA"}

package/dist/index.d.ts

@@ -176,24 +176,9 @@ export declare const Attachment: ({ width, height, className, color, }: IconProp
 
 export declare const AuthorBlock: ({ titleTag: TitleTag, authorName, avatar, avatarSize, publishedLabel, publishedDate, readingTimeLabel, readingTimeValue, readingMinuteLabel, }: CardDoctorProps_2) => JSX.Element;
 
-export declare const AuthorWithImage: ({ service, ImageComponent, imageProps, variant, publishedLabel, readingTimeLabel, readingMinuteLabel, tagsLabelTitle, shareLabel, copyLinkLabel, copiedTextLabel, isPreview, }: AuthorWithImageProps) => JSX.Element;
-
-declare interface AuthorWithImageProps {
-    service: {
-        name: string;
-        previewImageUrl?: string;
-        previewImageTitle?: string;
-        updatedBy?: {
-            name?: string;
-            surname?: string;
-        };
-        updatedAt?: string;
-        readingTime?: string;
-        eventTitle?: string;
-        eventDescription?: string;
-        eventDescriptionTitle?: string;
-        tags?: string[];
-    };
+export declare const AuthorWithImage: ({ data, ImageComponent, imageProps, variant, publishedLabel, readingTimeLabel, readingMinuteLabel, tagsLabelTitle, shareLabel, copyLinkLabel, copiedTextLabel, isPreview, }: AuthorWithImageProps) => JSX.Element;
+
+declare interface AuthorWithImageCommonProps {
     publishedLabel?: string;
     readingTimeLabel?: string;
     readingMinuteLabel?: string;
@@ -203,10 +188,11 @@ declare interface AuthorWithImageProps {
     copiedTextLabel?: string;
     ImageComponent?: "img" | React.ComponentType<any>;
     imageProps?: Record<string, any>;
-    variant?: VariantType;
     isPreview?: boolean;
 }
 
+export declare type AuthorWithImageProps = ServiceProps | EventProps;
+
 export declare const Avatar: ({ initials, bg, textColor, size, className, }: AvatarProps) => JSX.Element;
 
 declare type AvatarProps = {
@@ -283,6 +269,18 @@ declare type BaseModalProps = {
     children: React.ReactNode;
 };
 
+declare type BaseServiceProps = {
+    name: string;
+    previewImageUrl?: string;
+    previewImageTitle?: string;
+    updatedBy?: {
+        name?: string;
+        surname?: string;
+    };
+    updatedAt?: string;
+    readingTime?: number;
+};
+
 export declare function Blockquote({ text, author, variant, }: BlockquoteProps): JSX.Element;
 
 export declare type BlockquoteProps = {
@@ -439,7 +437,7 @@ declare type CardDoctorProps_2 = {
     publishedLabel?: string;
     publishedDate?: string;
     readingTimeLabel?: string;
-    readingTimeValue?: string;
+    readingTimeValue?: number;
     readingMinuteLabel?: string;
 };
 
@@ -1032,6 +1030,13 @@ declare type EntryButtonProps = {
 
 export declare const ErrorExagon: ({ width, height }: IconProps) => JSX.Element;
 
+declare type Event_2 = BaseServiceProps & {
+    eventTitle?: string;
+    eventDescription?: string;
+    eventDescriptionTitle?: string;
+    tags?: string[];
+};
+
 declare interface EventCardProps {
     type?: string;
     title: string;
@@ -1040,6 +1045,11 @@ declare interface EventCardProps {
     link?: string;
 }
 
+declare type EventProps = {
+    data: Event_2;
+    variant: "event";
+} & AuthorWithImageCommonProps;
+
 export declare const ExternalLink: ({ width, height, className, color, }: IconProps) => JSX.Element;
 
 export declare const Favourite: ({ width, height, className, color, filled, }: IconProps) => JSX.Element;
@@ -1616,6 +1626,13 @@ declare type SectionProps = PropsWithChildren<{
     className?: string;
 }>;
 
+declare type Service_2 = BaseServiceProps;
+
+declare type ServiceProps = {
+    data: Service_2;
+    variant: "service";
+} & AuthorWithImageCommonProps;
+
 export declare const Services: ({ title, description, goToLabel, href, asLink, items, layout, className, }: ServicesProps) => JSX.Element;
 
 export declare const SERVICES_LAYOUTS: {
@@ -1902,8 +1919,6 @@ declare type TypographyProps = {
 
 declare type Variant = "primary" | "secondary";
 
-export declare type VariantType = "service" | "event" | "insight";
-
 export declare const VideoPlayer: ({ btnText, sizeComp, titleTag: TitleTag, image, asImage, }: VideoPlayerProps) => JSX.Element;
 
 declare type VideoPlayerProps = {

package/dist/index.es112.js

@@ -1,12 +1,12 @@
 import { j as a } from "./index.es196.js";
 import { Swiper as t, SwiperSlide as o } from "./index.es345.js";
-import n from "./index.es346.js";
-import c from "./index.es347.js";
+import c from "./index.es346.js";
+import n from "./index.es347.js";
 import './components/ui/Carousel/Carousel.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */
 /* empty css            */
-function b({ title: l, children: i = [] }) {
+function h({ title: l, children: i = [] }) {
   return /* @__PURE__ */ a.jsxs("section", { className: "carousel-wrapper", children: [
     l && /* @__PURE__ */ a.jsx("h2", { className: "carousel-title", children: l }),
     /* @__PURE__ */ a.jsx("div", { className: "carousel-outer-wrapper", children: /* @__PURE__ */ a.jsx(
@@ -14,7 +14,8 @@ function b({ title: l, children: i = [] }) {
       {
         className: "carousel-inner-wrapper",
         spaceBetween: 24,
-        modules: [n, c],
+        modules: [c, n],
+        watchSlidesProgress: !0,
         breakpoints: {
           0: {
             slidesPerView: 1,
@@ -29,7 +30,10 @@ function b({ title: l, children: i = [] }) {
             spaceBetween: 24
           }
         },
-        pagination: i.length > 3,
+        pagination: i.length > 3 ? {
+          enabled: !0,
+          clickable: !0
+        } : {},
         navigation: i.length > 3,
         onSwiper: (e) => console.log(e),
         onInit: (e) => {
@@ -54,6 +58,6 @@ function b({ title: l, children: i = [] }) {
   ] });
 }
 export {
-  b as Carousel
+  h as Carousel
 };
 //# sourceMappingURL=index.es112.js.map

package/dist/index.es112.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es112.js","sources":["../src/components/ui/Carousel/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { Navigation, Pagination } from \"swiper/modules\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/navigation\";\r\nimport \"swiper/css/pagination\";\r\nimport \"./Carousel.scss\";\r\n\r\ntype CarouselProps = {\r\n  title?: string;\r\n  children?: Array<ReactNode>;\r\n};\r\n\r\nexport function Carousel({ title, children = [] }: CarouselProps) {\r\n  return (\r\n    <section className=\"carousel-wrapper\">\r\n      {title && <h2 className=\"carousel-title\">{title}</h2>}\r\n      <div className=\"carousel-outer-wrapper\">\r\n        <Swiper\r\n          className=\"carousel-inner-wrapper\"\r\n          spaceBetween={24}\r\n          modules={[Navigation, Pagination]}\r\n          breakpoints={{\r\n            0: {\r\n              slidesPerView: 1,\r\n              spaceBetween: 24,\r\n            },\r\n            768: {\r\n              slidesPerView: 2,\r\n              spaceBetween: 24,\r\n            },\r\n            992: {\r\n              slidesPerView: 3,\r\n              spaceBetween: 24,\r\n            },\r\n          }}\r\n          pagination={children.length > 3}\r\n          navigation={children.length > 3}\r\n          onSwiper={(swiper) => console.log(swiper)}\r\n          onInit={(swiper) => {\r\n            swiper.slides\r\n              .slice(\r\n                swiper.activeIndex,\r\n                swiper.activeIndex + Number(swiper.params.slidesPerView),\r\n              )\r\n              .forEach((slide, index) => {\r\n                slide.classList.remove(\"lastViewableSlide\");\r\n                if ((index + 1) % Number(swiper.params.slidesPerView) === 0) {\r\n                  slide.classList.add(\"lastViewableSlide\");\r\n                }\r\n              });\r\n          }}\r\n          onSlideChange={(swiper) => {\r\n            swiper.slides\r\n              .slice(\r\n                swiper.activeIndex,\r\n                swiper.activeIndex + Number(swiper.params.slidesPerView),\r\n              )\r\n              .forEach((slide, index) => {\r\n                slide.classList.remove(\"lastViewableSlide\");\r\n                if ((index + 1) % Number(swiper.params.slidesPerView) === 0) {\r\n                  slide.classList.add(\"lastViewableSlide\");\r\n                }\r\n              });\r\n          }}\r\n        >\r\n          {children.map((child, index) => (\r\n            <SwiperSlide className=\"swiper-slide-custom\" key={index}>\r\n              {child}\r\n            </SwiperSlide>\r\n          ))}\r\n        </Swiper>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["Carousel","title","children","jsxs","jsx","Swiper","Navigation","Pagination","swiper","slide","index","child","SwiperSlide"],"mappings":";;;;;;;;AAaO,SAASA,EAAS,EAAE,OAAAC,GAAO,UAAAC,IAAW,MAAqB;AAE9D,SAAAC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,oBAChB,UAAA;AAAA,IAAAF,KAAUG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,kBAAkB,UAAMH,GAAA;AAAA,IAChDG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,0BACb,UAAAA,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAc;AAAA,QACd,SAAS,CAACC,GAAYC,CAAU;AAAA,QAChC,aAAa;AAAA,UACX,GAAG;AAAA,YACD,eAAe;AAAA,YACf,cAAc;AAAA,UAChB;AAAA,UACA,KAAK;AAAA,YACH,eAAe;AAAA,YACf,cAAc;AAAA,UAChB;AAAA,UACA,KAAK;AAAA,YACH,eAAe;AAAA,YACf,cAAc;AAAA,UAAA;AAAA,QAElB;AAAA,QACA,YAAYL,EAAS,SAAS;AAAA,QAC9B,YAAYA,EAAS,SAAS;AAAA,QAC9B,UAAU,CAACM,MAAW,QAAQ,IAAIA,CAAM;AAAA,QACxC,QAAQ,CAACA,MAAW;AAClB,UAAAA,EAAO,OACJ;AAAA,YACCA,EAAO;AAAA,YACPA,EAAO,cAAc,OAAOA,EAAO,OAAO,aAAa;AAAA,UAAA,EAExD,QAAQ,CAACC,GAAOC,MAAU;AACnB,YAAAD,EAAA,UAAU,OAAO,mBAAmB,IACrCC,IAAQ,KAAK,OAAOF,EAAO,OAAO,aAAa,MAAM,KAClDC,EAAA,UAAU,IAAI,mBAAmB;AAAA,UACzC,CACD;AAAA,QACL;AAAA,QACA,eAAe,CAACD,MAAW;AACzB,UAAAA,EAAO,OACJ;AAAA,YACCA,EAAO;AAAA,YACPA,EAAO,cAAc,OAAOA,EAAO,OAAO,aAAa;AAAA,UAAA,EAExD,QAAQ,CAACC,GAAOC,MAAU;AACnB,YAAAD,EAAA,UAAU,OAAO,mBAAmB,IACrCC,IAAQ,KAAK,OAAOF,EAAO,OAAO,aAAa,MAAM,KAClDC,EAAA,UAAU,IAAI,mBAAmB;AAAA,UACzC,CACD;AAAA,QACL;AAAA,QAEC,UAAAP,EAAS,IAAI,CAACS,GAAOD,MACnBN,gBAAAA,EAAA,IAAAQ,GAAA,EAAY,WAAU,uBACpB,UAD+CD,EAAA,GAAAD,CAElD,CACD;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es112.js","sources":["../src/components/ui/Carousel/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { Navigation, Pagination } from \"swiper/modules\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/navigation\";\r\nimport \"swiper/css/pagination\";\r\nimport \"./Carousel.scss\";\r\n\r\ntype CarouselProps = {\r\n  title?: string;\r\n  children?: Array<ReactNode>;\r\n};\r\n\r\nexport function Carousel({ title, children = [] }: CarouselProps) {\r\n  return (\r\n    <section className=\"carousel-wrapper\">\r\n      {title && <h2 className=\"carousel-title\">{title}</h2>}\r\n      <div className=\"carousel-outer-wrapper\">\r\n        <Swiper\r\n          className=\"carousel-inner-wrapper\"\r\n          spaceBetween={24}\r\n          modules={[Navigation, Pagination]}\r\n          watchSlidesProgress\r\n          breakpoints={{\r\n            0: {\r\n              slidesPerView: 1,\r\n              spaceBetween: 24,\r\n            },\r\n            768: {\r\n              slidesPerView: 2,\r\n              spaceBetween: 24,\r\n            },\r\n            992: {\r\n              slidesPerView: 3,\r\n              spaceBetween: 24,\r\n            },\r\n          }}\r\n          pagination={\r\n            children.length > 3\r\n              ? {\r\n                  enabled: true,\r\n                  clickable: true,\r\n                }\r\n              : {}\r\n          }\r\n          navigation={children.length > 3}\r\n          onSwiper={(swiper) => console.log(swiper)}\r\n          onInit={(swiper) => {\r\n            swiper.slides\r\n              .slice(\r\n                swiper.activeIndex,\r\n                swiper.activeIndex + Number(swiper.params.slidesPerView),\r\n              )\r\n              .forEach((slide, index) => {\r\n                slide.classList.remove(\"lastViewableSlide\");\r\n                if ((index + 1) % Number(swiper.params.slidesPerView) === 0) {\r\n                  slide.classList.add(\"lastViewableSlide\");\r\n                }\r\n              });\r\n          }}\r\n          onSlideChange={(swiper) => {\r\n            swiper.slides\r\n              .slice(\r\n                swiper.activeIndex,\r\n                swiper.activeIndex + Number(swiper.params.slidesPerView),\r\n              )\r\n              .forEach((slide, index) => {\r\n                slide.classList.remove(\"lastViewableSlide\");\r\n                if ((index + 1) % Number(swiper.params.slidesPerView) === 0) {\r\n                  slide.classList.add(\"lastViewableSlide\");\r\n                }\r\n              });\r\n          }}\r\n        >\r\n          {children.map((child, index) => (\r\n            <SwiperSlide className=\"swiper-slide-custom\" key={index}>\r\n              {child}\r\n            </SwiperSlide>\r\n          ))}\r\n        </Swiper>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["Carousel","title","children","jsxs","jsx","Swiper","Navigation","Pagination","swiper","slide","index","child","SwiperSlide"],"mappings":";;;;;;;;AAaO,SAASA,EAAS,EAAE,OAAAC,GAAO,UAAAC,IAAW,MAAqB;AAE9D,SAAAC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,oBAChB,UAAA;AAAA,IAAAF,KAAUG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,kBAAkB,UAAMH,GAAA;AAAA,IAChDG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,0BACb,UAAAA,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,cAAc;AAAA,QACd,SAAS,CAACC,GAAYC,CAAU;AAAA,QAChC,qBAAmB;AAAA,QACnB,aAAa;AAAA,UACX,GAAG;AAAA,YACD,eAAe;AAAA,YACf,cAAc;AAAA,UAChB;AAAA,UACA,KAAK;AAAA,YACH,eAAe;AAAA,YACf,cAAc;AAAA,UAChB;AAAA,UACA,KAAK;AAAA,YACH,eAAe;AAAA,YACf,cAAc;AAAA,UAAA;AAAA,QAElB;AAAA,QACA,YACEL,EAAS,SAAS,IACd;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,QAAA,IAEb,CAAC;AAAA,QAEP,YAAYA,EAAS,SAAS;AAAA,QAC9B,UAAU,CAACM,MAAW,QAAQ,IAAIA,CAAM;AAAA,QACxC,QAAQ,CAACA,MAAW;AAClB,UAAAA,EAAO,OACJ;AAAA,YACCA,EAAO;AAAA,YACPA,EAAO,cAAc,OAAOA,EAAO,OAAO,aAAa;AAAA,UAAA,EAExD,QAAQ,CAACC,GAAOC,MAAU;AACnB,YAAAD,EAAA,UAAU,OAAO,mBAAmB,IACrCC,IAAQ,KAAK,OAAOF,EAAO,OAAO,aAAa,MAAM,KAClDC,EAAA,UAAU,IAAI,mBAAmB;AAAA,UACzC,CACD;AAAA,QACL;AAAA,QACA,eAAe,CAACD,MAAW;AACzB,UAAAA,EAAO,OACJ;AAAA,YACCA,EAAO;AAAA,YACPA,EAAO,cAAc,OAAOA,EAAO,OAAO,aAAa;AAAA,UAAA,EAExD,QAAQ,CAACC,GAAOC,MAAU;AACnB,YAAAD,EAAA,UAAU,OAAO,mBAAmB,IACrCC,IAAQ,KAAK,OAAOF,EAAO,OAAO,aAAa,MAAM,KAClDC,EAAA,UAAU,IAAI,mBAAmB;AAAA,UACzC,CACD;AAAA,QACL;AAAA,QAEC,UAAAP,EAAS,IAAI,CAACS,GAAOD,MACnBN,gBAAAA,EAAA,IAAAQ,GAAA,EAAY,WAAU,uBACpB,UAD+CD,EAAA,GAAAD,CAElD,CACD;AAAA,MAAA;AAAA,IAAA,EAEL,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es200.js

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

package/dist/index.es207.js

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

package/dist/index.es225.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es368.js";
-import { composeRefs as E } from "./index.es366.js";
-import { createContextScope as S } from "./index.es367.js";
-import { useControllableState as P } from "./index.es369.js";
-import { Primitive as y } from "./index.es373.js";
-import { createMenuScope as D, 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.es374.js";
-import { useId as g } from "./index.es375.js";
+import { composeEventHandlers as m } from "./index.es362.js";
+import { composeRefs as E } from "./index.es363.js";
+import { createContextScope as S } from "./index.es364.js";
+import { useControllableState as P } from "./index.es365.js";
+import { Primitive as y } from "./index.es366.js";
+import { createMenuScope as D, 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.es367.js";
+import { useId as g } from "./index.es368.js";
 import { j as a } from "./index.es196.js";
 var M = "DropdownMenu", [z, bo] = S(
   M,

package/dist/index.es229.js

@@ -3,7 +3,7 @@ import { Button as m } from "./index.es25.js";
 import { HeaderTopBanner as y } from "./index.es21.js";
 import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
 import { clsx as r } from "./index.es198.js";
-import { useFocusTrap as N } from "./index.es362.js";
+import { useFocusTrap as N } from "./index.es370.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";

package/dist/index.es236.js

@@ -1,12 +1,12 @@
 import * as n from "react";
-import { useComposedRefs as N } from "./index.es366.js";
-import { createContextScope as M } from "./index.es367.js";
-import { composeEventHandlers as S } from "./index.es368.js";
-import { useControllableState as O } from "./index.es369.js";
-import { usePrevious as A } from "./index.es370.js";
-import { useSize as B } from "./index.es371.js";
-import { Presence as H } from "./index.es372.js";
-import { Primitive as j } from "./index.es373.js";
+import { useComposedRefs as N } from "./index.es363.js";
+import { createContextScope as M } from "./index.es364.js";
+import { composeEventHandlers as S } from "./index.es362.js";
+import { useControllableState as O } from "./index.es365.js";
+import { usePrevious as A } from "./index.es373.js";
+import { useSize as B } from "./index.es374.js";
+import { Presence as H } from "./index.es375.js";
+import { Primitive as j } from "./index.es366.js";
 import { j as f } from "./index.es196.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
   (e, l) => {

package/dist/index.es246.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as s } from "./index.es392.js";
+import { useCopyToClipboard as s } from "./index.es396.js";
 import { useState as i } from "react";
 const d = () => {
   const [e, t] = s(), [p, o] = i(!1);

package/dist/index.es253.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es368.js";
-import { useComposedRefs as C } from "./index.es366.js";
-import { createContextScope as B, createContext as H } from "./index.es367.js";
-import { useId as x } from "./index.es375.js";
-import { useControllableState as V } from "./index.es369.js";
-import { DismissableLayer as q } from "./index.es378.js";
-import { FocusScope as K } from "./index.es379.js";
-import { Portal as U } from "./index.es380.js";
-import { Presence as R } from "./index.es372.js";
-import { Primitive as m } from "./index.es373.js";
-import { useFocusGuards as Y } from "./index.es381.js";
-import Z from "./index.es382.js";
-import { hideOthers as z } from "./index.es383.js";
-import { createSlot as J } from "./index.es384.js";
+import { composeEventHandlers as p } from "./index.es362.js";
+import { useComposedRefs as C } from "./index.es363.js";
+import { createContextScope as B, createContext as H } from "./index.es364.js";
+import { useId as x } from "./index.es368.js";
+import { useControllableState as V } from "./index.es365.js";
+import { DismissableLayer as q } from "./index.es385.js";
+import { FocusScope as K } from "./index.es386.js";
+import { Portal as U } from "./index.es387.js";
+import { Presence as R } from "./index.es375.js";
+import { Primitive as m } from "./index.es366.js";
+import { useFocusGuards as Y } from "./index.es388.js";
+import Z from "./index.es389.js";
+import { hideOthers as z } from "./index.es390.js";
+import { createSlot as J } from "./index.es391.js";
 import { j as i } from "./index.es196.js";
 var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
   const {

package/dist/index.es260.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es196.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es261.js

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

package/dist/index.es265.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es196.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as DoctorModalFooter

package/dist/index.es270.js

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

package/dist/index.es272.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es196.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es280.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es368.js";
-import { useComposedRefs as _ } from "./index.es366.js";
-import { createContextScope as H } from "./index.es367.js";
-import { useControllableState as I } from "./index.es369.js";
-import { usePrevious as M } from "./index.es370.js";
-import { useSize as N } from "./index.es371.js";
-import { Primitive as w } from "./index.es373.js";
+import { composeEventHandlers as T } from "./index.es362.js";
+import { useComposedRefs as _ } from "./index.es363.js";
+import { createContextScope as H } from "./index.es364.js";
+import { useControllableState as I } from "./index.es365.js";
+import { usePrevious as M } from "./index.es373.js";
+import { useSize as N } from "./index.es374.js";
+import { Primitive as w } from "./index.es366.js";
 import { j as p } from "./index.es196.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es318.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es367.js";
-import { useComposedRefs as A } from "./index.es366.js";
+import { createContextScope as T } from "./index.es364.js";
+import { useComposedRefs as A } from "./index.es363.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.es253.js";
-import { composeEventHandlers as F } from "./index.es368.js";
-import { createSlottable as G } from "./index.es384.js";
+import { composeEventHandlers as F } from "./index.es362.js";
+import { createSlottable as G } from "./index.es391.js";
 import { j as i } from "./index.es196.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v