design-zystem 1.0.294 → 1.0.296

package/dist/index.d.mts

@@ -1219,6 +1219,7 @@ declare const GanttSwatch: ({ color, filled, }: {
  *   - "weekdayYear": short weekday + day + month + year
  *   - "weekdayTime": weekday/date + time (24h)
  *   - "longDate": day + full month + year, no weekday (ex: 16 mai 2024)
+ *   - "dayMonth": day + full month, no weekday (year only if different)
  *   - "dateISO": ISO format YYYY-MM-DD (timezone-safe for backend)
  */
 declare const formatDate: (dateString: Date | string | number | null | undefined, type?: string, language?: string) => string;
@@ -1261,6 +1262,8 @@ declare const optimizeImage: (file: File | null | undefined, desiredBaseName: st
 
 declare const getRelativeTime: (date: Date | string) => string;
 
+declare const getElapsedTime: (date: Date | string) => string;
+
 declare const formatTime: (time: string | null | undefined) => string;
 
 declare const easterDate: (year: number) => Date;
@@ -1314,6 +1317,19 @@ declare const getInitials: (author: AuthorLike | null | undefined) => string;
 
 declare const getAvatarColor: (key: string) => string;
 
+declare const PASTEL_COLORS: {
+    background: string;
+    text: string;
+}[];
+type PastelColorPair = (typeof PASTEL_COLORS)[number];
+/**
+ * Couleur d'avatar déterministe pour un nom, en pastel avec sa couleur de texte
+ * lisible. `generateHexColor` et `getAvatarColor` renvoient un hex saturé et
+ * seul : ils ne conviennent ni au rendu pastel attendu, ni aux props
+ * `backgroundColor` + `textColor` de l'`Avatar`.
+ */
+declare const getPastelColorPair: (firstName?: string, lastName?: string) => PastelColorPair;
+
 declare const formatNameWithInitial: (firstname: string | null, lastname: string | null) => string | null;
 
 declare const getFileNameFromUrl: (url: string | null | undefined, fallback?: string) => string;
@@ -1336,4 +1352,4 @@ declare const formatKM: (value: string | number | null | undefined) => string;
 
 declare const parseAmount: (value: string) => number | null;
 
-export { Accordion, type AccordionItem, Avatar, Banner, type BannerAction, type BannerProps, Box, Bubble, Bulk, Button, Card, type CardProps, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, type DatePickerProps, type DatePreset, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, 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, type ToastOptions, type ToastType, Toaster, Tooltip, addBusinessDays, appendCacheBuster, appendQueryParam, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText };
+export { Accordion, type AccordionItem, Avatar, Banner, type BannerAction, type BannerProps, Box, Bubble, Bulk, Button, Card, type CardProps, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, type DatePickerProps, type DatePreset, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, type PastelColorPair, 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, type ToastOptions, type ToastType, Toaster, Tooltip, addBusinessDays, appendCacheBuster, appendQueryParam, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText };

package/dist/index.d.ts

@@ -1219,6 +1219,7 @@ declare const GanttSwatch: ({ color, filled, }: {
  *   - "weekdayYear": short weekday + day + month + year
  *   - "weekdayTime": weekday/date + time (24h)
  *   - "longDate": day + full month + year, no weekday (ex: 16 mai 2024)
+ *   - "dayMonth": day + full month, no weekday (year only if different)
  *   - "dateISO": ISO format YYYY-MM-DD (timezone-safe for backend)
  */
 declare const formatDate: (dateString: Date | string | number | null | undefined, type?: string, language?: string) => string;
@@ -1261,6 +1262,8 @@ declare const optimizeImage: (file: File | null | undefined, desiredBaseName: st
 
 declare const getRelativeTime: (date: Date | string) => string;
 
+declare const getElapsedTime: (date: Date | string) => string;
+
 declare const formatTime: (time: string | null | undefined) => string;
 
 declare const easterDate: (year: number) => Date;
@@ -1314,6 +1317,19 @@ declare const getInitials: (author: AuthorLike | null | undefined) => string;
 
 declare const getAvatarColor: (key: string) => string;
 
+declare const PASTEL_COLORS: {
+    background: string;
+    text: string;
+}[];
+type PastelColorPair = (typeof PASTEL_COLORS)[number];
+/**
+ * Couleur d'avatar déterministe pour un nom, en pastel avec sa couleur de texte
+ * lisible. `generateHexColor` et `getAvatarColor` renvoient un hex saturé et
+ * seul : ils ne conviennent ni au rendu pastel attendu, ni aux props
+ * `backgroundColor` + `textColor` de l'`Avatar`.
+ */
+declare const getPastelColorPair: (firstName?: string, lastName?: string) => PastelColorPair;
+
 declare const formatNameWithInitial: (firstname: string | null, lastname: string | null) => string | null;
 
 declare const getFileNameFromUrl: (url: string | null | undefined, fallback?: string) => string;
@@ -1336,4 +1352,4 @@ declare const formatKM: (value: string | number | null | undefined) => string;
 
 declare const parseAmount: (value: string) => number | null;
 
-export { Accordion, type AccordionItem, Avatar, Banner, type BannerAction, type BannerProps, Box, Bubble, Bulk, Button, Card, type CardProps, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, type DatePickerProps, type DatePreset, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, 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, type ToastOptions, type ToastType, Toaster, Tooltip, addBusinessDays, appendCacheBuster, appendQueryParam, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText };
+export { Accordion, type AccordionItem, Avatar, Banner, type BannerAction, type BannerProps, Box, Bubble, Bulk, Button, Card, type CardProps, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, type DatePickerProps, type DatePreset, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, type PastelColorPair, 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, type ToastOptions, type ToastType, Toaster, Tooltip, addBusinessDays, appendCacheBuster, appendQueryParam, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText };

package/dist/index.js

@@ -151,11 +151,13 @@ __export(index_exports, {
   generateHexColor: () => generateHexColor,
   getAvatarColor: () => getAvatarColor,
   getCleanFileName: () => getCleanFileName,
+  getElapsedTime: () => getElapsedTime,
   getFileIconByMimeType: () => getFileIconByMimeType,
   getFileKind: () => getFileKind,
   getFileNameFromUrl: () => getFileNameFromUrl,
   getInitials: () => getInitials2,
   getMimeCategory: () => getMimeCategory,
+  getPastelColorPair: () => getPastelColorPair,
   getRelativeTime: () => getRelativeTime,
   isHoliday: () => isHoliday,
   isSameDay: () => isSameDay,
@@ -6711,6 +6713,14 @@ var formatDate = (dateString, type = "date", language = "en") => {
     }
     case "longDate":
       return format({ day: "numeric", month: "long", year: "numeric" });
+    case "dayMonth": {
+      const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+      const dateYear = date.getFullYear();
+      return format(__spreadValues({
+        day: "numeric",
+        month: "long"
+      }, dateYear !== currentYear && { year: "numeric" }));
+    }
     case "monthYear":
       return format({ month: "long", year: "numeric" });
     default:
@@ -6925,6 +6935,27 @@ var getRelativeTime = (date) => {
   return "\xE0 l'instant";
 };
 
+// src/utils/date/getElapsedTime.ts
+var UNITS2 = [
+  { name: "an", seconds: 31536e3, pluralize: true },
+  { name: "mois", seconds: 2592e3, pluralize: false },
+  { name: "semaine", seconds: 604800, pluralize: true },
+  { name: "jour", seconds: 86400, pluralize: true }
+];
+var getElapsedTime = (date) => {
+  const elapsedSeconds = Math.floor(
+    (Date.now() - new Date(date).getTime()) / 1e3
+  );
+  for (const unit of UNITS2) {
+    const interval = Math.floor(elapsedSeconds / unit.seconds);
+    if (interval >= 1) {
+      const suffix = unit.pluralize && interval > 1 ? "s" : "";
+      return `${interval} ${unit.name}${suffix}`;
+    }
+  }
+  return "aujourd'hui";
+};
+
 // src/utils/date/formatTime.ts
 var formatTime = (time) => {
   if (!time) return "";
@@ -7179,6 +7210,48 @@ var getAvatarColor = (key) => {
   return AVATAR_COLORS[hashString(key) % AVATAR_COLORS.length];
 };
 
+// src/utils/string/getPastelColorPair.ts
+var PASTEL_COLORS = [
+  { background: "#ffe5e5", text: "#993333" },
+  { background: "#ffd9cc", text: "#994d33" },
+  { background: "#ffedcc", text: "#996633" },
+  { background: "#fff5cc", text: "#997a33" },
+  { background: "#f9ffcc", text: "#7a9933" },
+  { background: "#ecffcc", text: "#669933" },
+  { background: "#ddffcc", text: "#339933" },
+  { background: "#ccffd9", text: "#33996b" },
+  { background: "#ccffe5", text: "#339988" },
+  { background: "#ccfff5", text: "#339999" },
+  { background: "#ccf5ff", text: "#337a99" },
+  { background: "#ccecff", text: "#336699" },
+  { background: "#ccdfff", text: "#334d99" },
+  { background: "#ccd1ff", text: "#333399" },
+  { background: "#e5ccff", text: "#5c3399" },
+  { background: "#f2ccff", text: "#7a3399" },
+  { background: "#ffccf9", text: "#99337a" },
+  { background: "#ffcce5", text: "#993366" },
+  { background: "#ffccd9", text: "#99334d" },
+  { background: "#dbffcc", text: "#4d9933" },
+  { background: "#ccffe8", text: "#33997a" },
+  { background: "#daccff", text: "#443399" },
+  { background: "#ecccff", text: "#663399" },
+  { background: "#cce0ff", text: "#334d99" },
+  { background: "#f5ccff", text: "#7a3399" },
+  { background: "#ffcce8", text: "#993366" },
+  { background: "#f0ffcc", text: "#669933" },
+  { background: "#ccffd2", text: "#33994d" },
+  { background: "#ccffe0", text: "#339966" }
+];
+var getPastelColorPair = (firstName = "", lastName = "") => {
+  var _a, _b, _c, _d;
+  const fullName = ((_b = (_a = firstName == null ? void 0 : firstName.trim()) == null ? void 0 : _a.toLowerCase()) != null ? _b : "") + ((_d = (_c = lastName == null ? void 0 : lastName.trim()) == null ? void 0 : _c.toLowerCase()) != null ? _d : "");
+  let hash = 0;
+  for (let i = 0; i < fullName.length; i++) {
+    hash = fullName.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return PASTEL_COLORS[Math.abs(hash) % PASTEL_COLORS.length];
+};
+
 // src/utils/string/formatNameWithInitial.ts
 var formatNameWithInitial = (firstname, lastname) => {
   if (!firstname && !lastname) return null;
@@ -7363,11 +7436,13 @@ var parseAmount = (value) => {
   generateHexColor,
   getAvatarColor,
   getCleanFileName,
+  getElapsedTime,
   getFileIconByMimeType,
   getFileKind,
   getFileNameFromUrl,
   getInitials,
   getMimeCategory,
+  getPastelColorPair,
   getRelativeTime,
   isHoliday,
   isSameDay,

package/dist/index.mjs

@@ -6592,6 +6592,14 @@ var formatDate = (dateString, type = "date", language = "en") => {
     }
     case "longDate":
       return format({ day: "numeric", month: "long", year: "numeric" });
+    case "dayMonth": {
+      const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+      const dateYear = date.getFullYear();
+      return format(__spreadValues({
+        day: "numeric",
+        month: "long"
+      }, dateYear !== currentYear && { year: "numeric" }));
+    }
     case "monthYear":
       return format({ month: "long", year: "numeric" });
     default:
@@ -6806,6 +6814,27 @@ var getRelativeTime = (date) => {
   return "\xE0 l'instant";
 };
 
+// src/utils/date/getElapsedTime.ts
+var UNITS2 = [
+  { name: "an", seconds: 31536e3, pluralize: true },
+  { name: "mois", seconds: 2592e3, pluralize: false },
+  { name: "semaine", seconds: 604800, pluralize: true },
+  { name: "jour", seconds: 86400, pluralize: true }
+];
+var getElapsedTime = (date) => {
+  const elapsedSeconds = Math.floor(
+    (Date.now() - new Date(date).getTime()) / 1e3
+  );
+  for (const unit of UNITS2) {
+    const interval = Math.floor(elapsedSeconds / unit.seconds);
+    if (interval >= 1) {
+      const suffix = unit.pluralize && interval > 1 ? "s" : "";
+      return `${interval} ${unit.name}${suffix}`;
+    }
+  }
+  return "aujourd'hui";
+};
+
 // src/utils/date/formatTime.ts
 var formatTime = (time) => {
   if (!time) return "";
@@ -7060,6 +7089,48 @@ var getAvatarColor = (key) => {
   return AVATAR_COLORS[hashString(key) % AVATAR_COLORS.length];
 };
 
+// src/utils/string/getPastelColorPair.ts
+var PASTEL_COLORS = [
+  { background: "#ffe5e5", text: "#993333" },
+  { background: "#ffd9cc", text: "#994d33" },
+  { background: "#ffedcc", text: "#996633" },
+  { background: "#fff5cc", text: "#997a33" },
+  { background: "#f9ffcc", text: "#7a9933" },
+  { background: "#ecffcc", text: "#669933" },
+  { background: "#ddffcc", text: "#339933" },
+  { background: "#ccffd9", text: "#33996b" },
+  { background: "#ccffe5", text: "#339988" },
+  { background: "#ccfff5", text: "#339999" },
+  { background: "#ccf5ff", text: "#337a99" },
+  { background: "#ccecff", text: "#336699" },
+  { background: "#ccdfff", text: "#334d99" },
+  { background: "#ccd1ff", text: "#333399" },
+  { background: "#e5ccff", text: "#5c3399" },
+  { background: "#f2ccff", text: "#7a3399" },
+  { background: "#ffccf9", text: "#99337a" },
+  { background: "#ffcce5", text: "#993366" },
+  { background: "#ffccd9", text: "#99334d" },
+  { background: "#dbffcc", text: "#4d9933" },
+  { background: "#ccffe8", text: "#33997a" },
+  { background: "#daccff", text: "#443399" },
+  { background: "#ecccff", text: "#663399" },
+  { background: "#cce0ff", text: "#334d99" },
+  { background: "#f5ccff", text: "#7a3399" },
+  { background: "#ffcce8", text: "#993366" },
+  { background: "#f0ffcc", text: "#669933" },
+  { background: "#ccffd2", text: "#33994d" },
+  { background: "#ccffe0", text: "#339966" }
+];
+var getPastelColorPair = (firstName = "", lastName = "") => {
+  var _a, _b, _c, _d;
+  const fullName = ((_b = (_a = firstName == null ? void 0 : firstName.trim()) == null ? void 0 : _a.toLowerCase()) != null ? _b : "") + ((_d = (_c = lastName == null ? void 0 : lastName.trim()) == null ? void 0 : _c.toLowerCase()) != null ? _d : "");
+  let hash = 0;
+  for (let i = 0; i < fullName.length; i++) {
+    hash = fullName.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return PASTEL_COLORS[Math.abs(hash) % PASTEL_COLORS.length];
+};
+
 // src/utils/string/formatNameWithInitial.ts
 var formatNameWithInitial = (firstname, lastname) => {
   if (!firstname && !lastname) return null;
@@ -7243,11 +7314,13 @@ export {
   generateHexColor,
   getAvatarColor,
   getCleanFileName,
+  getElapsedTime,
   getFileIconByMimeType,
   getFileKind,
   getFileNameFromUrl,
   getInitials2 as getInitials,
   getMimeCategory,
+  getPastelColorPair,
   getRelativeTime,
   isHoliday,
   isSameDay,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.294",
+  "version": "1.0.296",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",