design-zystem 1.0.293 → 1.0.295

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;
@@ -1336,4 +1339,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, 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, 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;
@@ -1336,4 +1339,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, 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, getRelativeTime, isHoliday, isSameDay, isolateCity, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText };

package/dist/index.js

@@ -151,6 +151,7 @@ __export(index_exports, {
   generateHexColor: () => generateHexColor,
   getAvatarColor: () => getAvatarColor,
   getCleanFileName: () => getCleanFileName,
+  getElapsedTime: () => getElapsedTime,
   getFileIconByMimeType: () => getFileIconByMimeType,
   getFileKind: () => getFileKind,
   getFileNameFromUrl: () => getFileNameFromUrl,
@@ -5422,6 +5423,13 @@ var PRESET_STYLES = {
     badgeBackground: "#FCDDDE",
     badgeColor: colors.red_950,
     accent: colors.red_950
+  },
+  purple: {
+    background: "rgba(237, 233, 254, 0.4)",
+    borderColor: "#DDD6FE",
+    badgeBackground: colors.purple_50,
+    badgeColor: colors.purple_700,
+    accent: colors.purple_700
   }
 };
 var resolveStyle = (variant, filled) => {
@@ -6704,6 +6712,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:
@@ -6918,6 +6934,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 "";
@@ -7356,6 +7393,7 @@ var parseAmount = (value) => {
   generateHexColor,
   getAvatarColor,
   getCleanFileName,
+  getElapsedTime,
   getFileIconByMimeType,
   getFileKind,
   getFileNameFromUrl,

package/dist/index.mjs

@@ -5303,6 +5303,13 @@ var PRESET_STYLES = {
     badgeBackground: "#FCDDDE",
     badgeColor: colors.red_950,
     accent: colors.red_950
+  },
+  purple: {
+    background: "rgba(237, 233, 254, 0.4)",
+    borderColor: "#DDD6FE",
+    badgeBackground: colors.purple_50,
+    badgeColor: colors.purple_700,
+    accent: colors.purple_700
   }
 };
 var resolveStyle = (variant, filled) => {
@@ -6585,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:
@@ -6799,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 "";
@@ -7236,6 +7272,7 @@ export {
   generateHexColor,
   getAvatarColor,
   getCleanFileName,
+  getElapsedTime,
   getFileIconByMimeType,
   getFileKind,
   getFileNameFromUrl,

package/package.json

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