@edifice.io/react 2.5.9-develop.20260130161524 → 2.5.9-feat-ENABLING-587.20260204164703

package/dist/components/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { UserProfile } from '@edifice.io/client';
+import { IWebApp, UserProfile } from '@edifice.io/client';
 export type BadgeRef = HTMLSpanElement;
 /** Badge variant : notification */
 export type NotificationBadgeVariant = {
@@ -31,10 +31,16 @@ export type LinkBadgeVariant = {
  * Beta Badge is used to indicate that a feature is in beta phase.
  * The color prop allows to customize the badge color to match the app color.
  * Defaults to black if not provided.
+ * Beta Badge has a fixed text 'BÊTA' unless children is provided.
+ * If app is provided, the color of the Beta Badge is derived from the application colors.
+ * Example:
+ * <Badge variant={{ type: 'beta', color: '#823AA1', app: myApp }} />
+ * where myApp is of type IWebApp.
  */
 export type BetaBadgeVariant = {
     type: 'beta';
     color?: string;
+    app?: IWebApp;
 };
 export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant | BetaBadgeVariant;
 export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {

package/dist/components/Badge/Badge.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
+import useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
 const Badge = /* @__PURE__ */ forwardRef(({
   className,
   variant = {
@@ -10,7 +11,18 @@ const Badge = /* @__PURE__ */ forwardRef(({
   children,
   ...restProps
 }, ref) => {
-  const classes = clsx("badge rounded-pill", (variant.type === "content" || variant.type === "user") && "background" in variant ? "bg-gray-200" : (variant.type === "content" || variant.type === "user") && !("background" in variant) ? "border border-0" : "", variant.type === "content" && `text-${variant.level}`, variant.type === "notification" && `badge-notification bg-${variant.level} text-light border border-0`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", className);
+  const {
+    getIconClass,
+    getBackgroundLightIconClass,
+    getBorderIconClass
+  } = useEdificeIcons();
+  let badgeColorClassName = "";
+  if (variant.type === "beta" && variant.app) {
+    const colorAppClassName = getIconClass(variant.app), backgroundLightAppClassName = getBackgroundLightIconClass(variant.app), borderAppClassName = getBorderIconClass(variant.app);
+    badgeColorClassName = `${colorAppClassName} ${backgroundLightAppClassName} ${borderAppClassName}`;
+  }
+  console.log(badgeColorClassName);
+  const classes = clsx("badge rounded-pill", (variant.type === "content" || variant.type === "user") && "background" in variant ? "bg-gray-200" : (variant.type === "content" || variant.type === "user") && !("background" in variant) ? "border border-0" : "", variant.type === "content" && `text-${variant.level}`, variant.type === "notification" && `badge-notification bg-${variant.level} text-light border border-0`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", variant.type === "beta" && badgeColorClassName, className);
   return /* @__PURE__ */ jsxs("span", { ref, className: classes, style: (() => {
     if (variant.type !== "beta") return;
     const color = variant.color ?? "#000000";

package/dist/components/MediaViewer/MediaViewer.d.ts

@@ -0,0 +1,17 @@
+import { MediaLibraryType } from 'src/modules/multimedia';
+export interface MediaProps {
+    name: string;
+    url: string;
+    type: MediaLibraryType;
+    mimeType?: string;
+}
+interface MediaViewerProps {
+    onClose: () => void;
+    media: MediaProps[];
+    indexMedia?: number;
+}
+declare const MediaViewer: {
+    ({ onClose, media, indexMedia }: MediaViewerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MediaViewer;

package/dist/components/MediaViewer/MediaViewer.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Carousel } from "antd";
+import ToolbarZoom from "./ToolbarZoom.js";
+import useZoom from "../../hooks/useZoom/useZoom.js";
+import ToolbarViewer from "./ToolbarViewer.js";
+import { useState, useEffect } from "react";
+import { MediaWrapper } from "./MediaWrapper.js";
+import Flex from "../Flex/Flex.js";
+const MediaViewer = ({
+  onClose,
+  media,
+  indexMedia = 0
+}) => {
+  const {
+    zoomIn,
+    zoomOut,
+    setScale,
+    scale
+  } = useZoom(1), [currentIndex, setCurrentIndex] = useState(indexMedia);
+  return useEffect(() => {
+    setCurrentIndex(indexMedia);
+  }, [indexMedia]), /* @__PURE__ */ jsxs("div", { className: "media-viewer", children: [
+    /* @__PURE__ */ jsx(ToolbarViewer, { onClose, mediaUrl: media[currentIndex].url, mediaName: media[currentIndex].name, nbMedia: media.length, currentIndex }),
+    /* @__PURE__ */ jsx(Flex, { className: "media-viewer-inner-overlay", onClick: onClose, children: /* @__PURE__ */ jsxs("div", { className: "media-viewer-inner", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsx(Carousel, { initialSlide: indexMedia, dots: !1, arrows: !0, draggable: !0, infinite: !1, afterChange: (current) => {
+        setCurrentIndex(current);
+      }, beforeChange: () => {
+        setScale(1);
+      }, children: media.map((item, index) => /* @__PURE__ */ jsx("div", { className: "viewer-slide", children: /* @__PURE__ */ jsx(MediaWrapper, { mediaUrl: item.url, mediaType: item.type, mimeType: item.mimeType, scale: index === currentIndex ? scale : 1 }) }, index)) }),
+      /* @__PURE__ */ jsx(ToolbarZoom, { zoomIn, zoomOut })
+    ] }) })
+  ] });
+};
+export {
+  MediaViewer as default
+};

package/dist/components/MediaViewer/MediaWrapper.d.ts

@@ -0,0 +1,7 @@
+import { MediaLibraryType } from 'src/modules/multimedia';
+export declare const MediaWrapper: ({ mediaUrl, mediaType, mimeType, scale, }: {
+    mediaUrl: string;
+    mediaType: MediaLibraryType;
+    mimeType?: string;
+    scale?: number;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/MediaViewer/MediaWrapper.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import SvgIconTextPage from "../../modules/icons/components/IconTextPage.js";
+import SvgIconLink from "../../modules/icons/components/IconLink.js";
+import SvgIconHeadphone from "../../modules/icons/components/IconHeadphone.js";
+import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
+import SvgIconExternalLink from "../../modules/icons/components/IconExternalLink.js";
+import { useTranslation } from "react-i18next";
+import PdfViewer from "./PdfViewer.js";
+import Flex from "../Flex/Flex.js";
+import Button from "../Button/Button.js";
+import Image from "../Image/Image.js";
+const MediaWrapper = ({
+  mediaUrl,
+  mediaType,
+  mimeType,
+  scale
+}) => {
+  const {
+    t
+  } = useTranslation(), imageMediaStyle = {
+    flex: "none",
+    height: "100%",
+    transform: `scale(${scale})`,
+    maxHeight: "70vh"
+  }, audioStyle = {
+    width: "100%",
+    maxWidth: "500px"
+  }, videoMediaStyle = {
+    height: "100%",
+    objectFit: "cover",
+    transform: `scale(${scale})`
+  }, iframeMediaStyle = {
+    width: "100%",
+    height: "600px",
+    maxWidth: "900px",
+    transform: `scale(${scale})`
+  };
+  switch (mediaType) {
+    case "image":
+      return /* @__PURE__ */ jsx(Image, { className: "rounded-2", src: mediaUrl, alt: mediaType, width: "100%", objectFit: "contain", style: imageMediaStyle });
+    case "audio":
+      return /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", style: {
+        height: "200px"
+      }, children: [
+        /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", className: "bg-gray-300 h-100 w-100 rounded-2 mb-8", style: {
+          maxWidth: "500px"
+        }, children: /* @__PURE__ */ jsx(SvgIconHeadphone, { width: 40, height: 40, color: "#B0B0B0" }) }),
+        /* @__PURE__ */ jsx("audio", { src: mediaUrl, className: "media-audio", controls: !0, style: audioStyle })
+      ] });
+    case "video":
+      return /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", children: /* @__PURE__ */ jsx("video", { src: mediaUrl, controls: !0, className: "media-video", style: videoMediaStyle }) });
+    case "embedder":
+      return /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", children: /* @__PURE__ */ jsx("iframe", { title: "Embedded media content", src: mediaUrl, className: "media-video", style: iframeMediaStyle }) });
+    case "hyperlink":
+    case "attachment":
+      return mimeType && mimeType === "application/pdf" ? /* @__PURE__ */ jsx(PdfViewer, { mediaUrl, scale }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", children: [
+        /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", className: "bg-gray-300 w-100 rounded-2 mb-8", style: {
+          maxWidth: "500px",
+          height: "200px"
+        }, children: mediaType === "hyperlink" ? /* @__PURE__ */ jsx(SvgIconLink, { width: 40, height: 40, color: "#B0B0B0" }) : /* @__PURE__ */ jsx(SvgIconTextPage, { width: 40, height: 40, color: "#B0B0B0" }) }),
+        /* @__PURE__ */ jsx("a", { className: "w-100 d-flex justify-content-center", href: mediaUrl, download: mediaType !== "hyperlink", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(Button, { className: "w-100", style: {
+          height: "40px",
+          maxWidth: "500px"
+        }, leftIcon: mediaType === "hyperlink" ? /* @__PURE__ */ jsx(SvgIconExternalLink, {}) : /* @__PURE__ */ jsx(SvgIconDownload, {}), color: "tertiary", children: t(mediaType === "hyperlink" ? "mediaWrapper.attachment.open" : "mediaWrapper.attachment.download") }) })
+      ] });
+    default:
+      return null;
+  }
+};
+export {
+  MediaWrapper
+};

package/dist/components/MediaViewer/PdfViewer.d.ts

@@ -0,0 +1,4 @@
+export default function PdfViewer({ mediaUrl, scale, }: {
+    mediaUrl: string;
+    scale?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/MediaViewer/PdfViewer.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+import { Document, Page } from "react-pdf";
+import LoadingScreen from "../LoadingScreen/LoadingScreen.js";
+function PdfViewer({
+  mediaUrl,
+  scale
+}) {
+  const [numPages, setNumPages] = useState(null), pagesRef = useRef([]), onDocumentLoadSuccess = ({
+    numPages: numPages2
+  }) => {
+    setNumPages(numPages2);
+  };
+  return /* @__PURE__ */ jsx("div", { style: {
+    width: `calc(600px * ${scale})`,
+    height: "calc(100vh - 52px)",
+    overflowY: "auto",
+    marginTop: "20px"
+  }, children: /* @__PURE__ */ jsx(Document, { file: mediaUrl, onLoadSuccess: onDocumentLoadSuccess, loading: /* @__PURE__ */ jsx(LoadingScreen, {}), children: Array.from(new Array(numPages), (_, index) => /* @__PURE__ */ jsx("div", { ref: (el) => pagesRef.current[index] = el, style: {
+    marginBottom: 32,
+    transformOrigin: "top center"
+  }, children: /* @__PURE__ */ jsx(Page, { className: "pdf-page", pageNumber: index + 1, renderTextLayer: !1, renderAnnotationLayer: !1, width: 600 * (scale ?? 1), loading: /* @__PURE__ */ jsx(LoadingScreen, {}) }) }, index)) }) });
+}
+export {
+  PdfViewer as default
+};

package/dist/components/MediaViewer/ToolbarViewer.d.ts

@@ -0,0 +1,7 @@
+export default function ToolbarViewer({ onClose, mediaName, mediaUrl, nbMedia, currentIndex, }: {
+    onClose: () => void;
+    mediaName: string;
+    nbMedia?: number;
+    mediaUrl?: string;
+    currentIndex: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/MediaViewer/ToolbarViewer.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import SvgIconClose from "../../modules/icons/components/IconClose.js";
+import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
+import SvgIconExternalLink from "../../modules/icons/components/IconExternalLink.js";
+import Flex from "../Flex/Flex.js";
+import IconButton from "../Button/IconButton.js";
+import SmartEllipsis from "../SmartEllipsis/SmartEllipsis.js";
+function ToolbarViewer({
+  onClose,
+  mediaName,
+  mediaUrl,
+  nbMedia,
+  currentIndex
+}) {
+  return useEffect(() => {
+    const handleKeyDown = (e) => {
+      e.key === "Escape" && onClose();
+    };
+    return window.addEventListener("keydown", handleKeyDown), () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [onClose]), /* @__PURE__ */ jsxs(Flex, { className: "media-viewer-toolbar p-8", align: "center", children: [
+    /* @__PURE__ */ jsxs(Flex, { gap: "8", align: "center", style: {
+      minWidth: "50%"
+    }, children: [
+      /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconClose, { color: "#fff" }), onClick: onClose, variant: "ghost" }),
+      /* @__PURE__ */ jsx(SmartEllipsis, { text: mediaName })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "8", align: "center", justify: "between", className: "w-100", children: [
+      nbMedia ? /* @__PURE__ */ jsx("p", { children: `${currentIndex + 1}/${nbMedia} ` }) : /* @__PURE__ */ jsx("p", { children: `${currentIndex + 1}` }),
+      mediaUrl && /* @__PURE__ */ jsxs(Flex, { className: "ms-8", gap: "8", align: "center", children: [
+        /* @__PURE__ */ jsx("a", { href: mediaUrl, download: !0, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconDownload, { color: "#fff" }), variant: "ghost" }) }),
+        /* @__PURE__ */ jsx("a", { href: mediaUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconExternalLink, { color: "#fff" }), variant: "ghost" }) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  ToolbarViewer as default
+};

package/dist/components/MediaViewer/ToolbarZoom.d.ts

@@ -0,0 +1,4 @@
+export default function ToolbarZoom({ zoomIn, zoomOut, }: {
+    zoomIn: () => void;
+    zoomOut: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/MediaViewer/ToolbarZoom.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import SvgIconMinus from "../../modules/icons/components/IconMinus.js";
+import SvgIconPlus from "../../modules/icons/components/IconPlus.js";
+import SvgIconZoomIn from "../../modules/icons/components/IconZoomIn.js";
+import Flex from "../Flex/Flex.js";
+import IconButton from "../Button/IconButton.js";
+function ToolbarZoom({
+  zoomIn,
+  zoomOut
+}) {
+  return /* @__PURE__ */ jsx(Flex, { justify: "center", className: "media-viewer-toolbar-zoom-container", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", className: "p-12 media-viewer-toolbar-zoom", align: "center", children: [
+    /* @__PURE__ */ jsx(IconButton, { variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconMinus, { color: "#fff" }), onClick: zoomOut }),
+    /* @__PURE__ */ jsx(SvgIconZoomIn, { color: "#fff", className: "m-4" }),
+    /* @__PURE__ */ jsx(IconButton, { variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconPlus, { color: "#fff" }), onClick: zoomIn })
+  ] }) });
+}
+export {
+  ToolbarZoom as default
+};

package/dist/components/MediaViewer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MediaViewer';
+export { default as MediaViewer } from './MediaViewer';

package/dist/components/PromotionCard/PromotionCard.d.ts

@@ -0,0 +1,74 @@
+export interface PromotionCardProps {
+    children: React.ReactNode;
+    borderColor?: string;
+    backgroundColor?: string;
+    className?: string;
+}
+/**
+ * Promotion Card component to display promotional features in a card format.
+ *
+ * The component PromotionCard is a Compound Component composed of:
+ * - PromotionCardHeader: information on the top right corner
+ * - PromotionCardIcon: Icon on the left side (background color and Icon)
+ * - PromotionCardBody:
+ *   - PromotionCardTitle: Card Title
+ *   - PromotionCardDescription: Card Description
+ *   - PromotionCardAction: Card Action (mainly a button with a onClick action)
+ *
+ * @example
+ * <PromotionCard>
+ *   <PromotionCard.Header backgroundColor="#faea9c">
+ *     header content
+ *   </PromotionCard.Header>
+ *   <PromotionCard.Icon
+ *     backgroundColor="#FFEFE3"
+ *     icon={<IconEdit color="#FF8D2E" />}
+ *   />
+ *   <PromotionCard.Body>
+ *     <PromotionCard.Title>Création Libre</PromotionCard.Title>
+ *     <PromotionCard.Description>
+ *       Vous n'avez pas peur de la "page blanche" ? Lancez-vous pour créer
+ *       votre cours ou votre document !
+ *     </PromotionCard.Description>
+ *     <PromotionCard.Actions>
+ *       <Button
+ *         color="tertiary"
+ *         variant="ghost"
+ *         size="sm"
+ *         onClick={() => {}}
+ *         leftIcon={<IconPlus />}
+ *       >
+ *         Nouvelle page
+ *       </Button>
+ *     </PromotionCard.Actions>
+ *   </PromotionCard.Body>
+ * </PromotionCard>
+ */
+export declare const Root: ({ children, borderColor, backgroundColor, className, }: PromotionCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const PromotionCard: (({ children, borderColor, backgroundColor, className, }: PromotionCardProps) => import("react/jsx-runtime").JSX.Element) & {
+    Header: {
+        ({ backgroundColor, textColor, children, className, }: import('./PromotionCardHeader').PromotionCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ children, textColor, className, }: import('./PromotionCardBody').PromotionCardBodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Icon: {
+        ({ icon, backgroundColor, className, }: import('./PromotionCardIcon').PromotionCardIconProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: {
+        ({ children, className, }: import('./PromotionCardTitle').PromotionCardTitleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ children, className, }: import('./PromotionCardDescription').PromotionCardDescriptionProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children, className, }: import('./PromotionCardFooter').PromotionCardFooterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export default PromotionCard;

package/dist/components/PromotionCard/PromotionCard.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import PromotionCardBody from "./PromotionCardBody.js";
+import PromotionCardDescription from "./PromotionCardDescription.js";
+import PromotionCardFooter from "./PromotionCardFooter.js";
+import PromotionCardHeader from "./PromotionCardHeader.js";
+import PromotionCardIcon from "./PromotionCardIcon.js";
+import PromotionCardTitle from "./PromotionCardTitle.js";
+import clsx from "clsx";
+const Root = ({
+  children,
+  borderColor,
+  backgroundColor,
+  className
+}) => {
+  const classNames = clsx("promotion-card", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    borderColor,
+    backgroundColor
+  }, children });
+}, PromotionCard = /* @__PURE__ */ Object.assign(Root, {
+  Header: PromotionCardHeader,
+  Body: PromotionCardBody,
+  Icon: PromotionCardIcon,
+  Title: PromotionCardTitle,
+  Description: PromotionCardDescription,
+  Footer: PromotionCardFooter
+});
+export {
+  Root,
+  PromotionCard as default
+};

package/dist/components/PromotionCard/PromotionCardBody.d.ts

@@ -0,0 +1,10 @@
+export interface PromotionCardBodyProps {
+    children: React.ReactNode;
+    textColor?: string;
+    className?: string;
+}
+declare const PromotionCardBody: {
+    ({ children, textColor, className, }: PromotionCardBodyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardBody;

package/dist/components/PromotionCard/PromotionCardBody.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const PromotionCardBody = ({
+  children,
+  textColor,
+  className
+}) => {
+  const classNames = clsx("promotion-card-body", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    color: textColor
+  }, children });
+};
+export {
+  PromotionCardBody as default
+};

package/dist/components/PromotionCard/PromotionCardDescription.d.ts

@@ -0,0 +1,9 @@
+export interface PromotionCardDescriptionProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const PromotionCardDescription: {
+    ({ children, className, }: PromotionCardDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardDescription;

package/dist/components/PromotionCard/PromotionCardDescription.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardDescription = ({
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-description", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, children });
+};
+export {
+  PromotionCardDescription as default
+};

package/dist/components/PromotionCard/PromotionCardFooter.d.ts

@@ -0,0 +1,9 @@
+export interface PromotionCardFooterProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const PromotionCardFooter: {
+    ({ children, className, }: PromotionCardFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardFooter;

package/dist/components/PromotionCard/PromotionCardFooter.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardFooter = ({
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-footer", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, children });
+};
+export {
+  PromotionCardFooter as default
+};

package/dist/components/PromotionCard/PromotionCardHeader.d.ts

@@ -0,0 +1,11 @@
+export interface PromotionCardHeaderProps {
+    children: React.ReactNode;
+    backgroundColor?: string;
+    textColor?: string;
+    className?: string;
+}
+declare const PromotionCardHeader: {
+    ({ backgroundColor, textColor, children, className, }: PromotionCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardHeader;

package/dist/components/PromotionCard/PromotionCardHeader.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardHeader = ({
+  backgroundColor,
+  textColor,
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-header", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    backgroundColor,
+    color: textColor
+  }, children });
+};
+export {
+  PromotionCardHeader as default
+};

package/dist/components/PromotionCard/PromotionCardIcon.d.ts

@@ -0,0 +1,10 @@
+export interface PromotionCardIconProps {
+    icon: React.ReactNode;
+    backgroundColor?: string;
+    className?: string;
+}
+declare const PromotionCardIcon: {
+    ({ icon, backgroundColor, className, }: PromotionCardIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardIcon;

package/dist/components/PromotionCard/PromotionCardIcon.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardIcon = ({
+  icon,
+  backgroundColor,
+  className
+}) => {
+  const classNames = clsx("promotion-card-icon", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    backgroundColor
+  }, children: icon });
+};
+export {
+  PromotionCardIcon as default
+};

package/dist/components/PromotionCard/PromotionCardTitle.d.ts

@@ -0,0 +1,9 @@
+export interface PromotionCardTitleProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const PromotionCardTitle: {
+    ({ children, className, }: PromotionCardTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default PromotionCardTitle;

package/dist/components/PromotionCard/PromotionCardTitle.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const PromotionCardTitle = ({
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-title", className);
+  return /* @__PURE__ */ jsx("h3", { className: classNames, children });
+};
+export {
+  PromotionCardTitle as default
+};

package/dist/components/PromotionCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PromotionCard } from './PromotionCard';
+export * from './PromotionCard';

package/dist/components/SmartEllipsis/SmartEllipsis.d.ts

@@ -0,0 +1,5 @@
+interface SmartEllipsisProps {
+    text: string;
+}
+export default function SmartEllipsis({ text }: SmartEllipsisProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SmartEllipsis/SmartEllipsis.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+function SmartEllipsis({
+  text
+}) {
+  const ref = useRef(null), [displayText, setDisplayText] = useState(text), updateText = () => {
+    const el = ref.current;
+    if (el)
+      if (el.textContent = text, el.scrollWidth > el.clientWidth) {
+        let startText = text.slice(0, Math.ceil(text.length / 2)), endText = text.slice(Math.ceil(text.length / 2));
+        for (; startText.length > 1 && endText.length > 1 && el.scrollWidth > el.clientWidth; )
+          startText = startText.slice(0, -1), endText = endText.slice(1), el.textContent = `${startText}…${endText}`;
+        setDisplayText(el.textContent);
+      } else
+        setDisplayText(text);
+  };
+  return useEffect(() => (updateText(), window.addEventListener("resize", updateText), () => window.removeEventListener("resize", updateText)), [text]), /* @__PURE__ */ jsx("span", { ref, className: "smart-ellipsis", children: displayText });
+}
+export {
+  SmartEllipsis as default
+};

package/dist/components/SmartEllipsis/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SmartEllipsis';
+export { default as SmartEllipsis } from './SmartEllipsis';

package/dist/components/index.d.ts

@@ -29,10 +29,12 @@ export * from './List';
 export * from './Loading';
 export * from './LoadingScreen';
 export * from './Logo';
+export * from './MediaViewer';
 export * from './Menu';
 export * from './Modal';
 export * from './Popover';
 export * from './PreventPropagation';
+export * from './PromotionCard';
 export * from './Radio';
 export * from './RadioCard';
 export * from './SearchBar';

package/dist/hooks/useEdificeIcons/useEdificeIcons.d.ts

@@ -3,6 +3,7 @@ export default function useEdificeIcons(): {
     getIconClass: (app: IWebApp | string) => string;
     getBackgroundIconClass: (app: IWebApp | string) => string;
     getBackgroundLightIconClass: (app: IWebApp | string) => string;
+    getBorderIconClass: (app: IWebApp | string) => string;
     getIconCode: (app: IWebApp | string | undefined) => string;
     getWidgetIconClass: (widget: IWidget) => string;
     isIconUrl: (icon: string) => string | boolean;