@abyss-project/commons-front-core 13.3.0 → 14.0.0

package/dist/{use-rich-intl.hook-BETUyCkW.js → Surface-B_J_I_1i.js}

@@ -1,14 +1,403 @@
-import { jsx as v } from "react/jsx-runtime";
-import { useIntl as k } from "react-intl";
-import { useCallback as M, useMemo as U } from "react";
-import { enTranslation as G, frTranslation as F } from "@abyss-project/main";
-import { l as P } from "./lazy-value-Co76vxsM.js";
-var Z = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function $(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+import { jsx as p, jsxs as O } from "react/jsx-runtime";
+import { useId as F, useRef as z, useState as Y, useCallback as K, useMemo as ie, forwardRef as re } from "react";
+import { useIntl as B } from "react-intl";
+import ae from "@mui/material/Dialog";
+import X from "@mui/material/IconButton";
+import { alpha as ne, styled as f, useTheme as se } from "@mui/material/styles";
+import J from "@mui/icons-material/Close";
+import H from "@mui/material/useMediaQuery";
+import le from "@mui/material/Modal";
+import ce from "@mui/material/Slide";
+import { enTranslation as de, frTranslation as ue } from "@abyss-project/main";
+import { l as $ } from "./lazy-value-Co76vxsM.js";
+var pe = /* @__PURE__ */ ((e) => (e.Dark = "dark", e.Light = "light", e))(pe || {});
+const me = 266, c = (e, t) => ({ l: e, c: t, h: me }), ct = {
+  dark: {
+    1: c(0.155, 0.034),
+    2: c(0.17, 0.036),
+    3: c(0.2, 0.04),
+    4: c(0.24, 0.042),
+    5: c(0.265, 0.042),
+    6: c(0.295, 0.042),
+    7: c(0.37, 0.045),
+    8: c(0.54, 0.045),
+    9: c(0.63, 0.035),
+    10: c(0.72, 0.03),
+    11: c(0.79, 0.03),
+    12: c(0.96, 0.01)
+  },
+  light: {
+    1: c(0.995, 3e-3),
+    2: c(0.975, 8e-3),
+    3: c(0.96, 0.012),
+    4: c(0.935, 0.016),
+    5: c(0.91, 0.018),
+    6: c(0.885, 0.02),
+    7: c(0.8, 0.03),
+    8: c(0.6, 0.035),
+    9: c(0.5, 0.04),
+    10: c(0.46, 0.042),
+    11: c(0.42, 0.045),
+    12: c(0.22, 0.045)
+  }
+}, dt = {
+  sans: '"Geist Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+  mono: '"Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace'
+}, ut = {
+  caption: 11,
+  small: 12,
+  body: 13,
+  bodyComfort: 14,
+  bodyMobile: 15,
+  sectionTitle: 16,
+  pageTitle: 22,
+  figure: 26,
+  mobileLargeTitle: 30
+}, Q = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+}, pt = [0, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64], mt = {
+  sm: 4,
+  md: 6,
+  lg: 12
+}, gt = {
+  fast: 120,
+  base: 180,
+  slow: 260
+}, ht = {
+  standard: "cubic-bezier(0.2, 0, 0, 1)",
+  sheet: "cubic-bezier(0.32, 0.72, 0, 1)"
+}, V = {
+  xs: 0,
+  sm: 480,
+  md: 768,
+  lg: 1200,
+  xl: 1600
+}, ft = {
+  comfortable: { row: 40, control: 32 },
+  compact: { row: 30, control: 28 },
+  touchTarget: 44
+};
+var T = /* @__PURE__ */ ((e) => (e.Mobile = "mobile", e.Tablet = "tablet", e.Desktop = "desktop", e))(T || {});
+const Z = {
+  tablet: V.md,
+  desktop: V.lg
+}, ge = 0.05, k = (e) => `(min-width:${Z[e]}px)`, M = (e) => `(max-width:${Z[e] - ge}px)`, D = {
+  /** From the start of `tier` up. */
+  up: (e) => `@media ${k(e)}`,
+  /** Below the start of `tier`. */
+  down: (e) => `@media ${M(e)}`,
+  /** The widths of `tier` only. */
+  only: (e) => {
+    switch (e) {
+      case "mobile":
+        return `@media ${M(
+          "tablet"
+          /* Tablet */
+        )}`;
+      case "tablet":
+        return `@media ${k(
+          "tablet"
+          /* Tablet */
+        )} and ${M(
+          "desktop"
+          /* Desktop */
+        )}`;
+      case "desktop":
+        return `@media ${k(
+          "desktop"
+          /* Desktop */
+        )}`;
+    }
+  }
+}, he = 0.14, r = (e) => `${e}px`, L = (e) => `1px solid ${e}`, At = (e) => ne(e, he), fe = (e) => ({
+  outline: `2px solid ${e.design.tokens["focus.ring"]}`,
+  outlineOffset: "2px"
+}), yt = (e, t) => t === "small" ? e.design.densityValues.compact.control : e.design.densityValues[e.design.density].control, Et = (e) => e.design.densityValues[e.design.density].row, bt = (e) => ({
+  [D.down(T.Tablet)]: {
+    minHeight: r(e.design.densityValues.touchTarget)
+  }
+}), Ae = (e) => ({
+  [D.down(T.Tablet)]: {
+    minWidth: r(e.design.densityValues.touchTarget),
+    minHeight: r(e.design.densityValues.touchTarget)
+  }
+}), ye = (e, t, o = "fast") => t.map(
+  (i) => `${i} ${e.design.durations[o]}ms ${e.design.easings.standard}`
+).join(", "), Ee = () => {
+  const e = H(D.up(T.Desktop), {
+    noSsr: !0
+  }), t = H(D.down(T.Tablet), {
+    noSsr: !0
+  });
+  return e ? T.Desktop : t ? T.Mobile : T.Tablet;
+};
+var _ = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e.Left = "left", e.Right = "right", e))(_ || {});
+const w = (e, t) => `calc(${r(t)} + env(safe-area-inset-${e}))`, be = 0.3, Se = f("div")({
+  position: "absolute",
+  left: 0,
+  right: 0,
+  bottom: 0,
+  maxHeight: "100%",
+  display: "flex",
+  outline: "none"
+}), ve = f("div")(({ theme: e }) => {
+  const { tokens: t, radii: o, space: i, elevations: a, fonts: n } = e.design;
+  return {
+    flex: "1 1 auto",
+    minWidth: 0,
+    maxHeight: `calc(100vh - ${w(_.Top, i[8])})`,
+    display: "flex",
+    flexDirection: "column",
+    gap: r(i[3]),
+    paddingTop: r(i[2]),
+    paddingBottom: w(_.Bottom, i[6]),
+    paddingLeft: w(_.Left, i[4]),
+    paddingRight: w(_.Right, i[4]),
+    backgroundColor: t["bg.surface"],
+    color: t["text.primary"],
+    fontFamily: n.sans,
+    borderTop: L(t["border.strong"]),
+    borderTopLeftRadius: r(o.lg),
+    borderTopRightRadius: r(o.lg),
+    boxShadow: a.modal,
+    outline: "none",
+    position: "relative"
+  };
+}), Te = f(X)(({ theme: e }) => ({
+  position: "absolute",
+  top: r(e.design.space[1]),
+  right: w(_.Right, e.design.space[2]),
+  ...Ae(e)
+})), Ne = f("div")(({ theme: e }) => {
+  const { space: t, densityValues: o } = e.design;
+  return {
+    flex: "none",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: r(t[2]),
+    minHeight: r(o.touchTarget / 2),
+    touchAction: "none",
+    cursor: "grab"
+  };
+}), Ce = f("span")(({ theme: e }) => {
+  const { tokens: t, radii: o, space: i } = e.design;
+  return {
+    width: r(i[8]),
+    height: r(i[1]),
+    borderRadius: r(o.sm),
+    backgroundColor: t["border.strong"]
+  };
+}), Ie = f("h2", {
+  shouldForwardProp: (e) => e !== "besideClose"
+})(({ theme: e, besideClose: t }) => {
+  const { typeScale: o, densityValues: i, space: a } = e.design;
+  return {
+    alignSelf: "stretch",
+    margin: 0,
+    // Clear of the close button in the corner.
+    paddingRight: t ? r(i.touchTarget + a[2]) : void 0,
+    fontSize: r(o.sectionTitle),
+    fontWeight: Q.semibold,
+    overflowWrap: "anywhere"
+  };
+}), Re = f("div")({
+  flex: "1 1 auto",
+  minHeight: 0,
+  overflowY: "auto",
+  overscrollBehavior: "contain"
+});
+function Oe({
+  open: e,
+  onClose: t,
+  title: o,
+  closeLabel: i,
+  children: a
+}) {
+  const n = se(), y = B(), A = F(), E = z(null), l = z(null), [v, S] = Y(0), [C, u] = Y(!1), d = (g) => {
+    g.currentTarget.setPointerCapture(g.pointerId), l.current = g.clientY, u(!0);
+  }, s = (g) => {
+    l.current !== null && S(Math.max(0, g.clientY - l.current));
+  }, m = (g) => {
+    var x;
+    if (l.current === null)
+      return;
+    const R = Math.max(0, g.clientY - l.current), N = ((x = E.current) == null ? void 0 : x.getBoundingClientRect().height) ?? 0;
+    l.current = null, u(!1), S(0), N > 0 && R >= N * be && t();
+  }, b = () => {
+    l.current = null, u(!1), S(0);
+  };
+  return /* @__PURE__ */ p(le, { open: e, onClose: () => t(), children: /* @__PURE__ */ p(
+    ce,
+    {
+      in: e,
+      direction: "up",
+      timeout: n.design.durations.slow,
+      easing: n.design.easings.sheet,
+      children: /* @__PURE__ */ p(Se, { children: /* @__PURE__ */ O(
+        ve,
+        {
+          ref: E,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": o ? A : void 0,
+          "aria-label": o ? void 0 : y.formatMessage({ id: "ds.mobile.bottom-sheet.label" }),
+          tabIndex: -1,
+          style: {
+            transform: `translateY(${r(v)})`,
+            transition: C ? "none" : `transform ${n.design.durations.base}ms ${n.design.easings.sheet}`
+          },
+          children: [
+            /* @__PURE__ */ O(
+              Ne,
+              {
+                "data-testid": "bottom-sheet-drag-zone",
+                onPointerDown: d,
+                onPointerMove: s,
+                onPointerUp: m,
+                onPointerCancel: b,
+                children: [
+                  /* @__PURE__ */ p(Ce, { "aria-hidden": "true" }),
+                  o ? /* @__PURE__ */ p(Ie, { id: A, besideClose: i !== void 0, children: o }) : null
+                ]
+              }
+            ),
+            i !== void 0 && /* @__PURE__ */ p(Te, { "aria-label": i, onClick: () => t(), children: /* @__PURE__ */ p(J, { "aria-hidden": !0 }) }),
+            /* @__PURE__ */ p(Re, { children: a })
+          ]
+        }
+      ) })
+    }
+  ) });
 }
-const R = (e) => e, D = {
-  fr: R({
+var _e = /* @__PURE__ */ ((e) => (e.Small = "sm", e.Medium = "md", e.Large = "lg", e))(_e || {});
+const Pe = f(ae)(({ theme: e }) => {
+  const { tokens: t, fonts: o, space: i } = e.design;
+  return {
+    "& .MuiDialog-paper": {
+      margin: r(i[4]),
+      maxHeight: `calc(100% - ${r(i[7])})`,
+      backgroundColor: t["bg.surface"],
+      color: t["text.primary"],
+      fontFamily: o.sans,
+      overflow: "hidden"
+    },
+    "& .MuiDialog-paperFullWidth": {
+      width: `calc(100% - ${r(i[7])})`
+    }
+  };
+}), we = f("div")(({ theme: e }) => {
+  const { tokens: t, space: o } = e.design;
+  return {
+    flex: "none",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+    gap: r(o[4]),
+    padding: `${r(o[4])} ${r(o[5])}`,
+    borderBottom: L(t["border.subtle"])
+  };
+}), De = f("div")({ minWidth: 0 }), Le = f("h2")(({ theme: e }) => ({
+  margin: 0,
+  fontSize: r(e.design.typeScale.sectionTitle),
+  fontWeight: Q.semibold,
+  overflowWrap: "anywhere"
+})), ke = f("p")(({ theme: e }) => {
+  const { tokens: t, space: o, typeScale: i } = e.design;
+  return {
+    margin: `${r(o[1])} 0 0`,
+    color: t["text.muted"],
+    fontSize: r(i.body),
+    overflowWrap: "anywhere"
+  };
+}), Me = f("div")(({ theme: e }) => ({
+  flex: "1 1 auto",
+  minHeight: 0,
+  overflowY: "auto",
+  padding: r(e.design.space[5]),
+  fontSize: r(e.design.typeScale.body)
+})), Ue = f("div")(({ theme: e }) => {
+  const { tokens: t, space: o } = e.design;
+  return {
+    flex: "none",
+    display: "flex",
+    flexWrap: "wrap",
+    justifyContent: "flex-end",
+    alignItems: "center",
+    gap: r(o[3]),
+    padding: `${r(o[3])} ${r(o[5])}`,
+    borderTop: L(t["border.subtle"])
+  };
+}), Ge = f("p")(({ theme: e }) => ({
+  margin: `0 0 ${r(e.design.space[3])}`,
+  color: e.design.tokens["text.muted"],
+  fontSize: r(e.design.typeScale.bodyMobile),
+  overflowWrap: "anywhere"
+})), Fe = f("div")(({ theme: e }) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  gap: r(e.design.space[2]),
+  marginTop: r(e.design.space[4]),
+  "& > *": { flex: "1 1 0" }
+}));
+function St({
+  open: e,
+  onClose: t,
+  title: o,
+  description: i,
+  size: a = "md",
+  actions: n,
+  children: y
+}) {
+  const A = B(), E = Ee() === T.Mobile, l = F(), v = F();
+  return E ? /* @__PURE__ */ O(
+    Oe,
+    {
+      open: e,
+      onClose: t,
+      title: o,
+      closeLabel: A.formatMessage({ id: "ds.layers.modal.close" }),
+      children: [
+        i !== void 0 && /* @__PURE__ */ p(Ge, { children: i }),
+        y,
+        n !== void 0 && /* @__PURE__ */ p(Fe, { children: n })
+      ]
+    }
+  ) : /* @__PURE__ */ O(
+    Pe,
+    {
+      open: e,
+      onClose: () => t(),
+      maxWidth: a,
+      fullWidth: !0,
+      "aria-labelledby": l,
+      "aria-describedby": i !== void 0 ? v : void 0,
+      children: [
+        /* @__PURE__ */ O(we, { children: [
+          /* @__PURE__ */ O(De, { children: [
+            /* @__PURE__ */ p(Le, { id: l, children: o }),
+            i !== void 0 && /* @__PURE__ */ p(ke, { id: v, children: i })
+          ] }),
+          /* @__PURE__ */ p(
+            X,
+            {
+              "aria-label": A.formatMessage({ id: "ds.layers.modal.close" }),
+              onClick: t,
+              children: /* @__PURE__ */ p(J, { "aria-hidden": !0 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ p(Me, { children: y }),
+        n !== void 0 && /* @__PURE__ */ p(Ue, { children: n })
+      ]
+    }
+  );
+}
+const j = (e) => e, ee = {
+  fr: j({
     PROJECTS_COUNT: "Projets",
     MEMBERS_COUNT: "Membres",
     TEAM_COUNT: "Équipes",
@@ -68,7 +457,7 @@ const R = (e) => e, D = {
     BANKING_PSD2_REFRESHES_MONTH: "Rafraîchissements PSD2 / mois",
     BANKING_SYSTEM_RESNAPSHOTS_MONTH: "Recalculs système / mois"
   }),
-  en: R({
+  en: j({
     PROJECTS_COUNT: "Projects",
     MEMBERS_COUNT: "Members",
     TEAM_COUNT: "Teams",
@@ -129,26 +518,26 @@ const R = (e) => e, D = {
     BANKING_SYSTEM_RESNAPSHOTS_MONTH: "System resnapshots / month"
   })
 };
-var y = /* @__PURE__ */ ((e) => (e.FREEMIUM = "FREEMIUM", e.DEFAULT = "DEFAULT", e.CUSTOM = "CUSTOM", e.SYSTEM = "SYSTEM", e))(y || {}), A = /* @__PURE__ */ ((e) => (e.FREEMIUM = "freemium", e.STARTER = "starter", e.PRO = "pro", e.ENTERPRISE = "enterprise", e.CUSTOM = "custom", e.INTERNAL = "internal", e.FAMILY_FREE = "family-free", e.FAMILY_PAID = "family-paid", e))(A || {});
-const B = {
-  [y.FREEMIUM]: A.FREEMIUM,
-  [y.DEFAULT]: "paid",
-  [y.SYSTEM]: A.INTERNAL,
-  [y.CUSTOM]: A.CUSTOM
-}, x = new Set(Object.values(A)), C = (e) => e ? e.tier === y.CUSTOM ? A.CUSTOM : e.catalogKey && x.has(e.catalogKey) ? e.catalogKey : B[e.tier] ?? "paid" : A.FREEMIUM, ee = (e, u) => {
-  const s = (p) => {
-    const h = e[`${p}Tier`];
-    if (typeof h != "string")
+var P = /* @__PURE__ */ ((e) => (e.FREEMIUM = "FREEMIUM", e.DEFAULT = "DEFAULT", e.CUSTOM = "CUSTOM", e.SYSTEM = "SYSTEM", e))(P || {}), I = /* @__PURE__ */ ((e) => (e.FREEMIUM = "freemium", e.STARTER = "starter", e.PRO = "pro", e.ENTERPRISE = "enterprise", e.CUSTOM = "custom", e.INTERNAL = "internal", e.FAMILY_FREE = "family-free", e.FAMILY_PAID = "family-paid", e.DEMO = "demo", e))(I || {});
+const Be = {
+  [P.FREEMIUM]: I.FREEMIUM,
+  [P.DEFAULT]: "paid",
+  [P.SYSTEM]: I.INTERNAL,
+  [P.CUSTOM]: I.CUSTOM
+}, xe = new Set(Object.values(I)), U = (e) => e ? e.tier === P.CUSTOM ? I.CUSTOM : e.catalogKey && xe.has(e.catalogKey) ? e.catalogKey : Be[e.tier] ?? "paid" : I.FREEMIUM, vt = (e, t) => {
+  const o = (A) => {
+    const E = e[`${A}Tier`];
+    if (typeof E != "string")
       return null;
-    const m = e[`${p}CatalogKey`];
+    const l = e[`${A}CatalogKey`];
     return {
-      tier: h,
-      catalogKey: typeof m == "string" ? m : null
+      tier: E,
+      catalogKey: typeof l == "string" ? l : null
     };
-  }, d = {}, o = s("plan"), r = s("oldPlan"), g = s("newPlan");
-  return o && (d.planName = u(C(o))), r && (d.oldPlanName = u(C(r))), g && (d.newPlanName = u(C(g))), d;
-}, O = (e) => e, n = {
-  fr: O({
+  }, i = {}, a = o("plan"), n = o("oldPlan"), y = o("newPlan");
+  return a && (i.planName = t(U(a))), n && (i.oldPlanName = t(U(n))), y && (i.newPlanName = t(U(y))), i;
+}, q = (e) => e, h = {
+  fr: q({
     freemium: "Gratuit",
     starter: "Starter",
     pro: "Pro",
@@ -156,10 +545,11 @@ const B = {
     internal: "Interne",
     "family-free": "Famille gratuit",
     "family-paid": "Famille",
+    demo: "Démonstration",
     custom: "Plan personnalisé",
     paid: "Plan payant"
   }),
-  en: O({
+  en: q({
     freemium: "Free",
     starter: "Starter",
     pro: "Pro",
@@ -167,10 +557,27 @@ const B = {
     internal: "Internal",
     "family-free": "Family free",
     "family-paid": "Family",
+    demo: "Demo",
     custom: "Custom plan",
     paid: "Paid plan"
   })
-}, z = {
+}, ze = {
+  banner: {
+    title: "Compte de démonstration",
+    summary: "{label} · expire le {date}",
+    "expires-in": "(dans {days, plural, one {# jour} other {# jours}})",
+    "expires-today": "(aujourd’hui)",
+    reset: "Réinitialiser",
+    "learn-more": "En savoir plus",
+    "reset-dialog": {
+      title: "Réinitialiser la démonstration ?",
+      body: "Les données de tous les comptes du groupe reviennent à leur état de départ. Ce que vous avez créé ou modifié sera perdu.",
+      confirm: "Réinitialiser"
+    }
+  },
+  blocked: "Indisponible en démo"
+}, Ye = {
+  demo: ze,
   "space-display-name": {
     personal: "Mon Cloud",
     "perso-in-org": "Mon Cloud (dans org)",
@@ -260,7 +667,7 @@ const B = {
     },
     // Metric names come from @abyss-project/main's `billing-metric-label` table, their single
     // source (the invoices, their PDF and the overage e-mail read it too).
-    metric: D.fr
+    metric: ee.fr
   },
   "error-page": {
     title: "Une erreur est survenue",
@@ -272,13 +679,25 @@ const B = {
     "download-details": "Télécharger le rapport",
     "footer-hint": "Si le problème persiste, merci de nous envoyer le rapport téléchargé.",
     report: {
-      "comment-placeholder": "Décris brièvement ce que tu faisais (optionnel)",
+      "comment-placeholder": "Décrivez brièvement ce que vous faisiez (optionnel)",
       send: "Envoyer le rapport",
       sending: "Envoi en cours…",
       sent: "Rapport envoyé ✓",
       "error-retry": "L'envoi a échoué — réessayer"
     }
   },
+  "error-boundary": {
+    title: "Cette page a rencontré une erreur",
+    "go-home": "Retour à l’accueil",
+    "show-details": "Afficher le détail technique",
+    "hide-details": "Masquer le détail technique",
+    "details-label": "Détail technique",
+    message: "Message",
+    "component-stack": "Pile de composants",
+    copy: "Copier le détail",
+    copied: "Détail copié",
+    "copy-failed": "La copie a échoué. Sélectionnez le texte pour le copier."
+  },
   cookies: {
     banner: {
       title: "Vos préférences de cookies",
@@ -899,36 +1318,40 @@ const B = {
     // Plan names come from @abyss-project/main's `plan-name` table, their single source.
     plan: {
       freemium: {
-        name: n.fr.freemium,
+        name: h.fr.freemium,
         description: "Pour démarrer sans engagement"
       },
       starter: {
-        name: n.fr.starter,
+        name: h.fr.starter,
         description: "Pour les individus et petites équipes"
       },
       pro: {
-        name: n.fr.pro,
+        name: h.fr.pro,
         description: "Pour les équipes professionnelles"
       },
       enterprise: {
-        name: n.fr.enterprise,
+        name: h.fr.enterprise,
         description: "Pour les grandes organisations"
       },
       internal: {
-        name: n.fr.internal,
+        name: h.fr.internal,
         description: "Usage interne Abyss"
       },
       "family-free": {
-        name: n.fr["family-free"],
+        name: h.fr["family-free"],
         description: "Jusqu'à 6 membres, espaces partagés"
       },
       "family-paid": {
-        name: n.fr["family-paid"],
+        name: h.fr["family-paid"],
         description: "Jusqu'à 12 membres + bonus sur vos quotas perso"
       },
+      demo: {
+        name: h.fr.demo,
+        description: "Compte de démonstration : tous les services inclus"
+      },
       // Names only: a bespoke plan and a paid plan outside the catalog have no catalog pitch.
-      custom: { name: n.fr.custom },
-      paid: { name: n.fr.paid }
+      custom: { name: h.fr.custom },
+      paid: { name: h.fr.paid }
     },
     "plan-feature": {
       PROJECTS_COUNT: "{unlimited, select, true {Projets illimités} other {{limit} projets}}",
@@ -1448,7 +1871,8 @@ const B = {
         slack: "Slack",
         totp: "Application d’authentification",
         recovery: "Code de récupération",
-        impersonation: "Accès support"
+        impersonation: "Accès support",
+        demo_link: "Lien de connexion de démonstration"
       },
       passkeys: {
         title: "Passkeys",
@@ -1919,7 +2343,8 @@ const B = {
       },
       toast: {
         region: "Notifications",
-        dismiss: "Fermer la notification"
+        dismiss: "Fermer la notification",
+        progress: "Progression"
       },
       "command-palette": {
         label: "Palette de commandes",
@@ -2257,8 +2682,28 @@ const B = {
         }
       }
     }
+  },
+  "password-field": {
+    show: "Afficher le mot de passe",
+    hide: "Masquer le mot de passe"
   }
-}, Y = {
+}, He = {
+  banner: {
+    title: "Demo account",
+    summary: "{label} · expires on {date}",
+    "expires-in": "(in {days, plural, one {# day} other {# days}})",
+    "expires-today": "(today)",
+    reset: "Reset",
+    "learn-more": "Learn more",
+    "reset-dialog": {
+      title: "Reset the demo?",
+      body: "The data of all the accounts of the group goes back to its starting state. Anything you created or changed will be lost.",
+      confirm: "Reset"
+    }
+  },
+  blocked: "Unavailable in demo"
+}, Ve = {
+  demo: He,
   "space-display-name": {
     personal: "My Cloud",
     "perso-in-org": "My Cloud (in org)",
@@ -2348,7 +2793,7 @@ const B = {
     },
     // Metric names come from @abyss-project/main's `billing-metric-label` table, their single
     // source (the invoices, their PDF and the overage e-mail read it too).
-    metric: D.en
+    metric: ee.en
   },
   "error-page": {
     title: "Something went wrong",
@@ -2367,6 +2812,18 @@ const B = {
       "error-retry": "Send failed — retry"
     }
   },
+  "error-boundary": {
+    title: "This page ran into an error",
+    "go-home": "Go home",
+    "show-details": "Show technical details",
+    "hide-details": "Hide technical details",
+    "details-label": "Technical details",
+    message: "Message",
+    "component-stack": "Component stack",
+    copy: "Copy details",
+    copied: "Details copied",
+    "copy-failed": "Copying failed. Select the text to copy it."
+  },
   cookies: {
     banner: {
       title: "Your cookie preferences",
@@ -2987,36 +3444,40 @@ const B = {
     // Plan names come from @abyss-project/main's `plan-name` table, their single source.
     plan: {
       freemium: {
-        name: n.en.freemium,
+        name: h.en.freemium,
         description: "Get started with no commitment"
       },
       starter: {
-        name: n.en.starter,
+        name: h.en.starter,
         description: "For individuals and small teams"
       },
       pro: {
-        name: n.en.pro,
+        name: h.en.pro,
         description: "For professional teams"
       },
       enterprise: {
-        name: n.en.enterprise,
+        name: h.en.enterprise,
         description: "For large organizations"
       },
       internal: {
-        name: n.en.internal,
+        name: h.en.internal,
         description: "Abyss internal use"
       },
       "family-free": {
-        name: n.en["family-free"],
+        name: h.en["family-free"],
         description: "Up to 6 members, shared spaces"
       },
       "family-paid": {
-        name: n.en["family-paid"],
+        name: h.en["family-paid"],
         description: "Up to 12 members + a bonus on your personal quotas"
       },
+      demo: {
+        name: h.en.demo,
+        description: "Demo account: every service included"
+      },
       // Names only: a bespoke plan and a paid plan outside the catalog have no catalog pitch.
-      custom: { name: n.en.custom },
-      paid: { name: n.en.paid }
+      custom: { name: h.en.custom },
+      paid: { name: h.en.paid }
     },
     "plan-feature": {
       PROJECTS_COUNT: "{unlimited, select, true {Unlimited projects} other {{limit} projects}}",
@@ -3536,7 +3997,8 @@ const B = {
         slack: "Slack",
         totp: "Authenticator app",
         recovery: "Recovery code",
-        impersonation: "Support access"
+        impersonation: "Support access",
+        demo_link: "Demonstration login link"
       },
       passkeys: {
         title: "Passkeys",
@@ -4007,7 +4469,8 @@ const B = {
       },
       toast: {
         region: "Notifications",
-        dismiss: "Dismiss the notification"
+        dismiss: "Dismiss the notification",
+        progress: "Progress"
       },
       "command-palette": {
         label: "Command palette",
@@ -4345,120 +4808,210 @@ const B = {
         }
       }
     }
+  },
+  "password-field": {
+    show: "Show password",
+    hide: "Hide password"
   }
 };
-var I, _;
-function H() {
-  if (_) return I;
-  _ = 1, I = s, s.flatten = s, s.unflatten = d;
-  function e(o) {
-    return o && o.constructor && typeof o.constructor.isBuffer == "function" && o.constructor.isBuffer(o);
+var G, W;
+function je() {
+  if (W) return G;
+  W = 1, G = o, o.flatten = o, o.unflatten = i;
+  function e(a) {
+    return a && a.constructor && typeof a.constructor.isBuffer == "function" && a.constructor.isBuffer(a);
   }
-  function u(o) {
-    return o;
+  function t(a) {
+    return a;
   }
-  function s(o, r) {
-    r = r || {};
-    const g = r.delimiter || ".", p = r.maxDepth, h = r.transformKey || u, m = {};
-    function N(f, b, E) {
-      E = E || 1, Object.keys(f).forEach(function(i) {
-        const t = f[i], a = r.safe && Array.isArray(t), l = Object.prototype.toString.call(t), c = e(t), T = l === "[object Object]" || l === "[object Array]", S = b ? b + g + h(i) : h(i);
-        if (!a && !c && T && Object.keys(t).length && (!r.maxDepth || E < p))
-          return N(t, S, E + 1);
-        m[S] = t;
+  function o(a, n) {
+    n = n || {};
+    const y = n.delimiter || ".", A = n.maxDepth, E = n.transformKey || t, l = {};
+    function v(S, C, u) {
+      u = u || 1, Object.keys(S).forEach(function(d) {
+        const s = S[d], m = n.safe && Array.isArray(s), b = Object.prototype.toString.call(s), g = e(s), R = b === "[object Object]" || b === "[object Array]", N = C ? C + y + E(d) : E(d);
+        if (!m && !g && R && Object.keys(s).length && (!n.maxDepth || u < A))
+          return v(s, N, u + 1);
+        l[N] = s;
       });
     }
-    return N(o), m;
+    return v(a), l;
   }
-  function d(o, r) {
-    r = r || {};
-    const g = r.delimiter || ".", p = r.overwrite || !1, h = r.transformKey || u, m = {};
-    if (e(o) || Object.prototype.toString.call(o) !== "[object Object]")
-      return o;
-    function f(i) {
-      const t = Number(i);
-      return isNaN(t) || i.indexOf(".") !== -1 || r.object ? i : t;
+  function i(a, n) {
+    n = n || {};
+    const y = n.delimiter || ".", A = n.overwrite || !1, E = n.transformKey || t, l = {};
+    if (e(a) || Object.prototype.toString.call(a) !== "[object Object]")
+      return a;
+    function S(d) {
+      const s = Number(d);
+      return isNaN(s) || d.indexOf(".") !== -1 || n.object ? d : s;
     }
-    function b(i, t, a) {
-      return Object.keys(a).reduce(function(l, c) {
-        return l[i + g + c] = a[c], l;
-      }, t);
+    function C(d, s, m) {
+      return Object.keys(m).reduce(function(b, g) {
+        return b[d + y + g] = m[g], b;
+      }, s);
     }
-    function E(i) {
-      const t = Object.prototype.toString.call(i), a = t === "[object Array]", l = t === "[object Object]";
-      if (i) {
-        if (a)
-          return !i.length;
-        if (l)
-          return !Object.keys(i).length;
+    function u(d) {
+      const s = Object.prototype.toString.call(d), m = s === "[object Array]", b = s === "[object Object]";
+      if (d) {
+        if (m)
+          return !d.length;
+        if (b)
+          return !Object.keys(d).length;
       } else return !0;
     }
-    return o = Object.keys(o).reduce(function(i, t) {
-      const a = Object.prototype.toString.call(o[t]);
-      return !(a === "[object Object]" || a === "[object Array]") || E(o[t]) ? (i[t] = o[t], i) : b(
-        t,
-        i,
-        s(o[t], r)
+    return a = Object.keys(a).reduce(function(d, s) {
+      const m = Object.prototype.toString.call(a[s]);
+      return !(m === "[object Object]" || m === "[object Array]") || u(a[s]) ? (d[s] = a[s], d) : C(
+        s,
+        d,
+        o(a[s], n)
       );
-    }, {}), Object.keys(o).forEach(function(i) {
-      const t = i.split(g).map(h);
-      let a = f(t.shift()), l = f(t[0]), c = m;
-      for (; l !== void 0; ) {
-        if (a === "__proto__")
+    }, {}), Object.keys(a).forEach(function(d) {
+      const s = d.split(y).map(E);
+      let m = S(s.shift()), b = S(s[0]), g = l;
+      for (; b !== void 0; ) {
+        if (m === "__proto__")
           return;
-        const T = Object.prototype.toString.call(c[a]), S = T === "[object Object]" || T === "[object Array]";
-        if (!p && !S && typeof c[a] < "u")
+        const R = Object.prototype.toString.call(g[m]), N = R === "[object Object]" || R === "[object Array]";
+        if (!A && !N && typeof g[m] < "u")
           return;
-        (p && !S || !p && c[a] == null) && (c[a] = typeof l == "number" && !r.object ? [] : {}), c = c[a], t.length > 0 && (a = f(t.shift()), l = f(t[0]));
+        (A && !N || !A && g[m] == null) && (g[m] = typeof b == "number" && !n.object ? [] : {}), g = g[m], s.length > 0 && (m = S(s.shift()), b = S(s[0]));
       }
-      c[a] = d(o[i], r);
-    }), m;
+      g[m] = i(a[d], n);
+    }), l;
   }
-  return I;
+  return G;
 }
-var w = H();
-const L = {
-  fr: { ...z, common: F },
-  en: { ...Y, common: G }
-}, V = P(
-  () => w.flatten(L.fr)
-), j = P(
-  () => w.flatten(L.en)
-), te = {
+var te = je();
+const oe = {
+  fr: { ...Ye, common: ue },
+  en: { ...Ve, common: de }
+}, qe = $(
+  () => te.flatten(oe.fr)
+), We = $(
+  () => te.flatten(oe.en)
+), Tt = {
   get fr() {
-    return V();
+    return qe();
   },
   get en() {
-    return j();
+    return We();
   }
-}, q = {
-  break: /* @__PURE__ */ v("br", {}),
-  bold: (...e) => /* @__PURE__ */ v("strong", { children: e }),
-  italic: (...e) => /* @__PURE__ */ v("i", { children: e }),
-  primary: (...e) => /* @__PURE__ */ v("span", { style: { color: "var(--abyss-accent-text)" }, children: e }),
-  focus: (...e) => /* @__PURE__ */ v("span", { style: { color: "var(--abyss-status-warning)" }, children: e })
-}, oe = () => {
-  const e = k(), u = M(
-    (s, d) => e.formatMessage(s, {
-      ...q,
-      ...d
+}, Ke = {
+  break: /* @__PURE__ */ p("br", {}),
+  bold: (...e) => /* @__PURE__ */ p("strong", { children: e }),
+  italic: (...e) => /* @__PURE__ */ p("i", { children: e }),
+  primary: (...e) => /* @__PURE__ */ p("span", { style: { color: "var(--abyss-accent-text)" }, children: e }),
+  focus: (...e) => /* @__PURE__ */ p("span", { style: { color: "var(--abyss-status-warning)" }, children: e })
+}, Nt = () => {
+  const e = B(), t = K(
+    (o, i) => e.formatMessage(o, {
+      ...Ke,
+      ...i
     }),
     [e]
   );
-  return U(() => {
-    const { formatMessage: s, ...d } = e;
-    return { ...d, formatRichMessage: u };
-  }, [e, u]);
-};
+  return ie(() => {
+    const { formatMessage: o, ...i } = e;
+    return { ...i, formatRichMessage: t };
+  }, [e, t]);
+}, Xe = /* @__PURE__ */ new Set(["a", "button"]), Je = f("div", {
+  shouldForwardProp: (e) => e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as"
+})(({ theme: e, ownerState: t }) => {
+  const { tokens: o, radii: i, space: a } = e.design;
+  return {
+    display: "flex",
+    flexDirection: "column",
+    minWidth: 0,
+    boxSizing: "border-box",
+    backgroundColor: o["bg.surface"],
+    border: L(o["border.subtle"]),
+    borderRadius: r(i.md),
+    padding: r(a[t.padding]),
+    color: o["text.primary"],
+    ...t.interactive && {
+      cursor: "pointer",
+      font: "inherit",
+      textAlign: "inherit",
+      textDecoration: "none",
+      transition: ye(e, ["border-color"]),
+      "&:hover": { borderColor: o["border.strong"] },
+      "&:focus-visible": fe(e)
+    }
+  };
+}), Ct = re(function({
+  interactive: t = !1,
+  padding: o = 4,
+  component: i = "div",
+  children: a,
+  onKeyDown: n,
+  role: y,
+  tabIndex: A,
+  ...E
+}, l) {
+  const v = t && typeof i == "string" && !Xe.has(i), S = K(
+    (u) => {
+      typeof l == "function" ? l(u) : l !== null && (l.current = u);
+    },
+    [l]
+  );
+  return /* @__PURE__ */ p(
+    Je,
+    {
+      ref: S,
+      as: i,
+      ownerState: { interactive: t, padding: o },
+      role: y ?? (v ? "button" : void 0),
+      tabIndex: A ?? (v ? 0 : void 0),
+      onKeyDown: (u) => {
+        n == null || n(u), v && !u.defaultPrevented && u.target === u.currentTarget && (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.currentTarget.click());
+      },
+      ...E,
+      children: a
+    }
+  );
+});
 export {
-  q as R,
-  z as a,
-  ee as b,
-  Z as c,
-  Y as e,
-  te as f,
-  $ as g,
-  C as r,
-  L as t,
-  oe as u
+  He as A,
+  Oe as B,
+  ze as C,
+  T as D,
+  oe as E,
+  Ve as F,
+  Ye as G,
+  ct as H,
+  ft as I,
+  U as J,
+  vt as K,
+  St as M,
+  Ke as R,
+  Ct as S,
+  pe as T,
+  Q as a,
+  _e as b,
+  Ae as c,
+  D as d,
+  ye as e,
+  Tt as f,
+  fe as g,
+  L as h,
+  Ee as i,
+  _ as j,
+  be as k,
+  ut as l,
+  dt as m,
+  pt as n,
+  he as o,
+  r as p,
+  Et as q,
+  mt as r,
+  At as s,
+  bt as t,
+  Nt as u,
+  yt as v,
+  w,
+  V as x,
+  gt as y,
+  ht as z
 };