design-zystem 1.0.252 → 1.0.254

package/dist/index.d.mts

@@ -32,6 +32,8 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     justifyContent?: string;
     borderRadius?: string;
     border?: string;
+    /** Colored left accent bar (status/score encoding), painted over the box border. */
+    borderColor?: string;
     style?: CSSProperties;
 }
 declare const Box: ({ children, hasShadow, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
@@ -247,6 +249,7 @@ interface IconProps {
     height?: string;
     backgroundColor?: string;
     isRound?: boolean;
+    shadow?: string;
     onClick?: () => void;
     className?: string;
     style?: CSSProperties;
@@ -294,6 +297,10 @@ interface LinkProps {
 }
 declare const Link: ({ children, url, newTab, download, size, variant, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
 
+interface AvatarBadge {
+    name: string;
+    family?: 'solid' | 'regular' | 'light' | 'brands';
+}
 interface AvatarProps {
     name: string;
     src?: string | null;
@@ -301,8 +308,9 @@ interface AvatarProps {
     textColor?: string;
     size?: number;
     shape?: 'circle' | 'square';
+    badge?: AvatarBadge | null;
 }
-declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, }: AvatarProps) => react_jsx_runtime.JSX.Element;
+declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, badge, }: AvatarProps) => react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     label?: string;
@@ -974,35 +982,6 @@ interface TimelineProps {
  */
 declare const Timeline: ({ items, lineColor, emptyLabel, }: TimelineProps) => react_jsx_runtime.JSX.Element;
 
-interface BorderedRowProps {
-    /** Accent color (DZ color token) — used to encode a score/status/level. */
-    borderColor?: string;
-    /** Accent thickness in px. */
-    borderWidth?: number;
-    /** Background color (DZ color token). */
-    background?: string;
-    /** Inner padding. */
-    padding?: string;
-    /** Corner radius — pass "0" for flush table rows, default rounded card. */
-    borderRadius?: string;
-    /**
-     * Accent style:
-     * - 'edge' (default): full-height colored left border (flush rows / score bars).
-     * - 'bar': short rounded inset accent bar, centered (white card look).
-     */
-    accent?: 'edge' | 'bar';
-    /** Subtle 1px full border around the card (card look). */
-    bordered?: boolean;
-    children: ReactNode;
-    onClick?: () => void;
-}
-/**
- * Row/card with a colored accent, used to encode a status (recovery score,
- * feedback level…). Flush table rows: accent="edge" + borderRadius="0".
- * White cards: accent="bar" + bordered + background.
- */
-declare const BorderedRow: ({ borderColor, borderWidth, background, padding, borderRadius, accent, bordered, children, onClick, }: BorderedRowProps) => react_jsx_runtime.JSX.Element;
-
 /**
  * formatDate(date, type?, language?)
  * - language : fr/en/es/... (locale inferred), default "en"
@@ -1021,6 +1000,11 @@ declare const formatDistance: (distanceKm: number | string | null | undefined, l
 declare const formatDuration: (minutes: number | null | undefined, language?: string) => string;
 declare const truncateText: (text: string | null | undefined, maxLength?: number) => string;
 declare const truncateFileName: (fileName: string | null | undefined, maxLength?: number) => string;
+declare const formatEuro: (amount?: number | null) => string;
+declare const formatName: (person?: {
+    firstname?: string | null;
+    lastname?: string | null;
+} | null, fallback?: string) => string;
 
 /**
  * Optimiser image:
@@ -1049,4 +1033,4 @@ interface OptimizeImageOptions {
 }
 declare const optimizeImage: (file: File | null | undefined, desiredBaseName: string, opts?: OptimizeImageOptions) => Promise<OptimizeImageResult>;
 
-export { Accordion, type AccordionItem, Avatar, BorderedRow, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, ProgressBar, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, type SortOrder, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, type TableHeaderCellProps, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Timeline, type TimelineItem, Tooltip, colors, formatDate, formatDistance, formatDuration, optimizeImage, truncateFileName, truncateText };
+export { Accordion, type AccordionItem, Avatar, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, ProgressBar, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, type SortOrder, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, type TableHeaderCellProps, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Timeline, type TimelineItem, Tooltip, colors, formatDate, formatDistance, formatDuration, formatEuro, formatName, optimizeImage, truncateFileName, truncateText };

package/dist/index.d.ts

@@ -32,6 +32,8 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     justifyContent?: string;
     borderRadius?: string;
     border?: string;
+    /** Colored left accent bar (status/score encoding), painted over the box border. */
+    borderColor?: string;
     style?: CSSProperties;
 }
 declare const Box: ({ children, hasShadow, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
@@ -247,6 +249,7 @@ interface IconProps {
     height?: string;
     backgroundColor?: string;
     isRound?: boolean;
+    shadow?: string;
     onClick?: () => void;
     className?: string;
     style?: CSSProperties;
@@ -294,6 +297,10 @@ interface LinkProps {
 }
 declare const Link: ({ children, url, newTab, download, size, variant, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
 
+interface AvatarBadge {
+    name: string;
+    family?: 'solid' | 'regular' | 'light' | 'brands';
+}
 interface AvatarProps {
     name: string;
     src?: string | null;
@@ -301,8 +308,9 @@ interface AvatarProps {
     textColor?: string;
     size?: number;
     shape?: 'circle' | 'square';
+    badge?: AvatarBadge | null;
 }
-declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, }: AvatarProps) => react_jsx_runtime.JSX.Element;
+declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, badge, }: AvatarProps) => react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     label?: string;
@@ -974,35 +982,6 @@ interface TimelineProps {
  */
 declare const Timeline: ({ items, lineColor, emptyLabel, }: TimelineProps) => react_jsx_runtime.JSX.Element;
 
-interface BorderedRowProps {
-    /** Accent color (DZ color token) — used to encode a score/status/level. */
-    borderColor?: string;
-    /** Accent thickness in px. */
-    borderWidth?: number;
-    /** Background color (DZ color token). */
-    background?: string;
-    /** Inner padding. */
-    padding?: string;
-    /** Corner radius — pass "0" for flush table rows, default rounded card. */
-    borderRadius?: string;
-    /**
-     * Accent style:
-     * - 'edge' (default): full-height colored left border (flush rows / score bars).
-     * - 'bar': short rounded inset accent bar, centered (white card look).
-     */
-    accent?: 'edge' | 'bar';
-    /** Subtle 1px full border around the card (card look). */
-    bordered?: boolean;
-    children: ReactNode;
-    onClick?: () => void;
-}
-/**
- * Row/card with a colored accent, used to encode a status (recovery score,
- * feedback level…). Flush table rows: accent="edge" + borderRadius="0".
- * White cards: accent="bar" + bordered + background.
- */
-declare const BorderedRow: ({ borderColor, borderWidth, background, padding, borderRadius, accent, bordered, children, onClick, }: BorderedRowProps) => react_jsx_runtime.JSX.Element;
-
 /**
  * formatDate(date, type?, language?)
  * - language : fr/en/es/... (locale inferred), default "en"
@@ -1021,6 +1000,11 @@ declare const formatDistance: (distanceKm: number | string | null | undefined, l
 declare const formatDuration: (minutes: number | null | undefined, language?: string) => string;
 declare const truncateText: (text: string | null | undefined, maxLength?: number) => string;
 declare const truncateFileName: (fileName: string | null | undefined, maxLength?: number) => string;
+declare const formatEuro: (amount?: number | null) => string;
+declare const formatName: (person?: {
+    firstname?: string | null;
+    lastname?: string | null;
+} | null, fallback?: string) => string;
 
 /**
  * Optimiser image:
@@ -1049,4 +1033,4 @@ interface OptimizeImageOptions {
 }
 declare const optimizeImage: (file: File | null | undefined, desiredBaseName: string, opts?: OptimizeImageOptions) => Promise<OptimizeImageResult>;
 
-export { Accordion, type AccordionItem, Avatar, BorderedRow, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, ProgressBar, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, type SortOrder, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, type TableHeaderCellProps, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Timeline, type TimelineItem, Tooltip, colors, formatDate, formatDistance, formatDuration, optimizeImage, truncateFileName, truncateText };
+export { Accordion, type AccordionItem, Avatar, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, ProgressBar, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, type SortOrder, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, type TableHeaderCellProps, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Timeline, type TimelineItem, Tooltip, colors, formatDate, formatDistance, formatDuration, formatEuro, formatName, optimizeImage, truncateFileName, truncateText };

package/dist/index.js

@@ -61,7 +61,6 @@ var index_exports = {};
 __export(index_exports, {
   Accordion: () => Accordion,
   Avatar: () => Avatar,
-  BorderedRow: () => BorderedRow,
   Box: () => Box,
   Bubble: () => Bubble,
   Bulk: () => Bulk,
@@ -122,6 +121,8 @@ __export(index_exports, {
   formatDate: () => formatDate,
   formatDistance: () => formatDistance,
   formatDuration: () => formatDuration,
+  formatEuro: () => formatEuro,
+  formatName: () => formatName,
   optimizeImage: () => optimizeImage_default,
   truncateFileName: () => truncateFileName,
   truncateText: () => truncateText
@@ -330,6 +331,7 @@ var shouldForwardProp2 = (prop) => ![
   "hasShadow",
   "borderRadius",
   "border",
+  "borderColor",
   "height"
 ].includes(prop);
 var StyledBox = import_styled_components2.default.div.withConfig({ shouldForwardProp: shouldForwardProp2 })`
@@ -339,6 +341,7 @@ var StyledBox = import_styled_components2.default.div.withConfig({ shouldForward
   var _a;
   return (_a = props.border) != null ? _a : `1px solid ${colors.grey_300}`;
 }};
+  ${(props) => props.borderColor ? `border-left: 4px solid ${colors[props.borderColor] || props.borderColor};` : ""}
 
   border-radius: ${(props) => props.borderRadius || "8px"};
 
@@ -588,7 +591,8 @@ var shouldForwardProp3 = (prop) => ![
   "width",
   "height",
   "backgroundColor",
-  "isRound"
+  "isRound",
+  "shadow"
 ].includes(prop);
 var StyledIcon = import_styled_components6.default.i.withConfig({ shouldForwardProp: shouldForwardProp3 })`
   font-size: ${(props) => textSizes2[props.size] || props.size || "1em"};
@@ -606,6 +610,7 @@ var StyledIcon = import_styled_components6.default.i.withConfig({ shouldForwardP
   cursor: ${(props) => props.onClick ? "pointer" : "inherit"};
   background-color: ${(props) => colors[props.backgroundColor] || props.backgroundColor || "transparent"};
   border-radius: ${(props) => props.isRound ? "50%" : "0"};
+  text-shadow: ${(props) => props.shadow ? `0 0 6px ${colors[props.shadow] || props.shadow}` : "none"};
 `;
 var Icon = (props) => {
   const _a = props, {
@@ -1855,6 +1860,11 @@ var Image2 = (_a) => {
 
 // src/Components/Avatar/Avatar.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
+var Wrapper3 = import_styled_components16.default.div`
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+`;
 var Container = import_styled_components16.default.div`
   width: ${(props) => props.$size}px;
   height: ${(props) => props.$size}px;
@@ -1866,6 +1876,25 @@ var Container = import_styled_components16.default.div`
   flex-shrink: 0;
   overflow: hidden;
 `;
+var BadgeSlot = import_styled_components16.default.div`
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: ${(props) => Math.round(props.$size * 0.4)}px;
+  height: ${(props) => Math.round(props.$size * 0.4)}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${colors.white};
+  border-radius: 50%;
+  box-shadow: 0 2px 6px ${colors.blue_950}66;
+  line-height: 0;
+`;
+var BadgeIcon = import_styled_components16.default.i`
+  color: ${colors.blue_950};
+  font-size: ${(props) => Math.round(props.$size * 0.2)}px;
+  line-height: 2;
+`;
 var Initials = import_styled_components16.default.span`
   color: ${(props) => props.$textColor};
   font-weight: 600;
@@ -1884,33 +1913,44 @@ var Avatar = ({
   backgroundColor,
   textColor,
   size = 56,
-  shape = "circle"
+  shape = "circle",
+  badge
 }) => {
+  var _a;
   const [hasImageError, setHasImageError] = (0, import_react7.useState)(false);
   const resolvedBackground = resolveColor(backgroundColor, colors.grey_300);
   const resolvedText = resolveColor(textColor, colors.dark);
   const initials = getInitials(name);
   const sizePx = `${size}px`;
   const borderRadius = shape === "circle" ? "50%" : "4px";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    Container,
-    {
-      $size: size,
-      $shape: shape,
-      $backgroundColor: resolvedBackground,
-      children: src && !hasImageError ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        Image2,
-        {
-          src,
-          alt: name,
-          width: sizePx,
-          height: sizePx,
-          borderRadius,
-          onError: () => setHasImageError(true)
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Initials, { $textColor: resolvedText, $size: size, children: initials })
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Wrapper3, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      Container,
+      {
+        $size: size,
+        $shape: shape,
+        $backgroundColor: resolvedBackground,
+        children: src && !hasImageError ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          Image2,
+          {
+            src,
+            alt: name,
+            width: sizePx,
+            height: sizePx,
+            borderRadius,
+            onError: () => setHasImageError(true)
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Initials, { $textColor: resolvedText, $size: size, children: initials })
+      }
+    ),
+    badge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(BadgeSlot, { $size: size, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      BadgeIcon,
+      {
+        $size: size,
+        className: `fa-${(_a = badge.family) != null ? _a : "regular"} fa-${badge.name}`
+      }
+    ) })
+  ] });
 };
 
 // src/Components/Select/Select.tsx
@@ -2748,7 +2788,7 @@ var Radio = ({
 var import_react11 = require("react");
 var import_styled_components21 = __toESM(require("styled-components"));
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var Wrapper3 = import_styled_components21.default.div`
+var Wrapper4 = import_styled_components21.default.div`
   width: 100%;
   border-radius: 8px;
   overflow: hidden;
@@ -2835,7 +2875,7 @@ var Accordion = ({
     [disabled, activeItemId, isMultiControlled, onItemToggle]
   );
   if (items) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Wrapper3, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(ItemWrapper, { $bordered: bordered, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Wrapper4, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(ItemWrapper, { $bordered: bordered, children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         Header,
         {
@@ -3788,7 +3828,7 @@ var Options = ({
 var import_react19 = require("react");
 var import_styled_components37 = __toESM(require("styled-components"));
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var Wrapper4 = import_styled_components37.default.nav`
+var Wrapper5 = import_styled_components37.default.nav`
   width: 100%;
   display: flex;
   align-items: center;
@@ -3821,7 +3861,7 @@ var Stepper = ({
   size = 28,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Wrapper4, { "aria-label": "progression", className, children: Array.from({ length: numberOfSteps }, (_, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Wrapper5, { "aria-label": "progression", className, children: Array.from({ length: numberOfSteps }, (_, i) => {
     const isActive = i === current;
     const isCompleted = i < current;
     return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_react19.Fragment, { children: [
@@ -5387,7 +5427,7 @@ var CountBadge = import_styled_components45.default.span`
 var import_styled_components46 = __toESM(require("styled-components"));
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var clampPercent = (value) => Math.max(0, Math.min(100, value));
-var Wrapper5 = import_styled_components46.default.div`
+var Wrapper6 = import_styled_components46.default.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -5416,7 +5456,7 @@ var ProgressBar = ({
   showLabel = false
 }) => {
   const percent = clampPercent(value);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Wrapper5, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Wrapper6, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Track2, { $height: height, $trackColor: trackColor, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Fill, { $height: height, $color: color, $percent: percent }) }),
     showLabel && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Text, { size: "s", weight: "600", children: [
       Math.round(percent),
@@ -5489,61 +5529,6 @@ var Timeline = ({
   }) });
 };
 
-// src/Components/BorderedRow/BorderedRow.tsx
-var import_styled_components48 = __toESM(require("styled-components"));
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var Wrapper6 = import_styled_components48.default.div`
-  box-sizing: border-box;
-  position: relative;
-  width: 100%;
-  padding: ${({ $padding }) => $padding};
-  ${({ $accent, $borderWidth }) => $accent === "bar" ? `padding-left: ${$borderWidth + 16}px;` : ""}
-  border-radius: ${({ $borderRadius }) => $borderRadius};
-  background: ${({ $background }) => $background || "transparent"};
-  cursor: ${({ $clickable }) => $clickable ? "pointer" : "default"};
-  ${({ $bordered }) => $bordered ? `border: 1px solid ${colors.grey_300};` : ""}
-  ${({ $accent, $borderWidth, $borderColor }) => $accent === "edge" ? `border-left: ${$borderWidth}px solid ${$borderColor};` : ""}
-
-  ${({ $accent, $borderWidth, $borderColor }) => $accent === "bar" ? `
-    &::before {
-      content: '';
-      position: absolute;
-      left: 10px;
-      top: 50%;
-      transform: translateY(-50%);
-      height: 62%;
-      width: ${$borderWidth}px;
-      border-radius: ${$borderWidth}px;
-      background: ${$borderColor};
-    }
-  ` : ""}
-`;
-var BorderedRow = ({
-  borderColor = colors.blue_700,
-  borderWidth = 4,
-  background,
-  padding = "12px",
-  borderRadius = "8px",
-  accent = "edge",
-  bordered = false,
-  children,
-  onClick
-}) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-  Wrapper6,
-  {
-    $borderColor: borderColor,
-    $borderWidth: borderWidth,
-    $background: background,
-    $padding: padding,
-    $borderRadius: borderRadius,
-    $accent: accent,
-    $bordered: bordered,
-    $clickable: !!onClick,
-    onClick,
-    children
-  }
-);
-
 // src/data/globalMethods.ts
 var formatDate = (dateString, type = "date", language = "en") => {
   if (!dateString) return "";
@@ -5653,6 +5638,14 @@ var truncateFileName = (fileName, maxLength = 20) => {
   }
   return fileName;
 };
+var formatEuro = (amount) => `${(amount != null ? amount : 0).toLocaleString("fr-FR", {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+})} \u20AC`;
+var formatName = (person, fallback = "") => {
+  var _a, _b;
+  return person ? `${(_a = person.firstname) != null ? _a : ""} ${(_b = person.lastname) != null ? _b : ""}`.trim() || fallback : fallback;
+};
 
 // src/services/optimizeImage/optimizeImage.ts
 var hasDocument = () => typeof document !== "undefined";
@@ -5791,7 +5784,6 @@ var optimizeImage_default = optimizeImage;
 0 && (module.exports = {
   Accordion,
   Avatar,
-  BorderedRow,
   Box,
   Bubble,
   Bulk,
@@ -5852,6 +5844,8 @@ var optimizeImage_default = optimizeImage;
   formatDate,
   formatDistance,
   formatDuration,
+  formatEuro,
+  formatName,
   optimizeImage,
   truncateFileName,
   truncateText