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

package/dist/{use-rich-intl.hook-BETUyCkW.js → Surface-BEhoEhyC.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 x } 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, vt = (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 P = (e, t) => `calc(${r(t)} + env(safe-area-inset-${e}))`, ve = 0.3, be = f("div")({
+  position: "absolute",
+  left: 0,
+  right: 0,
+  bottom: 0,
+  maxHeight: "100%",
+  display: "flex",
+  outline: "none"
+}), Se = 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 - ${P(_.Top, i[8])})`,
+    display: "flex",
+    flexDirection: "column",
+    gap: r(i[3]),
+    paddingTop: r(i[2]),
+    paddingBottom: P(_.Bottom, i[6]),
+    paddingLeft: P(_.Left, i[4]),
+    paddingRight: P(_.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: P(_.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"]
+  };
+}), Re = 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"
+  };
+}), Ie = 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 = x(), A = F(), E = z(null), l = z(null), [S, b] = Y(0), [C, u] = Y(!1), d = (g) => {
+    g.currentTarget.setPointerCapture(g.pointerId), l.current = g.clientY, u(!0);
+  }, s = (g) => {
+    l.current !== null && b(Math.max(0, g.clientY - l.current));
+  }, m = (g) => {
+    var B;
+    if (l.current === null)
+      return;
+    const I = Math.max(0, g.clientY - l.current), N = ((B = E.current) == null ? void 0 : B.getBoundingClientRect().height) ?? 0;
+    l.current = null, u(!1), b(0), N > 0 && I >= N * ve && t();
+  }, v = () => {
+    l.current = null, u(!1), b(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(be, { children: /* @__PURE__ */ O(
+        Se,
+        {
+          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(S)})`,
+            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: v,
+                children: [
+                  /* @__PURE__ */ p(Ce, { "aria-hidden": "true" }),
+                  o ? /* @__PURE__ */ p(Re, { 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(Ie, { 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 we = 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])})`
+    }
+  };
+}), Pe = 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 bt({
+  open: e,
+  onClose: t,
+  title: o,
+  description: i,
+  size: a = "md",
+  actions: n,
+  children: y
+}) {
+  const A = x(), E = Ee() === T.Mobile, l = F(), S = 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(
+    we,
+    {
+      open: e,
+      onClose: () => t(),
+      maxWidth: a,
+      fullWidth: !0,
+      "aria-labelledby": l,
+      "aria-describedby": i !== void 0 ? S : void 0,
+      children: [
+        /* @__PURE__ */ O(Pe, { children: [
+          /* @__PURE__ */ O(De, { children: [
+            /* @__PURE__ */ p(Le, { id: l, children: o }),
+            i !== void 0 && /* @__PURE__ */ p(ke, { id: S, 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 w = /* @__PURE__ */ ((e) => (e.FREEMIUM = "FREEMIUM", e.DEFAULT = "DEFAULT", e.CUSTOM = "CUSTOM", e.SYSTEM = "SYSTEM", e))(w || {}), R = /* @__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))(R || {});
+const xe = {
+  [w.FREEMIUM]: R.FREEMIUM,
+  [w.DEFAULT]: "paid",
+  [w.SYSTEM]: R.INTERNAL,
+  [w.CUSTOM]: R.CUSTOM
+}, Be = new Set(Object.values(R)), U = (e) => e ? e.tier === w.CUSTOM ? R.CUSTOM : e.catalogKey && Be.has(e.catalogKey) ? e.catalogKey : xe[e.tier] ?? "paid" : R.FREEMIUM, St = (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}}",
@@ -1028,7 +1451,17 @@ const B = {
       "filter-search": "Rechercher...",
       "filter-status": "Statut",
       "filter-category": "Catégorie",
-      "clear-all": "Effacer tout"
+      "clear-all": "Effacer tout",
+      "filter-period": "Période",
+      "empty-filtered": "Aucun ticket ne correspond à ces filtres",
+      "column-ticket": "Ticket",
+      "column-requester": "Demandeur",
+      "column-status": "Statut",
+      "column-priority": "Priorité",
+      "column-category": "Catégorie",
+      "column-actions": "Actions",
+      total: "{count, plural, one {# ticket} other {# tickets}}",
+      pagination: "Pages des tickets de support"
     },
     create: {
       title: "Nouveau ticket de support",
@@ -1038,6 +1471,7 @@ const B = {
       "field-description-placeholder": "Donnez des détails sur votre problème...",
       "field-category": "Catégorie",
       "field-priority": "Priorité",
+      "service-none": "Aucun service",
       "field-service": "Service",
       "field-priority-reason": "Raison de la priorité",
       "field-priority-reason-placeholder": "Expliquez pourquoi c'est prioritaire...",
@@ -1045,7 +1479,12 @@ const B = {
       submit: "Envoyer le ticket",
       back: "Retour",
       cancel: "Annuler",
-      "attachment-failed": "Échec de l'envoi de la pièce jointe « {name} ». Vous pouvez réessayer depuis le ticket."
+      "attachment-failed": "Échec de l'envoi de la pièce jointe « {name} ». Vous pouvez réessayer depuis le ticket.",
+      "error-title": "Le titre doit comporter entre 3 et 255 caractères.",
+      "error-description": "La description doit comporter au moins 10 caractères.",
+      "error-category": "Choisissez une catégorie.",
+      "error-summary": "Corrigez les champs signalés avant d’envoyer le ticket.",
+      "submit-error": "Le ticket n’a pas pu être envoyé. Veuillez réessayer dans un instant."
     },
     system: {
       PROPOSED: "Abyss Founders a été proposé à l'organisation.",
@@ -1108,7 +1547,8 @@ const B = {
       "confirm-delete": "Supprimer ce message ?",
       terminalMessage: "Ce ticket est {status}",
       addTag: "Ajouter un tag",
-      tags: "Tags"
+      tags: "Tags",
+      back: "Retour aux tickets"
     },
     sidebar: {
       status: "Statut",
@@ -1138,6 +1578,11 @@ const B = {
       "assign-to-me": "M'assigner",
       "copy-user-id": "Copier l'ID de l'utilisateur",
       "copy-organization-id": "Copier l'ID de l'organisation",
+      "id-copied": "Identifiant copié",
+      "remove-tag": "Retirer le tag {name}",
+      "create-tag": "Créer le tag « {name} »",
+      "tag-search": "Rechercher ou créer un tag",
+      "no-tag-found": "Aucun tag disponible",
       "archived-at": "Archivé le",
       activity: "Activité",
       "activity-action": {
@@ -1168,9 +1613,16 @@ const B = {
       PUT_ON_HOLD: "Mettre en attente",
       RESUME: "Reprendre",
       ARCHIVE: "Archiver",
+      "TAKE_OVER-confirm": "Êtes-vous sûr de vouloir prendre ce ticket en charge ?",
+      "RESOLVE-confirm": "Êtes-vous sûr de vouloir résoudre ce ticket ?",
+      "REOPEN-confirm": "Êtes-vous sûr de vouloir rouvrir ce ticket ?",
+      "ESCALATE-confirm": "Êtes-vous sûr de vouloir escalader ce ticket ?",
+      "PUT_ON_HOLD-confirm": "Êtes-vous sûr de vouloir mettre ce ticket en attente ?",
+      "RESUME-confirm": "Êtes-vous sûr de vouloir reprendre ce ticket ?",
       "CLOSE-confirm": "Êtes-vous sûr de vouloir fermer ce ticket ?",
       "ARCHIVE-confirm": "Êtes-vous sûr de vouloir archiver ce ticket ?",
-      "reason-placeholder": "Raison (optionnel)..."
+      "reason-placeholder": "Raison (optionnel)...",
+      more: "Autres actions"
     },
     attachments: {
       title: "Pièces jointes",
@@ -1198,21 +1650,23 @@ const B = {
       step: {
         forWho: {
           label: "Pour qui ?",
-          help: "Indique l'utilisateur ou l'organisation concerné par la demande."
+          help: "Indiquez l'utilisateur ou l'organisation concerné par la demande."
         },
         category: {
           label: "Catégorie",
-          help: "Choisis la catégorie qui décrit le mieux ton problème pour accélérer le traitement."
+          help: "Choisissez la catégorie qui décrit le mieux votre problème pour accélérer le traitement."
         },
         details: {
           label: "Détails",
-          help: "Donne un titre clair et décris ton problème avec le plus de détails possible (étapes, message d'erreur…)."
+          help: "Donnez un titre clair et décrivez votre problème avec le plus de détails possible (étapes, message d'erreur…)."
         },
         priority: {
           label: "Priorité",
-          help: "Choisis l'urgence. Une priorité haute/critique demande une justification."
+          help: "Choisissez l'urgence. Une priorité haute ou critique demande une justification."
         }
       },
+      progress: "Étape {current} sur {total}",
+      "attachment-remove": "Retirer {name}",
       next: "Suivant",
       "attachments-title": "Pièces jointes"
     },
@@ -1313,6 +1767,12 @@ const B = {
         "recovery-label": "Code de récupération",
         submit: "Vérifier",
         "passkey-submit": "Utiliser ma passkey",
+        "trust-device": "Faire confiance à ce navigateur pendant 30 jours",
+        help: {
+          title: "Votre facteur ne fonctionne pas ici ?",
+          passkey: "Si votre passkey est sur votre téléphone, choisissez « Utiliser un autre appareil » dans la fenêtre du navigateur, puis scannez le QR code.",
+          "no-access": "Vous n’avez plus accès à aucun facteur ? Écrivez-nous à <mail>{email}</mail>."
+        },
         use: {
           totp: "Utiliser mon application d’authentification",
           passkey: "Utiliser ma passkey",
@@ -1340,6 +1800,12 @@ const B = {
         continue: "Continuer"
       },
       "passkey-cancelled": "Passkey annulée. Réessayez, ou choisissez une autre méthode.",
+      "portable-factor": {
+        title: "Votre passkey est liée à cet appareil",
+        message: "Votre seule passkey ne fonctionne que sur cet appareil. Ajoutez une application d’authentification ou une passkey sur votre téléphone.",
+        add: "Ajouter un autre moyen",
+        later: "Plus tard"
+      },
       "change-email": "Utiliser une autre adresse",
       restart: "Recommencer"
     },
@@ -1448,7 +1914,30 @@ 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",
+        trusted_device: "Appareil de confiance"
+      },
+      "trusted-devices": {
+        title: "Appareils de confiance",
+        lede: "Sur ces navigateurs, la connexion ne demande pas de second facteur pendant 30 jours. Retirez-en un pour que le second facteur soit de nouveau demandé.",
+        device: "Appareil",
+        "added-on": "Ajouté le {date}",
+        "last-used": "Dernier usage",
+        "last-used-on": "Dernier usage : {value}",
+        expires: "Expire le",
+        "expires-on": "Expire le {date}",
+        actions: "Actions",
+        current: "Cet appareil",
+        never: "Jamais utilisé",
+        revoke: "Retirer",
+        "revoke-title": "Retirer cet appareil de confiance ?",
+        "revoke-description": "« {device} » devra de nouveau passer le second facteur à sa prochaine connexion.",
+        "revoke-all": "Tout retirer",
+        "revoke-all-title": "Retirer tous les appareils de confiance ?",
+        "revoke-all-description": "Tous vos navigateurs, y compris celui-ci, devront de nouveau passer le second facteur à leur prochaine connexion.",
+        "revoked-all": "{count, plural, =0 {Aucun appareil de confiance à retirer.} one {# appareil retiré.} other {# appareils retirés.}}",
+        empty: "Aucun appareil de confiance. Cochez « Faire confiance à ce navigateur » en saisissant votre second facteur pour en ajouter un."
       },
       passkeys: {
         title: "Passkeys",
@@ -1485,7 +1974,7 @@ const B = {
         title: "Codes de récupération",
         lede: "Pour vous connecter si vous perdez votre second facteur. Chaque code ne sert qu’une fois.",
         remaining: "{count, plural, =0 {Aucun code restant} one {# code restant} other {# codes restants}}",
-        low: "Il vous reste peu de codes : générez-en de nouveaux.",
+        low: "{count, plural, =0 {Vous n’avez plus aucun code de récupération. Générez-en de nouveaux.} one {Il vous reste # code de récupération. Générez-en de nouveaux.} other {Il vous reste # codes de récupération. Générez-en de nouveaux.}}",
         regenerate: "Générer de nouveaux codes",
         "regenerate-title": "Générer de nouveaux codes ?",
         "regenerate-description": "Les dix nouveaux codes remplacent tous les codes actuels, qui cesseront de fonctionner.",
@@ -1919,7 +2408,8 @@ const B = {
       },
       toast: {
         region: "Notifications",
-        dismiss: "Fermer la notification"
+        dismiss: "Fermer la notification",
+        progress: "Progression"
       },
       "command-palette": {
         label: "Palette de commandes",
@@ -2257,8 +2747,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 +2858,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 +2877,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 +3509,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}}",
@@ -3097,7 +3623,17 @@ const B = {
       "filter-search": "Search tickets...",
       "filter-status": "Status",
       "filter-category": "Category",
-      "clear-all": "Clear all"
+      "clear-all": "Clear all",
+      "filter-period": "Period",
+      "empty-filtered": "No ticket matches these filters",
+      "column-ticket": "Ticket",
+      "column-requester": "Requester",
+      "column-status": "Status",
+      "column-priority": "Priority",
+      "column-category": "Category",
+      "column-actions": "Actions",
+      total: "{count, plural, one {# ticket} other {# tickets}}",
+      pagination: "Support tickets pages"
     },
     create: {
       title: "New support ticket",
@@ -3107,6 +3643,7 @@ const B = {
       "field-description-placeholder": "Provide details about your issue...",
       "field-category": "Category",
       "field-priority": "Priority",
+      "service-none": "No service",
       "field-service": "Service",
       "field-priority-reason": "Priority reason",
       "field-priority-reason-placeholder": "Explain why this is high priority...",
@@ -3114,7 +3651,12 @@ const B = {
       submit: "Submit ticket",
       back: "Back",
       cancel: "Cancel",
-      "attachment-failed": 'Failed to upload attachment "{name}". You can retry it from the ticket.'
+      "attachment-failed": 'Failed to upload attachment "{name}". You can retry it from the ticket.',
+      "error-title": "The title must be between 3 and 255 characters.",
+      "error-description": "The description must be at least 10 characters.",
+      "error-category": "Choose a category.",
+      "error-summary": "Fix the highlighted fields before sending the ticket.",
+      "submit-error": "The ticket could not be sent. Please try again in a moment."
     },
     system: {
       PROPOSED: "Abyss Founders was proposed to the organization.",
@@ -3177,7 +3719,8 @@ const B = {
       "confirm-delete": "Delete this message?",
       terminalMessage: "This ticket is {status}",
       addTag: "Add a tag",
-      tags: "Tags"
+      tags: "Tags",
+      back: "Back to tickets"
     },
     sidebar: {
       status: "Status",
@@ -3207,6 +3750,11 @@ const B = {
       "assign-to-me": "Assign to me",
       "copy-user-id": "Copy user ID",
       "copy-organization-id": "Copy organization ID",
+      "id-copied": "ID copied",
+      "remove-tag": "Remove tag {name}",
+      "create-tag": 'Create tag "{name}"',
+      "tag-search": "Search or create a tag",
+      "no-tag-found": "No tag available",
       "archived-at": "Archived on",
       activity: "Activity",
       "activity-action": {
@@ -3237,9 +3785,16 @@ const B = {
       PUT_ON_HOLD: "Put on hold",
       RESUME: "Resume",
       ARCHIVE: "Archive",
+      "TAKE_OVER-confirm": "Are you sure you want to take this ticket over?",
+      "RESOLVE-confirm": "Are you sure you want to resolve this ticket?",
+      "REOPEN-confirm": "Are you sure you want to reopen this ticket?",
+      "ESCALATE-confirm": "Are you sure you want to escalate this ticket?",
+      "PUT_ON_HOLD-confirm": "Are you sure you want to put this ticket on hold?",
+      "RESUME-confirm": "Are you sure you want to resume this ticket?",
       "CLOSE-confirm": "Are you sure you want to close this ticket?",
       "ARCHIVE-confirm": "Are you sure you want to archive this ticket?",
-      "reason-placeholder": "Reason (optional)..."
+      "reason-placeholder": "Reason (optional)...",
+      more: "More actions"
     },
     attachments: {
       title: "Attachments",
@@ -3282,6 +3837,8 @@ const B = {
           help: "Pick the urgency. High/critical priority requires a justification."
         }
       },
+      progress: "Step {current} of {total}",
+      "attachment-remove": "Remove {name}",
       next: "Next",
       "attachments-title": "Attachments"
     },
@@ -3401,6 +3958,12 @@ const B = {
         "recovery-label": "Recovery code",
         submit: "Verify",
         "passkey-submit": "Use my passkey",
+        "trust-device": "Trust this browser for 30 days",
+        help: {
+          title: "Your factor does not work here?",
+          passkey: "If your passkey is on your phone, choose “Use another device” in the browser window, then scan the QR code.",
+          "no-access": "No longer have access to any factor? Write to us at <mail>{email}</mail>."
+        },
         use: {
           totp: "Use my authenticator app",
           passkey: "Use my passkey",
@@ -3428,6 +3991,12 @@ const B = {
         continue: "Continue"
       },
       "passkey-cancelled": "Passkey cancelled. Try again, or choose another method.",
+      "portable-factor": {
+        title: "Your passkey is tied to this device",
+        message: "Your only passkey works on this device alone. Add an authenticator app or a passkey on your phone.",
+        add: "Add another method",
+        later: "Later"
+      },
       "change-email": "Use another address",
       restart: "Start over"
     },
@@ -3536,7 +4105,30 @@ const B = {
         slack: "Slack",
         totp: "Authenticator app",
         recovery: "Recovery code",
-        impersonation: "Support access"
+        impersonation: "Support access",
+        demo_link: "Demonstration login link",
+        trusted_device: "Trusted device"
+      },
+      "trusted-devices": {
+        title: "Trusted devices",
+        lede: "On these browsers, signing in asks no second factor for 30 days. Remove one to have the second factor asked again.",
+        device: "Device",
+        "added-on": "Added on {date}",
+        "last-used": "Last used",
+        "last-used-on": "Last used: {value}",
+        expires: "Expires on",
+        "expires-on": "Expires on {date}",
+        actions: "Actions",
+        current: "This device",
+        never: "Never used",
+        revoke: "Remove",
+        "revoke-title": "Remove this trusted device?",
+        "revoke-description": "“{device}” will have to pass the second factor again at its next sign-in.",
+        "revoke-all": "Remove all",
+        "revoke-all-title": "Remove all trusted devices?",
+        "revoke-all-description": "All your browsers, including this one, will have to pass the second factor again at their next sign-in.",
+        "revoked-all": "{count, plural, =0 {No trusted device to remove.} one {# device removed.} other {# devices removed.}}",
+        empty: "No trusted device. Tick “Trust this browser” when you enter your second factor to add one."
       },
       passkeys: {
         title: "Passkeys",
@@ -3573,7 +4165,7 @@ const B = {
         title: "Recovery codes",
         lede: "To sign in if you lose your second factor. Each code works only once.",
         remaining: "{count, plural, =0 {No code left} one {# code left} other {# codes left}}",
-        low: "You have few codes left: generate new ones.",
+        low: "{count, plural, =0 {You have no recovery code left. Generate new ones.} one {You have # recovery code left. Generate new ones.} other {You have # recovery codes left. Generate new ones.}}",
         regenerate: "Generate new codes",
         "regenerate-title": "Generate new codes?",
         "regenerate-description": "The ten new codes replace all the current ones, which will stop working.",
@@ -4007,7 +4599,8 @@ const B = {
       },
       toast: {
         region: "Notifications",
-        dismiss: "Dismiss the notification"
+        dismiss: "Dismiss the notification",
+        progress: "Progress"
       },
       "command-palette": {
         label: "Command palette",
@@ -4345,120 +4938,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 S(b, C, u) {
+      u = u || 1, Object.keys(b).forEach(function(d) {
+        const s = b[d], m = n.safe && Array.isArray(s), v = Object.prototype.toString.call(s), g = e(s), I = v === "[object Object]" || v === "[object Array]", N = C ? C + y + E(d) : E(d);
+        if (!m && !g && I && Object.keys(s).length && (!n.maxDepth || u < A))
+          return S(s, N, u + 1);
+        l[N] = s;
       });
     }
-    return N(o), m;
+    return S(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 b(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(v, g) {
+        return v[d + y + g] = m[g], v;
+      }, 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]", v = s === "[object Object]";
+      if (d) {
+        if (m)
+          return !d.length;
+        if (v)
+          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 = b(s.shift()), v = b(s[0]), g = l;
+      for (; v !== 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 I = Object.prototype.toString.call(g[m]), N = I === "[object Object]" || I === "[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 v == "number" && !n.object ? [] : {}), g = g[m], s.length > 0 && (m = b(s.shift()), v = b(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 = x(), 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 S = t && typeof i == "string" && !Xe.has(i), b = K(
+    (u) => {
+      typeof l == "function" ? l(u) : l !== null && (l.current = u);
+    },
+    [l]
+  );
+  return /* @__PURE__ */ p(
+    Je,
+    {
+      ref: b,
+      as: i,
+      ownerState: { interactive: t, padding: o },
+      role: y ?? (S ? "button" : void 0),
+      tabIndex: A ?? (S ? 0 : void 0),
+      onKeyDown: (u) => {
+        n == null || n(u), S && !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,
+  St as K,
+  bt 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,
+  ve as k,
+  pt as l,
+  ut as m,
+  dt as n,
+  he as o,
+  r as p,
+  Et as q,
+  mt as r,
+  At as s,
+  vt as t,
+  Nt as u,
+  yt as v,
+  P as w,
+  V as x,
+  gt as y,
+  ht as z
 };