@24vlh/vds 0.3.4 → 0.3.6

package/dist/components/tables.min.css

@@ -1 +1 @@
-.vds-table,[data-vds-table]{--table-currency-tint:color-mix(in srgb,currentColor 50%,transparent 30%)}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table-panel{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-4)}.table-panel__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.table-panel__title{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.table-panel__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.table-panel__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.table{--table-cell-pad-y:var(--space-3);--table-cell-pad-x:var(--space-4);--table-cell-font-size:var(--text-sm);background-color:var(--color-surface);border-collapse:collapse;border-spacing:0;color:var(--color-text);width:100%}.table--fixed{table-layout:fixed}.table td,.table th{border-bottom:var(--border-width) solid var(--color-border-subtle);font-size:var(--table-cell-font-size);padding:var(--table-cell-pad-y) var(--table-cell-pad-x);text-align:left;vertical-align:middle}.table th{background-color:var(--color-surface-subtle);border-bottom:var(--border-width-strong) solid var(--color-border-strong);color:var(--color-text);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.table-cell--right{text-align:right}.table-cell--center{text-align:center}.table-cell--muted{color:var(--color-text-muted)}.table-cell--strong{font-weight:600}.table-cell--nowrap{white-space:nowrap}.table-cell--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table caption{caption-side:top;color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2);text-align:left}.table--a{--table-cell-pad-y:var(--space-4);--table-cell-pad-x:var(--space-5);--table-cell-font-size:var(--text-md)}.table--b{--table-cell-pad-y:var(--space-3);--table-cell-pad-x:var(--space-4);--table-cell-font-size:var(--text-sm)}.table--c{--table-cell-pad-y:var(--space-2);--table-cell-pad-x:var(--space-3);--table-cell-font-size:var(--text-xs)}.table--compact{--table-cell-pad-y:var(--space-1)}.table--bordered td,.table--bordered th{border:var(--border-width) solid var(--color-border-subtle)}.table--no-borders td,.table--no-borders th{border:none}.table--striped tbody tr:nth-child(odd){background-color:var(--color-surface-subtle)}.table--hover tbody tr:hover{background-color:var(--color-surface-soft)}.table--minimal td,.table--minimal th{background-color:transparent;border-bottom-color:var(--color-border-subtle)}.table--clear td,.table--clear th{background-color:transparent;border:none}.table--inset{border-radius:var(--radius-md);overflow:hidden}.table--truncate-cells td,.table--truncate-cells th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table--nowrap td,.table--nowrap th{white-space:nowrap}.table--sticky-header thead th{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:0 1px 0 var(--color-border-subtle);position:sticky;top:0;z-index:var(--z-sticky)}.table--sticky-col td:first-child,.table--sticky-col th:first-child{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:1px 0 0 var(--color-border-subtle);left:0;position:sticky;z-index:var(--z-sticky-col)}.table--sticky-col-end td:last-child,.table--sticky-col-end th:last-child{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:-1px 0 0 var(--color-border-subtle);position:sticky;right:0;z-index:var(--z-sticky-col)}.table tbody tr.table-row--selected{background-color:var(--color-accent-soft)}.table tbody tr.table-row--success{background-color:var(--table-row-good-bg,var(--color-success-soft))}.table tbody tr.table-row--danger{background-color:var(--table-row-bad-bg,var(--color-danger-soft))}.table tbody tr.table-row--warning{background-color:var(--table-row-warning-bg,var(--color-warning-soft))}.table tbody tr.table-row--info{background-color:var(--table-row-info-bg,var(--color-info-soft))}.table tbody tr.table-row--muted{background-color:var(--table-row-muted-bg,var(--color-muted-bg));color:var(--color-text-muted)}.table tr.table-row--summary{background-color:var(--color-surface-subtle);font-weight:600}.table--selectable tbody tr{cursor:pointer}.table-actions{align-items:center;display:flex;gap:var(--space-2)}.table-actions .icon{color:var(--color-icon-muted);cursor:pointer;flex-shrink:0;height:var(--icon-sm);width:var(--icon-sm)}.table-actions .icon:hover{color:var(--color-icon-strong)}.table-row--expandable{cursor:pointer}.table-row--details{display:none}.table-row--details[data-expanded=true],.table-row--expanded+.table-row--details{display:table-row}.table-row--details td{background-color:var(--color-surface-subtle);padding:var(--space-4)}.table-group-header th{background-color:var(--color-surface-soft);border-top:var(--border-width-strong) solid var(--color-border-strong);font-weight:600;padding-bottom:var(--space-2);padding-top:var(--space-3)}.metric-table{border-collapse:collapse;width:100%}.metric-table tr:not(:last-child) td{border-bottom:var(--border-width) solid var(--color-border-subtle)}.metric-table__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;padding:var(--space-2) 0}.metric-table__value{font-feature-settings:"tnum";font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600;padding:var(--space-2) 0;text-align:right}.table-empty{color:var(--color-text-muted);padding:var(--space-6) 0;text-align:center}.table-empty__content{align-items:center;display:flex;flex-direction:column;text-align:center}.table-empty__icon{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.table-loading td{color:transparent;overflow:hidden;position:relative}.table-loading td:after{animation:table-loading 1.6s infinite;background:linear-gradient(90deg,transparent,var(--color-muted-bg),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-150%)}@keyframes table-loading{0%{transform:translateX(-150%)}to{transform:translateX(150%)}}@media (max-width:640px){.table--collapse thead{display:none}.table--collapse tbody tr{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:block;margin-bottom:var(--space-4);overflow:hidden}.table--collapse tbody td{border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-3)}.table--collapse tbody td:last-child{border-bottom:none}.table--collapse tbody td:before{color:var(--color-text-muted);content:attr(data-label);font-size:var(--text-xs);font-weight:600;margin-right:var(--space-2)}}.table--hf{font-size:var(--text-xs)}.table--hf td,.table--hf th{border:var(--border-width) solid var(--color-border-subtle);padding:var(--space-1) var(--space-2)}.table--hf thead th{background-color:var(--color-surface-subtle);border-bottom:var(--border-width-strong) solid var(--color-border-strong);position:sticky;top:0;z-index:var(--z-sticky)}.t-num,.t-pct,.table--hf td[data-type=num]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.t-cur,.t-num,.t-pct{white-space:nowrap}.t-cur{font-feature-settings:"tnum";align-items:baseline;display:flex;font-variant-numeric:tabular-nums;justify-content:space-between}.cur-eur:before{content:"€"}.cur-usd:before{content:"$"}.cur-gbp:before{content:"£"}.cur-ron:before{content:"RON"}.cur-chf:before{content:"CHF"}.cur-jpy:before{content:"¥"}.cur-chf:before,.cur-eur:before,.cur-gbp:before,.cur-jpy:before,.cur-ron:before,.cur-usd:before{color:var(--table-currency-tint);font-size:var(--text-xxxs);font-weight:600;margin-right:var(--space-1)}.t-pct{color:inherit}.table tfoot td{background-color:var(--color-surface-subtle);border-top:var(--border-width-strong) solid var(--color-border-strong);font-weight:600}.table--sticky-footer tfoot td{background-color:var(--color-bg-elevated,var(--color-surface));bottom:0;position:sticky;z-index:var(--z-sticky)}.t-trend{font-feature-settings:"tnum";align-items:center;display:flex;font-variant-numeric:tabular-nums;justify-content:space-between;text-align:right;white-space:nowrap;width:100%}.t-down,.t-flat,.t-up{align-items:center;display:inline-flex}.t-up{color:var(--table-trend-up,var(--color-success-strong))}.t-down{color:var(--table-trend-down,var(--color-danger-strong))}.t-flat{color:var(--table-trend-flat,var(--color-text-muted))}.t-down:before,.t-flat:before,.t-up:before{background-color:currentColor;content:"";height:var(--icon-xs);margin-right:var(--space-1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:var(--icon-xs)}.t-up:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M9 15H7V8H5l3-7 3 7H9Z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M9 15H7V8H5l3-7 3 7H9Z"/></svg>')}.t-down:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M7 1h2v7h2l-3 7-3-7h2Z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path d="M7 1h2v7h2l-3 7-3-7h2Z"/></svg>')}.t-flat:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg stroke="currentColor" fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" d="M3 8h10"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg stroke="currentColor" fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke-width="2" d="M3 8h10"/></svg>')}.table tbody tr.table-fin--good{background-color:var(--table-row-good-bg,var(--color-success-soft))}.table tbody tr.table-fin--bad{background-color:var(--table-row-bad-bg,var(--color-danger-soft))}.table tbody tr.table-fin--warning{background-color:var(--table-row-warning-bg,var(--color-warning-soft))}.table tbody tr.table-fin--info{background-color:var(--table-row-info-bg,var(--color-info-soft))}.table tbody tr.table-fin--muted{background-color:var(--table-row-muted-bg,var(--color-muted-bg));color:var(--color-text-muted)}.table tbody tr.table-fin--flagged{background-color:var(--table-row-flagged-bg,var(--color-danger-soft));border-left:var(--border-width-strong) solid var(--color-danger)}.table tbody tr.table-fin--curious{background-color:var(--table-row-curious-bg,var(--color-surface-subtle));border-left:var(--border-width-strong) solid var(--color-accent)}
+.vds-table,[data-vds-table]{--table-currency-tint:color-mix(in srgb,currentColor 50%,transparent 30%)}.table-wrapper{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table-panel{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-4)}.table-panel__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.table-panel__title{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.table-panel__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.table-panel__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.table{background-color:var(--color-surface);border-collapse:collapse;border-spacing:0;color:var(--color-text);width:100%;--table-cell-pad-y:var(--space-3);--table-cell-pad-x:var(--space-4);--table-cell-font-size:var(--text-sm)}.table--fixed{table-layout:fixed}.table td,.table th{border-bottom:var(--border-width) solid var(--color-border-subtle);font-size:var(--table-cell-font-size);padding:var(--table-cell-pad-y) var(--table-cell-pad-x);text-align:left;vertical-align:middle}.table th{background-color:var(--color-surface-subtle);border-bottom:var(--border-width-strong) solid var(--color-border-strong);color:var(--color-text);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.table-cell--right{text-align:right}.table-cell--center{text-align:center}.table-cell--muted{color:var(--color-text-muted)}.table-cell--strong{font-weight:600}.table-cell--nowrap{white-space:nowrap}.table-cell--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table caption{caption-side:top;color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2);text-align:left}.table--a{--table-cell-pad-y:var(--space-4);--table-cell-pad-x:var(--space-5);--table-cell-font-size:var(--text-md)}.table--b{--table-cell-pad-y:var(--space-3);--table-cell-pad-x:var(--space-4);--table-cell-font-size:var(--text-sm)}.table--c{--table-cell-pad-y:var(--space-2);--table-cell-pad-x:var(--space-3);--table-cell-font-size:var(--text-xs)}.table--compact{--table-cell-pad-y:var(--space-1)}.table--bordered td,.table--bordered th{border:var(--border-width) solid var(--color-border-subtle)}.table--no-borders td,.table--no-borders th{border:none}.table--striped tbody tr:nth-child(odd){background-color:var(--color-surface-subtle)}.table--hover tbody tr:hover{background-color:var(--color-surface-soft)}.table--minimal td,.table--minimal th{background-color:transparent;border-bottom-color:var(--color-border-subtle)}.table--clear td,.table--clear th{background-color:transparent;border:none}.table--inset{border-radius:var(--radius-md);overflow:hidden}.table--truncate-cells td,.table--truncate-cells th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table--nowrap td,.table--nowrap th{white-space:nowrap}.table--sticky-header thead th{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:0 1px 0 var(--color-border-subtle);position:sticky;top:0;z-index:var(--z-sticky)}.table--sticky-col td:first-child,.table--sticky-col th:first-child{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:1px 0 0 var(--color-border-subtle);left:0;position:sticky;z-index:var(--z-sticky-col)}.table--sticky-col-end td:last-child,.table--sticky-col-end th:last-child{background-color:var(--color-bg-elevated,var(--color-surface));box-shadow:-1px 0 0 var(--color-border-subtle);position:sticky;right:0;z-index:var(--z-sticky-col)}.table tbody tr.table-row--selected{background-color:var(--color-accent-soft)}.table tbody tr.table-row--success{background-color:var(--table-row-good-bg,var(--color-success-soft))}.table tbody tr.table-row--danger{background-color:var(--table-row-bad-bg,var(--color-danger-soft))}.table tbody tr.table-row--warning{background-color:var(--table-row-warning-bg,var(--color-warning-soft))}.table tbody tr.table-row--info{background-color:var(--table-row-info-bg,var(--color-info-soft))}.table tbody tr.table-row--muted{background-color:var(--table-row-muted-bg,var(--color-muted-bg));color:var(--color-text-muted)}.table tr.table-row--summary{background-color:var(--color-surface-subtle);font-weight:600}.table--selectable tbody tr{cursor:pointer}.table-actions{align-items:center;display:flex;gap:var(--space-2)}.table-actions .icon{color:var(--color-icon-muted);cursor:pointer;flex-shrink:0;height:var(--icon-sm);width:var(--icon-sm)}.table-actions .icon:hover{color:var(--color-icon-strong)}.table-row--expandable{cursor:pointer}.table-row--details{display:none}.table-row--details[data-expanded=true],.table-row--expanded+.table-row--details{display:table-row}.table-row--details td{background-color:var(--color-surface-subtle);padding:var(--space-4)}.table-group-header th{background-color:var(--color-surface-soft);border-top:var(--border-width-strong) solid var(--color-border-strong);font-weight:600;padding-bottom:var(--space-2);padding-top:var(--space-3)}.metric-table{border-collapse:collapse;width:100%}.metric-table tr:not(:last-child) td{border-bottom:var(--border-width) solid var(--color-border-subtle)}.metric-table__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;padding:var(--space-2) 0}.metric-table__value{font-feature-settings:"tnum";font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600;padding:var(--space-2) 0;text-align:right}.table-empty{color:var(--color-text-muted);padding:var(--space-6) 0;text-align:center}.table-empty__content{align-items:center;display:flex;flex-direction:column;text-align:center}.table-empty__icon{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.table-loading td{color:transparent;overflow:hidden;position:relative}.table-loading td:after{animation:table-loading 1.6s infinite;background:linear-gradient(90deg,transparent,var(--color-muted-bg),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-150%)}@keyframes table-loading{0%{transform:translateX(-150%)}to{transform:translateX(150%)}}@media (max-width:640px){.table--collapse thead{display:none}.table--collapse tbody tr{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);display:block;margin-bottom:var(--space-4);overflow:hidden}.table--collapse tbody td{border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--space-3)}.table--collapse tbody td:last-child{border-bottom:none}.table--collapse tbody td:before{color:var(--color-text-muted);content:attr(data-label);font-size:var(--text-xs);font-weight:600;margin-right:var(--space-2)}}.table--hf{font-size:var(--text-xs)}.table--hf td,.table--hf th{border:var(--border-width) solid var(--color-border-subtle);padding:var(--space-1) var(--space-2)}.table--hf thead th{background-color:var(--color-surface-subtle);border-bottom:var(--border-width-strong) solid var(--color-border-strong);position:sticky;top:0;z-index:var(--z-sticky)}.t-num,.t-pct,.table--hf td[data-type=num]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.t-cur,.t-num,.t-pct{white-space:nowrap}.t-cur{align-items:baseline;display:flex;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;justify-content:space-between}.cur-eur:before{content:"€"}.cur-usd:before{content:"$"}.cur-gbp:before{content:"£"}.cur-ron:before{content:"RON"}.cur-chf:before{content:"CHF"}.cur-jpy:before{content:"¥"}.cur-chf:before,.cur-eur:before,.cur-gbp:before,.cur-jpy:before,.cur-ron:before,.cur-usd:before{color:var(--table-currency-tint);font-size:var(--text-xxxs);font-weight:600;margin-right:var(--space-1)}.t-pct{color:inherit}.table tfoot td{background-color:var(--color-surface-subtle);border-top:var(--border-width-strong) solid var(--color-border-strong);font-weight:600}.table--sticky-footer tfoot td{background-color:var(--color-bg-elevated,var(--color-surface));bottom:0;position:sticky;z-index:var(--z-sticky)}.t-trend{align-items:center;display:flex;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;justify-content:space-between;text-align:right;white-space:nowrap;width:100%}.t-down,.t-flat,.t-up{align-items:center;display:inline-flex}.t-up{color:var(--table-trend-up,var(--color-success-strong))}.t-down{color:var(--table-trend-down,var(--color-danger-strong))}.t-flat{color:var(--table-trend-flat,var(--color-text-muted))}.t-down:before,.t-flat:before,.t-up:before{background-color:currentColor;content:"";height:var(--icon-xs);margin-right:var(--space-1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:var(--icon-xs)}.t-up:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M9 15H7V8H5l3-7 3 7H9Z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M9 15H7V8H5l3-7 3 7H9Z"/></svg>')}.t-down:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M7 1h2v7h2l-3 7-3-7h2Z"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M7 1h2v7h2l-3 7-3-7h2Z"/></svg>')}.t-flat:before{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 16 16"><path stroke-width="2" d="M3 8h10"/></svg>');mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 16 16"><path stroke-width="2" d="M3 8h10"/></svg>')}.table tbody tr.table-fin--good{background-color:var(--table-row-good-bg,var(--color-success-soft))}.table tbody tr.table-fin--bad{background-color:var(--table-row-bad-bg,var(--color-danger-soft))}.table tbody tr.table-fin--warning{background-color:var(--table-row-warning-bg,var(--color-warning-soft))}.table tbody tr.table-fin--info{background-color:var(--table-row-info-bg,var(--color-info-soft))}.table tbody tr.table-fin--muted{background-color:var(--table-row-muted-bg,var(--color-muted-bg));color:var(--color-text-muted)}.table tbody tr.table-fin--flagged{background-color:var(--table-row-flagged-bg,var(--color-danger-soft));border-left:var(--border-width-strong) solid var(--color-danger)}.table tbody tr.table-fin--curious{background-color:var(--table-row-curious-bg,var(--color-surface-subtle));border-left:var(--border-width-strong) solid var(--color-accent)}

package/dist/components/tabs.css

@@ -22,7 +22,6 @@
 /* ---------------------------------------------------------
    1. TABS TOKEN DEFINITIONS
 --------------------------------------------------------- */
-
 [data-vds-tabs],
 .vds-tabs {
     --tabs-component-disabled-opacity: 0.48;
@@ -45,7 +44,6 @@
 /* ---------------------------------------------------------
    2. TABS CONTAINER
 --------------------------------------------------------- */
-
 .tabs {
     display: flex;
     flex-direction: column;
@@ -64,7 +62,6 @@
 /* ---------------------------------------------------------
    3. TAB LIST (HORIZONTAL UNDERLINE BASELINE)
 --------------------------------------------------------- */
-
 .tab-list {
     position: relative;
     display: inline-flex;
@@ -100,7 +97,6 @@
    4. TAB (BASE)
    Pattern: <button class="tab">Label</button>
 --------------------------------------------------------- */
-
 .tab {
     position: relative;
     display: inline-flex;
@@ -179,7 +175,6 @@
 /* ---------------------------------------------------------
    5. ACTIVE STATE - UNDERLINE INDICATOR
 --------------------------------------------------------- */
-
 .tab--active {
     color: var(--color-text);
     font-weight: var(--font-weight-semibold);
@@ -197,7 +192,6 @@
 /* ---------------------------------------------------------
    6A. TAB VARIANTS (PILL + SEGMENTED)
 --------------------------------------------------------- */
-
 .tabs--pills .tab-list {
     border: none;
     gap: var(--space-2);
@@ -275,7 +269,6 @@
 /* ---------------------------------------------------------
    7. DENSITY VARIANTS (A / default / C)
 --------------------------------------------------------- */
-
 .tabs--a .tab {
     padding-left: var(--space-4);
     padding-right: var(--space-4);
@@ -300,7 +293,6 @@
      <div class="tab-panel">...</div>
    </div>
 --------------------------------------------------------- */
-
 .tabs--vertical {
     flex-direction: row;
     align-items: flex-start;
@@ -351,7 +343,6 @@
 /* ---------------------------------------------------------
    9. TAB PANELS
 --------------------------------------------------------- */
-
 .tab-panel {
     width: 100%;
     padding-top: var(--space-2);
@@ -379,7 +370,6 @@
 /* ---------------------------------------------------------
    10. RESPONSIVE BEHAVIOUR
 --------------------------------------------------------- */
-
 @media (max-width: 768px) {
     .tab-list {
         overflow-x: auto;

package/dist/components/tabs.min.css

@@ -1 +1 @@
-.vds-tabs,[data-vds-tabs]{--tabs-component-disabled-opacity:0.48;--tabs-pill-radius:var(--radius-pill);--tabs-pill-bg:var(--color-surface);--tabs-pill-border:var(--color-border-subtle);--tabs-pill-text:var(--color-text-muted);--tabs-pill-hover-bg:var(--color-surface-subtle);--tabs-pill-active-bg:var(--color-accent-soft);--tabs-pill-active-border:var(--color-accent);--tabs-pill-active-text:var(--color-text);--tabs-segmented-bg:var(--color-surface-subtle);--tabs-segmented-border:var(--color-border-subtle);--tabs-segmented-text:var(--color-text-muted);--tabs-segmented-active-bg:var(--color-surface);--tabs-segmented-active-text:var(--color-text);--tabs-segmented-shadow:var(--shadow-1)}.tabs{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.tabs--center{align-items:center}.tabs--right{align-items:flex-end}.tab-list{border-bottom:var(--border-width) solid var(--color-border-subtle);display:inline-flex;flex-wrap:nowrap;gap:0;position:relative;width:100%}.tab-list--scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin}.tab-list--scroll::-webkit-scrollbar{height:6px}.tabs--inline .tab-list{width:auto}.tabs--stretch .tab-list{width:100%}.tabs--stretch .tab{flex:1 1 0}.tab{background:none;border:none;border-radius:0;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-normal);line-height:1.2;padding:var(--space-2) var(--space-3);position:relative;transition:color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal);white-space:nowrap}.tab,.tab__icon{align-items:center;display:inline-flex;justify-content:center}.tab__icon{height:var(--icon-sm);margin-right:var(--space-2);width:var(--icon-sm)}.tab__badge{background-color:var(--color-muted-bg);border-radius:var(--radius-full);color:var(--color-text-soft);font-size:var(--text-xxs);margin-left:var(--space-2);padding:0 var(--space-2)}.tab--icon-only{min-height:var(--space-8);min-width:var(--space-8);padding:var(--space-2)}.tab--icon-only .tab__icon{margin-right:0}.tab:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.tab:focus-visible{box-shadow:0 var(--tab-indicator-height) 0 0 var(--focus-ring-color);color:var(--color-text);outline:none}.tab--disabled,.tab[disabled]{background:none;box-shadow:none;cursor:not-allowed;opacity:var(--tabs-component-disabled-opacity)}.tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent);color:var(--color-text);font-weight:var(--font-weight-semibold)}.tabs--on-muted .tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent-strong)}.tab--active:hover{background-color:transparent}.tabs--pills .tab-list{border:none;gap:var(--space-2)}.tabs--pills .tab{background-color:var(--tabs-pill-bg);border:var(--border-width) solid var(--tabs-pill-border);border-radius:var(--tabs-pill-radius);box-shadow:none;color:var(--tabs-pill-text)}.tabs--pills .tab:hover{background-color:var(--tabs-pill-hover-bg);color:var(--color-text)}.tabs--pills .tab:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color)}.tabs--pills .tab--active{border-color:var(--tabs-pill-active-border);box-shadow:none;color:var(--tabs-pill-active-text)}.tabs--pills .tab--active,.tabs--pills .tab--active:hover{background-color:var(--tabs-pill-active-bg)}.tabs--segmented .tab-list{background-color:var(--tabs-segmented-bg);border:var(--border-width) solid var(--tabs-segmented-border);border-radius:var(--radius-pill);gap:var(--space-1);padding:var(--space-1);width:auto}.tabs--segmented.tabs--stretch .tab-list{width:100%}.tabs--segmented .tab{background-color:transparent;border-radius:var(--radius-pill);box-shadow:none;color:var(--tabs-segmented-text)}.tabs--segmented .tab:hover{background-color:var(--color-surface);color:var(--color-text)}.tabs--segmented .tab:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color)}.tabs--segmented .tab--active{box-shadow:var(--tabs-segmented-shadow);color:var(--tabs-segmented-active-text)}.tabs--segmented .tab--active,.tabs--segmented .tab--active:hover{background-color:var(--tabs-segmented-active-bg)}.tabs--a .tab{font-size:var(--text-md);padding:var(--space-3) var(--space-4)}.tabs--c .tab{font-size:var(--text-xs);padding:var(--space-1_5) var(--space-2)}.tabs--vertical{align-items:flex-start;flex-direction:row;gap:var(--space-6)}.tabs--vertical .tab-list{align-items:stretch;border-bottom:none;border-right:var(--border-width) solid var(--color-border-subtle);flex-direction:column;min-width:var(--sidebar-width-md);width:auto}.tabs--vertical .tab{justify-content:flex-start;padding:var(--space-2) var(--space-3);text-align:left;width:100%}.tabs--vertical .tab--active{box-shadow:var(--tab-indicator-height) 0 0 0 var(--color-accent)}.tabs--vertical .tab:focus-visible{box-shadow:var(--tab-indicator-height) 0 0 0 var(--focus-ring-color)}.tabs--vertical.tabs--c .tab{padding:var(--space-1_5) var(--space-2)}.tabs--vertical.tabs--a .tab{padding:var(--space-3) var(--space-4)}.tab-panel{padding-top:var(--space-2);width:100%}.tab-panel.is-hidden,.tab-panel[hidden]{display:none}.tab-panel--padded{padding-top:var(--space-4)}.tabs--vertical .tab-panel,.tabs--vertical .tab-panels{flex:1 1 0}.tab-panels{padding-top:var(--space-2);width:100%}@media (max-width:768px){.tab-list{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:thin}.tab-list::-webkit-scrollbar{height:6px}.tabs--vertical{flex-direction:column;gap:var(--space-3)}.tabs--vertical .tab-list{border-bottom:var(--border-width) solid var(--color-border-subtle);border-right:none;flex-direction:row;min-width:0;width:100%}.tabs--vertical .tab{justify-content:center;text-align:center}.tabs--vertical .tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent)}.tabs--vertical .tab:focus-visible{box-shadow:0 var(--tab-indicator-height) 0 0 var(--focus-ring-color)}}
+.vds-tabs,[data-vds-tabs]{--tabs-component-disabled-opacity:0.48;--tabs-pill-radius:var(--radius-pill);--tabs-pill-bg:var(--color-surface);--tabs-pill-border:var(--color-border-subtle);--tabs-pill-text:var(--color-text-muted);--tabs-pill-hover-bg:var(--color-surface-subtle);--tabs-pill-active-bg:var(--color-accent-soft);--tabs-pill-active-border:var(--color-accent);--tabs-pill-active-text:var(--color-text);--tabs-segmented-bg:var(--color-surface-subtle);--tabs-segmented-border:var(--color-border-subtle);--tabs-segmented-text:var(--color-text-muted);--tabs-segmented-active-bg:var(--color-surface);--tabs-segmented-active-text:var(--color-text);--tabs-segmented-shadow:var(--shadow-1)}.tabs{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.tabs--center{align-items:center}.tabs--right{align-items:flex-end}.tab-list{border-bottom:var(--border-width) solid var(--color-border-subtle);display:inline-flex;flex-wrap:nowrap;gap:0;position:relative;width:100%}.tab-list--scroll{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.tab-list--scroll::-webkit-scrollbar{height:6px}.tabs--inline .tab-list{width:auto}.tabs--stretch .tab-list{width:100%}.tabs--stretch .tab{flex:1 1 0}.tab{background:none;border:none;border-radius:0;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-normal);line-height:1.2;padding:var(--space-2) var(--space-3);position:relative;transition:color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal);white-space:nowrap}.tab,.tab__icon{align-items:center;display:inline-flex;justify-content:center}.tab__icon{height:var(--icon-sm);margin-right:var(--space-2);width:var(--icon-sm)}.tab__badge{background-color:var(--color-muted-bg);border-radius:var(--radius-full);color:var(--color-text-soft);font-size:var(--text-xxs);margin-left:var(--space-2);padding:0 var(--space-2)}.tab--icon-only{min-height:var(--space-8);min-width:var(--space-8);padding:var(--space-2)}.tab--icon-only .tab__icon{margin-right:0}.tab:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.tab:focus-visible{box-shadow:0 var(--tab-indicator-height) 0 0 var(--focus-ring-color);color:var(--color-text);outline:none}.tab--disabled,.tab[disabled]{background:none;box-shadow:none;cursor:not-allowed;opacity:var(--tabs-component-disabled-opacity)}.tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent);color:var(--color-text);font-weight:var(--font-weight-semibold)}.tabs--on-muted .tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent-strong)}.tab--active:hover{background-color:transparent}.tabs--pills .tab-list{border:none;gap:var(--space-2)}.tabs--pills .tab{background-color:var(--tabs-pill-bg);border:var(--border-width) solid var(--tabs-pill-border);border-radius:var(--tabs-pill-radius);box-shadow:none;color:var(--tabs-pill-text)}.tabs--pills .tab:hover{background-color:var(--tabs-pill-hover-bg);color:var(--color-text)}.tabs--pills .tab:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color)}.tabs--pills .tab--active{border-color:var(--tabs-pill-active-border);box-shadow:none;color:var(--tabs-pill-active-text)}.tabs--pills .tab--active,.tabs--pills .tab--active:hover{background-color:var(--tabs-pill-active-bg)}.tabs--segmented .tab-list{background-color:var(--tabs-segmented-bg);border:var(--border-width) solid var(--tabs-segmented-border);border-radius:var(--radius-pill);gap:var(--space-1);padding:var(--space-1);width:auto}.tabs--segmented.tabs--stretch .tab-list{width:100%}.tabs--segmented .tab{background-color:transparent;border-radius:var(--radius-pill);box-shadow:none;color:var(--tabs-segmented-text)}.tabs--segmented .tab:hover{background-color:var(--color-surface);color:var(--color-text)}.tabs--segmented .tab:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color)}.tabs--segmented .tab--active{box-shadow:var(--tabs-segmented-shadow);color:var(--tabs-segmented-active-text)}.tabs--segmented .tab--active,.tabs--segmented .tab--active:hover{background-color:var(--tabs-segmented-active-bg)}.tabs--a .tab{font-size:var(--text-md);padding:var(--space-3) var(--space-4)}.tabs--c .tab{font-size:var(--text-xs);padding:var(--space-1_5) var(--space-2)}.tabs--vertical{align-items:flex-start;flex-direction:row;gap:var(--space-6)}.tabs--vertical .tab-list{align-items:stretch;border-bottom:none;border-right:var(--border-width) solid var(--color-border-subtle);flex-direction:column;min-width:var(--sidebar-width-md);width:auto}.tabs--vertical .tab{justify-content:flex-start;padding:var(--space-2) var(--space-3);text-align:left;width:100%}.tabs--vertical .tab--active{box-shadow:var(--tab-indicator-height) 0 0 0 var(--color-accent)}.tabs--vertical .tab:focus-visible{box-shadow:var(--tab-indicator-height) 0 0 0 var(--focus-ring-color)}.tabs--vertical.tabs--c .tab{padding:var(--space-1_5) var(--space-2)}.tabs--vertical.tabs--a .tab{padding:var(--space-3) var(--space-4)}.tab-panel{padding-top:var(--space-2);width:100%}.tab-panel.is-hidden,.tab-panel[hidden]{display:none}.tab-panel--padded{padding-top:var(--space-4)}.tabs--vertical .tab-panel,.tabs--vertical .tab-panels{flex:1 1 0}.tab-panels{padding-top:var(--space-2);width:100%}@media (max-width:768px){.tab-list{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.tab-list::-webkit-scrollbar{height:6px}.tabs--vertical{flex-direction:column;gap:var(--space-3)}.tabs--vertical .tab-list{border-bottom:var(--border-width) solid var(--color-border-subtle);border-right:none;flex-direction:row;min-width:0;width:100%}.tabs--vertical .tab{justify-content:center;text-align:center}.tabs--vertical .tab--active{box-shadow:0 var(--tab-indicator-height) 0 0 var(--color-accent)}.tabs--vertical .tab:focus-visible{box-shadow:0 var(--tab-indicator-height) 0 0 var(--focus-ring-color)}}

package/dist/components/toasts.css

@@ -18,7 +18,6 @@
 /* ---------------------------------------------------------
    1. TOAST TOKEN DEFINITIONS (component-level)
 --------------------------------------------------------- */
-
 [data-vds-toast],
 .vds-toast {
     --toast-duration: 5000ms;
@@ -38,7 +37,6 @@
        <div class="toast toast--success">...</div>
      </div>
 --------------------------------------------------------- */
-
 .toast-stack {
     position: fixed;
     z-index: var(--z-toast);
@@ -131,7 +129,6 @@
        <div class="toast__progress"></div>
      </div>
 --------------------------------------------------------- */
-
 .toast {
     --toast-bg: var(--color-surface);
     --toast-border: var(--color-border-subtle);
@@ -278,7 +275,6 @@
 }
 
 /* Optional layout helpers */
-
 .toast--no-progress {
     grid-template-rows: auto;
     grid-template-areas: "icon body close";
@@ -363,7 +359,6 @@
    Usage:
      <div class="toast toast--inline toast--warning">...</div>
 --------------------------------------------------------- */
-
 .toast--inline {
     position: static;
     box-shadow: none;
@@ -382,7 +377,6 @@
 /* ---------------------------------------------------------
    5. SEMANTIC VARIANTS
 --------------------------------------------------------- */
-
 .toast--neutral {
     --toast-bg: var(--color-muted-bg);
     --toast-border: var(--color-muted-border);
@@ -436,7 +430,6 @@
 /* ---------------------------------------------------------
    6. ANIMATION STATES (ENTER / EXIT)
 --------------------------------------------------------- */
-
 .toast--exiting {
     animation: toast-slide-out var(--transition-fast) var(--ease-in) forwards;
 }
@@ -475,7 +468,6 @@
 /* ---------------------------------------------------------
    7. REDUCED MOTION FALLBACKS
 --------------------------------------------------------- */
-
 @media (prefers-reduced-motion: reduce) {
     .toast {
         animation: none;

package/dist/components/toasts.min.css

@@ -1 +1 @@
-.vds-toast,[data-vds-toast]{--toast-duration:5000ms;--toast-stack-width:20rem;--toast-stack-gap:var(--space-2);--toast-feedback-padding-md:var(--space-4);--toast-padding:var(--toast-feedback-padding-md);--toast-padding-compact:var(--space-3);--toast-progress-track:color-mix(in srgb,currentColor 20%,transparent);--toast-progress-fill:currentColor}.toast-stack{align-items:stretch;display:flex;flex-direction:column;gap:var(--toast-stack-gap);max-width:100%;pointer-events:none;position:fixed;width:var(--toast-stack-width);z-index:var(--z-toast)}.toast-stack .toast{width:100%}.toast-stack--top-right{align-items:flex-end;right:var(--space-4);top:var(--space-4)}.toast-stack--top-left{align-items:flex-start;left:var(--space-4);top:var(--space-4)}.toast-stack--bottom-right{align-items:flex-end;bottom:var(--space-4);right:var(--space-4)}.toast-stack--bottom-left{align-items:flex-start;bottom:var(--space-4);left:var(--space-4)}.toast-stack--top-center{top:var(--space-4)}.toast-stack--bottom-center,.toast-stack--top-center{align-items:center;left:50%;transform:translateX(-50%)}.toast-stack--bottom-center{bottom:var(--space-4)}@media (max-width:640px){.toast-stack{left:var(--space-2);max-width:none;right:var(--space-2)}.toast-stack--top-center,.toast-stack--top-left,.toast-stack--top-right{align-items:stretch;bottom:var(--space-2);top:auto;transform:none}.toast-stack--bottom-center,.toast-stack--bottom-left,.toast-stack--bottom-right{align-items:stretch;bottom:var(--space-2);transform:none}}.toast{--toast-bg:var(--color-surface);--toast-border:var(--color-border-subtle);--toast-accent:var(--toast-border);--toast-text:var(--color-text);grid-column-gap:var(--space-3);grid-row-gap:var(--space-1);background-color:var(--toast-bg);border:var(--border-width) solid var(--toast-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--toast-text);-moz-column-gap:var(--space-3);column-gap:var(--space-3);display:grid;font-size:var(--text-sm);grid-template-areas:"icon body close" "progress progress progress";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;line-height:var(--line-height-normal);opacity:0;padding:var(--toast-padding);pointer-events:auto;position:relative;row-gap:var(--space-1);transform:translateY(8px)}.toast__icon{align-items:center;display:flex;flex-shrink:0;grid-area:icon;height:var(--icon-sm);justify-content:center;margin-top:0;width:var(--icon-sm)}.toast__body{display:flex;flex-direction:column;gap:var(--space-1);grid-area:body;min-width:0}.toast__title{font-weight:var(--font-weight-semibold)}.toast__message{color:var(--color-text-muted);font-size:var(--text-xs)}.toast__close{align-items:center;align-self:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--color-text-soft);cursor:pointer;display:inline-flex;grid-area:close;justify-content:center;justify-self:end;line-height:0;padding:var(--space-1)}.toast__close:hover{color:var(--color-text)}.toast__close:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.toast--in{animation:toast-slide-in .18s ease-out forwards;animation:toast-slide-in .18s var(--ease-out,ease-out) forwards}.toast--out{animation:toast-slide-out .15s ease-in forwards;animation:toast-slide-out .15s var(--ease-in,ease-in) forwards}.toast__progress{background-color:var(--toast-progress-track);border-radius:var(--radius-full);grid-area:progress;height:2px;margin-top:var(--space-1);overflow:hidden;position:relative}.toast__progress:before{animation:toast-progress var(--toast-duration) linear forwards;background-color:var(--toast-progress-fill);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(1);transform-origin:left center}.toast--compact{--toast-padding:var(--toast-padding-compact);grid-template-areas:"icon body close";grid-template-rows:auto}.toast--compact .toast__message{color:inherit;font-size:var(--text-sm)}.toast--compact .toast__progress,.toast--compact .toast__title{display:none}.toast--no-progress{grid-template-areas:"icon body close";grid-template-rows:auto}.toast--no-progress .toast__progress{display:none}.toast--no-icon{grid-template-areas:"body close" "progress progress";grid-template-columns:1fr auto}.toast--no-icon .toast__icon{display:none}.toast--no-close{grid-template-areas:"icon body" "progress progress";grid-template-columns:auto 1fr}.toast--no-close .toast__close{display:none}.toast--no-icon.toast--no-close{grid-template-areas:"body" "progress";grid-template-columns:1fr}.toast--no-progress.toast--no-icon{grid-template-areas:"body close";grid-template-columns:1fr auto}.toast--no-progress.toast--no-close{grid-template-areas:"icon body";grid-template-columns:auto 1fr}.toast--no-progress.toast--no-icon.toast--no-close{grid-template-areas:"body";grid-template-columns:1fr}.toast--compact.toast--no-icon{grid-template-areas:"body close";grid-template-columns:1fr auto;grid-template-rows:auto}.toast--compact.toast--no-close{grid-template-areas:"icon body";grid-template-columns:auto 1fr;grid-template-rows:auto}.toast--compact.toast--no-icon.toast--no-close{grid-template-areas:"body";grid-template-columns:1fr;grid-template-rows:auto}.toast__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.toast--inline{animation:none;box-shadow:none;margin-bottom:var(--space-2);margin-top:var(--space-2);opacity:1;position:static;transform:none;width:100%}.toast--inline .toast__progress{display:none}.toast--neutral{--toast-bg:var(--color-muted-bg);--toast-border:var(--color-muted-border);--toast-text:var(--color-text)}.toast--info{--toast-bg:var(--semantic-info-bg-strong,var(--color-info-soft));--toast-accent:var(--semantic-info-border-strong,var(--color-info));--toast-text:var(--semantic-info-text-strong,var(--color-info-strong))}.toast--success{--toast-bg:var(--semantic-success-bg-strong,var(--color-success-soft));--toast-accent:var(--semantic-success-border-strong,var(--color-success));--toast-text:var(--semantic-success-text-strong,var(--color-success-strong))}.toast--warning{--toast-bg:var(--semantic-warning-bg-strong,var(--color-warning-soft));--toast-accent:var(--semantic-warning-border-strong,var(--color-warning));--toast-text:var(--semantic-warning-text-strong,var(--color-warning-strong))}.toast--danger,.toast--error{--toast-bg:var(--semantic-error-bg-strong,var(--color-danger-soft));--toast-accent:var(--semantic-error-border-strong,var(--color-danger));--toast-text:var(--semantic-error-text-strong,var(--color-danger-strong))}.toast--danger,.toast--error,.toast--info,.toast--success,.toast--warning{background-color:var(--toast-bg);border-left:var(--border-width-strong) solid var(--toast-accent);color:var(--toast-text)}.toast--danger .toast__message,.toast--error .toast__message,.toast--info .toast__message,.toast--neutral .toast__message,.toast--success .toast__message,.toast--warning .toast__message{color:inherit}.toast--exiting{animation:toast-slide-out var(--transition-fast) var(--ease-in) forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none;opacity:1;transform:none;transition:none}.toast--exiting{animation:none;opacity:0}.toast__progress:before{animation-duration:var(--motion-none)}}
+.vds-toast,[data-vds-toast]{--toast-duration:5000ms;--toast-stack-width:20rem;--toast-stack-gap:var(--space-2);--toast-feedback-padding-md:var(--space-4);--toast-padding:var(--toast-feedback-padding-md);--toast-padding-compact:var(--space-3);--toast-progress-track:color-mix(in srgb,currentColor 20%,transparent);--toast-progress-fill:currentColor}.toast-stack{align-items:stretch;display:flex;flex-direction:column;gap:var(--toast-stack-gap);max-width:100%;pointer-events:none;position:fixed;width:var(--toast-stack-width);z-index:var(--z-toast)}.toast-stack .toast{width:100%}.toast-stack--top-right{align-items:flex-end;right:var(--space-4);top:var(--space-4)}.toast-stack--top-left{align-items:flex-start;left:var(--space-4);top:var(--space-4)}.toast-stack--bottom-right{align-items:flex-end;bottom:var(--space-4);right:var(--space-4)}.toast-stack--bottom-left{align-items:flex-start;bottom:var(--space-4);left:var(--space-4)}.toast-stack--top-center{top:var(--space-4)}.toast-stack--bottom-center,.toast-stack--top-center{align-items:center;left:50%;transform:translateX(-50%)}.toast-stack--bottom-center{bottom:var(--space-4)}@media (max-width:640px){.toast-stack{left:var(--space-2);max-width:none;right:var(--space-2)}.toast-stack--top-center,.toast-stack--top-left,.toast-stack--top-right{align-items:stretch;bottom:var(--space-2);top:auto;transform:none}.toast-stack--bottom-center,.toast-stack--bottom-left,.toast-stack--bottom-right{align-items:stretch;bottom:var(--space-2);transform:none}}.toast{--toast-bg:var(--color-surface);--toast-border:var(--color-border-subtle);--toast-accent:var(--toast-border);--toast-text:var(--color-text);display:grid;grid-template-areas:"icon body close" "progress progress progress";grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;pointer-events:auto;grid-column-gap:var(--space-3);-moz-column-gap:var(--space-3);column-gap:var(--space-3);grid-row-gap:var(--space-1);background-color:var(--toast-bg);border:var(--border-width) solid var(--toast-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--toast-text);font-size:var(--text-sm);line-height:var(--line-height-normal);opacity:0;padding:var(--toast-padding);position:relative;row-gap:var(--space-1);transform:translateY(8px)}.toast__icon{align-items:center;display:flex;flex-shrink:0;grid-area:icon;height:var(--icon-sm);justify-content:center;margin-top:0;width:var(--icon-sm)}.toast__body{display:flex;flex-direction:column;gap:var(--space-1);grid-area:body;min-width:0}.toast__title{font-weight:var(--font-weight-semibold)}.toast__message{color:var(--color-text-muted);font-size:var(--text-xs)}.toast__close{align-items:center;align-self:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--color-text-soft);cursor:pointer;display:inline-flex;grid-area:close;justify-content:center;justify-self:end;line-height:0;padding:var(--space-1)}.toast__close:hover{color:var(--color-text)}.toast__close:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.toast--in{animation:toast-slide-in .18s ease-out forwards;animation:toast-slide-in .18s var(--ease-out,ease-out) forwards}.toast--out{animation:toast-slide-out .15s ease-in forwards;animation:toast-slide-out .15s var(--ease-in,ease-in) forwards}.toast__progress{background-color:var(--toast-progress-track);border-radius:var(--radius-full);grid-area:progress;height:2px;margin-top:var(--space-1);overflow:hidden;position:relative}.toast__progress:before{animation:toast-progress var(--toast-duration) linear forwards;background-color:var(--toast-progress-fill);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(1);transform-origin:left center}.toast--compact{--toast-padding:var(--toast-padding-compact);grid-template-areas:"icon body close";grid-template-rows:auto}.toast--compact .toast__message{color:inherit;font-size:var(--text-sm)}.toast--compact .toast__progress,.toast--compact .toast__title{display:none}.toast--no-progress{grid-template-areas:"icon body close";grid-template-rows:auto}.toast--no-progress .toast__progress{display:none}.toast--no-icon{grid-template-areas:"body close" "progress progress";grid-template-columns:1fr auto}.toast--no-icon .toast__icon{display:none}.toast--no-close{grid-template-areas:"icon body" "progress progress";grid-template-columns:auto 1fr}.toast--no-close .toast__close{display:none}.toast--no-icon.toast--no-close{grid-template-areas:"body" "progress";grid-template-columns:1fr}.toast--no-progress.toast--no-icon{grid-template-areas:"body close";grid-template-columns:1fr auto}.toast--no-progress.toast--no-close{grid-template-areas:"icon body";grid-template-columns:auto 1fr}.toast--no-progress.toast--no-icon.toast--no-close{grid-template-areas:"body";grid-template-columns:1fr}.toast--compact.toast--no-icon{grid-template-areas:"body close";grid-template-columns:1fr auto;grid-template-rows:auto}.toast--compact.toast--no-close{grid-template-areas:"icon body";grid-template-columns:auto 1fr;grid-template-rows:auto}.toast--compact.toast--no-icon.toast--no-close{grid-template-areas:"body";grid-template-columns:1fr;grid-template-rows:auto}.toast__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.toast--inline{animation:none;box-shadow:none;margin-bottom:var(--space-2);margin-top:var(--space-2);opacity:1;position:static;transform:none;width:100%}.toast--inline .toast__progress{display:none}.toast--neutral{--toast-bg:var(--color-muted-bg);--toast-border:var(--color-muted-border);--toast-text:var(--color-text)}.toast--info{--toast-bg:var(--semantic-info-bg-strong,var(--color-info-soft));--toast-accent:var(--semantic-info-border-strong,var(--color-info));--toast-text:var(--semantic-info-text-strong,var(--color-info-strong))}.toast--success{--toast-bg:var(--semantic-success-bg-strong,var(--color-success-soft));--toast-accent:var(--semantic-success-border-strong,var(--color-success));--toast-text:var(--semantic-success-text-strong,var(--color-success-strong))}.toast--warning{--toast-bg:var(--semantic-warning-bg-strong,var(--color-warning-soft));--toast-accent:var(--semantic-warning-border-strong,var(--color-warning));--toast-text:var(--semantic-warning-text-strong,var(--color-warning-strong))}.toast--danger,.toast--error{--toast-bg:var(--semantic-error-bg-strong,var(--color-danger-soft));--toast-accent:var(--semantic-error-border-strong,var(--color-danger));--toast-text:var(--semantic-error-text-strong,var(--color-danger-strong))}.toast--danger,.toast--error,.toast--info,.toast--success,.toast--warning{background-color:var(--toast-bg);border-left:var(--border-width-strong) solid var(--toast-accent);color:var(--toast-text)}.toast--danger .toast__message,.toast--error .toast__message,.toast--info .toast__message,.toast--neutral .toast__message,.toast--success .toast__message,.toast--warning .toast__message{color:inherit}.toast--exiting{animation:toast-slide-out var(--transition-fast) var(--ease-in) forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none;opacity:1;transform:none;transition:none}.toast--exiting{animation:none;opacity:0}.toast__progress:before{animation-duration:var(--motion-none)}}

package/dist/components/tooltips-popovers.css

@@ -19,7 +19,6 @@
    1. TOOLTIP TRIGGERS
    Attach this class to ensure proper positioning context.
 --------------------------------------------------------- */
-
 .tooltip-trigger {
     position: relative;
     display: inline-flex;
@@ -29,7 +28,6 @@
 /* ---------------------------------------------------------
    2. BASE TOOLTIP
 --------------------------------------------------------- */
-
 .tooltip {
     --tooltip-offset: var(--space-2);
     --tooltip-motion: 0.25rem;
@@ -73,7 +71,6 @@
 /* ---------------------------------------------------------
    3. TOOLTIP POSITIONS
 --------------------------------------------------------- */
-
 .tooltip--top {
     bottom: 100%;
     left: 50%;
@@ -125,7 +122,6 @@
 /* ---------------------------------------------------------
    4. TOOLTIP ARROW
 --------------------------------------------------------- */
-
 .tooltip__arrow {
     position: absolute;
     width: var(--tooltip-arrow-size);
@@ -199,7 +195,6 @@
 /* ---------------------------------------------------------
    5. TOOLTIP DENSITY
 --------------------------------------------------------- */
-
 .tooltip--a {
     padding: var(--space-3) var(--space-4);
     font-size: var(--text-sm);
@@ -213,7 +208,6 @@
 /* ---------------------------------------------------------
    6. TOOLTIP SEMANTIC VARIANTS
 --------------------------------------------------------- */
-
 .tooltip--info {
     background-color: var(--semantic-info-bg);
     color: var(--semantic-info-text);
@@ -241,7 +235,6 @@
 /* ---------------------------------------------------------
    7. POPOVER ANCHOR
 --------------------------------------------------------- */
-
 .popover-anchor {
     position: relative;
     display: inline-block;
@@ -250,7 +243,6 @@
 /* ---------------------------------------------------------
    8. BASE POPOVER
 --------------------------------------------------------- */
-
 .popover {
     --popover-offset: var(--space-2);
     --popover-motion: 0.25rem;
@@ -296,7 +288,6 @@
 /* ---------------------------------------------------------
    9. POPOVER POSITIONS
 --------------------------------------------------------- */
-
 .popover--top {
     bottom: 100%;
     left: 50%;
@@ -348,7 +339,6 @@
 /* ---------------------------------------------------------
    10. POPOVER ARROW
 --------------------------------------------------------- */
-
 .popover__arrow {
     position: absolute;
     width: var(--popover-arrow-size);
@@ -417,7 +407,6 @@
 /* ---------------------------------------------------------
    11. POPOVER LAYOUT
 --------------------------------------------------------- */
-
 .popover__header,
 .popover__footer {
     padding: var(--space-3) var(--space-4);
@@ -444,7 +433,6 @@
 /* ---------------------------------------------------------
    12. POPOVER DENSITY
 --------------------------------------------------------- */
-
 .popover--a .popover__header,
 .popover--a .popover__footer,
 .popover--a .popover__body {
@@ -463,7 +451,6 @@
    13. POPOVER SEMANTICS
    (Aligns with overlay-inline semantics)
 --------------------------------------------------------- */
-
 .popover--info {
     background-color: var(--semantic-info-bg);
     color: var(--semantic-info-text);

package/dist/components/tooltips-popovers.min.css

@@ -1 +1 @@
-.tooltip-trigger{align-items:center;display:inline-flex;position:relative}.tooltip{--tooltip-offset:var(--space-2);--tooltip-motion:0.25rem;--tooltip-max-width:24rem;--tooltip-arrow-size:var(--space-3);--tooltip-arrow-inset:var(--space-4);--tooltip-bg:var(--color-surface);--tooltip-border:var(--color-border-subtle);--tooltip-text:var(--color-text);background-color:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);color:var(--tooltip-text);font-size:var(--text-xs);line-height:1.4;max-width:24rem;max-width:var(--tooltip-max-width);opacity:0;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);white-space:normal;z-index:var(--z-tooltip)}.tooltip--visible,.tooltip[data-state=open]{--tooltip-motion:0rem;opacity:1}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%,calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)))}.tooltip--bottom{left:50%;top:100%;transform:translate(-50%,calc(var(--tooltip-offset) + var(--tooltip-motion)))}.tooltip--left{right:100%;top:50%;transform:translate(calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)),-50%)}.tooltip--right{left:100%;top:50%;transform:translate(calc(var(--tooltip-offset) + var(--tooltip-motion)),-50%)}.tooltip--top-left{left:0}.tooltip--top-left,.tooltip--top-right{bottom:100%;transform:translateY(calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)))}.tooltip--top-right{right:0}.tooltip--bottom-left{left:0}.tooltip--bottom-left,.tooltip--bottom-right{top:100%;transform:translateY(calc(var(--tooltip-offset) + var(--tooltip-motion)))}.tooltip--bottom-right{right:0}.tooltip__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--tooltip-arrow-size);position:absolute;transform:rotate(45deg);width:var(--tooltip-arrow-size)}.tooltip--top .tooltip__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--top-left .tooltip__arrow{left:var(--tooltip-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.tooltip--top-right .tooltip__arrow{right:var(--tooltip-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.tooltip--bottom .tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.tooltip--bottom-left .tooltip__arrow{bottom:100%;left:var(--tooltip-arrow-inset);transform:translateY(50%) rotate(45deg)}.tooltip--bottom-right .tooltip__arrow{bottom:100%;right:var(--tooltip-arrow-inset);transform:translateY(50%) rotate(45deg)}.tooltip--left .tooltip__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.tooltip--right .tooltip__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--no-arrow .tooltip__arrow{display:none}.tooltip--interactive.tooltip--visible,.tooltip--interactive[data-state=open]{pointer-events:auto}.tooltip--a{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.tooltip--c{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.tooltip--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.tooltip--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.tooltip--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.tooltip--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}.popover-anchor{display:inline-block;position:relative}.popover{--popover-offset:var(--space-2);--popover-motion:0.25rem;--popover-min-width:12rem;--popover-max-width:28rem;--popover-arrow-size:var(--space-3);--popover-arrow-inset:var(--space-6);--popover-bg:var(--color-surface);--popover-border:var(--color-border-subtle);--popover-text:var(--color-text);background-color:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);color:var(--popover-text);display:flex;flex-direction:column;max-width:28rem;max-width:var(--popover-max-width);min-width:12rem;min-width:var(--popover-min-width);opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);z-index:var(--z-tooltip)}.popover--open,.popover[data-state=open]{--popover-motion:0rem;opacity:1;pointer-events:auto}.popover--top{bottom:100%;left:50%;transform:translate(-50%,calc(var(--popover-offset)*-1 - var(--popover-motion)))}.popover--bottom{left:50%;top:100%;transform:translate(-50%,calc(var(--popover-offset) + var(--popover-motion)))}.popover--left{right:100%;top:50%;transform:translate(calc(var(--popover-offset)*-1 - var(--popover-motion)),-50%)}.popover--right{left:100%;top:50%;transform:translate(calc(var(--popover-offset) + var(--popover-motion)),-50%)}.popover--bottom-right{right:0}.popover--bottom-left,.popover--bottom-right{top:100%;transform:translateY(calc(var(--popover-offset) + var(--popover-motion)))}.popover--bottom-left{left:0}.popover--top-right{right:0}.popover--top-left,.popover--top-right{bottom:100%;transform:translateY(calc(var(--popover-offset)*-1 - var(--popover-motion)))}.popover--top-left{left:0}.popover__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--popover-arrow-size);position:absolute;transform:rotate(45deg);width:var(--popover-arrow-size)}.popover--bottom .popover__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.popover--bottom-left .popover__arrow{bottom:100%;left:var(--popover-arrow-inset);transform:translateY(50%) rotate(45deg)}.popover--bottom-right .popover__arrow{bottom:100%;right:var(--popover-arrow-inset);transform:translateY(50%) rotate(45deg)}.popover--top .popover__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.popover--top-left .popover__arrow{left:var(--popover-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--top-right .popover__arrow{right:var(--popover-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--left .popover__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.popover--right .popover__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.popover--no-arrow .popover__arrow{display:none}.popover__footer,.popover__header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4)}.popover__footer{border-bottom:none;border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end}.popover__body{padding:var(--space-3) var(--space-4)}.popover__title{font-size:var(--text-sm);font-weight:600}.popover--a .popover__body,.popover--a .popover__footer,.popover--a .popover__header{font-size:var(--text-sm);padding:var(--space-4) var(--space-5)}.popover--c .popover__body,.popover--c .popover__footer,.popover--c .popover__header{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.popover--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.popover--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.popover--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.popover--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}
+.tooltip-trigger{align-items:center;display:inline-flex;position:relative}.tooltip{--tooltip-offset:var(--space-2);--tooltip-motion:0.25rem;--tooltip-max-width:24rem;--tooltip-arrow-size:var(--space-3);--tooltip-arrow-inset:var(--space-4);--tooltip-bg:var(--color-surface);--tooltip-border:var(--color-border-subtle);--tooltip-text:var(--color-text);background-color:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);color:var(--tooltip-text);font-size:var(--text-xs);line-height:1.4;max-width:24rem;max-width:var(--tooltip-max-width);opacity:0;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);white-space:normal;z-index:var(--z-tooltip)}.tooltip--visible,.tooltip[data-state=open]{opacity:1;--tooltip-motion:0rem}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%,calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)))}.tooltip--bottom{left:50%;top:100%;transform:translate(-50%,calc(var(--tooltip-offset) + var(--tooltip-motion)))}.tooltip--left{right:100%;top:50%;transform:translate(calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)),-50%)}.tooltip--right{left:100%;top:50%;transform:translate(calc(var(--tooltip-offset) + var(--tooltip-motion)),-50%)}.tooltip--top-left{left:0}.tooltip--top-left,.tooltip--top-right{bottom:100%;transform:translateY(calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)))}.tooltip--top-right{right:0}.tooltip--bottom-left{left:0}.tooltip--bottom-left,.tooltip--bottom-right{top:100%;transform:translateY(calc(var(--tooltip-offset) + var(--tooltip-motion)))}.tooltip--bottom-right{right:0}.tooltip__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--tooltip-arrow-size);position:absolute;transform:rotate(45deg);width:var(--tooltip-arrow-size)}.tooltip--top .tooltip__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--top-left .tooltip__arrow{left:var(--tooltip-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.tooltip--top-right .tooltip__arrow{right:var(--tooltip-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.tooltip--bottom .tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.tooltip--bottom-left .tooltip__arrow{bottom:100%;left:var(--tooltip-arrow-inset);transform:translateY(50%) rotate(45deg)}.tooltip--bottom-right .tooltip__arrow{bottom:100%;right:var(--tooltip-arrow-inset);transform:translateY(50%) rotate(45deg)}.tooltip--left .tooltip__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.tooltip--right .tooltip__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--no-arrow .tooltip__arrow{display:none}.tooltip--interactive.tooltip--visible,.tooltip--interactive[data-state=open]{pointer-events:auto}.tooltip--a{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.tooltip--c{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.tooltip--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.tooltip--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.tooltip--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.tooltip--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}.popover-anchor{display:inline-block;position:relative}.popover{--popover-offset:var(--space-2);--popover-motion:0.25rem;--popover-min-width:12rem;--popover-max-width:28rem;--popover-arrow-size:var(--space-3);--popover-arrow-inset:var(--space-6);--popover-bg:var(--color-surface);--popover-border:var(--color-border-subtle);--popover-text:var(--color-text);background-color:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);color:var(--popover-text);display:flex;flex-direction:column;max-width:28rem;max-width:var(--popover-max-width);min-width:12rem;min-width:var(--popover-min-width);opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);z-index:var(--z-tooltip)}.popover--open,.popover[data-state=open]{opacity:1;pointer-events:auto;--popover-motion:0rem}.popover--top{bottom:100%;left:50%;transform:translate(-50%,calc(var(--popover-offset)*-1 - var(--popover-motion)))}.popover--bottom{left:50%;top:100%;transform:translate(-50%,calc(var(--popover-offset) + var(--popover-motion)))}.popover--left{right:100%;top:50%;transform:translate(calc(var(--popover-offset)*-1 - var(--popover-motion)),-50%)}.popover--right{left:100%;top:50%;transform:translate(calc(var(--popover-offset) + var(--popover-motion)),-50%)}.popover--bottom-right{right:0}.popover--bottom-left,.popover--bottom-right{top:100%;transform:translateY(calc(var(--popover-offset) + var(--popover-motion)))}.popover--bottom-left{left:0}.popover--top-right{right:0}.popover--top-left,.popover--top-right{bottom:100%;transform:translateY(calc(var(--popover-offset)*-1 - var(--popover-motion)))}.popover--top-left{left:0}.popover__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--popover-arrow-size);position:absolute;transform:rotate(45deg);width:var(--popover-arrow-size)}.popover--bottom .popover__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.popover--bottom-left .popover__arrow{bottom:100%;left:var(--popover-arrow-inset);transform:translateY(50%) rotate(45deg)}.popover--bottom-right .popover__arrow{bottom:100%;right:var(--popover-arrow-inset);transform:translateY(50%) rotate(45deg)}.popover--top .popover__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.popover--top-left .popover__arrow{left:var(--popover-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--top-right .popover__arrow{right:var(--popover-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--left .popover__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.popover--right .popover__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.popover--no-arrow .popover__arrow{display:none}.popover__footer,.popover__header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4)}.popover__footer{border-bottom:none;border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end}.popover__body{padding:var(--space-3) var(--space-4)}.popover__title{font-size:var(--text-sm);font-weight:600}.popover--a .popover__body,.popover--a .popover__footer,.popover--a .popover__header{font-size:var(--text-sm);padding:var(--space-4) var(--space-5)}.popover--c .popover__body,.popover--c .popover__footer,.popover--c .popover__header{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.popover--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.popover--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.popover--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.popover--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}

package/dist/components/typography.css

@@ -127,9 +127,6 @@
 .typography pre code {
     background: none !important;
     border: none !important;
-}
-
-.typography pre code {
     padding: 0;
     border-radius: 0;
 }

package/dist/components/utilities.css

@@ -22,7 +22,6 @@
 /* ---------------------------------------------------------
    1. DISPLAY & VISIBILITY
 --------------------------------------------------------- */
-
 .block {
     display: block !important;
 }
@@ -57,9 +56,6 @@
 
 .sr-only {
     position: absolute !important;
-}
-
-.sr-only {
     width: 1px;
     height: 1px;
     padding: 0;
@@ -73,10 +69,6 @@
 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     position: static !important;
-}
-
-.sr-only-focusable:active,
-.sr-only-focusable:focus {
     width: auto;
     height: auto;
     margin: 0;
@@ -123,7 +115,6 @@
 /* ---------------------------------------------------------
    2. FLEXBOX
 --------------------------------------------------------- */
-
 .flex-row {
     flex-direction: row !important;
 }
@@ -203,7 +194,6 @@
 /* ---------------------------------------------------------
    3. GRID (ATOMIC)
 --------------------------------------------------------- */
-
 .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -318,7 +308,6 @@
    Scale (mapped to --space-* tokens):
      0,1,2,3,4,5,6,7,8,10,12,14,16,20,24,32,40,48,64
 --------------------------------------------------------- */
-
 .m-0 {
     margin: 0 !important;
 }
@@ -1629,7 +1618,6 @@
 /* ---------------------------------------------------------
    5. GAP UTILITIES - FULL SPACE SCALE
 --------------------------------------------------------- */
-
 .gap-0 {
     gap: 0;
 }
@@ -1880,7 +1868,6 @@
 /* ---------------------------------------------------------
    6. TYPOGRAPHY & TEXT DECORATION
 --------------------------------------------------------- */
-
 .text-left {
     text-align: left !important;
 }
@@ -2146,7 +2133,6 @@
 /* ---------------------------------------------------------
    7. WIDTH / HEIGHT / ASPECT RATIO / OBJECT-FIT
 --------------------------------------------------------- */
-
 .w-auto {
     width: auto !important;
 }
@@ -2291,7 +2277,6 @@
 /* ---------------------------------------------------------
    8. BORDER / RADIUS / SHADOW
 --------------------------------------------------------- */
-
 .border {
     border: 1px solid var(--color-border-subtle) !important;
 }
@@ -2367,7 +2352,6 @@
 /* ---------------------------------------------------------
    9. BACKGROUND / SURFACE
 --------------------------------------------------------- */
-
 .bg-surface {
     background-color: var(--color-surface) !important;
 }
@@ -2411,7 +2395,6 @@
 /* ---------------------------------------------------------
    10. OPACITY, CURSOR, POINTER-EVENTS
 --------------------------------------------------------- */
-
 .opacity-0 {
     opacity: 0;
 }
@@ -2463,7 +2446,6 @@
 /* ---------------------------------------------------------
    11. OVERFLOW / SCROLL
 --------------------------------------------------------- */
-
 .overflow-hidden {
     overflow: hidden !important;
 }
@@ -2497,7 +2479,6 @@
 /* ---------------------------------------------------------
    12. POSITION / Z-INDEX
 --------------------------------------------------------- */
-
 .relative {
     position: relative !important;
 }
@@ -2592,7 +2573,6 @@
 /* ---------------------------------------------------------
    13. STACK / CLUSTER / BUTTON ROW / GUTTERS
 --------------------------------------------------------- */
-
 .stack {
     display: flex;
     flex-direction: column;
@@ -2677,7 +2657,6 @@
 /* ---------------------------------------------------------
    14. TEXT HELPERS (TRUNCATE / MULTILINE / MISC)
 --------------------------------------------------------- */
-
 .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -2714,7 +2693,6 @@
     </p>
 
 --------------------------------------------------------- */
-
 .text-info {
     color: var(--semantic-info-text) !important;
 }
@@ -2743,7 +2721,6 @@
    Safe baseline for all inline <code> elements.
    Does not apply to <pre><code> blocks.
 --------------------------------------------------------- */
-
 code:not(pre code) {
     font-family: var(--font-family-mono), monospace;
     font-size: 0.875em;
@@ -2764,7 +2741,6 @@ code:not(pre code) {
    These are local, composable layout patterns that complement
    the structural layouts in layout.css (sidebar, split, layout-grid-*)
 --------------------------------------------------------- */
-
 .layout-stack {
     display: flex;
     flex-direction: column;
@@ -2863,7 +2839,6 @@ code:not(pre code) {
 /* ---------------------------------------------------------
    18. GRID ALIGNMENT UTILITIES
 --------------------------------------------------------- */
-
 .grid-items-start {
     align-items: start;
 }
@@ -2939,7 +2914,6 @@ code:not(pre code) {
 /* ---------------------------------------------------------
    19. RESPONSIVE GRID COLUMN UTILITIES
 --------------------------------------------------------- */
-
 @media (max-width: 640px) {
     .sm\:grid-cols-1 {
         grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -3063,7 +3037,6 @@ code:not(pre code) {
 /* ---------------------------------------------------------
    20. FLEX - BASE UTILITIES
 --------------------------------------------------------- */
-
 .flex-row-reverse {
     flex-direction: row-reverse;
 }
@@ -3123,7 +3096,6 @@ code:not(pre code) {
 /* ---------------------------------------------------------
    21. RESPONSIVE GRID COLUMN UTILITIES
 --------------------------------------------------------- */
-
 @media (max-width: 640px) {
 
     .sm\:flex {