@tekkare/romulus 0.1.95 → 0.1.97

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.16.0"
   },
-  "version": "0.1.94",
+  "version": "0.1.96",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/assets/styles/tokens.css

@@ -1 +1 @@
-:root{--sidebar-w:220px;--sidebar-collapsed-w:56px;--rsidebar-w:280px;--rsidebar-collapsed-w:76px;--topbar-h:56px;--topbar-merged-h:0px;--tabs-h:46px;--analysis-header-h:124px;--sourcebar-h:38px;--filterbar-h:56px;--color-primary:#2100ad;--color-primary-hover:#1a0088;--color-secondary:#6b3fff;--color-accent-soft:#b485ff;--color-violet-pale:#d6ccff;--color-healthcare:#4164ee;--color-discovery:#07816f;--color-pharma:#f7520e;--color-databank:#e04380;--color-healthcare-active:#3451d4;--color-discovery-active:#066b5c;--color-pharma-active:#d9470c;--color-databank-active:#c73a6f;--color-pharma-soft:#ff7942;--healthcare-rgb:65,100,238;--discovery-rgb:7,129,111;--pharma-rgb:247,82,14;--databank-rgb:224,67,128;--surface-rgb:255,255,255;--shadow-rgb:30,41,59;--color-accent-teal:#00d4a8;--color-notification:#e59;--color-text-inverse:#fff;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-info:#4164ee;--color-info-bg:#dbeafe;--bg-app:#eef1f5;--bg-surface:#fff;--bg-surface-2:#fbfbfd;--bg-surface-3:#f5f5f9;--bg-hover:#eef1fe;--border-default:#dbdef0;--border-soft:#f0f1f7;--text-primary:#1e293b;--text-secondary:#525670;--text-muted:#878ca6;--brand-rgb:33,0,173;--chart-cat-1:#2100ad;--chart-cat-2:#00a38e;--chart-cat-3:#e67e22;--chart-cat-4:#d63384;--chart-cat-5:#4164ee;--chart-cat-6:#16a34a;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-pill:999px;--font-10:10px;--font-11:11px;--font-12:12px;--font-13:13px;--font-14:14px;--font-16:16px;--font-18:18px;--font-22:22px;--font-24:24px;--font-32:32px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--font-serif:"Caudex",Georgia,serif;--font-sans:"Figtree",system-ui,sans-serif;--font-mono:"SF Mono",Menlo,monospace;--shadow-xs:0 1px 2px rgba(30,41,59,.04);--shadow-sm:0 2px 6px rgba(30,41,59,.06),0 1px 2px rgba(30,41,59,.03);--shadow-md:0 4px 12px rgba(30,41,59,.06),0 1px 3px rgba(30,41,59,.04);--shadow-lg:0 8px 24px rgba(30,41,59,.12);--shadow-focus:0 0 0 3px rgba(107,63,255,.14);--duration-instant:100ms;--duration-fast:150ms;--duration-base:240ms;--duration-slow:400ms;--duration-slowest:600ms;--ease-out:cubic-bezier(.2,0,0,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.5,1.6,.4,1);--z-base:1;--z-sticky:20;--z-header:30;--z-drawer:40;--z-modal:50;--z-toast:60;--z-help:70}body.night{--color-primary:#9b7cff;--color-secondary:#b485ff;--color-accent-soft:#d6ccff;--color-healthcare:#7aa0ff;--color-discovery:#2ecc71;--color-pharma:#ff8c00;--color-databank:#f472b6;--color-healthcare-active:#4164ee;--color-discovery-active:#07816f;--color-pharma-active:#f7520e;--color-databank-active:#e04380;--healthcare-rgb:122,160,255;--discovery-rgb:46,204,113;--pharma-rgb:255,140,0;--databank-rgb:244,114,182;--surface-rgb:26,26,36;--shadow-rgb:0,0,0;--bg-app:#0e0e14;--bg-surface:#1a1a24;--bg-surface-2:#232330;--bg-surface-3:#2a2a38;--bg-hover:#2d2a42;--border-default:#45455c;--border-soft:#32323f;--text-primary:#f5f6fa;--text-secondary:#cfd3e5;--text-muted:#8a90a8;--brand-rgb:155,124,255;--color-success:#6fe8c5;--color-success-bg:rgba(0,212,168,.18);--color-warning:#fbbf24;--color-warning-bg:rgba(245,158,11,.18);--color-danger:#fca5a5;--color-danger-bg:rgba(239,68,68,.18);--color-info:#7aa0ff;--color-info-bg:rgba(65,100,238,.18);--chart-cat-1:#9b7cff;--chart-cat-2:#6fe8c5;--chart-cat-3:#fbbf24;--chart-cat-4:#f472b6;--chart-cat-5:#7b9ef5;--chart-cat-6:#bef264;background:var(--bg-app);color:var(--text-primary);color-scheme:dark}body.text-large{--font-10:11px;--font-11:12px;--font-12:13px;--font-13:15px;--font-14:16px;--font-16:18px;--font-18:20px;--font-22:25px;--font-24:27px;--font-32:36px}body.text-xl{--font-10:12px;--font-11:13px;--font-12:15px;--font-13:16px;--font-14:18px;--font-16:20px;--font-18:22px;--font-22:28px;--font-24:30px;--font-32:40px}body.density-compact{--space-4:3px;--space-6:4px;--space-8:6px;--space-10:8px;--space-12:9px;--space-16:12px;--space-20:15px;--space-24:18px;--space-32:24px;--space-40:30px;--space-48:36px}body.high-contrast:not(.night){--text-primary:#000;--text-secondary:#1a1a24;--text-muted:#2f2f40;--border-default:#000;--border-soft:#525670;--bg-app:#fff;--bg-surface:#fff;--bg-surface-2:#fff;--bg-surface-3:#f0f1f7;--bg-hover:#ffe56b;--color-primary:#1100a0;--color-primary-hover:#0a0070;--color-secondary:#5028d8;--color-success:#006b2c;--color-warning:#8c4500;--color-danger:#a60000;--color-info:#0040c8}body.night.high-contrast{--text-primary:#fff;--text-secondary:#f5f6fa;--text-muted:#cfd3e5;--border-default:#fff;--border-soft:#b8bcd0;--bg-app:#000;--bg-surface:#000;--bg-surface-2:#000;--bg-surface-3:#000;--bg-hover:#ffe56b;--color-primary:#d6ccff;--color-primary-hover:#fff;--color-secondary:#e5daff;--color-accent-soft:#fff;--color-success:#6fe8c5;--color-warning:#fbbf24;--color-danger:#fca5a5;--color-info:#7aa0ff;--brand-rgb:214,204,255}body.reduce-motion *,body.reduce-motion :after,body.reduce-motion :before{animation:none!important;scroll-behavior:auto!important;transition:none!important}body.cvd-deutera .pane,body.cvd-deutera .rm-cvd-target,body.cvd-deutera .rm-shell,body.cvd-deutera .rsidebar,body.cvd-deutera .sidebar,body.cvd-deutera>.rm-action-bar__overlay,body.cvd-deutera>.rm-drawer,body.cvd-deutera>.rm-drawer-overlay,body.cvd-deutera>.rm-modal-overlay{filter:url(#a11y-deutera)}body.cvd-protan .pane,body.cvd-protan .rm-cvd-target,body.cvd-protan .rm-shell,body.cvd-protan .rsidebar,body.cvd-protan .sidebar,body.cvd-protan>.rm-action-bar__overlay,body.cvd-protan>.rm-drawer,body.cvd-protan>.rm-drawer-overlay,body.cvd-protan>.rm-modal-overlay{filter:url(#a11y-protan)}body.cvd-tritan .pane,body.cvd-tritan .rm-cvd-target,body.cvd-tritan .rm-shell,body.cvd-tritan .rsidebar,body.cvd-tritan .sidebar,body.cvd-tritan>.rm-action-bar__overlay,body.cvd-tritan>.rm-drawer,body.cvd-tritan>.rm-drawer-overlay,body.cvd-tritan>.rm-modal-overlay{filter:url(#a11y-tritan)}body.cvd-mono .pane,body.cvd-mono .rm-cvd-target,body.cvd-mono .rm-shell,body.cvd-mono .rsidebar,body.cvd-mono .sidebar,body.cvd-mono>.rm-action-bar__overlay,body.cvd-mono>.rm-drawer,body.cvd-mono>.rm-drawer-overlay,body.cvd-mono>.rm-modal-overlay{filter:url(#a11y-mono)}:root{--r-color-primary-50:#f0f4ff;--r-color-primary-100:#dce5fd;--r-color-primary-200:#b9cbfb;--r-color-primary-300:#96b0f9;--r-color-primary-400:#7395f5;--r-color-primary-500:#5a7ef2;--r-color-primary-600:var(--color-healthcare);--r-color-primary-700:#3451d4;--r-color-primary-800:#283fb0;--r-color-primary-900:#1c2d8a;--r-color-gray-50:#f9fafb;--r-color-gray-100:#f3f4f6;--r-color-gray-200:#e5e7eb;--r-color-gray-300:#d1d5db;--r-color-gray-400:#9ca3af;--r-color-gray-500:#6b7280;--r-color-gray-600:#4b5563;--r-color-gray-700:#374151;--r-color-gray-800:#1f2937;--r-color-gray-900:#111827;--r-color-gray-950:#030712;--r-color-success-500:var(--color-success);--r-color-success-600:#16a34a;--r-color-warning-500:#f59e0b;--r-color-warning-600:var(--color-warning);--r-color-danger-500:#ef4444;--r-color-danger-600:var(--color-danger);--r-color-white:#fff;--r-color-black:#000;--r-font-family:var(--font-sans);--r-font-mono:var(--font-mono);--r-text-xs:0.75rem;--r-text-sm:0.875rem;--r-text-base:1rem;--r-text-lg:1.125rem;--r-text-xl:1.25rem;--r-text-2xl:1.5rem;--r-text-3xl:1.875rem;--r-text-4xl:2.25rem;--r-font-weight-normal:var(--weight-normal);--r-font-weight-medium:var(--weight-medium);--r-font-weight-semibold:var(--weight-semibold);--r-font-weight-bold:var(--weight-bold);--r-leading-tight:1.25;--r-leading-normal:1.5;--r-leading-relaxed:1.75;--r-space-0:0;--r-space-1:var(--space-4);--r-space-2:var(--space-8);--r-space-3:var(--space-12);--r-space-4:var(--space-16);--r-space-5:var(--space-20);--r-space-6:var(--space-24);--r-space-8:var(--space-32);--r-space-10:var(--space-40);--r-space-12:var(--space-48);--r-radius-none:0;--r-radius-sm:var(--radius-sm);--r-radius-md:var(--radius-md);--r-radius-lg:var(--radius-lg);--r-radius-xl:0.75rem;--r-radius-2xl:1rem;--r-radius-full:var(--radius-pill);--r-shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--r-shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--r-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--r-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--r-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--r-transition-fast:var(--duration-fast) var(--ease-in-out);--r-transition-base:200ms var(--ease-in-out);--r-transition-slow:var(--duration-slow) var(--ease-in-out)}
+:root{--sidebar-w:220px;--sidebar-collapsed-w:56px;--rsidebar-w:280px;--rsidebar-collapsed-w:76px;--topbar-h:56px;--topbar-merged-h:0px;--tabs-h:46px;--analysis-header-h:124px;--sourcebar-h:38px;--filterbar-h:56px;--color-primary:#2100ad;--color-primary-hover:#1a0088;--color-secondary:#6b3fff;--color-accent-soft:#b485ff;--color-violet-pale:#d6ccff;--color-healthcare:#4164ee;--color-discovery:#07816f;--color-pharma:#f7520e;--color-databank:#e04380;--color-healthcare-active:#3451d4;--color-discovery-active:#066b5c;--color-pharma-active:#d9470c;--color-databank-active:#c73a6f;--color-pharma-soft:#ff7942;--healthcare-rgb:65,100,238;--discovery-rgb:7,129,111;--pharma-rgb:247,82,14;--databank-rgb:224,67,128;--surface-rgb:255,255,255;--shadow-rgb:30,41,59;--color-accent-teal:#00d4a8;--color-notification:#e59;--color-text-inverse:#fff;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-info:#4164ee;--color-info-bg:#dbeafe;--bg-app:#eef1f5;--bg-surface:#fff;--bg-surface-2:#fbfbfd;--bg-surface-3:#f5f5f9;--bg-hover:#eef1fe;--border-default:#dbdef0;--border-soft:#f0f1f7;--text-primary:#1e293b;--text-secondary:#525670;--text-muted:#878ca6;--brand-rgb:33,0,173;--chart-cat-1:#2100ad;--chart-cat-2:#00a38e;--chart-cat-3:#e67e22;--chart-cat-4:#d63384;--chart-cat-5:#4164ee;--chart-cat-6:#16a34a;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-pill:999px;--font-10:10px;--font-11:11px;--font-12:12px;--font-13:13px;--font-14:14px;--font-16:16px;--font-18:18px;--font-22:22px;--font-24:24px;--font-32:32px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--font-serif:"Caudex",Georgia,serif;--font-sans:"Figtree",system-ui,sans-serif;--font-mono:"SF Mono",Menlo,monospace;--shadow-xs:0 1px 2px rgba(30,41,59,.04);--shadow-sm:0 2px 6px rgba(30,41,59,.06),0 1px 2px rgba(30,41,59,.03);--shadow-md:0 4px 12px rgba(30,41,59,.06),0 1px 3px rgba(30,41,59,.04);--shadow-lg:0 8px 24px rgba(30,41,59,.12);--shadow-focus:0 0 0 3px rgba(107,63,255,.14);--duration-instant:100ms;--duration-fast:150ms;--duration-base:240ms;--duration-slow:400ms;--duration-slowest:600ms;--ease-out:cubic-bezier(.2,0,0,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.5,1.6,.4,1);--z-base:1;--z-sticky:20;--z-header:30;--z-drawer:40;--z-modal:50;--z-toast:60;--z-help:70}body.night{--color-primary:#9b7cff;--color-secondary:#b485ff;--color-accent-soft:#d6ccff;--color-healthcare:#7aa0ff;--color-discovery:#2ecc71;--color-pharma:#ff8c00;--color-databank:#f472b6;--color-healthcare-active:#4164ee;--color-discovery-active:#07816f;--color-pharma-active:#f7520e;--color-databank-active:#e04380;--healthcare-rgb:122,160,255;--discovery-rgb:46,204,113;--pharma-rgb:255,140,0;--databank-rgb:244,114,182;--surface-rgb:26,26,36;--shadow-rgb:0,0,0;--bg-app:#0e0e14;--bg-surface:#1a1a24;--bg-surface-2:#232330;--bg-surface-3:#2a2a38;--bg-hover:#2d2a42;--border-default:#45455c;--border-soft:#32323f;--text-primary:#f5f6fa;--text-secondary:#cfd3e5;--text-muted:#8a90a8;--brand-rgb:155,124,255;--color-success:#6fe8c5;--color-success-bg:rgba(0,212,168,.18);--color-warning:#fbbf24;--color-warning-bg:rgba(245,158,11,.18);--color-danger:#fca5a5;--color-danger-bg:rgba(239,68,68,.18);--color-info:#7aa0ff;--color-info-bg:rgba(65,100,238,.18);--chart-cat-1:#9b7cff;--chart-cat-2:#6fe8c5;--chart-cat-3:#fbbf24;--chart-cat-4:#f472b6;--chart-cat-5:#7b9ef5;--chart-cat-6:#bef264;background:var(--bg-app);color:var(--text-primary);color-scheme:dark}body.text-small{--font-10:9px;--font-11:10px;--font-12:11px;--font-13:12px;--font-14:13px;--font-16:15px;--font-18:17px;--font-22:20px;--font-24:22px;--font-32:29px}body.text-large{--font-10:11px;--font-11:12px;--font-12:13px;--font-13:15px;--font-14:16px;--font-16:18px;--font-18:20px;--font-22:25px;--font-24:27px;--font-32:36px}body.text-xl{--font-10:12px;--font-11:13px;--font-12:15px;--font-13:16px;--font-14:18px;--font-16:20px;--font-18:22px;--font-22:28px;--font-24:30px;--font-32:40px}body.density-compact{--space-4:3px;--space-6:4px;--space-8:6px;--space-10:8px;--space-12:9px;--space-16:12px;--space-20:15px;--space-24:18px;--space-32:24px;--space-40:30px;--space-48:36px}body.high-contrast:not(.night){--text-primary:#000;--text-secondary:#1a1a24;--text-muted:#2f2f40;--border-default:#000;--border-soft:#525670;--bg-app:#fff;--bg-surface:#fff;--bg-surface-2:#fff;--bg-surface-3:#f0f1f7;--bg-hover:#ffe56b;--color-primary:#1100a0;--color-primary-hover:#0a0070;--color-secondary:#5028d8;--color-success:#006b2c;--color-warning:#8c4500;--color-danger:#a60000;--color-info:#0040c8}body.night.high-contrast{--text-primary:#fff;--text-secondary:#f5f6fa;--text-muted:#cfd3e5;--border-default:#fff;--border-soft:#b8bcd0;--bg-app:#000;--bg-surface:#000;--bg-surface-2:#000;--bg-surface-3:#000;--bg-hover:#ffe56b;--color-primary:#d6ccff;--color-primary-hover:#fff;--color-secondary:#e5daff;--color-accent-soft:#fff;--color-success:#6fe8c5;--color-warning:#fbbf24;--color-danger:#fca5a5;--color-info:#7aa0ff;--brand-rgb:214,204,255}body.reduce-motion *,body.reduce-motion :after,body.reduce-motion :before{animation:none!important;scroll-behavior:auto!important;transition:none!important}body.cvd-deutera .pane,body.cvd-deutera .rm-cvd-target,body.cvd-deutera .rm-shell,body.cvd-deutera .rsidebar,body.cvd-deutera .sidebar,body.cvd-deutera>.rm-action-bar__overlay,body.cvd-deutera>.rm-drawer,body.cvd-deutera>.rm-drawer-overlay,body.cvd-deutera>.rm-modal-overlay{filter:url(#a11y-deutera)}body.cvd-protan .pane,body.cvd-protan .rm-cvd-target,body.cvd-protan .rm-shell,body.cvd-protan .rsidebar,body.cvd-protan .sidebar,body.cvd-protan>.rm-action-bar__overlay,body.cvd-protan>.rm-drawer,body.cvd-protan>.rm-drawer-overlay,body.cvd-protan>.rm-modal-overlay{filter:url(#a11y-protan)}body.cvd-tritan .pane,body.cvd-tritan .rm-cvd-target,body.cvd-tritan .rm-shell,body.cvd-tritan .rsidebar,body.cvd-tritan .sidebar,body.cvd-tritan>.rm-action-bar__overlay,body.cvd-tritan>.rm-drawer,body.cvd-tritan>.rm-drawer-overlay,body.cvd-tritan>.rm-modal-overlay{filter:url(#a11y-tritan)}body.cvd-mono .pane,body.cvd-mono .rm-cvd-target,body.cvd-mono .rm-shell,body.cvd-mono .rsidebar,body.cvd-mono .sidebar,body.cvd-mono>.rm-action-bar__overlay,body.cvd-mono>.rm-drawer,body.cvd-mono>.rm-drawer-overlay,body.cvd-mono>.rm-modal-overlay{filter:url(#a11y-mono)}:root{--r-color-primary-50:#f0f4ff;--r-color-primary-100:#dce5fd;--r-color-primary-200:#b9cbfb;--r-color-primary-300:#96b0f9;--r-color-primary-400:#7395f5;--r-color-primary-500:#5a7ef2;--r-color-primary-600:var(--color-healthcare);--r-color-primary-700:#3451d4;--r-color-primary-800:#283fb0;--r-color-primary-900:#1c2d8a;--r-color-gray-50:#f9fafb;--r-color-gray-100:#f3f4f6;--r-color-gray-200:#e5e7eb;--r-color-gray-300:#d1d5db;--r-color-gray-400:#9ca3af;--r-color-gray-500:#6b7280;--r-color-gray-600:#4b5563;--r-color-gray-700:#374151;--r-color-gray-800:#1f2937;--r-color-gray-900:#111827;--r-color-gray-950:#030712;--r-color-success-500:var(--color-success);--r-color-success-600:#16a34a;--r-color-warning-500:#f59e0b;--r-color-warning-600:var(--color-warning);--r-color-danger-500:#ef4444;--r-color-danger-600:var(--color-danger);--r-color-white:#fff;--r-color-black:#000;--r-font-family:var(--font-sans);--r-font-mono:var(--font-mono);--r-text-xs:0.75rem;--r-text-sm:0.875rem;--r-text-base:1rem;--r-text-lg:1.125rem;--r-text-xl:1.25rem;--r-text-2xl:1.5rem;--r-text-3xl:1.875rem;--r-text-4xl:2.25rem;--r-font-weight-normal:var(--weight-normal);--r-font-weight-medium:var(--weight-medium);--r-font-weight-semibold:var(--weight-semibold);--r-font-weight-bold:var(--weight-bold);--r-leading-tight:1.25;--r-leading-normal:1.5;--r-leading-relaxed:1.75;--r-space-0:0;--r-space-1:var(--space-4);--r-space-2:var(--space-8);--r-space-3:var(--space-12);--r-space-4:var(--space-16);--r-space-5:var(--space-20);--r-space-6:var(--space-24);--r-space-8:var(--space-32);--r-space-10:var(--space-40);--r-space-12:var(--space-48);--r-radius-none:0;--r-radius-sm:var(--radius-sm);--r-radius-md:var(--radius-md);--r-radius-lg:var(--radius-lg);--r-radius-xl:0.75rem;--r-radius-2xl:1rem;--r-radius-full:var(--radius-pill);--r-shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--r-shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--r-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--r-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--r-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--r-transition-fast:var(--duration-fast) var(--ease-in-out);--r-transition-base:200ms var(--ease-in-out);--r-transition-slow:var(--duration-slow) var(--ease-in-out)}

package/dist/runtime/components/A11yPanel.vue

@@ -60,7 +60,8 @@ const WORDS = {
   fr: {
     intro: "Adaptez l'affichage à votre besoin. Les changements s'appliquent en temps réel à tout le dashboard et sont mémorisés pour vos prochaines sessions.",
     text: 'Taille du texte',
-    textDesc: 'Agrandit les titres, les valeurs KPI, les libellés et les tables.',
+    textDesc: 'Règle la taille des titres, des valeurs KPI, des libellés et des tables.',
+    textSmall: 'Petit',
     textNormal: 'Standard',
     textLarge: 'Large',
     textXl: 'Très large',
@@ -86,7 +87,8 @@ const WORDS = {
   en: {
     intro: 'Adjust the display to suit you. Changes apply across the dashboard right away and are remembered for your next sessions.',
     text: 'Text size',
-    textDesc: 'Enlarges titles, KPI values, labels and tables.',
+    textDesc: 'Sets the size of titles, KPI values, labels and tables.',
+    textSmall: 'Small',
     textNormal: 'Standard',
     textLarge: 'Large',
     textXl: 'Extra large',
@@ -116,6 +118,7 @@ const T = computed(() => WORDS[props.lang] ?? WORDS.fr)
 /* Les quatre simulations gardent leur nom court, le meme en francais et en
    anglais : ce sont les noms des deficiences, pas des libelles a traduire. */
 const textOptions = computed(() => [
+  { value: 'small', label: T.value.textSmall },
   { value: 'normal', label: T.value.textNormal },
   { value: 'large', label: T.value.textLarge },
   { value: 'xl', label: T.value.textXl },

package/dist/runtime/components/TermsGate.vue

@@ -0,0 +1,307 @@
+<!--
+  RmTermsGate - conditions d'utilisation a accepter avant d'entrer.
+
+  Surface bloquante posee une fois dans l'application. Elle parait a la
+  premiere connexion, puis a chaque nouvelle version publiee, et ne se ferme
+  que par l'acceptation ou le refus. Le refus n'est pas une fermeture : il
+  emet `declined`, a l'application de deconnecter.
+
+  Elle ne sait ni s'authentifier ni appeler un serveur : l'application fournit
+  son propre client par `api`, ce qui laisse le composant hors de toute
+  plomberie d'authentification et permet de le monter dans n'importe quel
+  portail.
+
+  Les pages `/auth` sont sautees expres : l'accueil de premiere connexion y
+  vit deja, et deux ecrans bloquants se superposeraient.
+
+  ORIGINE AURIGA
+  --------------
+  Remplace `<arg-terms-gate>` (`argTermsGate.vue`). Les props et les
+  evenements gardent leur nom, `lang` est nouveau :
+
+  | Auriga     | Romulus    | Note                                       |
+  |------------|------------|--------------------------------------------|
+  | `api`      | `api`      | meme contrat : `get()` et `accept(id)`     |
+  | `enabled`  | `enabled`  | inchange                                   |
+  | -          | `lang`     | Auriga n'ecrivait qu'en anglais            |
+  | `@accepted`| `@accepted`| meme charge `{ version }`                  |
+  | `@declined`| `@declined`| inchange                                   |
+
+  Repris a l'occasion : les couleurs viennent des tokens et non des variables
+  Auriga (`--primary`, `--darkest`, `--white`), `--z-modal` remplace le `1000`
+  en dur, la carte est un vrai `role="dialog"` avec piege a focus, et le
+  bouton de refus n'est plus un `<button>` nu sans etat visible.
+-->
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { useRoute } from '#app'
+import { useRmDialog } from '../composables/useRmDialog'
+
+/** Une version publiee des conditions, telle que l'API la rend. */
+export interface RmTermsVersion {
+  id: string
+  version: string
+  title: string | null
+  url: string
+  summary: string | null
+  publishedAt: string
+}
+
+/** Ce que l'application doit savoir faire pour alimenter la porte. */
+export interface RmTermsApi {
+  get: () => Promise<{
+    current: RmTermsVersion | null
+    accepted: boolean
+    previouslyAccepted?: boolean
+  }>
+  accept: (termsVersionId: string) => Promise<unknown>
+}
+
+const props = withDefaults(
+  defineProps<{
+    /** Client de l'application. Voir `RmTermsApi`. */
+    api: RmTermsApi
+    /** Ne consulter l'API qu'une fois le lecteur authentifie. */
+    enabled?: boolean
+    lang?: 'fr' | 'en'
+  }>(),
+  { enabled: true, lang: 'fr' },
+)
+
+const emit = defineEmits<{
+  accepted: [payload: { version: string }]
+  declined: []
+}>()
+
+const WORDS = {
+  fr: {
+    eyebrow: 'Conditions d’utilisation',
+    eyebrowUpdated: 'Conditions d’utilisation mises à jour',
+    title: 'Avant de continuer',
+    titleUpdated: 'Merci de relire les nouvelles conditions',
+    intro: 'Merci de lire et d’accepter nos conditions d’utilisation pour commencer à utiliser la plateforme.',
+    introUpdated: 'Nos conditions d’utilisation ont changé. Merci de lire et d’accepter la nouvelle version pour continuer à utiliser la plateforme.',
+    fallbackTitle: 'Conditions d’utilisation',
+    version: 'Version',
+    read: 'Lire le document complet',
+    check: 'J’ai lu et j’accepte les conditions d’utilisation.',
+    accept: 'Accepter et continuer',
+    saving: 'Enregistrement…',
+    decline: 'Refuser et se déconnecter',
+    stale: 'Une version plus récente vient d’être publiée. Rechargement…',
+    failed: 'Impossible d’enregistrer votre acceptation. Merci de réessayer.',
+  },
+  en: {
+    eyebrow: 'Terms of use',
+    eyebrowUpdated: 'Terms of use updated',
+    title: 'Before you continue',
+    titleUpdated: 'Please review the new terms',
+    intro: 'Please read and accept our terms of use to start using the platform.',
+    introUpdated: 'Our terms of use have changed. Please read and accept the new version to keep using the platform.',
+    fallbackTitle: 'Terms of use',
+    version: 'Version',
+    read: 'Read the full document',
+    check: 'I have read and I accept the terms of use.',
+    accept: 'Accept and continue',
+    saving: 'Saving…',
+    decline: 'Decline and sign out',
+    stale: 'A newer version was just published. Reloading…',
+    failed: 'Could not record your acceptance. Please try again.',
+  },
+} as const
+
+const t = computed(() => WORDS[props.lang] ?? WORDS.fr)
+
+/** Par onglet : une fois accepte, ne pas rappeler l'API a chaque navigation. */
+const CACHE_KEY = 'terms_accepted'
+
+/** Les pages d'authentification ont leurs propres ecrans bloquants. */
+const IGNORED_PREFIX = '/auth'
+
+const route = useRoute()
+const open = ref(false)
+const terms = ref<RmTermsVersion | null>(null)
+const updated = ref(false)
+const checked = ref(false)
+const saving = ref(false)
+const error = ref('')
+const surface = ref<HTMLElement | null>(null)
+
+// Le piege a focus et le retour du focus a la fermeture viennent de la, mais
+// pas `Escape` : une porte qui se ferme sur une touche ne bloque rien.
+useRmDialog({ open, surface, close: () => {} })
+
+const publishedLabel = computed(() => {
+  if (!terms.value?.publishedAt) return ''
+  const date = new Date(terms.value.publishedAt)
+  return Number.isNaN(date.getTime())
+    ? ''
+    : date.toLocaleDateString(props.lang === 'fr' ? 'fr-FR' : 'en-GB')
+})
+
+function cache(value: boolean) {
+  try {
+    if (value) sessionStorage.setItem(CACHE_KEY, '1')
+    else sessionStorage.removeItem(CACHE_KEY)
+  }
+  catch {
+    // navigation privee ou stockage coupe : on redemandera au prochain passage
+  }
+}
+
+function cached() {
+  try {
+    return !!sessionStorage.getItem(CACHE_KEY)
+  }
+  catch {
+    return false
+  }
+}
+
+async function check() {
+  if (!import.meta.client || !props.enabled || open.value || cached()) return
+  if (route.path.startsWith(IGNORED_PREFIX)) return
+  try {
+    const status = await props.api.get()
+    if (status?.accepted) {
+      cache(true)
+      return
+    }
+    // Rien de publie : personne n'est arrete.
+    if (!status?.current) return
+    terms.value = status.current
+    updated.value = !!status.previouslyAccepted
+    open.value = true
+  }
+  catch {
+    // Au mieux : une panne passagere de l'API ne doit pas enfermer le lecteur
+  }
+}
+
+async function accept() {
+  if (!terms.value || !checked.value) return
+  error.value = ''
+  saving.value = true
+  try {
+    await props.api.accept(terms.value.id)
+    cache(true)
+    open.value = false
+    emit('accepted', { version: terms.value.version })
+  }
+  catch (e: any) {
+    const code = e?.statusCode || e?.response?.status
+    if (code === 409) {
+      // Une version plus recente est arrivee pendant que la porte etait ouverte
+      error.value = t.value.stale
+      setTimeout(() => window.location.reload(), 1200)
+    }
+    else {
+      error.value = e?.data?.message || t.value.failed
+    }
+  }
+  finally {
+    saving.value = false
+  }
+}
+
+function decline() {
+  cache(false)
+  emit('declined')
+}
+
+// Rien ne doit defiler derriere une surface qui bloque l'application.
+let previousOverflow = ''
+watch(open, (value) => {
+  if (!import.meta.client) return
+  if (value) {
+    previousOverflow = document.body.style.overflow
+    document.body.style.overflow = 'hidden'
+  }
+  else {
+    document.body.style.overflow = previousOverflow
+  }
+})
+
+watch(() => props.enabled, check)
+watch(() => route.path, check)
+onMounted(check)
+onBeforeUnmount(() => {
+  if (import.meta.client && open.value) document.body.style.overflow = previousOverflow
+})
+</script>
+
+<template>
+  <Teleport to="body">
+    <div v-if="open" class="rm-terms-gate">
+      <div
+        ref="surface"
+        class="rm-terms-gate__card"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="rm-terms-gate-title"
+      >
+        <span class="rm-terms-gate__eyebrow">
+          {{ updated ? t.eyebrowUpdated : t.eyebrow }}
+        </span>
+
+        <h2 id="rm-terms-gate-title" class="rm-terms-gate__title">
+          {{ updated ? t.titleUpdated : t.title }}
+        </h2>
+
+        <p class="rm-terms-gate__intro">
+          {{ updated ? t.introUpdated : t.intro }}
+        </p>
+
+        <div class="rm-terms-gate__doc">
+          <div class="rm-terms-gate__doc-head">
+            <strong>{{ terms?.title || t.fallbackTitle }}</strong>
+            <span class="rm-terms-gate__version">
+              {{ t.version }} {{ terms?.version
+              }}<template v-if="publishedLabel">, {{ publishedLabel }}</template>
+            </span>
+          </div>
+          <p v-if="terms?.summary" class="rm-terms-gate__summary">{{ terms.summary }}</p>
+          <a
+            v-if="terms?.url"
+            :href="terms.url"
+            target="_blank"
+            rel="noopener"
+            class="rm-terms-gate__link"
+          >
+            {{ t.read }}
+            <RmIcon name="ArrowSquareOut" :size="14" color="var(--color-primary)" />
+          </a>
+        </div>
+
+        <label class="rm-terms-gate__check">
+          <input v-model="checked" type="checkbox" :disabled="saving">
+          <span>{{ t.check }}</span>
+        </label>
+
+        <!-- `alert` et non `status` : l'echec arrete l'action en cours, il doit
+             couper ce que le lecteur d'ecran est en train de dire. -->
+        <p v-if="error" class="rm-terms-gate__error" role="alert">{{ error }}</p>
+
+        <RmButton
+          variant="primary"
+          block
+          :disabled="!checked || saving"
+          :loading="saving"
+          @click="accept"
+        >
+          {{ saving ? t.saving : t.accept }}
+        </RmButton>
+
+        <div class="rm-terms-gate__decline">
+          <RmButton variant="text" block :disabled="saving" @click="decline">
+            {{ t.decline }}
+          </RmButton>
+        </div>
+      </div>
+    </div>
+  </Teleport>
+</template>
+
+<style scoped>
+.rm-terms-gate{align-items:center;backdrop-filter:blur(12px);background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;padding:var(--space-24);position:fixed;z-index:var(--z-modal)}.rm-terms-gate__card{background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);font-family:var(--font-sans);max-height:calc(100vh - 48px);max-width:480px;overflow-y:auto;padding:var(--space-24);width:100%}.rm-terms-gate__eyebrow{color:var(--color-primary);display:inline-block;font-size:var(--font-13);font-weight:600;margin-bottom:var(--space-8)}.rm-terms-gate__title{color:var(--text-primary);font-size:var(--font-18);font-weight:700;margin:0 0 var(--space-8)}.rm-terms-gate__intro{color:var(--text-secondary);font-size:var(--font-14);line-height:1.6;margin:0 0 var(--space-20)}.rm-terms-gate__doc{border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-16);padding:var(--space-16)}.rm-terms-gate__doc-head{color:var(--text-primary);display:flex;flex-direction:column;font-size:var(--font-14);gap:var(--space-2)}.rm-terms-gate__version{color:var(--text-muted);font-size:var(--font-12);font-weight:400}.rm-terms-gate__summary{color:var(--text-secondary);font-size:var(--font-14);line-height:1.6;margin:0;white-space:pre-line}.rm-terms-gate__link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-14);font-weight:600;gap:var(--space-6);text-decoration:none}.rm-terms-gate__link:hover{text-decoration:underline}.rm-terms-gate__check{align-items:flex-start;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-14);gap:var(--space-8);line-height:1.5;margin-bottom:var(--space-16)}.rm-terms-gate__check input{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:18px;margin:2px 0 0;width:18px}.rm-terms-gate__decline{margin-top:var(--space-8)}.rm-terms-gate__error{color:var(--color-danger);font-size:var(--font-13);margin:0 0 var(--space-12)}
+</style>

package/dist/runtime/composables/useTheme.d.ts

@@ -1,6 +1,6 @@
 export type RmCvdMode = 'none' | 'deutera' | 'protan' | 'tritan' | 'mono';
 export type RmChartPalette = 'default' | 'cvdSafe';
-export type RmTextScale = 'normal' | 'large' | 'xl';
+export type RmTextScale = 'small' | 'normal' | 'large' | 'xl';
 /**
  * Pose sur `body` les classes enregistrees au dernier passage.
  *

package/dist/runtime/composables/useTheme.js

@@ -7,6 +7,7 @@ const CVD_CLASSES = {
   mono: "cvd-mono"
 };
 const TEXT_CLASSES = {
+  small: "text-small",
   large: "text-large",
   xl: "text-xl"
 };
@@ -128,7 +129,7 @@ export function useRomulusTheme() {
     compact.value = list.contains("density-compact");
     const found = Object.entries(CVD_CLASSES).find(([, c]) => list.contains(c));
     cvd.value = found ? found[0] : "none";
-    textScale.value = list.contains("text-xl") ? "xl" : list.contains("text-large") ? "large" : "normal";
+    textScale.value = list.contains("text-xl") ? "xl" : list.contains("text-large") ? "large" : list.contains("text-small") ? "small" : "normal";
     chartPalette.value = list.contains(PALETTE_CLASS) ? "cvdSafe" : "default";
     chartDecal.value = list.contains(DECAL_CLASS);
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/romulus",
-  "version": "0.1.95",
+  "version": "0.1.97",
   "description": "Romulus Design System - Nuxt module by Tekkare",
   "license": "MIT",
   "type": "module",