design-zystem 1.0.410 → 1.0.412

package/dist/index.d.mts

@@ -1312,7 +1312,7 @@ 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 getElapsedTime: (date: Date | string, language?: string) => string;
 
 declare const formatTime: (time: string | null | undefined) => string;
 

package/dist/index.d.ts

@@ -1312,7 +1312,7 @@ 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 getElapsedTime: (date: Date | string, language?: string) => string;
 
 declare const formatTime: (time: string | null | undefined) => string;
 

package/dist/index.js

@@ -7115,23 +7115,29 @@ var getRelativeTime = (date) => {
 
 // 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 }
+  { unit: "year", seconds: 31536e3 },
+  { unit: "month", seconds: 2592e3 },
+  { unit: "week", seconds: 604800 },
+  { unit: "day", seconds: 86400 }
 ];
-var getElapsedTime = (date) => {
+var getElapsedTime = (date, language = "fr") => {
   const elapsedSeconds = Math.floor(
     (Date.now() - new Date(date).getTime()) / 1e3
   );
-  for (const unit of UNITS2) {
-    const interval = Math.floor(elapsedSeconds / unit.seconds);
+  for (const { unit, seconds } of UNITS2) {
+    const interval = Math.floor(elapsedSeconds / seconds);
     if (interval >= 1) {
-      const suffix = unit.pluralize && interval > 1 ? "s" : "";
-      return `${interval} ${unit.name}${suffix}`;
+      return new Intl.NumberFormat(language, {
+        style: "unit",
+        unit,
+        unitDisplay: "long"
+      }).format(interval);
     }
   }
-  return "aujourd'hui";
+  return new Intl.RelativeTimeFormat(language, { numeric: "auto" }).format(
+    0,
+    "day"
+  );
 };
 
 // src/utils/date/formatTime.ts

package/dist/index.mjs

@@ -6992,23 +6992,29 @@ var getRelativeTime = (date) => {
 
 // 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 }
+  { unit: "year", seconds: 31536e3 },
+  { unit: "month", seconds: 2592e3 },
+  { unit: "week", seconds: 604800 },
+  { unit: "day", seconds: 86400 }
 ];
-var getElapsedTime = (date) => {
+var getElapsedTime = (date, language = "fr") => {
   const elapsedSeconds = Math.floor(
     (Date.now() - new Date(date).getTime()) / 1e3
   );
-  for (const unit of UNITS2) {
-    const interval = Math.floor(elapsedSeconds / unit.seconds);
+  for (const { unit, seconds } of UNITS2) {
+    const interval = Math.floor(elapsedSeconds / seconds);
     if (interval >= 1) {
-      const suffix = unit.pluralize && interval > 1 ? "s" : "";
-      return `${interval} ${unit.name}${suffix}`;
+      return new Intl.NumberFormat(language, {
+        style: "unit",
+        unit,
+        unitDisplay: "long"
+      }).format(interval);
     }
   }
-  return "aujourd'hui";
+  return new Intl.RelativeTimeFormat(language, { numeric: "auto" }).format(
+    0,
+    "day"
+  );
 };
 
 // src/utils/date/formatTime.ts

package/dist/ui/index.d.mts

@@ -1024,13 +1024,15 @@ interface SidebarUserMenuProps {
     email?: string;
     /** Ligne libre sous `email` (ex. le nom d'un client impersoné) — sur sa propre ligne, tronquée indépendamment, pour les valeurs potentiellement longues. */
     subtitle?: ReactNode;
+    /** `subtitle` n'est affiché que dans le bouton fermé, pas répété en haut du panneau ouvert. Défaut `false` (affiché aux deux endroits). */
+    hideSubtitleInPanel?: boolean;
     avatarSrc?: string | null;
     /** Groupes d'actions séparés par un trait (ex. `[[compte, facturation], [déconnexion]]`), comme le `NavUser` du sidebar shadcn/ui. */
     actionGroups: SidebarUserMenuAction[][];
     className?: string;
 }
 /** Bloc profil du `SidebarFooter` : avatar + nom/e-mail, ouvrant un menu d'actions groupées — calqué sur le `NavUser` du sidebar shadcn/ui (thème sombre propre au `Sidebar`, indépendant du `Popover` clair partagé). Une action avec `subActions` ouvre un panneau secondaire à droite (flyout), sur le même principe que le menu principal. Replié : seul l'avatar reste, le menu s'ouvre toujours au clic. */
-declare const SidebarUserMenu: ({ name, email, subtitle, avatarSrc, actionGroups, className, }: SidebarUserMenuProps) => react.JSX.Element;
+declare const SidebarUserMenu: ({ name, email, subtitle, hideSubtitleInPanel, avatarSrc, actionGroups, className, }: SidebarUserMenuProps) => react.JSX.Element;
 
 interface TooltipProps extends Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Trigger>, 'content' | 'children'> {
     children: ReactNode;
@@ -1778,7 +1780,7 @@ declare const formatName: (person?: {
 
 declare const getRelativeTime: (date: Date | string) => string;
 
-declare const getElapsedTime: (date: Date | string) => string;
+declare const getElapsedTime: (date: Date | string, language?: string) => string;
 
 declare const formatTime: (time: string | null | undefined) => string;
 

package/dist/ui/index.d.ts

@@ -1024,13 +1024,15 @@ interface SidebarUserMenuProps {
     email?: string;
     /** Ligne libre sous `email` (ex. le nom d'un client impersoné) — sur sa propre ligne, tronquée indépendamment, pour les valeurs potentiellement longues. */
     subtitle?: ReactNode;
+    /** `subtitle` n'est affiché que dans le bouton fermé, pas répété en haut du panneau ouvert. Défaut `false` (affiché aux deux endroits). */
+    hideSubtitleInPanel?: boolean;
     avatarSrc?: string | null;
     /** Groupes d'actions séparés par un trait (ex. `[[compte, facturation], [déconnexion]]`), comme le `NavUser` du sidebar shadcn/ui. */
     actionGroups: SidebarUserMenuAction[][];
     className?: string;
 }
 /** Bloc profil du `SidebarFooter` : avatar + nom/e-mail, ouvrant un menu d'actions groupées — calqué sur le `NavUser` du sidebar shadcn/ui (thème sombre propre au `Sidebar`, indépendant du `Popover` clair partagé). Une action avec `subActions` ouvre un panneau secondaire à droite (flyout), sur le même principe que le menu principal. Replié : seul l'avatar reste, le menu s'ouvre toujours au clic. */
-declare const SidebarUserMenu: ({ name, email, subtitle, avatarSrc, actionGroups, className, }: SidebarUserMenuProps) => react.JSX.Element;
+declare const SidebarUserMenu: ({ name, email, subtitle, hideSubtitleInPanel, avatarSrc, actionGroups, className, }: SidebarUserMenuProps) => react.JSX.Element;
 
 interface TooltipProps extends Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Trigger>, 'content' | 'children'> {
     children: ReactNode;
@@ -1778,7 +1780,7 @@ declare const formatName: (person?: {
 
 declare const getRelativeTime: (date: Date | string) => string;
 
-declare const getElapsedTime: (date: Date | string) => string;
+declare const getElapsedTime: (date: Date | string, language?: string) => string;
 
 declare const formatTime: (time: string | null | undefined) => string;
 

package/dist/ui/index.js

@@ -4877,6 +4877,7 @@ var SidebarUserMenu = ({
   name,
   email,
   subtitle,
+  hideSubtitleInPanel = false,
   avatarSrc,
   actionGroups,
   className
@@ -4951,7 +4952,7 @@ var SidebarUserMenu = ({
                 }
               ),
               email && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
-              subtitle && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
+              subtitle && !hideSubtitleInPanel && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
             ] })
           ] }),
           actionGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
@@ -8340,23 +8341,29 @@ var getRelativeTime = (date) => {
 
 // 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 }
+  { unit: "year", seconds: 31536e3 },
+  { unit: "month", seconds: 2592e3 },
+  { unit: "week", seconds: 604800 },
+  { unit: "day", seconds: 86400 }
 ];
-var getElapsedTime = (date) => {
+var getElapsedTime = (date, language = "fr") => {
   const elapsedSeconds = Math.floor(
     (Date.now() - new Date(date).getTime()) / 1e3
   );
-  for (const unit of UNITS2) {
-    const interval = Math.floor(elapsedSeconds / unit.seconds);
+  for (const { unit, seconds } of UNITS2) {
+    const interval = Math.floor(elapsedSeconds / seconds);
     if (interval >= 1) {
-      const suffix = unit.pluralize && interval > 1 ? "s" : "";
-      return `${interval} ${unit.name}${suffix}`;
+      return new Intl.NumberFormat(language, {
+        style: "unit",
+        unit,
+        unitDisplay: "long"
+      }).format(interval);
     }
   }
-  return "aujourd'hui";
+  return new Intl.RelativeTimeFormat(language, { numeric: "auto" }).format(
+    0,
+    "day"
+  );
 };
 
 // src/utils/date/formatTime.ts

package/dist/ui/index.mjs

@@ -4697,6 +4697,7 @@ var SidebarUserMenu = ({
   name,
   email,
   subtitle,
+  hideSubtitleInPanel = false,
   avatarSrc,
   actionGroups,
   className
@@ -4771,7 +4772,7 @@ var SidebarUserMenu = ({
                 }
               ),
               email && /* @__PURE__ */ jsx62("span", { className: "truncate text-xs text-white/50", children: email }),
-              subtitle && /* @__PURE__ */ jsx62("span", { className: "truncate text-xs text-white/50", children: subtitle })
+              subtitle && !hideSubtitleInPanel && /* @__PURE__ */ jsx62("span", { className: "truncate text-xs text-white/50", children: subtitle })
             ] })
           ] }),
           actionGroups.map((group, groupIndex) => /* @__PURE__ */ jsx62(
@@ -8181,23 +8182,29 @@ var getRelativeTime = (date) => {
 
 // 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 }
+  { unit: "year", seconds: 31536e3 },
+  { unit: "month", seconds: 2592e3 },
+  { unit: "week", seconds: 604800 },
+  { unit: "day", seconds: 86400 }
 ];
-var getElapsedTime = (date) => {
+var getElapsedTime = (date, language = "fr") => {
   const elapsedSeconds = Math.floor(
     (Date.now() - new Date(date).getTime()) / 1e3
   );
-  for (const unit of UNITS2) {
-    const interval = Math.floor(elapsedSeconds / unit.seconds);
+  for (const { unit, seconds } of UNITS2) {
+    const interval = Math.floor(elapsedSeconds / seconds);
     if (interval >= 1) {
-      const suffix = unit.pluralize && interval > 1 ? "s" : "";
-      return `${interval} ${unit.name}${suffix}`;
+      return new Intl.NumberFormat(language, {
+        style: "unit",
+        unit,
+        unitDisplay: "long"
+      }).format(interval);
     }
   }
-  return "aujourd'hui";
+  return new Intl.RelativeTimeFormat(language, { numeric: "auto" }).format(
+    0,
+    "day"
+  );
 };
 
 // src/utils/date/formatTime.ts

package/package.json

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