@tekkare/romulus 0.1.238 → 0.1.240

package/dist/module.json

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

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

@@ -1 +1 @@
-.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:var(--space-20)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;gap:var(--space-16);grid-template-columns:repeat(4,1fr)}.grid-2-1{display:grid;gap:var(--space-20);grid-template-columns:2fr 1fr}.pane-title{color:var(--text-primary);font-family:var(--font-serif);font-size:var(--font-32);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 16px}.pane-sub{color:var(--text-muted);font-size:var(--font-13);line-height:1.55;margin:0 0 24px;max-width:78ch}.chart-section{margin-inline:auto;max-width:var(--content-max-w,1440px);padding:0 0 var(--space-40);width:100%}.section-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-11);font-weight:700;gap:var(--space-8);letter-spacing:.12em;margin:40px 0 18px;text-transform:uppercase}body.text-large .pane-title{font-size:38px}body.text-xl .pane-title{font-size:46px}body.text-large .section-label{font-size:var(--font-13)}body.text-xl .section-label{font-size:var(--font-14)}.chart-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s}.chart-card:hover{border-color:var(--color-violet-pale);box-shadow:0 6px 16px rgba(107,63,255,.1),0 1px 3px rgba(30,41,59,.04)}.chart-card-head{padding:22px var(--space-24) 14px;padding-right:64px;position:relative}.chart-card-title{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 5px}.chart-card-context{color:var(--text-muted);font-size:var(--font-12);line-height:1.55;margin:0}.rm-card-actions{position:relative}.chart-card-head>.chart-card-actions{position:absolute;right:12px;top:12px}.cc-export{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-14);height:28px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:28px}.cc-export:hover{color:var(--color-secondary)}.cc-export:hover,.rm-card-actions.open .cc-export{background:var(--bg-hover);border-color:var(--color-violet-pale)}.rm-card-actions.open .cc-export{color:var(--color-primary)}.cc-menu{animation:cc-menu-in .12s cubic-bezier(.2,0,0,1);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);display:none;min-width:200px;padding:var(--space-6) 0;position:absolute;right:0;top:34px;z-index:500}.rm-card-actions.open .cc-menu{display:block}.cc-menu-section{color:var(--text-muted);font-size:var(--font-10);font-weight:700;letter-spacing:.08em;padding:var(--space-8) 14px var(--space-4);text-transform:uppercase}.cc-menu-item{align-items:center;background:none;border:0;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-13);gap:var(--space-10);padding:7px 14px;text-align:left;width:100%}.cc-menu-item i{color:var(--text-muted);font-size:var(--font-14)}.cc-menu-item:hover{background:var(--bg-surface-3);color:var(--text-primary)}.cc-menu-item:hover i{color:var(--text-secondary)}.cc-menu-divider{background:var(--bg-surface-3);height:1px;margin:4px 0}.cc-menu-note{border-top:1px solid var(--bg-surface-3);color:var(--text-secondary);font-size:var(--font-12);margin:4px 0 0;padding:var(--space-8) 14px var(--space-4)}.cc-menu-item[disabled]{cursor:default;opacity:.55}.cc-menu-item[disabled]:hover{background:none;color:var(--text-secondary)}.chart-card:fullscreen,.rm-card-zoom,.rm-rcard:fullscreen,.rm-table-card:fullscreen{background:var(--bg-surface);border-radius:0;box-sizing:border-box;height:100vh;overflow:auto;padding:var(--space-16);width:100vw}.rm-card-zoom{border:0;inset:0;margin:0;position:fixed;z-index:500}body.rm-card-zoom-open{overflow:hidden}.chart-card.rm-card-zoom .chart-card-body,.chart-card:fullscreen .chart-card-body{display:flex;flex-direction:column}.chart-card.rm-card-zoom .rm-chart,.chart-card:fullscreen .rm-chart{flex:1 1 auto}.chart-card.rm-card-zoom .echart,.chart-card:fullscreen .echart{height:72vh!important}@keyframes cc-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chart-card-body{flex:1;padding:var(--space-4) var(--space-12) var(--space-8)}.chart-card-body>.rm-empty{box-sizing:border-box;gap:var(--space-6);justify-content:center;max-width:none;min-height:240px;padding:36px var(--space-24)}.chart-card-foot{align-items:center;background:var(--bg-surface-2);border-radius:0 0 10px 10px;border-top:1px solid var(--border-soft);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-11);gap:var(--space-10);padding:var(--space-12) var(--space-24)}.chart-card-foot .src{align-items:center;display:flex;gap:var(--space-4)}.chart-card-foot .src b{color:var(--text-secondary);font-weight:600}.chart-card-foot .dot{background:var(--border-default);border-radius:50%;height:3px;width:3px}.chart-card-foot .updated{color:var(--text-secondary);font-weight:500}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 2px 8px rgba(30,41,59,.06);padding:var(--space-16) 18px}.kpi-label{color:var(--text-muted);font-size:var(--font-11);font-weight:600;letter-spacing:.1em;margin:0 0 6px;text-transform:uppercase}.kpi-value{color:var(--color-primary);font-family:var(--font-serif);font-size:28px;font-weight:700;line-height:1;margin:0}.kpi-value.healthcare{color:var(--color-healthcare)}.kpi-value.discovery{color:var(--color-discovery)}.kpi-value.pharma{color:var(--color-pharma)}.kpi-value.databank{color:var(--color-databank)}.kpi-trend{align-items:center;display:inline-flex;font-size:var(--font-12);font-weight:600;gap:var(--space-4);margin-top:6px}.kpi-trend i{font-size:var(--font-11)}.kpi-trend--up{color:var(--color-success)}.kpi-trend--down{color:var(--color-danger)}.kpi-foot,.kpi-trend--flat{color:var(--text-muted)}.kpi-foot{font-size:var(--font-11);margin-top:4px}.kpi-extra{margin-top:12px}.badge{border-radius:4px;display:inline-block;font-size:var(--font-10);font-weight:600;padding:var(--space-2) var(--space-8)}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--bg-hover);color:var(--color-primary)}.badge-grey{background:var(--bg-surface-3);color:var(--text-secondary)}table.tk{border-collapse:collapse;font-size:var(--font-13);width:100%}.sr-only,table.tk>caption.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}table.tk caption{caption-side:top;color:var(--text-primary);font-size:var(--font-13);font-weight:var(--weight-bold);padding:0 0 var(--space-8);text-align:left}table.tk th{background:var(--bg-surface-2);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--font-11);font-weight:700;letter-spacing:.08em;padding:var(--space-12) 14px;text-align:left;text-transform:uppercase}table.tk tbody th[scope=row]{background:transparent;font-size:var(--font-13);font-weight:var(--weight-bold);letter-spacing:0;text-transform:none}table.tk tbody th[scope=row],table.tk td{border-bottom:1px solid var(--border-soft);color:var(--text-primary)}table.tk td{padding:var(--space-12) 14px}table.tk tbody tr:nth-child(2n) td,table.tk tbody tr:nth-child(2n) th[scope=row]{background:var(--bg-surface-2)}table.tk tbody tr:hover td,table.tk tbody tr:hover th[scope=row]{background:var(--bg-hover)}table.tk th[aria-sort]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}table.tk th[aria-sort]:hover{color:var(--text-primary)}.tk-wrap{min-width:0;overflow-x:auto}.tk-num{font-variant-numeric:tabular-nums;text-align:right}.tk-skeleton{height:14px;width:80%}.tk-empty{color:var(--text-muted);text-align:center}.nav-group{display:flex;flex-direction:column}.nav-group-header{align-items:center;background:none;border:0;color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-11);font-weight:700;gap:var(--space-8);letter-spacing:.08em;padding:var(--space-8) var(--space-12);text-align:left;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-out);width:100%}.nav-group-header:hover{color:var(--text-secondary)}.nav-group-header .caret{display:inline-flex;margin-left:auto;transition:transform var(--duration-fast) var(--ease-out)}.nav-group[data-open=true]>.nav-group-header{color:var(--color-primary)}.nav-group[data-open=true]>.nav-group-header .caret{transform:rotate(180deg)}.nav-group-items{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0 var(--space-8)}.cc-export:focus-visible,.cc-menu-item:focus-visible,.chart-card :focus-visible,.nav-group-header:focus-visible,table.tk th[aria-sort]:focus-visible{box-shadow:var(--shadow-focus);outline:2px solid var(--color-secondary);outline-offset:2px}.cc-menu-item,.nav-group-header{min-height:40px}body.text-large .kpi-label{font-size:var(--font-13)}body.text-large .kpi-value{font-size:34px}body.text-large .kpi-trend{font-size:var(--font-14)}body.text-large .kpi-foot{font-size:var(--font-13)}body.text-large .chart-card-title{font-size:17px}body.text-large .chart-card-context{font-size:var(--font-14)}body.text-large .chart-card-foot{font-size:var(--font-12)}body.text-large .rm-table-card__context{font-size:var(--font-14)}body.text-large .badge,body.text-large .rm-table-card__foot{font-size:var(--font-12)}body.text-large .badge{padding:3px 9px}body.text-large table.tk{font-size:15px}body.text-large table.tk th{font-size:var(--font-13)}body.text-xl .kpi-label{font-size:var(--font-14)}body.text-xl .kpi-value{font-size:40px}body.text-xl .kpi-trend{font-size:var(--font-16)}body.text-xl .kpi-foot{font-size:var(--font-14)}body.text-xl .chart-card-title{font-size:20px}body.text-xl .chart-card-context{font-size:var(--font-16)}body.text-xl .chart-card-foot{font-size:var(--font-14)}body.text-xl .rm-table-card__context{font-size:var(--font-16)}body.text-xl .badge,body.text-xl .rm-table-card__foot{font-size:var(--font-14)}body.text-xl .badge{padding:3px var(--space-10)}body.text-xl table.tk{font-size:var(--font-16)}body.text-xl table.tk th{font-size:var(--font-14)}body.high-contrast .cc-export,body.high-contrast .cc-menu,body.high-contrast .chart-card,body.high-contrast .kpi-card{border-width:2px}body.high-contrast .chart-card:hover{border-color:var(--border-default)}body.rm-switching,body.rm-switching *,body.rm-switching :after,body.rm-switching :before,body.theme-switching,body.theme-switching *,body.theme-switching :after,body.theme-switching :before{transition:none!important}body.high-contrast *{box-shadow:none!important}.rm-skeleton{animation:rm-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-hover) 0,var(--bg-surface-2) 50%,var(--bg-hover) 100%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes rm-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.rm-skeleton{animation:none;background:var(--bg-hover)}}.rm-state-loading{display:flex;flex-direction:column;gap:var(--space-10);justify-content:center;min-height:240px;padding:var(--space-8) var(--space-4)}.rm-spinner{animation:rm-spinner-turn .8s linear infinite;border:3px solid var(--border-default);border-radius:50%;border-top-color:var(--color-secondary);height:32px;width:32px}@keyframes rm-spinner-turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.rm-spinner{animation-duration:3s}}.rm-state{color:var(--text-secondary);flex-direction:column;font-family:var(--font-sans);gap:var(--space-6);min-height:240px;padding:36px var(--space-24);text-align:center}.rm-state,.rm-state__icon{align-items:center;display:flex;justify-content:center}.rm-state__icon{background:var(--bg-surface-3);border-radius:50%;color:var(--text-muted);height:56px;margin-bottom:6px;width:56px}.rm-state__title{color:var(--text-primary);font-size:var(--font-14);font-weight:var(--weight-semibold);margin:0}.rm-state__text{color:var(--text-muted);font-size:var(--font-12);line-height:1.5;margin:0;max-width:280px}.rm-state__action{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-12);font-weight:var(--weight-semibold);gap:var(--space-6);margin-top:10px;padding:var(--space-6) 14px}.rm-state__action:hover{background:var(--bg-surface-3);color:var(--text-primary)}.rm-state--error .rm-state__icon{background:var(--color-danger-bg);color:var(--color-danger)}.rm-state--error .rm-state__action{border-color:var(--color-danger);color:var(--color-danger)}.rm-state--error .rm-state__action:hover{background:var(--color-danger-bg)}*{scrollbar-color:var(--border-default) transparent;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--border-default);border:3px solid transparent;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}
+.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:var(--space-20)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;gap:var(--space-16);grid-template-columns:repeat(4,1fr)}.grid-2-1{display:grid;gap:var(--space-20);grid-template-columns:2fr 1fr}.pane-title{color:var(--text-primary);font-family:var(--font-serif);font-size:var(--font-32);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 16px}.pane-sub{color:var(--text-muted);font-size:var(--font-13);line-height:1.55;margin:0 0 24px;max-width:78ch}.chart-section{margin-inline:auto;max-width:var(--content-max-w,1440px);padding:0 0 var(--space-40);width:100%}.section-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-11);font-weight:700;gap:var(--space-8);letter-spacing:.12em;margin:40px 0 18px;text-transform:uppercase}body.text-large .pane-title{font-size:38px}body.text-xl .pane-title{font-size:46px}body.text-large .section-label{font-size:var(--font-13)}body.text-xl .section-label{font-size:var(--font-14)}.chart-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s}.chart-card:hover{border-color:var(--color-violet-pale);box-shadow:0 6px 16px rgba(107,63,255,.1),0 1px 3px rgba(30,41,59,.04)}.chart-card-head{padding:22px var(--space-24) 14px;padding-right:64px;position:relative}.chart-card-title{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 5px}.chart-card-context{color:var(--text-muted);font-size:var(--font-12);line-height:1.55;margin:0}.chart-card-tags{margin-top:var(--space-4)}.rm-card-actions{position:relative}.chart-card-head>.chart-card-actions{position:absolute;right:12px;top:12px}.cc-export{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-14);height:28px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:28px}.cc-export:hover{color:var(--color-secondary)}.cc-export:hover,.rm-card-actions.open .cc-export{background:var(--bg-hover);border-color:var(--color-violet-pale)}.rm-card-actions.open .cc-export{color:var(--color-primary)}.cc-menu{animation:cc-menu-in .12s cubic-bezier(.2,0,0,1);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);display:none;min-width:200px;padding:var(--space-6) 0;position:absolute;right:0;top:34px;z-index:500}.rm-card-actions.open .cc-menu{display:block}.cc-menu-section{color:var(--text-muted);font-size:var(--font-10);font-weight:700;letter-spacing:.08em;padding:var(--space-8) 14px var(--space-4);text-transform:uppercase}.cc-menu-item{align-items:center;background:none;border:0;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-13);gap:var(--space-10);padding:7px 14px;text-align:left;width:100%}.cc-menu-item i{color:var(--text-muted);font-size:var(--font-14)}.cc-menu-item:hover{background:var(--bg-surface-3);color:var(--text-primary)}.cc-menu-item:hover i{color:var(--text-secondary)}.cc-menu-divider{background:var(--bg-surface-3);height:1px;margin:4px 0}.cc-menu-note{border-top:1px solid var(--bg-surface-3);color:var(--text-secondary);font-size:var(--font-12);margin:4px 0 0;padding:var(--space-8) 14px var(--space-4)}.cc-menu-item[disabled]{cursor:default;opacity:.55}.cc-menu-item[disabled]:hover{background:none;color:var(--text-secondary)}.chart-card:fullscreen,.rm-card-zoom,.rm-rcard:fullscreen,.rm-table-card:fullscreen{background:var(--bg-surface);border-radius:0;box-sizing:border-box;height:100vh;overflow:auto;padding:var(--space-16);width:100vw}.rm-card-zoom{border:0;inset:0;margin:0;position:fixed;z-index:500}body.rm-card-zoom-open{overflow:hidden}.chart-card.rm-card-zoom .chart-card-body,.chart-card:fullscreen .chart-card-body{display:flex;flex-direction:column}.chart-card.rm-card-zoom .rm-chart,.chart-card:fullscreen .rm-chart{flex:1 1 auto}.chart-card.rm-card-zoom .echart,.chart-card:fullscreen .echart{height:72vh!important}@keyframes cc-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chart-card-body{flex:1;padding:var(--space-4) var(--space-12) var(--space-8)}.chart-card-body>.rm-empty{box-sizing:border-box;gap:var(--space-6);justify-content:center;max-width:none;min-height:240px;padding:36px var(--space-24)}.chart-card-foot{align-items:center;background:var(--bg-surface-2);border-radius:0 0 10px 10px;border-top:1px solid var(--border-soft);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-11);gap:var(--space-10);padding:var(--space-12) var(--space-24)}.chart-card-foot .src{align-items:center;display:flex;gap:var(--space-4)}.chart-card-foot .src b{color:var(--text-secondary);font-weight:600}.chart-card-foot .dot{background:var(--border-default);border-radius:50%;height:3px;width:3px}.chart-card-foot .updated{color:var(--text-secondary);font-weight:500}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 2px 8px rgba(30,41,59,.06);padding:var(--space-16) 18px}.kpi-label{color:var(--text-muted);font-size:var(--font-11);font-weight:600;letter-spacing:.1em;margin:0 0 6px;text-transform:uppercase}.kpi-value{color:var(--color-primary);font-family:var(--font-serif);font-size:28px;font-weight:700;line-height:1;margin:0}.kpi-value.healthcare{color:var(--color-healthcare)}.kpi-value.discovery{color:var(--color-discovery)}.kpi-value.pharma{color:var(--color-pharma)}.kpi-value.databank{color:var(--color-databank)}.kpi-trend{align-items:center;display:inline-flex;font-size:var(--font-12);font-weight:600;gap:var(--space-4);margin-top:6px}.kpi-trend i{font-size:var(--font-11)}.kpi-trend--up{color:var(--color-success)}.kpi-trend--down{color:var(--color-danger)}.kpi-foot,.kpi-trend--flat{color:var(--text-muted)}.kpi-foot{font-size:var(--font-11);margin-top:4px}.kpi-extra{margin-top:12px}.badge{border-radius:4px;display:inline-block;font-size:var(--font-10);font-weight:600;padding:var(--space-2) var(--space-8)}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--bg-hover);color:var(--color-primary)}.badge-grey{background:var(--bg-surface-3);color:var(--text-secondary)}table.tk{border-collapse:collapse;font-size:var(--font-13);width:100%}.sr-only,table.tk>caption.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}table.tk caption{caption-side:top;color:var(--text-primary);font-size:var(--font-13);font-weight:var(--weight-bold);padding:0 0 var(--space-8);text-align:left}table.tk th{background:var(--bg-surface-2);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--font-11);font-weight:700;letter-spacing:.08em;padding:var(--space-12) 14px;text-align:left;text-transform:uppercase}table.tk tbody th[scope=row]{background:transparent;font-size:var(--font-13);font-weight:var(--weight-bold);letter-spacing:0;text-transform:none}table.tk tbody th[scope=row],table.tk td{border-bottom:1px solid var(--border-soft);color:var(--text-primary)}table.tk td{padding:var(--space-12) 14px}table.tk tbody tr:nth-child(2n) td,table.tk tbody tr:nth-child(2n) th[scope=row]{background:var(--bg-surface-2)}table.tk tbody tr:hover td,table.tk tbody tr:hover th[scope=row]{background:var(--bg-hover)}table.tk th[aria-sort]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}table.tk th[aria-sort]:hover{color:var(--text-primary)}.tk-wrap{min-width:0;overflow-x:auto}.tk-num{font-variant-numeric:tabular-nums;text-align:right}.tk-skeleton{height:14px;width:80%}.tk-empty{color:var(--text-muted);text-align:center}.nav-group{display:flex;flex-direction:column}.nav-group-header{align-items:center;background:none;border:0;color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-11);font-weight:700;gap:var(--space-8);letter-spacing:.08em;padding:var(--space-8) var(--space-12);text-align:left;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-out);width:100%}.nav-group-header:hover{color:var(--text-secondary)}.nav-group-header .caret{display:inline-flex;margin-left:auto;transition:transform var(--duration-fast) var(--ease-out)}.nav-group[data-open=true]>.nav-group-header{color:var(--color-primary)}.nav-group[data-open=true]>.nav-group-header .caret{transform:rotate(180deg)}.nav-group-items{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0 var(--space-8)}.cc-export:focus-visible,.cc-menu-item:focus-visible,.chart-card :focus-visible,.nav-group-header:focus-visible,table.tk th[aria-sort]:focus-visible{box-shadow:var(--shadow-focus);outline:2px solid var(--color-secondary);outline-offset:2px}.cc-menu-item,.nav-group-header{min-height:40px}body.text-large .kpi-label{font-size:var(--font-13)}body.text-large .kpi-value{font-size:34px}body.text-large .kpi-trend{font-size:var(--font-14)}body.text-large .kpi-foot{font-size:var(--font-13)}body.text-large .chart-card-title{font-size:17px}body.text-large .chart-card-context{font-size:var(--font-14)}body.text-large .chart-card-foot{font-size:var(--font-12)}body.text-large .rm-table-card__context{font-size:var(--font-14)}body.text-large .badge,body.text-large .rm-table-card__foot{font-size:var(--font-12)}body.text-large .badge{padding:3px 9px}body.text-large table.tk{font-size:15px}body.text-large table.tk th{font-size:var(--font-13)}body.text-xl .kpi-label{font-size:var(--font-14)}body.text-xl .kpi-value{font-size:40px}body.text-xl .kpi-trend{font-size:var(--font-16)}body.text-xl .kpi-foot{font-size:var(--font-14)}body.text-xl .chart-card-title{font-size:20px}body.text-xl .chart-card-context{font-size:var(--font-16)}body.text-xl .chart-card-foot{font-size:var(--font-14)}body.text-xl .rm-table-card__context{font-size:var(--font-16)}body.text-xl .badge,body.text-xl .rm-table-card__foot{font-size:var(--font-14)}body.text-xl .badge{padding:3px var(--space-10)}body.text-xl table.tk{font-size:var(--font-16)}body.text-xl table.tk th{font-size:var(--font-14)}body.high-contrast .cc-export,body.high-contrast .cc-menu,body.high-contrast .chart-card,body.high-contrast .kpi-card{border-width:2px}body.high-contrast .chart-card:hover{border-color:var(--border-default)}body.rm-switching,body.rm-switching *,body.rm-switching :after,body.rm-switching :before,body.theme-switching,body.theme-switching *,body.theme-switching :after,body.theme-switching :before{transition:none!important}body.high-contrast *{box-shadow:none!important}.rm-skeleton{animation:rm-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-hover) 0,var(--bg-surface-2) 50%,var(--bg-hover) 100%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes rm-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.rm-skeleton{animation:none;background:var(--bg-hover)}}.rm-state-loading{display:flex;flex-direction:column;gap:var(--space-10);justify-content:center;min-height:240px;padding:var(--space-8) var(--space-4)}.rm-spinner{animation:rm-spinner-turn .8s linear infinite;border:3px solid var(--border-default);border-radius:50%;border-top-color:var(--color-secondary);height:32px;width:32px}@keyframes rm-spinner-turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.rm-spinner{animation-duration:3s}}.rm-state{color:var(--text-secondary);flex-direction:column;font-family:var(--font-sans);gap:var(--space-6);min-height:240px;padding:36px var(--space-24);text-align:center}.rm-state,.rm-state__icon{align-items:center;display:flex;justify-content:center}.rm-state__icon{background:var(--bg-surface-3);border-radius:50%;color:var(--text-muted);height:56px;margin-bottom:6px;width:56px}.rm-state__title{color:var(--text-primary);font-size:var(--font-14);font-weight:var(--weight-semibold);margin:0}.rm-state__text{color:var(--text-muted);font-size:var(--font-12);line-height:1.5;margin:0;max-width:280px}.rm-state__action{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-12);font-weight:var(--weight-semibold);gap:var(--space-6);margin-top:10px;padding:var(--space-6) 14px}.rm-state__action:hover{background:var(--bg-surface-3);color:var(--text-primary)}.rm-state--error .rm-state__icon{background:var(--color-danger-bg);color:var(--color-danger)}.rm-state--error .rm-state__action{border-color:var(--color-danger);color:var(--color-danger)}.rm-state--error .rm-state__action:hover{background:var(--color-danger-bg)}*{scrollbar-color:var(--border-default) transparent;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--border-default);border:3px solid transparent;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}

package/dist/runtime/components/ChartCard.vue

@@ -13,12 +13,19 @@
 import { computed } from 'vue'
 import type { RmExportPayload } from '../utils/export'
 import { rmDate } from '../utils/format'
+import type { RmTagRowItem } from './TagRow.vue'
 
 const props = withDefaults(defineProps<{
   /** Titre de la carte. */
   title: string
   /** Sous-titre : perimetre, methode, aide a la lecture. */
   context?: string
+  /**
+   * Perimetre lu, en etiquettes (element, mesure, periode, geographie) : une
+   * rangee qui se parcourt d'un coup d'oeil, la ou la phrase du sous-titre
+   * se lisait jusqu'au bout. Pose sous le sous-titre quand les deux sont la.
+   */
+  tags?: RmTagRowItem[]
   /** Organisme public : "HAS", "OCDE", "ANSM (Repertoire des specialites)". Jamais un outil interne. */
   source: string
   /** Date de notre verification. Un Date est formate en long ; une chaine deja formatee passe telle quelle. */
@@ -59,6 +66,7 @@ const props = withDefaults(defineProps<{
   emptyActionLabel?: string
 }>(), {
   context: undefined,
+  tags: undefined,
   lang: 'fr',
   extra: undefined,
   actions: true,
@@ -117,6 +125,12 @@ const t = computed(() => WORDS[props.lang])
  */
 const ISO_DATE = /^\d{4}-\d{2}-\d{2}/
 
+/**
+ * Nom des exports : le titre et sa phrase de contexte. Les etiquettes n'y
+ * entrent pas, les exports les redessinent sous le titre (cf. `rmCardTags`).
+ */
+const exportName = computed(() => (props.context ? `${props.title} (${props.context})` : props.title))
+
 const verifiedText = computed(() => {
   if (typeof props.verified === 'string' && !ISO_DATE.test(props.verified)) return props.verified
   const parsed = new Date(props.verified)
@@ -133,6 +147,7 @@ const verifiedText = computed(() => {
     <div class="chart-card-head">
       <p class="chart-card-title">{{ title }}</p>
       <p v-if="context" class="chart-card-context">{{ context }}</p>
+      <RmTagRow v-if="tags?.length" class="chart-card-tags" :tags="tags" />
 
       <!-- Les six actions vivent dans RmCardActions : elles doivent etre les
            memes sur une carte de resultat que sur une carte de graphique. Les
@@ -142,7 +157,7 @@ const verifiedText = computed(() => {
         class="chart-card-actions"
         :lang="lang"
         :link="link"
-        :name="context ? `${title} (${context})` : title"
+        :name="exportName"
         :sources="[{ name: source, date: verifiedText }]"
         :payload="payload"
         @export-png="emit('exportPng')"

package/dist/runtime/components/TagRow.vue

@@ -15,8 +15,16 @@
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import type { RmTagVariant } from './Tag.vue'
 
+/**
+ * Une etiquette : un texte seul prend la couleur de la rangee ; l'objet porte
+ * la sienne, quand chaque etiquette dit une chose differente (element,
+ * mesure, periode...) et que la couleur aide a les distinguer.
+ */
+export type RmTagRowItem = string | { label: string; variant?: RmTagVariant }
+
 const props = withDefaults(defineProps<{
-  tags: string[]
+  tags: RmTagRowItem[]
+  /** Couleur des etiquettes qui n'en portent pas. */
   variant?: RmTagVariant
   /** Cote ou sort la bulle du compteur. */
   tooltipDir?: 'top' | 'right' | 'bottom' | 'left'
@@ -28,8 +36,11 @@ const props = withDefaults(defineProps<{
 const rowRef = ref<HTMLElement>()
 const visibleCount = ref(props.tags.length)
 
-const shown = computed(() => props.tags.slice(0, visibleCount.value))
-const hidden = computed(() => props.tags.slice(visibleCount.value))
+const items = computed(() =>
+  props.tags.map(tag => (typeof tag === 'string' ? { label: tag, variant: props.variant } : { label: tag.label, variant: tag.variant ?? props.variant })),
+)
+const shown = computed(() => items.value.slice(0, visibleCount.value))
+const hidden = computed(() => items.value.slice(visibleCount.value).map(tag => tag.label))
 
 /**
  * Compte les etiquettes restees sur la premiere ligne. La rangee est mesuree
@@ -69,9 +80,9 @@ watch(() => props.tags, measure, { deep: true })
 </script>
 
 <template>
-  <div class="rm-tag-row">
+  <div class="rm-tag-row" :data-rm-tags="JSON.stringify(items)">
     <div ref="rowRef" class="rm-tag-row__items">
-      <RmTag v-for="tag in shown" :key="tag" data-rm-tag :variant="variant">{{ tag }}</RmTag>
+      <RmTag v-for="tag in shown" :key="tag.label" data-rm-tag :variant="tag.variant">{{ tag.label }}</RmTag>
     </div>
     <RmTooltip v-if="hidden.length > 0" :text="hidden.join('\n')" :dir="tooltipDir" full>
       <span class="rm-tag-row__more">+{{ hidden.length }}</span>

package/dist/runtime/composables/useRmCardActions.js

@@ -1,4 +1,4 @@
-import { rmCardCharts, rmCardSheets, rmCardTitle } from "../utils/cardData.js";
+import { rmCardCharts, rmCardSheets, rmCardTags, rmCardTitle } from "../utils/cardData.js";
 import { useRmExport } from "./useRmExport.js";
 import { rmExportDefaults } from "./useRmExportDefaults.js";
 const FILE_NAME_MAX = 60;
@@ -51,7 +51,7 @@ export function useRmCardActions() {
     return run(configOf(format, fileNameOf(title)), {
       ...defaults,
       title,
-      charts: rmCardCharts(card).map((el) => ({ title, el })),
+      charts: rmCardCharts(card).map((el) => ({ title, el, tags: rmCardTags(card) })),
       // Le lien de la carte, sinon celui du cadre : le permalien de la page
       // porte la vue et les filtres, la ou l'URL courante ne dit rien de ce
       // qui est affiche.

package/dist/runtime/composables/useRmExport.js

@@ -1,4 +1,4 @@
-import { RM_EXPORT_EXTENSIONS } from "../utils/export.js";
+import { RM_EXPORT_EXTENSIONS, rmExportTagColor } from "../utils/export.js";
 const BRAND_TITLE = "OIP Healthcare";
 const BRAND_LINE = "By Tekkare \u{1F49C}";
 const COVER_SHEET = "Tekkare";
@@ -92,7 +92,28 @@ function titleGap(title) {
   return title ? 22 : 0;
 }
 function drawableCharts(payload) {
-  return (payload.charts ?? []).map((chart) => ({ title: chart.title, svg: svgOf(chart.el) })).filter((chart) => !!chart.svg);
+  return (payload.charts ?? []).map((chart) => ({ title: chart.title, tags: chart.tags, svg: svgOf(chart.el) })).filter((chart) => !!chart.svg);
+}
+const TAG_FONT = "500 12px Figtree, Helvetica, sans-serif";
+const TAG_HEIGHT = 22;
+const TAG_SPACE = 6;
+function layoutTags(tags, width) {
+  if (!tags?.length) return { placed: [], height: 0 };
+  const measure = document.createElement("canvas").getContext("2d");
+  measure.font = TAG_FONT;
+  let x = 0;
+  let row = 0;
+  const placed = tags.map((tag) => {
+    const w = Math.ceil(measure.measureText(tag.label).width) + 16;
+    if (x > 0 && x + w > width) {
+      x = 0;
+      row++;
+    }
+    const at = { tag, x, row, w };
+    x += w + TAG_SPACE;
+    return at;
+  });
+  return { placed, height: (row + 1) * (TAG_HEIGHT + TAG_SPACE) + 4 };
 }
 function svgOf(el) {
   return el instanceof SVGSVGElement ? el : el.querySelector("svg");
@@ -344,9 +365,12 @@ export function useRmExport() {
     const pad = 24;
     const sources = sourcesOf(config, payload);
     const head = config.options.includes("logo") ? sources.length ? 88 : 72 : 0;
-    const parts = drawn.map((chart) => ({ ...serialize(chart.svg), title: chart.title }));
+    const parts = drawn.map((chart) => {
+      const part = serialize(chart.svg);
+      return { ...part, title: chart.title, tags: layoutTags(chart.tags, part.width) };
+    });
     const width = Math.max(...parts.map((part) => part.width)) + pad * 2;
-    const height = parts.reduce((total, part) => total + part.height + pad + titleGap(part.title), pad) + head;
+    const height = parts.reduce((total, part) => total + part.height + pad + titleGap(part.title) + part.tags.height, pad) + head;
     const canvas = document.createElement("canvas");
     canvas.width = width * scale;
     canvas.height = height * scale;
@@ -373,6 +397,18 @@ export function useRmExport() {
         context.fillText(part.title, pad, y + 12);
         y += titleGap(part.title);
       }
+      context.font = TAG_FONT;
+      for (const { tag, x, row, w } of part.tags.placed) {
+        const { fill, text } = rmExportTagColor(tag.variant);
+        const top = y + row * (TAG_HEIGHT + TAG_SPACE);
+        context.fillStyle = `rgb(${fill.join(",")})`;
+        context.beginPath();
+        context.roundRect(pad + x, top, w, TAG_HEIGHT, 4);
+        context.fill();
+        context.fillStyle = text;
+        context.fillText(tag.label, pad + x + 8, top + 15);
+      }
+      y += part.tags.height;
       const raw = await raster(part.markup, part.width, part.height, scale);
       context.drawImage(raw, pad, y, part.width, part.height);
       y += part.height + pad;
@@ -389,16 +425,25 @@ export function useRmExport() {
     const pad = 24;
     const sources = sourcesOf(config, payload);
     const head = config.options.includes("logo") ? sources.length ? 88 : 72 : 0;
-    const parts = drawn.map((chart) => ({ ...serialize(chart.svg), title: chart.title }));
+    const parts = drawn.map((chart) => {
+      const part = serialize(chart.svg);
+      return { ...part, title: chart.title, tags: layoutTags(chart.tags, part.width) };
+    });
     const width = Math.max(...parts.map((part) => part.width)) + pad * 2;
-    const height = parts.reduce((total, part) => total + part.height + pad + titleGap(part.title), pad) + head;
+    const height = parts.reduce((total, part) => total + part.height + pad + titleGap(part.title) + part.tags.height, pad) + head;
     let y = head + pad;
     const nested = parts.map((part) => {
       const label = part.title ? `<text x="${pad}" y="${y + 12}" font-family="Figtree, Helvetica, sans-serif" font-size="14" font-weight="bold" fill="#1A1A2E">${escapeXml(part.title)}</text>` : "";
       y += titleGap(part.title);
+      const tags = part.tags.placed.map(({ tag, x, row, w }) => {
+        const { fill, text } = rmExportTagColor(tag.variant);
+        const top = y + row * (TAG_HEIGHT + TAG_SPACE);
+        return `<rect x="${pad + x}" y="${top}" width="${w}" height="${TAG_HEIGHT}" rx="4" fill="rgb(${fill.join(",")})"/><text x="${pad + x + 8}" y="${top + 15}" font-family="Figtree, Helvetica, sans-serif" font-size="12" font-weight="500" fill="${text}">${escapeXml(tag.label)}</text>`;
+      }).join("");
+      y += part.tags.height;
       const markup2 = part.markup.replace(/^<svg /, `<svg x="${pad}" y="${y}" `);
       y += part.height + pad;
-      return label + markup2;
+      return label + tags + markup2;
     }).join("\n");
     const header = head ? `<text x="${pad}" y="32" font-family="Figtree, Helvetica, sans-serif" font-size="20" font-weight="bold" fill="#1A1A2E">${BRAND_TITLE}</text><text x="${pad}" y="52" font-family="Figtree, Helvetica, sans-serif" font-size="12" fill="#6C6C8A">${escapeXml(`${payload.title} \xB7 ${BRAND_LINE} \xB7 ${longDate(lang)}`)}</text>` + (sources.length ? `<text x="${pad}" y="68" font-family="Figtree, Helvetica, sans-serif" font-size="12" fill="#6C6C8A">${escapeXml(`Source${sources.length > 1 ? "s" : ""} : ${sources.map((source) => sourceLabel(source, lang)).join(" \xB7 ")}`)}</text>` : "") : "";
     const markup = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><rect width="${width}" height="${height}" fill="#FFFFFF"/>${header}${nested}</svg>`;
@@ -566,7 +611,23 @@ export function useRmExport() {
         drawWidth = part.width / part.height * drawHeight;
       }
       const titleHeight = chart.title ? 7 : 0;
-      const cardHeight = titleHeight + drawHeight + 8;
+      doc.setFont("helvetica", "normal");
+      doc.setFontSize(8);
+      let tagX = 0;
+      let tagRow = 0;
+      const tagsPlaced = (chart.tags ?? []).map((tag) => {
+        const label = printable(tag.label);
+        const w = doc.getTextWidth(label) + 3.2;
+        if (tagX > 0 && tagX + w > inner - 10) {
+          tagX = 0;
+          tagRow++;
+        }
+        const at = { tag, label, x: tagX, row: tagRow, w };
+        tagX += w + 1.5;
+        return at;
+      });
+      const tagsHeight = tagsPlaced.length ? (tagRow + 1) * 6.5 + 1 : 0;
+      const cardHeight = titleHeight + tagsHeight + drawHeight + 8;
       if (y + cardHeight > bottom) {
         doc.addPage();
         y = margin;
@@ -583,6 +644,19 @@ export function useRmExport() {
         doc.text(printable(chart.title), margin + 5, chartY + 2);
         chartY += titleHeight;
       }
+      if (tagsPlaced.length) {
+        doc.setFont("helvetica", "normal");
+        doc.setFontSize(8);
+        for (const { tag, label, x, row, w } of tagsPlaced) {
+          const { fill, text } = rmExportTagColor(tag.variant);
+          const top = chartY - 1 + row * 6.5;
+          doc.setFillColor(...fill);
+          doc.roundedRect(margin + 5 + x, top, w, 5, 1, 1, "F");
+          doc.setTextColor(text);
+          doc.text(label, margin + 5 + x + 1.6, top + 3.5);
+        }
+        chartY += tagsHeight;
+      }
       doc.addImage(
         canvas.toDataURL("image/png"),
         "PNG",

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

@@ -21,7 +21,7 @@
  * - un graphe dessine dans une cellule (courbe de tendance d'une ligne) est
  *   une decoration du tableau : il ne fait pas un export a lui seul.
  */
-import type { RmExportSheet } from './export.js';
+import type { RmExportSheet, RmExportTag } from './export.js';
 /** La carte qui contient un noeud, quel que soit le composant qui la rend. */
 export declare function rmCardOf(el: Element | null): HTMLElement | null;
 /**
@@ -30,6 +30,12 @@ export declare function rmCardOf(el: Element | null): HTMLElement | null;
  * pareil ne se distinguent plus dans un dossier de telechargement.
  */
 export declare function rmCardTitle(card: Element): string;
+/**
+ * Etiquettes de perimetre de la carte (RmTagRow sous son titre), toutes, y
+ * compris celles que la rangee replie en « +N » faute de place : la rangee
+ * les porte en entier dans `data-rm-tags`.
+ */
+export declare function rmCardTags(card: Element): RmExportTag[];
 /** Les graphes exportables d'une carte, vides tant que la donnee n'est pas rendue. */
 export declare function rmCardCharts(card: Element): HTMLElement[];
 /**

package/dist/runtime/utils/cardData.js

@@ -16,6 +16,15 @@ export function rmCardTitle(card) {
   const context = cellText(card.querySelector(".chart-card-context"));
   return context ? `${title} (${context})` : title;
 }
+export function rmCardTags(card) {
+  const row = card.querySelector(".chart-card-head [data-rm-tags], .rm-table-card__header [data-rm-tags]");
+  try {
+    const tags = JSON.parse(row?.getAttribute("data-rm-tags") ?? "[]");
+    return Array.isArray(tags) ? tags : [];
+  } catch {
+    return [];
+  }
+}
 export function rmCardCharts(card) {
   return [...card.querySelectorAll(CHART_SELECTOR)].filter(
     (holder) => holder.querySelector("svg") && !holder.closest("table")

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

@@ -263,6 +263,7 @@ export interface RmExportPayload {
     charts?: {
         title?: string;
         el: Element;
+        tags?: RmExportTag[];
     }[];
     /**
      * Cartes de l'ecran, a capturer telles quelles pour le rapport mis en page.
@@ -329,3 +330,18 @@ export declare function rmExportDuration(kb: number, rows: number): string;
  * dossier de telechargements.
  */
 export declare function rmExportFileName(...parts: (string | undefined | null)[]): string;
+/**
+ * Etiquette de perimetre d'un graphe (element, mesure, periode, lieu), posee
+ * sous son titre a l'ecran par RmTagRow. Les exports la redessinent en
+ * pastille de la meme couleur : ecrite en texte a la suite du titre, elle
+ * donnait un intitule de deux lignes ou plus rien ne se distinguait.
+ */
+export interface RmExportTag {
+    label: string;
+    /** Variante de RmTag ; `gray` a defaut. */
+    variant?: string;
+}
+export declare function rmExportTagColor(variant?: string): {
+    fill: [number, number, number];
+    text: string;
+};

package/dist/runtime/utils/export.js

@@ -101,3 +101,25 @@ export function rmExportFileName(...parts) {
   const today = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
   return `${slug || "export"}-${today}`;
 }
+const RM_EXPORT_TAG_COLORS = {
+  gray: { fill: [244, 244, 247], text: "#1A1A2E" },
+  rose: { fill: [254, 236, 239], text: "#9f1239" },
+  pink: { fill: [253, 237, 245], text: "#9d174d" },
+  fushia: { fill: [251, 236, 253], text: "#86198f" },
+  purple: { fill: [246, 238, 254], text: "#6b21a8" },
+  violet: { fill: [243, 239, 254], text: "#5b21b6" },
+  indigo: { fill: [239, 240, 254], text: "#3730a3" },
+  blue: { fill: [235, 242, 254], text: "#1e40af" },
+  sky: { fill: [231, 246, 253], text: "#075985" },
+  cyan: { fill: [230, 248, 251], text: "#155e75" },
+  teal: { fill: [232, 248, 246], text: "#115e59" },
+  emerald: { fill: [231, 248, 242], text: "#065f46" },
+  green: { fill: [233, 249, 239], text: "#166534" },
+  lime: { fill: [243, 250, 232], text: "#3f6212" },
+  yellow: { fill: [253, 247, 230], text: "#854d0e" },
+  amber: { fill: [254, 245, 231], text: "#92400e" },
+  orange: { fill: [254, 241, 232], text: "#9a3412" }
+};
+export function rmExportTagColor(variant) {
+  return RM_EXPORT_TAG_COLORS[variant ?? "gray"] ?? RM_EXPORT_TAG_COLORS.gray;
+}

package/package.json

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