@tekkare/romulus 0.1.37 → 0.1.39

package/dist/module.json

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

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

@@ -1 +1 @@
-:root{--rm-shell-bg:#f9f9fa;--rm-shell-surface:#fff;--rm-shell-border:#dbdef0;--rm-shell-subtle:#f5f5f9;--rm-shell-text:#1e293b;--rm-shell-text-dark:#475569;--rm-shell-text-muted:#878ca6;--rm-shell-accent:#2017ad;--rm-shell-inset:8px;--rm-shell-radius:12px;--rm-bar-h:56px;--rm-nav-w:240px;--rm-nav-collapsed-w:64px;--rm-rail-w:56px;--rm-dots-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAcUlEQVR42u3TwQmAMAxAUdfQfUoSZ3OBTNMFHEqLVBEtCB6M8B8EevwktOsAAACAl0SkNzNXtaw6zut7SikNYeJq2Hksh4gs27rG7ZH+eWA7bttigMC78x4TIdBbceX8fJKnkSL1s5RY8zBxAAAA+LUF0ula10BxVDoAAAAASUVORK5CYII=");--rm-dots-size:12px;--rm-dots-opacity:0.1}body.night{--rm-shell-bg:var(--bg-app);--rm-shell-surface:var(--bg-surface,#1a1a24);--rm-shell-border:var(--border-default);--rm-shell-subtle:var(--bg-subtle,#22222e);--rm-shell-text:var(--text-primary);--rm-shell-text-dark:var(--text-secondary);--rm-shell-text-muted:var(--text-muted);--rm-shell-accent:var(--color-primary);--rm-dots-opacity:0.06}.rm-shell{background:var(--rm-shell-bg);color:var(--rm-shell-text);font-family:var(--font-sans,"Figtree",sans-serif);inset:0;overflow:hidden;position:fixed}.rm-shell__dots{background-image:var(--rm-dots-image);background-repeat:repeat;background-size:var(--rm-dots-size) var(--rm-dots-size);inset:0;opacity:var(--rm-dots-opacity);pointer-events:none;position:absolute}.rm-shell__frame{border:1px solid var(--rm-shell-border);border-radius:var(--rm-shell-radius);display:flex;inset:var(--rm-shell-inset);overflow:hidden;position:absolute}.rm-shell__body{display:flex;flex:1;flex-direction:column;min-width:0}.rm-shell__main{flex:1;min-width:0;overflow-y:auto}.rm-sb{background:var(--rm-shell-surface);display:flex;flex-direction:column;flex-shrink:0;height:100%}.rm-sb--left{border-right:1px solid var(--rm-shell-border);position:relative;transition:width .2s;width:var(--rm-nav-w);z-index:200}.rm-sb--left.rm-sb--collapsed{width:var(--rm-nav-collapsed-w)}.rm-sb--right{border-left:1px solid var(--rm-shell-border);width:var(--rm-rail-w)}.rm-sb__header{align-items:center;border-bottom:1px solid var(--rm-shell-border);display:flex;flex-shrink:0;gap:8px;height:var(--rm-bar-h);padding:0 16px}.rm-sb--collapsed .rm-sb__header{justify-content:center;padding:0}.rm-sb__logo{align-items:center;color:var(--rm-shell-text);display:flex;flex:1;font-size:20px;font-weight:700;gap:8px;line-height:1.4;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.rm-sb__toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:0;box-shadow:none;color:var(--rm-shell-text-muted);cursor:pointer;display:block;flex-shrink:0;height:20px;margin:0;padding:0;transition:color .15s;width:20px}.rm-sb__toggle:hover{color:var(--rm-shell-text)}.rm-sb__toggle svg{display:block;height:100%;width:100%}.rm-sb__nav{display:flex;flex:1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.rm-sb--collapsed .rm-sb__nav{padding-left:8px;padding-right:8px}.rm-sb__group{display:flex;flex-direction:column;gap:4px}.rm-sb__label{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:0;box-shadow:none;color:var(--rm-shell-text-muted);display:flex;font-family:inherit;font-size:10px;font-weight:500;gap:4px;letter-spacing:.025em;line-height:1.6;margin:0;padding:0 2px;text-align:left;text-transform:uppercase;width:100%}button.rm-sb__label{cursor:pointer}button.rm-sb__label:hover{color:var(--rm-shell-text)}.rm-sb__label-text{flex:1;min-width:0}.rm-sb__chev{display:block;flex-shrink:0;height:12px;transition:transform .2s;width:12px}.rm-sb__label[aria-expanded=true] .rm-sb__chev{transform:rotate(90deg)}.rm-sb__rule{background:var(--rm-shell-border);height:1px;margin:4px}.rm-mi{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:4px;box-shadow:none;color:var(--rm-shell-text);cursor:pointer;display:flex;font-family:inherit;gap:8px;height:26px;margin:0;padding:2px;text-align:left;text-decoration:none;transition:background-color .15s;width:100%}.rm-mi:hover{background:color-mix(in srgb,var(--rm-shell-subtle) 50%,transparent)}.rm-mi.rm-mi--active{background:var(--rm-shell-subtle)}.rm-mi.rm-mi--current{background:color-mix(in srgb,var(--rm-shell-accent) 5%,transparent)}.rm-mi.rm-mi--current .rm-mi__icon{background:var(--rm-shell-accent);color:#fff}.rm-mi.rm-mi--current .rm-mi__icon svg{stroke:#fff}.rm-mi__icon{align-items:center;background:var(--rm-shell-subtle);border-radius:4px;color:var(--rm-shell-text-dark);display:flex;flex-shrink:0;height:22px;justify-content:center;line-height:1;width:22px}.rm-mi__icon svg{display:block;height:14px;width:14px}.rm-mi__icon i{font-size:14px;line-height:1}.rm-mi__label{color:var(--rm-shell-text);flex:1;font-size:14px;line-height:1.625;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-mi__badge{background:var(--rm-shell-subtle);border-radius:4px;color:var(--rm-shell-text-muted);flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.025em;padding:2px 4px;text-transform:uppercase}.rm-sb--collapsed .rm-mi{justify-content:center}.rm-sb--collapsed .rm-mi>:not(.rm-mi__icon),.rm-sb--collapsed .rm-sb__sub{display:none}.rm-sb__sub{display:flex;flex-direction:column;gap:2px;padding:2px 0 2px 28px}.rm-sb__sub-item{border-radius:4px;color:var(--rm-shell-text);display:block;font-size:14px;line-height:1.625;overflow:hidden;padding:2px 4px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.rm-sb__sub-item:hover{background:color-mix(in srgb,var(--rm-shell-subtle) 50%,transparent)}.rm-rail__item{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;margin:0;padding:12px 0 8px;text-decoration:none;width:100%}.rm-rail__avatar{align-items:center;border:2px solid var(--rm-shell-surface);border-radius:9999px;color:#fff;display:flex;font-size:14px;height:32px;justify-content:center;transition:opacity .15s;width:32px}.rm-rail__item:hover .rm-rail__avatar{opacity:.8}.rm-rail__tile{align-items:center;background:var(--rm-shell-subtle);border-radius:8px;color:var(--rm-shell-text-dark);display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .15s,color .15s;width:32px}.rm-rail__item:hover .rm-rail__tile{background:var(--rm-shell-border)}.rm-rail__item.rm-rail__item--active .rm-rail__tile{background:var(--rm-shell-accent);color:#fff}.rm-rail__caption{color:var(--rm-shell-text-muted);font-size:10px;line-height:1;max-width:100%;overflow:hidden;padding:0 2px;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.rm-rail__item--active .rm-rail__caption,.rm-rail__item:hover .rm-rail__caption{color:var(--rm-shell-text)}.rm-rail__bottom{display:flex;justify-content:center;margin-top:auto;padding-bottom:16px}.rm-lang{background:var(--rm-shell-subtle);border:1px solid var(--rm-shell-accent);border-radius:9999px;display:grid;gap:2px;grid-template-rows:1fr 1fr;padding:3px;position:relative}.rm-lang__thumb{background:var(--rm-shell-surface);border-radius:9999px;box-shadow:0 1px 4px rgba(30,41,59,.16);height:32px;left:3px;position:absolute;top:3px;transition:transform .26s cubic-bezier(.34,1.56,.64,1);width:32px}.rm-lang--second .rm-lang__thumb{transform:translateY(34px)}.rm-lang__option{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:9999px;box-shadow:none;cursor:pointer;display:flex;filter:grayscale(1);font-size:17px;height:32px;justify-content:center;line-height:1;margin:0;opacity:.5;padding:0;position:relative;transition:filter .18s ease,opacity .18s ease,transform .18s ease;width:32px}.rm-lang__option:hover{filter:grayscale(0);opacity:.85}.rm-lang__option.rm-lang__option--active{filter:grayscale(0);opacity:1}.rm-lang__option:focus-visible{outline:2px solid var(--rm-shell-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.rm-lang__option,.rm-lang__thumb{transition:none}}.rm-hd{background:var(--rm-shell-surface);border-bottom:1px solid var(--rm-shell-border);display:flex;flex-direction:column;flex-shrink:0}.rm-hd__row{gap:16px;height:var(--rm-bar-h);padding:0 16px}.rm-hd__crumbs,.rm-hd__row{align-items:center;display:flex}.rm-hd__crumbs{flex:1;font-size:14px;gap:4px;min-width:0}.rm-hd__crumb{align-items:center;color:var(--rm-shell-text-muted);display:inline-flex;gap:6px;text-decoration:none;transition:color .15s;white-space:nowrap}a.rm-hd__crumb:hover{color:var(--rm-shell-text)}.rm-hd__sep{color:var(--rm-shell-text-muted)}.rm-hd__picker{display:inline-flex;min-width:0;position:relative}.rm-hd__crumb--picker{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:4px;box-shadow:none;cursor:pointer;font:inherit;font-size:14px;margin:0;padding:2px 4px;transition:background-color .15s,color .15s}.rm-hd__crumb--picker:hover{background:var(--rm-shell-subtle)}.rm-hd__caret{display:block;flex-shrink:0;height:12px;opacity:.7;transition:transform .15s;width:12px}.rm-hd__caret--open{transform:rotate(180deg)}.rm-hd__menu{background:var(--rm-shell-surface);border:1px solid var(--rm-shell-border);border-radius:8px;box-shadow:0 8px 24px rgba(30,41,59,.12);left:0;max-height:60vh;max-width:320px;min-width:200px;overflow-y:auto;padding:4px;position:absolute;top:calc(100% + 4px);z-index:300}.rm-hd__menu-item{align-items:center;border-radius:4px;color:var(--rm-shell-text);display:flex;font-size:14px;gap:8px;line-height:1.5;overflow:hidden;padding:4px 6px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.rm-hd__menu-item:hover{background:var(--rm-shell-subtle)}.rm-hd__menu-group{color:var(--rm-shell-text-muted);display:block;font-size:10px;font-weight:500;letter-spacing:.025em;line-height:1.6;padding:8px 6px 2px;text-transform:uppercase}.rm-hd__menu-group:first-child{padding-top:2px}.rm-hd__menu-item--active{background:color-mix(in srgb,var(--rm-shell-accent) 5%,transparent);font-weight:600}.rm-hd__menu-icon{align-items:center;background:var(--rm-shell-subtle);border-radius:4px;color:var(--rm-shell-text-dark);display:flex;flex-shrink:0;height:22px;justify-content:center;line-height:1;width:22px}.rm-hd__menu-icon i{font-size:14px;line-height:1}.rm-hd__menu-item--active .rm-hd__menu-icon{background:var(--rm-shell-accent);color:#fff}.rm-hd__crumb--last{color:var(--rm-shell-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-hd__search{align-items:center;background:var(--rm-shell-surface);border:1px solid var(--rm-shell-border);border-radius:9999px;display:flex;flex-shrink:0;gap:4px;padding:4px 12px;width:300px}.rm-hd__search input{background:transparent;border:none;color:var(--rm-shell-text);flex:1;font-family:inherit;font-size:14px;line-height:20px;min-width:0;outline:none;padding:0}.rm-hd__search input::-moz-placeholder{color:var(--rm-shell-text-muted)}.rm-hd__search input::placeholder{color:var(--rm-shell-text-muted)}.rm-hd__search i,.rm-hd__search svg{color:var(--rm-shell-text-muted);display:block;flex-shrink:0;font-size:14px;height:14px;line-height:20px;width:14px}.rm-hd__tabs{display:flex;gap:16px;padding:0 16px}.rm-hd__tab{align-items:flex-start;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;color:var(--rm-shell-text-dark);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:14px;font-weight:700;line-height:1.6;margin:0;padding:4px 4px 8px;white-space:nowrap}.rm-hd__tab--active{border-bottom-color:var(--rm-shell-accent);color:var(--rm-shell-text)}@media (max-width:767px){.rm-sb--left{inset:0 auto 0 0;position:absolute;transform:translateX(-100%);transition:transform .2s;z-index:40}.rm-sb--left.rm-sb--open{transform:translateX(0)}.rm-sb--right{display:none}.rm-hd__search{flex:1;width:auto}}.rm-panel{background:var(--rm-shell-surface);border-left:1px solid var(--rm-shell-border);bottom:0;box-shadow:-8px 0 24px rgba(30,41,59,.08);display:flex;flex-direction:column;position:absolute;right:0;top:0;width:var(--rm-panel-w,360px);z-index:200}.rm-sb--right{position:relative;z-index:201}.rm-panel-enter-active,.rm-panel-leave-active,.rm-sb--right{transition:transform .22s cubic-bezier(.4,0,.2,1)}.rm-panel-enter-from,.rm-panel-leave-to{transform:translateX(100%)}@media (prefers-reduced-motion:reduce){.rm-panel-enter-active,.rm-panel-leave-active,.rm-sb--right{transition:none}}.rm-panel__header{align-items:center;border-bottom:1px solid var(--rm-shell-border);display:flex;flex-shrink:0;gap:8px;height:var(--rm-bar-h);padding:0 16px}.rm-panel__title{color:var(--rm-shell-text);flex:1;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-panel__close{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:0;box-shadow:none;color:var(--rm-shell-text-muted);cursor:pointer;display:block;flex-shrink:0;height:20px;margin:0;padding:0;transition:color .15s;width:20px}.rm-panel__close:hover{color:var(--rm-shell-text)}.rm-panel__close svg{display:block;height:100%;width:100%}.rm-panel__body{flex:1;min-height:0;overflow-y:auto;padding:16px}@media (max-width:767px){.rm-panel{border-left:none;left:0;width:auto}}
+:root{--rm-shell-bg:#f9f9fa;--rm-shell-surface:#fff;--rm-shell-border:#dbdef0;--rm-shell-subtle:#f5f5f9;--rm-shell-text:#1e293b;--rm-shell-text-dark:#475569;--rm-shell-text-muted:#878ca6;--rm-shell-accent:#2017ad;--rm-shell-inset:8px;--rm-shell-radius:12px;--rm-bar-h:56px;--rm-nav-w:240px;--rm-nav-collapsed-w:64px;--rm-rail-w:56px;--rm-dots-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAcUlEQVR42u3TwQmAMAxAUdfQfUoSZ3OBTNMFHEqLVBEtCB6M8B8EevwktOsAAACAl0SkNzNXtaw6zut7SikNYeJq2Hksh4gs27rG7ZH+eWA7bttigMC78x4TIdBbceX8fJKnkSL1s5RY8zBxAAAA+LUF0ula10BxVDoAAAAASUVORK5CYII=");--rm-dots-size:12px;--rm-dots-opacity:0.1}body.night{--rm-shell-bg:var(--bg-app);--rm-shell-surface:var(--bg-surface,#1a1a24);--rm-shell-border:var(--border-default);--rm-shell-subtle:var(--bg-subtle,#22222e);--rm-shell-text:var(--text-primary);--rm-shell-text-dark:var(--text-secondary);--rm-shell-text-muted:var(--text-muted);--rm-shell-accent:var(--color-primary);--rm-dots-opacity:0.06}.rm-shell{background:var(--rm-shell-bg);color:var(--rm-shell-text);font-family:var(--font-sans,"Figtree",sans-serif);inset:0;overflow:hidden;position:fixed}.rm-shell__dots{background-image:var(--rm-dots-image);background-repeat:repeat;background-size:var(--rm-dots-size) var(--rm-dots-size);inset:0;opacity:var(--rm-dots-opacity);pointer-events:none;position:absolute}.rm-shell__frame{border:1px solid var(--rm-shell-border);border-radius:var(--rm-shell-radius);display:flex;inset:var(--rm-shell-inset);overflow:hidden;position:absolute}.rm-shell__body{display:flex;flex:1;flex-direction:column;min-width:0}.rm-shell__main{flex:1;min-width:0;overflow-y:auto}.rm-sb{background:var(--rm-shell-surface);display:flex;flex-direction:column;flex-shrink:0;height:100%}.rm-sb--left{border-right:1px solid var(--rm-shell-border);position:relative;transition:width .2s;width:var(--rm-nav-w);z-index:200}.rm-sb--left.rm-sb--collapsed{width:var(--rm-nav-collapsed-w)}.rm-sb--right{border-left:1px solid var(--rm-shell-border);width:var(--rm-rail-w)}.rm-sb__header{align-items:center;border-bottom:1px solid var(--rm-shell-border);display:flex;flex-shrink:0;gap:8px;height:var(--rm-bar-h);padding:0 16px}.rm-sb--collapsed .rm-sb__header{justify-content:center;padding:0}.rm-sb__logo{align-items:center;color:var(--rm-shell-text);display:flex;flex:1;font-size:20px;font-weight:700;gap:8px;line-height:1.4;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.rm-sb__toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:0;box-shadow:none;color:var(--rm-shell-text-muted);cursor:pointer;display:block;flex-shrink:0;height:20px;margin:0;padding:0;transition:color .15s;width:20px}.rm-sb__toggle:hover{color:var(--rm-shell-text)}.rm-sb__toggle svg{display:block;height:100%;width:100%}.rm-sb__nav{display:flex;flex:1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.rm-sb--collapsed .rm-sb__nav{padding-left:8px;padding-right:8px}.rm-sb__group{display:flex;flex-direction:column;gap:4px}.rm-sb__label{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:0;box-shadow:none;color:var(--rm-shell-text-muted);display:flex;font-family:inherit;font-size:10px;font-weight:500;gap:4px;letter-spacing:.025em;line-height:1.6;margin:0;padding:0 2px;text-align:left;text-transform:uppercase;width:100%}button.rm-sb__label{cursor:pointer}button.rm-sb__label:hover{color:var(--rm-shell-text)}.rm-sb__label-text{flex:1;min-width:0}.rm-sb__chev{display:block;flex-shrink:0;height:12px;transition:transform .2s;width:12px}.rm-sb__label[aria-expanded=true] .rm-sb__chev{transform:rotate(90deg)}.rm-sb__rule{background:var(--rm-shell-border);height:1px;margin:4px}.rm-mi{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:4px;box-shadow:none;color:var(--rm-shell-text);cursor:pointer;display:flex;font-family:inherit;gap:8px;height:26px;margin:0;padding:2px;text-align:left;text-decoration:none;transition:background-color .15s;width:100%}.rm-mi:hover{background:color-mix(in srgb,var(--rm-shell-subtle) 50%,transparent)}.rm-mi.rm-mi--active{background:var(--rm-shell-subtle)}.rm-mi.rm-mi--current{background:color-mix(in srgb,var(--rm-shell-accent) 5%,transparent)}.rm-mi.rm-mi--current .rm-mi__icon{background:var(--rm-shell-accent);color:#fff}.rm-mi.rm-mi--current .rm-mi__icon svg{stroke:#fff}.rm-mi__icon{align-items:center;background:var(--rm-shell-subtle);border-radius:4px;color:var(--rm-shell-text-dark);display:flex;flex-shrink:0;height:22px;justify-content:center;line-height:1;width:22px}.rm-mi__icon svg{display:block;height:14px;width:14px}.rm-mi__icon i{font-size:14px;line-height:1}.rm-mi__label{color:var(--rm-shell-text);flex:1;font-size:14px;line-height:1.625;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-mi__badge{background:var(--rm-shell-subtle);border-radius:4px;color:var(--rm-shell-text-muted);flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.025em;padding:2px 4px;text-transform:uppercase}.rm-sb--collapsed .rm-mi{justify-content:center}.rm-sb--collapsed .rm-mi>:not(.rm-mi__icon),.rm-sb--collapsed .rm-sb__sub{display:none}.rm-sb__sub{display:flex;flex-direction:column;gap:2px;padding:2px 0 2px 28px}.rm-sb__sub-item{border-radius:4px;color:var(--rm-shell-text);display:block;font-size:14px;line-height:1.625;overflow:hidden;padding:2px 4px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.rm-sb__sub-item:hover{background:color-mix(in srgb,var(--rm-shell-subtle) 50%,transparent)}.rm-rail__item{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;margin:0;padding:12px 0 8px;text-decoration:none;width:100%}.rm-rail__avatar{align-items:center;border:2px solid var(--rm-shell-surface);border-radius:9999px;color:#fff;display:flex;font-size:14px;height:32px;justify-content:center;transition:opacity .15s;width:32px}.rm-rail__item:hover .rm-rail__avatar{opacity:.8}.rm-rail__tile{align-items:center;background:var(--rm-shell-subtle);border-radius:8px;color:var(--rm-shell-text-dark);display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .15s,color .15s;width:32px}.rm-rail__item:hover .rm-rail__tile{background:var(--rm-shell-border)}.rm-rail__item.rm-rail__item--active .rm-rail__tile{background:var(--rm-shell-accent);color:#fff}.rm-rail__tile{position:relative}.rm-rail__badge{background:var(--rm-shell-accent);border-radius:9999px;color:#fff;font-size:10px;font-weight:700;height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:-4px;text-align:center;top:-4px}.rm-rail__item--active .rm-rail__badge{background:#fff;color:var(--rm-shell-accent)}.rm-rail__caption{color:var(--rm-shell-text-muted);font-size:10px;line-height:1;max-width:100%;overflow:hidden;padding:0 2px;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.rm-rail__item--active .rm-rail__caption,.rm-rail__item:hover .rm-rail__caption{color:var(--rm-shell-text)}.rm-rail__bottom{display:flex;justify-content:center;margin-top:auto;padding-bottom:16px}.rm-lang{background:var(--rm-shell-subtle);border:1px solid var(--rm-shell-accent);border-radius:9999px;display:grid;gap:2px;grid-template-rows:1fr 1fr;padding:3px;position:relative}.rm-lang__thumb{background:var(--rm-shell-surface);border-radius:9999px;box-shadow:0 1px 4px rgba(30,41,59,.16);height:32px;left:3px;position:absolute;top:3px;transition:transform .26s cubic-bezier(.34,1.56,.64,1);width:32px}.rm-lang--second .rm-lang__thumb{transform:translateY(34px)}.rm-lang__option{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:9999px;box-shadow:none;cursor:pointer;display:flex;filter:grayscale(1);font-size:17px;height:32px;justify-content:center;line-height:1;margin:0;opacity:.5;padding:0;position:relative;transition:filter .18s ease,opacity .18s ease,transform .18s ease;width:32px}.rm-lang__option:hover{filter:grayscale(0);opacity:.85}.rm-lang__option.rm-lang__option--active{filter:grayscale(0);opacity:1}.rm-lang__option:focus-visible{outline:2px solid var(--rm-shell-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.rm-lang__option,.rm-lang__thumb{transition:none}}.rm-hd{background:var(--rm-shell-surface);border-bottom:1px solid var(--rm-shell-border);display:flex;flex-direction:column;flex-shrink:0}.rm-hd__row{gap:16px;height:var(--rm-bar-h);padding:0 16px}.rm-hd__crumbs,.rm-hd__row{align-items:center;display:flex}.rm-hd__crumbs{flex:1;font-size:14px;gap:4px;min-width:0}.rm-hd__crumb{align-items:center;color:var(--rm-shell-text-muted);display:inline-flex;gap:6px;text-decoration:none;transition:color .15s;white-space:nowrap}a.rm-hd__crumb:hover{color:var(--rm-shell-text)}.rm-hd__sep{color:var(--rm-shell-text-muted)}.rm-hd__picker{display:inline-flex;min-width:0;position:relative}.rm-hd__crumb--picker{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:4px;box-shadow:none;cursor:pointer;font:inherit;font-size:14px;margin:0;padding:2px 4px;transition:background-color .15s,color .15s}.rm-hd__crumb--picker:hover{background:var(--rm-shell-subtle)}.rm-hd__caret{display:block;flex-shrink:0;height:12px;opacity:.7;transition:transform .15s;width:12px}.rm-hd__caret--open{transform:rotate(180deg)}.rm-hd__menu{background:var(--rm-shell-surface);border:1px solid var(--rm-shell-border);border-radius:8px;box-shadow:0 8px 24px rgba(30,41,59,.12);left:0;max-height:60vh;max-width:320px;min-width:200px;overflow-y:auto;padding:4px;position:absolute;top:calc(100% + 4px);z-index:300}.rm-hd__menu-item{align-items:center;border-radius:4px;color:var(--rm-shell-text);display:flex;font-size:14px;gap:8px;line-height:1.5;overflow:hidden;padding:4px 6px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.rm-hd__menu-item:hover{background:var(--rm-shell-subtle)}.rm-hd__menu-group{color:var(--rm-shell-text-muted);display:block;font-size:10px;font-weight:500;letter-spacing:.025em;line-height:1.6;padding:8px 6px 2px;text-transform:uppercase}.rm-hd__menu-group:first-child{padding-top:2px}.rm-hd__menu-item--active{background:color-mix(in srgb,var(--rm-shell-accent) 5%,transparent);font-weight:600}.rm-hd__menu-icon{align-items:center;background:var(--rm-shell-subtle);border-radius:4px;color:var(--rm-shell-text-dark);display:flex;flex-shrink:0;height:22px;justify-content:center;line-height:1;width:22px}.rm-hd__menu-icon i{font-size:14px;line-height:1}.rm-hd__menu-item--active .rm-hd__menu-icon{background:var(--rm-shell-accent);color:#fff}.rm-hd__crumb--last{color:var(--rm-shell-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-hd__search{align-items:center;background:var(--rm-shell-surface);border:1px solid var(--rm-shell-border);border-radius:9999px;display:flex;flex-shrink:0;gap:4px;padding:4px 12px;width:300px}.rm-hd__search input{background:transparent;border:none;color:var(--rm-shell-text);flex:1;font-family:inherit;font-size:14px;line-height:20px;min-width:0;outline:none;padding:0}.rm-hd__search input::-moz-placeholder{color:var(--rm-shell-text-muted)}.rm-hd__search input::placeholder{color:var(--rm-shell-text-muted)}.rm-hd__search i,.rm-hd__search svg{color:var(--rm-shell-text-muted);display:block;flex-shrink:0;font-size:14px;height:14px;line-height:20px;width:14px}.rm-hd__tabs{display:flex;gap:16px;padding:0 16px}.rm-hd__tab{align-items:flex-start;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;color:var(--rm-shell-text-dark);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:14px;font-weight:700;line-height:1.6;margin:0;padding:4px 4px 8px;white-space:nowrap}.rm-hd__tab--active{border-bottom-color:var(--rm-shell-accent);color:var(--rm-shell-text)}@media (max-width:767px){.rm-sb--left{inset:0 auto 0 0;position:absolute;transform:translateX(-100%);transition:transform .2s;z-index:40}.rm-sb--left.rm-sb--open{transform:translateX(0)}.rm-sb--right{display:none}.rm-hd__search{flex:1;width:auto}}.rm-panel{background:var(--rm-shell-surface);border-left:1px solid var(--rm-shell-border);bottom:0;box-shadow:-8px 0 24px rgba(30,41,59,.08);display:flex;flex-direction:column;position:absolute;right:0;top:0;width:var(--rm-panel-w,360px);z-index:401}.rm-panel__veil{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:var(--rm-panel-veil,rgba(100,116,139,.12));cursor:default;inset:0;position:absolute;z-index:400}.rm-panel-veil-enter-active,.rm-panel-veil-leave-active{transition:opacity .22s ease}.rm-panel-veil-enter-from,.rm-panel-veil-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){.rm-panel-veil-enter-active,.rm-panel-veil-leave-active{transition:none}}.rm-sb--right{position:relative;z-index:402}.rm-panel-enter-active,.rm-panel-leave-active,.rm-sb--right{transition:transform .22s cubic-bezier(.4,0,.2,1)}.rm-panel-enter-from,.rm-panel-leave-to{transform:translateX(100%)}@media (prefers-reduced-motion:reduce){.rm-panel-enter-active,.rm-panel-leave-active,.rm-sb--right{transition:none}}.rm-panel__header{align-items:center;border-bottom:1px solid var(--rm-shell-border);display:flex;flex-shrink:0;gap:8px;height:var(--rm-bar-h);padding:0 16px}.rm-panel__title{color:var(--rm-shell-text);flex:1;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-panel__close{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:0;box-shadow:none;color:var(--rm-shell-text-muted);cursor:pointer;display:block;flex-shrink:0;height:20px;margin:0;padding:0;transition:color .15s;width:20px}.rm-panel__close:hover{color:var(--rm-shell-text)}.rm-panel__close svg{display:block;height:100%;width:100%}.rm-panel__body{flex:1;min-height:0;overflow-y:auto;padding:16px}@media (max-width:767px){.rm-panel{border-left:none;left:0;width:auto}}

package/dist/runtime/components/Button.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 export interface RmButtonProps {
   /** Visual style variant */
-  variant?: 'primary-fill' | 'primary-stroke' | 'discovery-fill' | 'discovery-stroke' | 'databank-fill' | 'databank-stroke' | 'pharma-fill' | 'pharma-stroke' | 'secondary' | 'outline' | 'ghost' | 'danger'
+  variant?: 'primary' | 'primary-fill' | 'primary-stroke' | 'discovery-fill' | 'discovery-stroke' | 'databank-fill' | 'databank-stroke' | 'pharma-fill' | 'pharma-stroke' | 'secondary' | 'outline' | 'ghost' | 'danger'
   /** Size of the button */
   size?: 'sm' | 'md' | 'lg'
   /** Whether the button is disabled */
@@ -50,5 +50,5 @@ defineEmits<{
 </template>
 
 <style scoped>
-.rm-button{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-weight:500;gap:8px;justify-content:center;transition:all var(--duration-fast) var(--ease-in-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.rm-button:focus-visible{outline:2px solid var(--color-healthcare);outline-offset:2px}.rm-button:disabled{cursor:not-allowed;opacity:.5}.rm-button--sm{font-size:13px;height:32px;padding:6px 16px}.rm-button--md{font-size:14px;height:40px;padding:10px 24px}.rm-button--lg{font-size:15px;height:48px;padding:12px 28px}.rm-button--primary-fill{background:linear-gradient(180deg,rgba(var(--healthcare-rgb),.8) 0,rgba(var(--healthcare-rgb),.9) 100%);border-color:var(--color-healthcare);box-shadow:0 2px 3px 0 rgba(var(--healthcare-rgb),.5);color:var(--color-text-inverse)}.rm-button--primary-fill:hover:not(:disabled){background:linear-gradient(180deg,var(--color-healthcare) 0,var(--color-healthcare) 100%);box-shadow:0 2px 4px 0 rgba(var(--healthcare-rgb),.6)}.rm-button--primary-fill:active:not(:disabled){background:var(--color-healthcare-active);box-shadow:0 1px 2px 0 rgba(var(--healthcare-rgb),.4)}.rm-button--primary-stroke{box-shadow:0 2px 3px 0 rgba(var(--healthcare-rgb),.5);color:var(--color-healthcare)}.rm-button--primary-stroke,.rm-button--primary-stroke:hover:not(:disabled){background:linear-gradient(180deg,rgba(var(--surface-rgb),.5) 0,rgba(var(--surface-rgb),.9) 100%);border-color:var(--color-healthcare)}.rm-button--primary-stroke:hover:not(:disabled){box-shadow:none}.rm-button--primary-stroke:active:not(:disabled){background:var(--bg-hover);box-shadow:none}.rm-button--discovery-fill{background:linear-gradient(180deg,rgba(var(--discovery-rgb),.8) 0,rgba(var(--discovery-rgb),.9) 100%);border-color:var(--color-discovery);box-shadow:0 2px 3px 0 rgba(var(--discovery-rgb),.5);color:var(--color-text-inverse)}.rm-button--discovery-fill:hover:not(:disabled){background:linear-gradient(180deg,var(--color-discovery) 0,var(--color-discovery) 100%);border-color:var(--color-discovery);box-shadow:none}.rm-button--discovery-fill:active:not(:disabled){background:linear-gradient(180deg,var(--color-discovery-active) 0,var(--color-discovery-active) 100%);box-shadow:none}.rm-button--discovery-stroke{box-shadow:0 2px 3px 0 rgba(var(--discovery-rgb),.5);color:var(--color-discovery)}.rm-button--discovery-stroke,.rm-button--discovery-stroke:hover:not(:disabled){background:linear-gradient(180deg,rgba(var(--surface-rgb),.5) 0,rgba(var(--surface-rgb),.9) 100%);border-color:var(--color-discovery)}.rm-button--discovery-stroke:hover:not(:disabled){box-shadow:none}.rm-button--discovery-stroke:active:not(:disabled){background:rgba(var(--discovery-rgb),.05);box-shadow:none}.rm-button--databank-fill{background:linear-gradient(180deg,rgba(var(--databank-rgb),.8) 0,rgba(var(--databank-rgb),.9) 100%);border-color:var(--color-databank);box-shadow:0 2px 3px 0 rgba(var(--databank-rgb),.5);color:var(--color-text-inverse)}.rm-button--databank-fill:hover:not(:disabled){background:linear-gradient(180deg,var(--color-databank) 0,var(--color-databank) 100%);border-color:var(--color-databank);box-shadow:none}.rm-button--databank-fill:active:not(:disabled){background:linear-gradient(180deg,var(--color-databank-active) 0,var(--color-databank-active) 100%);box-shadow:none}.rm-button--databank-stroke{box-shadow:0 2px 3px 0 rgba(var(--databank-rgb),.5);color:var(--color-databank)}.rm-button--databank-stroke,.rm-button--databank-stroke:hover:not(:disabled){background:linear-gradient(180deg,rgba(var(--surface-rgb),.5) 0,rgba(var(--surface-rgb),.9) 100%);border-color:var(--color-databank)}.rm-button--databank-stroke:hover:not(:disabled){box-shadow:none}.rm-button--databank-stroke:active:not(:disabled){background:rgba(var(--databank-rgb),.05);box-shadow:none}.rm-button--pharma-fill{background:linear-gradient(180deg,var(--color-pharma-soft) 0,var(--color-pharma) 100%);border-color:var(--color-pharma);box-shadow:0 2px 3px 0 rgba(var(--pharma-rgb),.5);color:var(--color-text-inverse)}.rm-button--pharma-fill:hover:not(:disabled){background:linear-gradient(180deg,var(--color-pharma) 0,var(--color-pharma) 100%);border-color:var(--color-pharma);box-shadow:none}.rm-button--pharma-fill:active:not(:disabled){background:linear-gradient(180deg,var(--color-pharma-active) 0,var(--color-pharma-active) 100%);box-shadow:none}.rm-button--pharma-stroke{box-shadow:0 2px 3px 0 rgba(var(--pharma-rgb),.5);color:var(--color-pharma)}.rm-button--pharma-stroke,.rm-button--pharma-stroke:hover:not(:disabled){background:linear-gradient(180deg,rgba(var(--surface-rgb),.5) 0,rgba(var(--surface-rgb),.9) 100%);border-color:var(--color-pharma)}.rm-button--pharma-stroke:hover:not(:disabled){box-shadow:none}.rm-button--pharma-stroke:active:not(:disabled){background:rgba(var(--pharma-rgb),.05);box-shadow:none}.rm-button--secondary{background-color:var(--bg-surface-3);color:var(--text-primary)}.rm-button--secondary:active:not(:disabled),.rm-button--secondary:hover:not(:disabled){background-color:var(--border-default)}.rm-button--outline{background-color:transparent;border-color:var(--border-default);color:var(--text-secondary)}.rm-button--outline:hover:not(:disabled){background-color:var(--bg-surface-2);border-color:var(--text-muted)}.rm-button--outline:active:not(:disabled){background-color:var(--bg-surface-3)}.rm-button--danger{background-color:var(--bg-surface);border-color:var(--color-danger);color:var(--color-danger)}.rm-button--danger:active:not(:disabled),.rm-button--danger:hover:not(:disabled){background-color:var(--color-danger);color:var(--color-text-inverse)}.rm-button--ghost{background-color:transparent;color:var(--text-secondary)}.rm-button--ghost:hover:not(:disabled){background-color:var(--bg-surface-3)}.rm-button--ghost:active:not(:disabled){background-color:var(--border-default)}.rm-button--block{width:100%}
+.rm-button{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-weight:500;gap:8px;justify-content:center;transition:all var(--duration-fast) var(--ease-in-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.rm-button:focus-visible{outline:2px solid var(--color-healthcare);outline-offset:2px}.rm-button:disabled{cursor:not-allowed;opacity:.5}.rm-button--sm{font-size:13px;height:32px;padding:6px 16px}.rm-button--md{font-size:14px;height:40px;padding:10px 24px}.rm-button--lg{font-size:15px;height:48px;padding:12px 28px}.rm-button--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.rm-button--primary:active:not(:disabled),.rm-button--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.rm-button--primary-fill{background:linear-gradient(180deg,rgba(var(--healthcare-rgb),.8) 0,rgba(var(--healthcare-rgb),.9) 100%);border-color:var(--color-healthcare);box-shadow:0 2px 3px 0 rgba(var(--healthcare-rgb),.5);color:var(--color-text-inverse)}.rm-button--primary-fill:hover:not(:disabled){background:linear-gradient(180deg,var(--color-healthcare) 0,var(--color-healthcare) 100%);box-shadow:0 2px 4px 0 rgba(var(--healthcare-rgb),.6)}.rm-button--primary-fill:active:not(:disabled){background:var(--color-healthcare-active);box-shadow:0 1px 2px 0 rgba(var(--healthcare-rgb),.4)}.rm-button--primary-stroke{box-shadow:0 2px 3px 0 rgba(var(--healthcare-rgb),.5);color:var(--color-healthcare)}.rm-button--primary-stroke,.rm-button--primary-stroke:hover:not(:disabled){background:linear-gradient(180deg,rgba(var(--surface-rgb),.5) 0,rgba(var(--surface-rgb),.9) 100%);border-color:var(--color-healthcare)}.rm-button--primary-stroke:hover:not(:disabled){box-shadow:none}.rm-button--primary-stroke:active:not(:disabled){background:var(--bg-hover);box-shadow:none}.rm-button--discovery-fill{background:linear-gradient(180deg,rgba(var(--discovery-rgb),.8) 0,rgba(var(--discovery-rgb),.9) 100%);border-color:var(--color-discovery);box-shadow:0 2px 3px 0 rgba(var(--discovery-rgb),.5);color:var(--color-text-inverse)}.rm-button--discovery-fill:hover:not(:disabled){background:linear-gradient(180deg,var(--color-discovery) 0,var(--color-discovery) 100%);border-color:var(--color-discovery);box-shadow:none}.rm-button--discovery-fill:active:not(:disabled){background:linear-gradient(180deg,var(--color-discovery-active) 0,var(--color-discovery-active) 100%);box-shadow:none}.rm-button--discovery-stroke{box-shadow:0 2px 3px 0 rgba(var(--discovery-rgb),.5);color:var(--color-discovery)}.rm-button--discovery-stroke,.rm-button--discovery-stroke:hover:not(:disabled){background:linear-gradient(180deg,rgba(var(--surface-rgb),.5) 0,rgba(var(--surface-rgb),.9) 100%);border-color:var(--color-discovery)}.rm-button--discovery-stroke:hover:not(:disabled){box-shadow:none}.rm-button--discovery-stroke:active:not(:disabled){background:rgba(var(--discovery-rgb),.05);box-shadow:none}.rm-button--databank-fill{background:linear-gradient(180deg,rgba(var(--databank-rgb),.8) 0,rgba(var(--databank-rgb),.9) 100%);border-color:var(--color-databank);box-shadow:0 2px 3px 0 rgba(var(--databank-rgb),.5);color:var(--color-text-inverse)}.rm-button--databank-fill:hover:not(:disabled){background:linear-gradient(180deg,var(--color-databank) 0,var(--color-databank) 100%);border-color:var(--color-databank);box-shadow:none}.rm-button--databank-fill:active:not(:disabled){background:linear-gradient(180deg,var(--color-databank-active) 0,var(--color-databank-active) 100%);box-shadow:none}.rm-button--databank-stroke{box-shadow:0 2px 3px 0 rgba(var(--databank-rgb),.5);color:var(--color-databank)}.rm-button--databank-stroke,.rm-button--databank-stroke:hover:not(:disabled){background:linear-gradient(180deg,rgba(var(--surface-rgb),.5) 0,rgba(var(--surface-rgb),.9) 100%);border-color:var(--color-databank)}.rm-button--databank-stroke:hover:not(:disabled){box-shadow:none}.rm-button--databank-stroke:active:not(:disabled){background:rgba(var(--databank-rgb),.05);box-shadow:none}.rm-button--pharma-fill{background:linear-gradient(180deg,var(--color-pharma-soft) 0,var(--color-pharma) 100%);border-color:var(--color-pharma);box-shadow:0 2px 3px 0 rgba(var(--pharma-rgb),.5);color:var(--color-text-inverse)}.rm-button--pharma-fill:hover:not(:disabled){background:linear-gradient(180deg,var(--color-pharma) 0,var(--color-pharma) 100%);border-color:var(--color-pharma);box-shadow:none}.rm-button--pharma-fill:active:not(:disabled){background:linear-gradient(180deg,var(--color-pharma-active) 0,var(--color-pharma-active) 100%);box-shadow:none}.rm-button--pharma-stroke{box-shadow:0 2px 3px 0 rgba(var(--pharma-rgb),.5);color:var(--color-pharma)}.rm-button--pharma-stroke,.rm-button--pharma-stroke:hover:not(:disabled){background:linear-gradient(180deg,rgba(var(--surface-rgb),.5) 0,rgba(var(--surface-rgb),.9) 100%);border-color:var(--color-pharma)}.rm-button--pharma-stroke:hover:not(:disabled){box-shadow:none}.rm-button--pharma-stroke:active:not(:disabled){background:rgba(var(--pharma-rgb),.05);box-shadow:none}.rm-button--secondary{background-color:var(--bg-surface);border-color:var(--border-default);color:var(--text-secondary)}.rm-button--secondary:active:not(:disabled),.rm-button--secondary:hover:not(:disabled){background-color:var(--bg-surface-3);border-color:var(--color-violet-pale);color:var(--text-primary)}.rm-button--outline{background-color:transparent;border-color:var(--border-default);color:var(--text-secondary)}.rm-button--outline:hover:not(:disabled){background-color:var(--bg-surface-2);border-color:var(--text-muted)}.rm-button--outline:active:not(:disabled){background-color:var(--bg-surface-3)}.rm-button--danger{background-color:var(--bg-surface);border-color:var(--color-danger);color:var(--color-danger)}.rm-button--danger:active:not(:disabled),.rm-button--danger:hover:not(:disabled){background-color:var(--color-danger);color:var(--color-text-inverse)}.rm-button--ghost{background-color:transparent;color:var(--text-secondary)}.rm-button--ghost:hover:not(:disabled){background-color:var(--bg-surface-3)}.rm-button--ghost:active:not(:disabled){background-color:var(--border-default)}.rm-button--block{width:100%}
 </style>

package/dist/runtime/components/ChartCard.vue

@@ -20,8 +20,14 @@ const props = withDefaults(defineProps<{
   context?: string
   /** Organisme public : "HAS", "OCDE", "ANSM (Repertoire des specialites)". Jamais un outil interne. */
   source: string
-  /** Date de notre verification. Un Date est formate en francais long ; une chaine deja formatee passe telle quelle. */
+  /** Date de notre verification. Un Date est formate en long ; une chaine deja formatee passe telle quelle. */
   verified: Date | string | number
+  /**
+   * Langue du chrome de la carte : pied, menu d'actions, corps vide ou en
+   * erreur. Le titre, le sous-titre et la source restent a la page, qui les
+   * ecrit deja dans sa langue.
+   */
+  lang?: 'fr' | 'en'
   /** Complement de fin de foot : frequence, millesime. */
   extra?: string
   /** Masque le menu d'actions quand la carte n'a rien a exporter. */
@@ -41,6 +47,7 @@ const props = withDefaults(defineProps<{
   emptyActionLabel?: string
 }>(), {
   context: undefined,
+  lang: 'fr',
   extra: undefined,
   actions: true,
   state: 'ready',
@@ -64,11 +71,54 @@ const emit = defineEmits<{
 const menuOpen = ref(false)
 const root = ref<HTMLElement | null>(null)
 
+/** Le chrome de la carte, dans les deux langues du portail. */
+const WORDS = {
+  fr: {
+    actions: 'Actions sur cette carte',
+    exportSection: 'Exporter',
+    png: 'Image PNG',
+    svg: 'Vectoriel SVG',
+    csv: 'Données CSV',
+    xlsx: 'Excel (XLSX)',
+    shareSection: 'Partager',
+    copyLink: 'Copier le lien direct',
+    fullscreen: 'Plein écran',
+    source: 'Source :',
+    verified: 'Vérifié le',
+    emptyTitle: 'Aucun résultat',
+    emptyText:
+      'Aucune ligne ne correspond aux filtres en cours. Élargissez votre période ou retirez une dimension.',
+    errorText: "La donnée de cette carte n'a pas pu être chargée.",
+  },
+  en: {
+    actions: 'Card actions',
+    exportSection: 'Export',
+    png: 'PNG image',
+    svg: 'SVG vector',
+    csv: 'CSV data',
+    xlsx: 'Excel (XLSX)',
+    shareSection: 'Share',
+    copyLink: 'Copy direct link',
+    fullscreen: 'Fullscreen',
+    source: 'Source:',
+    verified: 'Verified on',
+    emptyTitle: 'No results',
+    emptyText:
+      'No row matches the current filters. Widen your period or drop a dimension.',
+    errorText: 'This card could not load its data.',
+  },
+} as const
+
+const t = computed(() => WORDS[props.lang])
+
 // Une chaine deja formatee ("17 juin 2026") n'est pas parsable : on la garde
 // telle quelle plutot que d'afficher "Invalid Date".
 const verifiedText = computed(() => {
   const parsed = new Date(props.verified)
-  return Number.isNaN(parsed.getTime()) ? String(props.verified) : rmDate(parsed)
+  if (Number.isNaN(parsed.getTime())) return String(props.verified)
+  return props.lang === 'en'
+    ? parsed.toLocaleDateString('en-US', { day: 'numeric', month: 'long', year: 'numeric' })
+    : rmDate(parsed)
 })
 
 function onDocumentClick(event: MouseEvent) {
@@ -104,33 +154,33 @@ function run(action: 'exportPng' | 'exportSvg' | 'exportCsv' | 'exportXlsx' | 'c
         <button
           class="cc-export"
           type="button"
-          aria-label="Actions sur cette carte"
+          :aria-label="t.actions"
           :aria-expanded="menuOpen"
           @click.stop="menuOpen = !menuOpen"
         >
           <RmIcon name="Gear" :size="14" />
         </button>
         <div class="cc-menu" role="menu">
-          <div class="cc-menu-section">Exporter</div>
+          <div class="cc-menu-section">{{ t.exportSection }}</div>
           <button class="cc-menu-item" type="button" role="menuitem" @click="run('exportPng')">
-            <RmIcon name="Image" :size="14" /> Image PNG
+            <RmIcon name="Image" :size="14" /> {{ t.png }}
           </button>
           <button class="cc-menu-item" type="button" role="menuitem" @click="run('exportSvg')">
-            <RmIcon name="VectorThree" :size="14" /> Vectoriel SVG
+            <RmIcon name="VectorThree" :size="14" /> {{ t.svg }}
           </button>
           <button class="cc-menu-item" type="button" role="menuitem" @click="run('exportCsv')">
-            <RmIcon name="FileCsv" :size="14" /> Données CSV
+            <RmIcon name="FileCsv" :size="14" /> {{ t.csv }}
           </button>
           <button class="cc-menu-item" type="button" role="menuitem" @click="run('exportXlsx')">
-            <RmIcon name="FileXls" :size="14" /> Excel (XLSX)
+            <RmIcon name="FileXls" :size="14" /> {{ t.xlsx }}
           </button>
           <div class="cc-menu-divider" />
-          <div class="cc-menu-section">Partager</div>
+          <div class="cc-menu-section">{{ t.shareSection }}</div>
           <button class="cc-menu-item" type="button" role="menuitem" @click="run('copyLink')">
-            <RmIcon name="Link" :size="14" /> Copier le lien direct
+            <RmIcon name="Link" :size="14" /> {{ t.copyLink }}
           </button>
           <button class="cc-menu-item" type="button" role="menuitem" @click="run('fullscreen')">
-            <RmIcon name="ArrowsOut" :size="14" /> Plein écran
+            <RmIcon name="ArrowsOut" :size="14" /> {{ t.fullscreen }}
           </button>
         </div>
       </div>
@@ -148,8 +198,8 @@ function run(action: 'exportPng' | 'exportSvg' | 'exportCsv' | 'exportXlsx' | 'c
       <slot v-else-if="state === 'empty'" name="empty">
         <RmEmptyState
           icon="MagnifyingGlassMinus"
-          title="Aucun résultat"
-          text="Aucune ligne ne correspond aux filtres en cours. Élargissez votre période ou retirez une dimension."
+          :title="t.emptyTitle"
+          :text="t.emptyText"
           :action-label="emptyActionLabel"
           action-icon="Broom"
           @action="emit('emptyAction')"
@@ -157,7 +207,7 @@ function run(action: 'exportPng' | 'exportSvg' | 'exportCsv' | 'exportXlsx' | 'c
       </slot>
       <slot v-else name="error">
         <RmErrorState
-          text="La donnée de cette carte n'a pas pu être chargée."
+          :text="t.errorText"
           :action-label="retryLabel"
           @action="emit('retry')"
         />
@@ -165,9 +215,9 @@ function run(action: 'exportPng' | 'exportSvg' | 'exportCsv' | 'exportXlsx' | 'c
     </div>
 
     <div class="chart-card-foot">
-      <span class="src">Source : <b>{{ source }}</b></span>
+      <span class="src">{{ t.source }} <b>{{ source }}</b></span>
       <span class="dot" />
-      <span class="updated">Vérifié le {{ verifiedText }}</span>
+      <span class="updated">{{ t.verified }} {{ verifiedText }}</span>
       <template v-if="extra">
         <span class="dot" />
         <span>{{ extra }}</span>

package/dist/runtime/components/ExportPanel.vue

@@ -250,7 +250,10 @@ function enabled(section: RmExportSection) {
   if (!format.value) return false
   if (section.kind === 'table') return !!format.value.tabular
   if (section.kind === 'visual') return !!format.value.visual
-  return !!format.value.paged
+  // Une fiche suppose une mise en page ; un en-tete de document suppose une
+  // page de garde. Le classeur a la seconde sans la premiere.
+  if (section.kind === 'cards') return !!format.value.paged
+  return !!format.value.document
 }
 
 const showColumns = computed(() => !!format.value?.tabular && props.columns.length > 0)

package/dist/runtime/components/PageHeader.vue

@@ -5,10 +5,16 @@
   se colle en haut de la colonne de contenu quand elle defile ; la barre de
   filtres (RmFilterBar) se cale sous lui en suivant son id `rm_page_header`.
 
-  Slots : #title (a la place de la prop), #actions (a droite du titre).
+  Il porte aussi les onglets de la page, sous le titre : c'etait la derniere
+  raison de garder `arg-header` dans les apps. Le dessin est celui des onglets
+  du bandeau de cadre (RmAppHeader) : libelle souligne quand il est actif.
+
+  Slots : #title (a la place de la prop), #actions (a droite du titre),
+  defaut (sous la rangee du titre, avant les onglets).
 -->
 <script setup lang="ts">
 import { useRouter } from 'vue-router'
+import type { RmHeaderTab } from './AppHeader.vue'
 
 withDefaults(
   defineProps<{
@@ -17,10 +23,16 @@ withDefaults(
     haveReturn?: boolean
     /** Destination du retour ; sans valeur, l'historique. */
     backTo?: string | null
+    /** Onglets de la page. La page dit lequel est actif et ecoute `tab`. */
+    tabs?: RmHeaderTab[]
+    /** Nom du groupe d'onglets pour les lecteurs d'ecran. */
+    tabsLabel?: string
   }>(),
-  { title: null, haveReturn: false, backTo: null },
+  { title: null, haveReturn: false, backTo: null, tabs: () => [], tabsLabel: undefined },
 )
 
+const emit = defineEmits<{ tab: [key: string] }>()
+
 const router = useRouter()
 </script>
 
@@ -42,9 +54,22 @@ const router = useRouter()
       <div v-if="$slots.actions" class="rm-page-header__actions"><slot name="actions" /></div>
     </div>
     <slot />
+
+    <div v-if="tabs.length" class="rm-page-header__tabs" role="tablist" :aria-label="tabsLabel">
+      <button
+        v-for="tab in tabs"
+        :key="tab.key"
+        class="rm-page-header__tab"
+        :class="{ 'rm-page-header__tab--active': tab.active }"
+        type="button"
+        role="tab"
+        :aria-selected="tab.active ? 'true' : 'false'"
+        @click="emit('tab', tab.key)"
+      >{{ tab.label }}</button>
+    </div>
   </header>
 </template>
 
 <style scoped>
-.rm-page-header{backdrop-filter:blur(12px);background:rgba(245,245,249,.8);border-bottom:1px solid var(--border-default);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-sans);gap:12px;padding:16px 32px 12px;position:sticky;top:0;width:100%;z-index:95}.rm-page-header__row{align-items:center;align-self:stretch;display:flex;gap:16px}.rm-page-header__back{background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;padding:0}.rm-page-header__title{flex-grow:2;font-size:23px;font-weight:900;line-height:normal;margin:0;min-width:0}.rm-page-header__title :deep(h1),.rm-page-header__title :deep(h2),.rm-page-header__title :deep(p){font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.rm-page-header__actions{align-items:center;display:flex;flex:0 0 auto;gap:16px}
+.rm-page-header{backdrop-filter:blur(12px);background:rgba(245,245,249,.8);border-bottom:1px solid var(--border-default);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-sans);gap:12px;padding:16px 32px 12px;position:sticky;top:0;width:100%;z-index:95}.rm-page-header__row{align-items:center;align-self:stretch;display:flex;gap:16px}.rm-page-header__back{background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;padding:0}.rm-page-header__title{flex-grow:2;font-size:23px;font-weight:900;line-height:normal;margin:0;min-width:0}.rm-page-header__title :deep(h1),.rm-page-header__title :deep(h2),.rm-page-header__title :deep(p){font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.rm-page-header__actions{align-items:center;display:flex;flex:0 0 auto;gap:16px}.rm-page-header__tabs{display:flex;gap:8px;margin-bottom:-13px;overflow-x:auto}.rm-page-header__tab{background:none;border:none;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;line-height:1.6;padding:8px 16px 10px;transition:background-color .3s,color .15s;white-space:nowrap}.rm-page-header__tab:hover{color:var(--color-primary)}.rm-page-header__tab--active{background:color-mix(in srgb,var(--color-primary) 6%,transparent);border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}
 </style>

package/dist/runtime/components/RailPanel.vue

@@ -11,6 +11,10 @@
 
   L'en-tete reprend la rangee de 56px du bandeau pour que le titre du panneau
   s'aligne sur le fil d'Ariane, a la ligne pres.
+
+  Un voile flou et grise couvre le reste du cadre pendant l'ouverture, barre
+  laterale comprise : le panneau est ce qu'on lit, pas ce qu'on lisait. Un
+  clic sur le voile referme le panneau, comme un tiroir.
 -->
 <script setup lang="ts">
 withDefaults(defineProps<{
@@ -30,6 +34,16 @@ const emit = defineEmits<{ close: [] }>()
 </script>
 
 <template>
+  <!-- Voile : le panneau ouvert prend la main, le reste du cadre passe en
+       flou grise. Un element a part plutot qu'un `filter` sur le contenu,
+       qui creerait un bloc conteneur et decrocherait les bandeaux collants
+       des pages. Il prend les clics et referme le panneau : c'est le geste
+       attendu de tout ce qui voile la page. Le clavier, lui, garde le bouton
+       de fermeture de l'en-tete, seul element expose. -->
+  <Transition name="rm-panel-veil">
+    <div v-if="open" class="rm-panel__veil" aria-hidden="true" @click="emit('close')" />
+  </Transition>
+
   <Transition name="rm-panel">
     <aside v-if="open" class="rm-panel" :style="{ '--rm-panel-w': width }">
       <div class="rm-panel__header">

package/dist/runtime/components/SavedViewCard.vue

@@ -204,7 +204,7 @@ function onCardClick() {
         </span>
         <RmButton
           v-else
-          variant="primary-fill"
+          variant="primary"
           size="sm"
           @click="emit('activate', view.id)"
         >

package/dist/runtime/components/SavedViews.vue

@@ -49,6 +49,8 @@ const props = withDefaults(
     loading?: boolean
     /** Nom de la vue active dont la configuration a change a l'ecran. */
     dirtyTitle?: string
+    /** Retire la recherche et les pastilles de filtre. */
+    hideFilters?: boolean
     /** Textes de l'etat vide. */
     emptyTitle?: string
     emptyText?: string
@@ -67,6 +69,7 @@ const props = withDefaults(
     starrable: false,
     loading: false,
     dirtyTitle: '',
+    hideFilters: false,
     emptyTitle: '',
     emptyText: '',
     emptyActionLabel: '',
@@ -163,7 +166,7 @@ const visibleTabs = computed(() => (props.tabs.length > 1 ? props.tabs : []))
       <h2 v-if="title" class="rm-views__title">{{ title }}</h2>
       <RmButton
         v-if="saveLabel"
-        variant="primary-fill"
+        variant="primary"
         size="sm"
         prefix-icon="BookmarkSimple"
         :disabled="saveDisabled"
@@ -193,7 +196,10 @@ const visibleTabs = computed(() => (props.tabs.length > 1 ? props.tabs : []))
       </button>
     </div>
 
-    <template v-if="views.length > 1">
+    <!-- La recherche et les pastilles restent posees meme sans vue : la
+         reference les montre toujours, et les faire apparaitre a la premiere
+         vue enregistree ferait sauter la mise en page du panneau. -->
+    <template v-if="!hideFilters">
       <label class="rm-views__search">
         <RmIcon name="MagnifyingGlass" :size="14" />
         <input v-model="search" type="text" :placeholder="T.search">
@@ -225,7 +231,7 @@ const visibleTabs = computed(() => (props.tabs.length > 1 ? props.tabs : []))
         <RmButton variant="secondary" size="sm" @click="emit('save-as')">
           {{ T.saveAs }}
         </RmButton>
-        <RmButton variant="primary-fill" size="sm" @click="emit('save')">
+        <RmButton variant="primary" size="sm" @click="emit('save')">
           {{ T.save }}
         </RmButton>
       </template>

package/dist/runtime/components/SidebarLeft.vue

@@ -77,15 +77,46 @@ const collapsibles = computed(() =>
   props.sections.filter(s => s.label && s.collapsible !== false),
 )
 
-/** Section ouverte : celle qui contient le chemin courant, sinon la premiere. */
-const sectionOf = (path?: string) =>
-  collapsibles.value.find(s => s.items.some(i => i.to === path))?.key
-  ?? collapsibles.value[0]?.key
-  ?? null
+/** Chemin comparable : sans query ni slash final. */
+const trim = (path: string) => (path.split('?')[0] || '').replace(/\/+$/, '') || '/'
+
+/**
+ * Section ouverte : celle qui porte la page courante, sinon la premiere.
+ *
+ * L'entree marquee `active` decide d'abord. C'est l'app qui la calcule, et
+ * elle en sait plus que nous : son `to` passe par `localePath`, donc prefixe
+ * de la locale et parfois suivi d'un slash, quand `activePath` est brut. Une
+ * egalite stricte entre les deux ne tombait jamais juste et toutes les pages
+ * repliaient la premiere section.
+ *
+ * A defaut de drapeau, le chemin sert de recours : egalite d'abord, puis
+ * prefixe, pour qu'une sous-page (« /prices/jo ») ouvre la section de son
+ * entree.
+ */
+const sectionOf = (path?: string) => {
+  const byActive = collapsibles.value.find(s => s.items.some(i => i.active))
+  if (byActive) return byActive.key
+
+  const here = path ? trim(path) : null
+  if (here) {
+    const byPath = collapsibles.value.find(s =>
+      s.items.some((i) => {
+        if (!i.to) return false
+        const to = trim(i.to)
+        return here === to || here.startsWith(`${to}/`)
+      }),
+    )
+    if (byPath) return byPath.key
+  }
+
+  return collapsibles.value[0]?.key ?? null
+}
 
 const openSection = ref<string | null>(sectionOf(props.activePath))
-watch(() => props.activePath, (path) => {
-  const key = sectionOf(path)
+// La cible se deduit des sections autant que du chemin : les deux arrivent
+// ensemble a la navigation, et les droits d'acces peuvent recomposer la liste
+// en cours de route.
+watch(() => sectionOf(props.activePath), (key) => {
   if (key && key !== openSection.value) openSection.value = key
 })
 

package/dist/runtime/components/SidebarRight.vue

@@ -20,6 +20,12 @@ export interface RmRailTile {
   label: string
   /** Icone Phosphor, nom en kebab-case sans le prefixe `ph-`. */
   icon: string
+  /**
+   * Pastille de comptage posee sur la tuile (nombre de sources de la page,
+   * par exemple). Rien n'est dessine a zero ou sans valeur : une pastille
+   * vide dirait qu'il y a quelque chose a voir.
+   */
+  count?: number
 }
 
 export interface RmRailLocale {
@@ -87,11 +93,14 @@ const second = computed(() =>
       class="rm-rail__item"
       :class="{ 'rm-rail__item--active': active === tile.key }"
       type="button"
-      :title="tile.label"
+      :title="tile.count ? `${tile.label} (${tile.count})` : tile.label"
       :aria-pressed="active === tile.key"
       @click="emit('select', tile.key)"
     >
-      <span class="rm-rail__tile"><i :class="`ph ph-${tile.icon}`" /></span>
+      <span class="rm-rail__tile">
+        <i :class="`ph ph-${tile.icon}`" />
+        <span v-if="tile.count" class="rm-rail__badge">{{ tile.count > 99 ? '99+' : tile.count }}</span>
+      </span>
       <span class="rm-rail__caption">{{ tile.label }}</span>
     </button>
 

package/dist/runtime/composables/useRmExport.js

@@ -1,6 +1,7 @@
 import { RM_EXPORT_EXTENSIONS } from "../utils/export.js";
 const BRAND_TITLE = "OIP Healthcare";
-const BRAND_LINE = "par Tekkare";
+const BRAND_LINE = "By Tekkare \u{1F49C}";
+const COVER_SHEET = "Tekkare";
 function longDate(lang) {
   return (/* @__PURE__ */ new Date()).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", {
     year: "numeric",
@@ -16,6 +17,19 @@ function columnsOf(sheet, keep) {
   const kept = sheet.schema.filter((column) => keep.includes(column.column));
   return kept.length ? kept : sheet.schema;
 }
+const XLSX_CELL_MAX = 32767;
+function xlsxSafeText(text) {
+  return text.length > XLSX_CELL_MAX ? `${text.slice(0, XLSX_CELL_MAX - 1)}\u2026` : text;
+}
+function xlsxColumnsOf(sheet, keep) {
+  return columnsOf(sheet, keep).map((column) => ({
+    ...column,
+    value: (row) => {
+      const value = column.value(row);
+      return typeof value === "string" ? xlsxSafeText(value) : value;
+    }
+  }));
+}
 function cellText(value, lang) {
   if (value === null || value === void 0) return "";
   if (value instanceof Date) {
@@ -76,63 +90,101 @@ async function raster(markup, width, height, scale = 2) {
 function printable(text) {
   return text.replace(/[^\u0000-\u00ff]/g, "").replace(/\s{2,}/g, " ").trim();
 }
+function cardsOf(payload, config, lang) {
+  if (payload.cards?.length) return payload.cards.slice(0, payload.cardLimit ?? 100);
+  const sheet = payload.sheets[0];
+  if (!sheet) return [];
+  const pick = (name) => name ? sheet.schema.find((column) => column.column === name) : void 0;
+  const title = pick(sheet.titleColumn);
+  const subtitle = pick(sheet.subtitleColumn);
+  const columns = columnsOf(sheet, config.columns);
+  const head = title ?? columns[0];
+  if (!head) return [];
+  const fields = columns.filter((column) => column !== head && column !== subtitle);
+  return rowsOf(sheet, payload.cardLimit ?? 100).map((row) => ({
+    title: cellText(head.value(row), lang) || "\u2014",
+    subtitle: subtitle ? cellText(subtitle.value(row), lang) : void 0,
+    fields: fields.map((column) => ({ label: column.column, value: cellText(column.value(row), lang) })).filter((field) => field.value !== "")
+  }));
+}
 export function useRmExport() {
   function coverSheet(payload, config, lang) {
-    const center = { align: "left", alignVertical: "center", fontFamily: "Figtree" };
+    const COLUMNS = 40;
+    const TEXT_COLUMN = 7;
+    const KPI_COLUMNS = [6, 8];
+    const base = {
+      borderColor: "#FFFFFF",
+      align: "center",
+      alignVertical: "center",
+      fontFamily: "Figtree"
+    };
+    const empty = { value: "", borderColor: "#FFFFFF" };
+    const filler = () => Array.from({ length: COLUMNS }, () => ({ value: "", borderColor: "#FFFFFF", width: 20, height: 30 }));
+    const valueStyle = { ...base, fontSize: 18, fontWeight: "bold" };
+    const labelStyle = { ...base, fontSize: 18, color: "#b2b2b2", fontStyle: "italic" };
     const rows = [];
-    const line = (value, style = {}) => rows.push([{ ...center, value, ...style }]);
+    const spread = (cells) => rows.push(Array.from({ length: COLUMNS }, (_, index) => cells[index] ?? empty));
+    const line = (value, style = {}) => spread({ [TEXT_COLUMN]: { ...base, value: xlsxSafeText(String(value ?? "")), ...style } });
+    rows.push(filler(), filler(), filler());
     if (config.options.includes("logo")) {
-      line(BRAND_TITLE, { fontSize: 36, fontWeight: "bold", height: 46 });
-      line(BRAND_LINE, { fontSize: 14, color: "#6B3FFF" });
-      rows.push([]);
-    }
-    line(payload.title, { fontSize: 20, fontWeight: "bold" });
-    if (payload.subtitle) line(payload.subtitle, { fontSize: 13, color: "#6C6C8A" });
-    line(
-      lang === "en" ? `Generated on ${longDate(lang)}` : `G\xE9n\xE9r\xE9 le ${longDate(lang)}`,
-      { fontSize: 11, color: "#6C6C8A" }
-    );
-    rows.push([]);
-    if (payload.kpi?.length && config.sections.includes("kpi")) {
-      line(lang === "en" ? "Key figures" : "Chiffres cl\xE9s", { fontSize: 13, fontWeight: "bold" });
-      payload.kpi.forEach(
-        (kpi) => rows.push([
-          { ...center, value: kpi.label, fontSize: 11, color: "#6C6C8A", width: 34 },
-          { ...center, value: String(kpi.value), fontSize: 11, fontWeight: "bold", width: 24 }
-        ])
+      line(
+        lang === "en" ? `This document was generated on ${longDate(lang)} by` : `Ce document a \xE9t\xE9 g\xE9n\xE9r\xE9 le ${longDate(lang)} par`,
+        { fontSize: 16 }
       );
-      rows.push([]);
+      line(BRAND_TITLE, { fontSize: 72, fontWeight: "bold", width: 60 });
+      line(BRAND_LINE, { fontSize: 24, width: 60 });
+    } else {
+      line(payload.title, { fontSize: 24, fontWeight: "bold" });
     }
-    if (payload.filters?.length && config.sections.includes("filters")) {
-      line(lang === "en" ? "Active filters" : "Filtres actifs", { fontSize: 13, fontWeight: "bold" });
-      payload.filters.forEach(
-        (filter) => rows.push([
-          { ...center, value: filter.label, fontSize: 11, color: "#6C6C8A" },
-          { ...center, value: filter.value, fontSize: 11 }
-        ])
+    rows.push(filler());
+    const kpi = config.sections.includes("kpi") ? payload.kpi ?? [] : [];
+    if (kpi.length) {
+      line(lang === "en" ? "Your export currently contains :" : "Votre export contient :", { fontSize: 18 });
+      rows.push(filler());
+      for (let index = 0; index < kpi.length; index += 2) {
+        const pair = [kpi[index], kpi[index + 1]];
+        spread(
+          Object.fromEntries(
+            pair.map((item, side) => [
+              KPI_COLUMNS[side],
+              item ? { ...valueStyle, value: String(item.value) } : empty
+            ])
+          )
+        );
+        spread(
+          Object.fromEntries(
+            pair.map((item, side) => [
+              KPI_COLUMNS[side],
+              item ? { ...labelStyle, value: String(item.label) } : empty
+            ])
+          )
+        );
+        rows.push(filler());
+      }
+    }
+    if (config.options.includes("logo")) line(payload.title, { fontSize: 20, fontWeight: "bold" });
+    if (payload.subtitle) line(payload.subtitle, { fontSize: 16 });
+    const filters = config.sections.includes("filters") ? payload.filters ?? [] : [];
+    if (filters.length) {
+      rows.push(filler());
+      filters.forEach(
+        (filter) => line(`${filter.label} : ${filter.value}`, { fontSize: 16, color: "#b2b2b2" })
       );
-      rows.push([]);
     }
     const withSources = config.sections.includes("sources") || config.options.includes("sources");
     if (payload.sources?.length && withSources) {
-      line(lang === "en" ? "Sources" : "Sources", { fontSize: 13, fontWeight: "bold" });
+      rows.push(filler());
       payload.sources.forEach((source) => {
         const date = source.date ? new Date(source.date).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", {
           year: "numeric",
           month: "long",
           day: "numeric"
         }) : null;
-        rows.push([
-          { ...center, value: `${source.emoji ? `${source.emoji} ` : ""}${source.name}`, fontSize: 11 },
-          {
-            ...center,
-            value: date ? lang === "en" ? `Last update: ${date}` : `Derni\xE8re mise \xE0 jour : ${date}` : "",
-            fontSize: 11,
-            color: "#6C6C8A"
-          }
-        ]);
+        const update = date ? lang === "en" ? ` - Last update: ${date}` : ` - Derni\xE8re mise \xE0 jour : ${date}` : "";
+        line(`${source.emoji ? `${source.emoji} ` : ""}Source : ${source.name}${update}`, { fontSize: 18 });
       });
     }
+    for (let index = 0; index < 15; index += 1) rows.push(filler());
     return rows;
   }
   async function toXlsx(config, payload, lang) {
@@ -141,13 +193,13 @@ export function useRmExport() {
     const sheets = payload.sheets;
     const data = [coverSheet(payload, config, lang)];
     const schema = [null];
-    const names = [BRAND_TITLE];
+    const names = [COVER_SHEET];
     let rowCount = 0;
     sheets.forEach((sheet) => {
       const rows = rowsOf(sheet, payload.limit);
       rowCount += rows.length;
       data.push(rows);
-      schema.push(columnsOf(sheet, config.columns));
+      schema.push(xlsxColumnsOf(sheet, config.columns));
       names.push(sheet.name.replace(/[[\]:*?/\\]/g, " ").slice(0, 31));
     });
     await writeXlsxFile(data, { schema, sheets: names, fileName, stickyRowsCount: 1 });
@@ -234,7 +286,12 @@ export function useRmExport() {
     const { default: JsPdf } = await import("jspdf");
     const { default: autoTable } = await import("jspdf-autotable");
     const landscape = config.layout === "a4-landscape";
-    const doc = new JsPdf({ orientation: landscape ? "landscape" : "portrait", unit: "mm", format: "a4" });
+    const doc = new JsPdf({
+      orientation: landscape ? "landscape" : "portrait",
+      unit: "mm",
+      format: "a4",
+      compress: true
+    });
     const pageWidth = doc.internal.pageSize.getWidth();
     const margin = 14;
     const inner = pageWidth - margin * 2;
@@ -248,10 +305,10 @@ export function useRmExport() {
       doc.setTextColor(255, 255, 255);
       doc.setFont("helvetica", "bold");
       doc.setFontSize(22);
-      doc.text(BRAND_TITLE, margin, 20);
+      doc.text(printable(BRAND_TITLE), margin, 20);
       doc.setFont("helvetica", "normal");
       doc.setFontSize(11);
-      doc.text(BRAND_LINE, margin, 28);
+      doc.text(printable(BRAND_LINE), margin, 28);
       doc.setFontSize(9);
       doc.text(longDate(lang), pageWidth - margin, 28, { align: "right" });
       if (payload.logoDataUrl) {
@@ -332,47 +389,134 @@ export function useRmExport() {
       doc.addImage(canvas.toDataURL("image/png"), "PNG", margin, y, drawWidth, drawHeight, void 0, "FAST");
       y += drawHeight + 6;
     }
+    let rowCount = 0;
+    if (config.sections.includes("cards")) {
+      const cards = cardsOf(payload, config, lang);
+      rowCount = cards.length;
+      const labelWidth = Math.min(46, inner * 0.34);
+      const valueWidth = inner - labelWidth - 8;
+      const pageHeight = doc.internal.pageSize.getHeight();
+      cards.forEach((card) => {
+        const titleLines = doc.splitTextToSize(printable(card.title), inner - 8);
+        const subtitleLines = card.subtitle ? doc.splitTextToSize(printable(card.subtitle), inner - 8) : [];
+        const fields = card.fields.map((field) => ({
+          label: doc.splitTextToSize(printable(field.label), labelWidth),
+          value: doc.splitTextToSize(printable(field.value), valueWidth)
+        }));
+        const height = 6 + titleLines.length * 5 + (subtitleLines.length ? subtitleLines.length * 4 + 1 : 0) + (card.badges?.length ? 6 : 0) + fields.reduce((total2, field) => total2 + Math.max(field.label.length, field.value.length) * 4.2, 0) + 5;
+        if (y + height > pageHeight - margin) {
+          doc.addPage();
+          y = margin;
+        }
+        doc.setDrawColor(232, 232, 240);
+        doc.setFillColor(252, 252, 254);
+        doc.roundedRect(margin, y, inner, height, 2, 2, "FD");
+        let cursor = y + 6;
+        doc.setTextColor(...ink);
+        doc.setFont("helvetica", "bold");
+        doc.setFontSize(11);
+        doc.text(titleLines, margin + 4, cursor);
+        cursor += titleLines.length * 5;
+        if (subtitleLines.length) {
+          doc.setTextColor(...grey);
+          doc.setFont("helvetica", "normal");
+          doc.setFontSize(9);
+          doc.text(subtitleLines, margin + 4, cursor + 1);
+          cursor += subtitleLines.length * 4 + 1;
+        }
+        if (card.badges?.length) {
+          let badgeX = margin + 4;
+          doc.setFontSize(7);
+          card.badges.forEach((badge) => {
+            const text = printable(badge);
+            const width = doc.getTextWidth(text) + 4;
+            doc.setFillColor(240, 238, 255);
+            doc.roundedRect(badgeX, cursor - 2, width, 5, 1.2, 1.2, "F");
+            doc.setTextColor(...violet);
+            doc.text(text, badgeX + 2, cursor + 1.6);
+            badgeX += width + 2;
+          });
+          cursor += 6;
+        }
+        fields.forEach((field) => {
+          const lines = Math.max(field.label.length, field.value.length);
+          doc.setTextColor(...grey);
+          doc.setFont("helvetica", "bold");
+          doc.setFontSize(7);
+          doc.text(field.label, margin + 4, cursor + 1);
+          doc.setTextColor(...ink);
+          doc.setFont("helvetica", "normal");
+          doc.setFontSize(9);
+          doc.text(field.value, margin + 4 + labelWidth, cursor + 1);
+          cursor += lines * 4.2;
+        });
+        y += height + 4;
+      });
+      const total = payload.sheets[0]?.data.length ?? 0;
+      if (total > cards.length) {
+        doc.setTextColor(...grey);
+        doc.setFont("helvetica", "italic");
+        doc.setFontSize(8);
+        doc.text(
+          printable(
+            lang === "en" ? `${cards.length} of ${total} records shown. Export to Excel for the full set.` : `${cards.length} fiches sur ${total}. Passez par l'export Excel pour la totalit\xE9.`
+          ),
+          margin,
+          y + 2
+        );
+        y += 6;
+      }
+    }
     if (config.sections.includes("table")) {
-      let rowCount = 0;
+      const MAX_COLUMNS = 8;
       payload.sheets.forEach((sheet) => {
-        const columns = columnsOf(sheet, config.columns);
+        const all = columnsOf(sheet, config.columns);
+        const columns = all.slice(0, MAX_COLUMNS);
         const rows = rowsOf(sheet, payload.limit);
-        rowCount += rows.length;
+        if (!config.sections.includes("cards")) rowCount += rows.length;
+        doc.addPage("a4", "landscape");
+        const wide = doc.internal.pageSize.getWidth() - margin * 2;
+        doc.setTextColor(...ink);
+        doc.setFont("helvetica", "bold");
+        doc.setFontSize(11);
+        doc.text(printable(sheet.name), margin, margin + 2);
+        if (all.length > columns.length) {
+          doc.setFont("helvetica", "italic");
+          doc.setFontSize(8);
+          doc.setTextColor(...grey);
+          doc.text(
+            printable(
+              lang === "en" ? `${columns.length} of ${all.length} columns. The Excel export carries them all.` : `${columns.length} colonnes sur ${all.length}. L'export Excel les porte toutes.`
+            ),
+            margin,
+            margin + 7
+          );
+        }
         autoTable(doc, {
-          startY: y + 2,
+          startY: margin + 10,
           head: [columns.map((column) => printable(column.column))],
           body: rows.map((row) => columns.map((column) => printable(cellText(column.value(row), lang)))),
-          styles: { fontSize: 7, cellPadding: 1.6, overflow: "linebreak", textColor: ink },
-          headStyles: { fillColor: violet, textColor: [255, 255, 255], fontStyle: "bold" },
+          styles: { fontSize: 6.5, cellPadding: 1.4, overflow: "linebreak", textColor: ink, minCellWidth: wide / columns.length / 2 },
+          headStyles: { fillColor: violet, textColor: [255, 255, 255], fontStyle: "bold", valign: "middle" },
           alternateRowStyles: { fillColor: [250, 250, 253] },
-          margin: { left: margin, right: margin },
-          didDrawPage: () => {
-            if (payload.sheets.length > 1) {
-              doc.setTextColor(...grey);
-              doc.setFont("helvetica", "bold");
-              doc.setFontSize(8);
-              doc.text(printable(sheet.name), margin, margin - 4);
-            }
-          }
+          margin: { left: margin, right: margin, top: margin, bottom: margin },
+          tableWidth: wide
         });
-        y = doc.lastAutoTable?.finalY ?? y;
+        y = doc.lastAutoTable?.finalY ?? margin;
       });
-      const withSources = config.sections.includes("sources") || config.options.includes("sources");
-      if (payload.sources?.length && withSources) {
-        doc.setTextColor(...grey);
-        doc.setFont("helvetica", "normal");
-        doc.setFontSize(8);
-        const names = payload.sources.map((source) => `${source.name}${source.date ? ` (${new Date(source.date).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", { year: "numeric", month: "long", day: "numeric" })})` : ""}`).join(" \xB7 ");
-        const lines = doc.splitTextToSize(printable(`Sources : ${names}`), inner);
-        doc.text(lines, margin, Math.min(y + 8, doc.internal.pageSize.getHeight() - margin));
-      }
-      const fileName2 = `${config.fileName}.pdf`;
-      const blob2 = doc.output("blob");
-      return { fileName: fileName2, rows: rowCount, bytes: download(blob2, fileName2) };
+    }
+    const withSources = config.sections.includes("sources") || config.options.includes("sources");
+    if (payload.sources?.length && withSources) {
+      doc.setTextColor(...grey);
+      doc.setFont("helvetica", "normal");
+      doc.setFontSize(8);
+      const names = payload.sources.map((source) => `${source.name}${source.date ? ` (${new Date(source.date).toLocaleDateString(lang === "en" ? "en-US" : "fr-FR", { year: "numeric", month: "long", day: "numeric" })})` : ""}`).join(" \xB7 ");
+      const lines = doc.splitTextToSize(printable(`Sources : ${names}`), inner);
+      doc.text(lines, margin, Math.min(y + 8, doc.internal.pageSize.getHeight() - margin));
     }
     const fileName = `${config.fileName}.pdf`;
     const blob = doc.output("blob");
-    return { fileName, rows: 0, bytes: download(blob, fileName) };
+    return { fileName, rows: rowCount, bytes: download(blob, fileName) };
   }
   async function toPermalink(payload) {
     const url = payload.permalink || (typeof window !== "undefined" ? window.location.href : "");

package/dist/runtime/utils/export.d.ts

@@ -27,6 +27,15 @@ export interface RmExportSheet {
     name: string;
     schema: RmExportColumn[];
     data: any[];
+    /**
+     * Colonne qui identifie une ligne, par son intitule. Elle sert de titre aux
+     * fiches du rapport PDF. Sans elle, le titre retombe sur la premiere colonne
+     * du schema, qui est souvent la date : une fiche titree « 12 mars 2025 » ne
+     * dit pas de quel produit elle parle.
+     */
+    titleColumn?: string;
+    /** Colonne posee sous le titre de la fiche (le laboratoire, la date...). */
+    subtitleColumn?: string;
 }
 /** Chiffre cle repris sur la page de garde. */
 export interface RmExportKpi {
@@ -44,6 +53,21 @@ export interface RmExportFilter {
     label: string;
     value: string;
 }
+/**
+ * Une fiche : ce que la page montre sous forme de carte, rendu tel quel dans
+ * le rapport PDF. Une page qui n'en declare pas en obtient quand meme, les
+ * fiches etant alors derivees des lignes du tableau (cf. useRmExport).
+ */
+export interface RmExportCard {
+    title: string;
+    subtitle?: string;
+    /** Etiquettes courtes posees sous le titre (SMR, statut, pays...). */
+    badges?: string[];
+    fields: {
+        label: string;
+        value: string;
+    }[];
+}
 /**
  * Un format d'export.
  *
@@ -64,15 +88,25 @@ export interface RmExportFormat {
     tabular?: boolean;
     /** Le format rend les graphiques. */
     visual?: boolean;
-    /** Le format est mis en page : le choix A4 s'applique. */
+    /** Le format est mis en page : choix A4 et fiches detaillees. */
     paged?: boolean;
+    /**
+     * Le format porte un en-tete de document : page de garde, chiffres cles,
+     * filtres actifs, sources. Vrai pour le PDF et le classeur, faux pour un
+     * CSV ou une image, qui ne savent porter que leur contenu.
+     */
+    document?: boolean;
     /** Format annonce mais pas encore livre : la carte reste visible, grisee. */
     disabled?: boolean;
     /** Raison affichee sur une carte grisee. */
     disabledHint?: string;
 }
-/** Nature d'une section : elle decide de quels formats la section releve. */
-export type RmExportSectionKind = 'table' | 'visual' | 'meta';
+/**
+ * Nature d'une section : elle decide de quels formats la section releve.
+ * `cards` ne vaut que pour un format mis en page, `meta` que pour un format
+ * qui porte un en-tete de document.
+ */
+export type RmExportSectionKind = 'table' | 'visual' | 'meta' | 'cards';
 /** Section proposee a l'etape « Donnees ». */
 export interface RmExportSection {
     key: string;
@@ -142,6 +176,17 @@ export interface RmExportPayload {
     sources?: RmExportSource[];
     filters?: RmExportFilter[];
     sheets: RmExportSheet[];
+    /**
+     * Fiches du rapport. Absentes, elles sont derivees des lignes du premier
+     * onglet : le titre vient de la premiere colonne, les champs des suivantes.
+     */
+    cards?: RmExportCard[];
+    /**
+     * Plafond de fiches dans un rapport. Une fiche fait une dizaine de lignes :
+     * mille resultats donneraient un PDF de plusieurs centaines de pages, que
+     * personne ne lit et qu'aucune messagerie n'accepte.
+     */
+    cardLimit?: number;
     /**
      * Graphiques a rasteriser ou vectoriser. Les charts Romulus sont rendus par
      * ECharts en SVG : on recupere le noeud, pas une capture d'ecran.

package/dist/runtime/utils/export.js

@@ -12,10 +12,11 @@ export const RM_EXPORT_FORMATS = [
     label: "PDF",
     icon: "FilePdf",
     color: "var(--color-danger)",
-    desc: "Rapport mis en page, pr\xEAt \xE0 partager. KPI, graphiques, table, en-t\xEAte OIP Healthcare.",
+    desc: "Rapport mis en page, pr\xEAt \xE0 partager. Chiffres cl\xE9s, fiches, graphiques, en-t\xEAte OIP Healthcare.",
     tabular: true,
     visual: true,
-    paged: true
+    paged: true,
+    document: true
   },
   {
     key: "xlsx",
@@ -24,7 +25,7 @@ export const RM_EXPORT_FORMATS = [
     color: "var(--color-success)",
     desc: "Donn\xE9es brutes avec page de garde. Pour analyse en local ou consolidation.",
     tabular: true,
-    paged: true
+    document: true
   },
   {
     key: "csv",
@@ -61,7 +62,11 @@ export const RM_EXPORT_FORMATS = [
 export const RM_EXPORT_SECTIONS = [
   { key: "kpi", label: "Chiffres cl\xE9s", kind: "meta", on: true },
   { key: "charts", label: "Graphiques", kind: "visual", on: true },
-  { key: "table", label: "Tableau", kind: "table", on: true },
+  { key: "cards", label: "Fiches d\xE9taill\xE9es", kind: "cards", on: true },
+  // Decochee : dans un rapport, les fiches disent la meme chose en lisible.
+  // La case reste offerte a qui veut le tableau en annexe. Elle ne concerne
+  // que le PDF — les onglets du classeur ne dependent pas d'elle.
+  { key: "table", label: "Tableau r\xE9capitulatif", kind: "table" },
   { key: "filters", label: "Filtres actifs", kind: "meta", on: true },
   { key: "sources", label: "Sources et mises \xE0 jour", kind: "meta", on: true }
 ];

package/package.json

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