@24vlh/vds 0.3.5 → 0.3.7

package/dist/components/authoring.min.css

@@ -1 +1 @@
-.authoring,.doc-authoring,.vds-authoring,[data-vds-authoring]{--highlight-border-width:var(--border-width-strong);--admonition-radius:var(--radius-md);--admonition-border:var(--highlight-border-width);--admonition-gap:var(--space-3);--admonition-pad-y:var(--space-3);--admonition-pad-x:var(--space-4);--admonition-bg:var(--color-surface-subtle);--admonition-border-color:var(--color-border-subtle);--admonition-text:var(--color-text);--admonition-title-color:var(--color-text);--admonition-icon-color:var(--color-text);--admonition-shadow:none;--footnote-size:var(--text-xs);--marker-bg:var(--color-muted-bg);--marker-border:var(--color-muted-border);--marker-text:var(--color-text);--marker-radius:var(--radius-sm)}.admonition{align-items:flex-start;background-color:var(--admonition-bg);border:0;border-left:var(--admonition-border) solid var(--admonition-border-color);border-radius:var(--admonition-radius);box-shadow:var(--admonition-shadow);color:var(--admonition-text);display:flex;gap:var(--admonition-gap);margin-bottom:var(--space-4);margin-top:var(--space-4);padding:var(--admonition-pad-y) var(--admonition-pad-x)}.admonition__icon{color:var(--admonition-icon-color);flex-shrink:0;font-size:var(--text-lg);margin-top:.15em;opacity:.85}.admonition__content{flex:1 1 auto;min-width:0}.admonition__title{color:var(--admonition-title-color);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;margin-bottom:var(--space-1);text-transform:uppercase}.admonition__body{font-size:var(--text-sm);line-height:var(--line-height-relaxed)}.admonition__meta{font-size:var(--text-xs);margin-top:var(--space-1);opacity:.8}.admonition__footer{display:flex;font-size:var(--text-xs);margin-top:var(--space-2);opacity:.85}.admonition__actions,.admonition__footer{align-items:center;flex-wrap:wrap;gap:var(--space-2)}.admonition__actions{display:inline-flex}.admonition__list{grid-gap:var(--space-1);display:grid;gap:var(--space-1);list-style:none;margin:0;padding:0}.admonition__list li{padding-left:var(--space-4);position:relative}.admonition__list li:before{background-color:var(--admonition-border-color);border-radius:999px;content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.admonition--compact{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.admonition--info,.admonition--note,:where(.admonition)[data-variant=info]{--admonition-bg:var(--semantic-info-bg);--admonition-border-color:var(--semantic-info-border);--admonition-text:var(--semantic-info-text);--admonition-title-color:var(--semantic-info-text);--admonition-icon-color:var(--semantic-info-text)}.admonition--success,.admonition--tip,:where(.admonition)[data-variant=success]{--admonition-bg:var(--semantic-success-bg);--admonition-border-color:var(--semantic-success-border);--admonition-text:var(--semantic-success-text);--admonition-title-color:var(--semantic-success-text);--admonition-icon-color:var(--semantic-success-text)}.admonition--warning,:where(.admonition)[data-variant=warning]{--admonition-bg:var(--semantic-warning-bg);--admonition-border-color:var(--semantic-warning-border);--admonition-text:var(--semantic-warning-text);--admonition-title-color:var(--semantic-warning-text);--admonition-icon-color:var(--semantic-warning-text)}.admonition--danger,.admonition--important,:where(.admonition)[data-variant=danger]{--admonition-bg:var(--semantic-danger-bg);--admonition-border-color:var(--semantic-danger-border);--admonition-text:var(--semantic-danger-text);--admonition-title-color:var(--semantic-danger-text);--admonition-icon-color:var(--semantic-danger-text)}.admonition--accent,:where(.admonition)[data-variant=accent]{--admonition-bg:var(--accent-soft-surface,var(--color-accent-soft));--admonition-border-color:var(--accent-soft-border,var(--color-accent));--admonition-text:var(--accent-soft-on,var(--color-on-accent));--admonition-title-color:var(--accent-soft-on,var(--color-on-accent));--admonition-icon-color:var(--accent-soft-on,var(--color-on-accent))}.admonition--neutral,:where(.admonition)[data-variant=neutral]{--admonition-bg:var(--color-surface-subtle);--admonition-border-color:var(--color-border-strong);--admonition-text:var(--color-text);--admonition-title-color:var(--color-text);--admonition-icon-color:var(--color-text-muted)}.admonition--bordered,.admonition--outline{border:var(--admonition-border) solid var(--admonition-border-color);border-left-width:var(--admonition-border)}.admonition--outline,.admonition--plain{background-color:transparent}.admonition--plain{border:0;padding:0}.md-callout,.md-danger,.md-important,.md-info,.md-note,.md-success,.md-tip,.md-warning{background-color:var(--callout-bg,var(--color-surface-subtle));border-left:var(--highlight-border-width) solid var(--callout-border-color,currentColor);border-radius:var(--radius-md);color:var(--callout-text,var(--color-text));font-size:var(--text-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.md-callout[data-variant=info]{--callout-bg:var(--semantic-info-bg);--callout-border-color:var(--semantic-info-border);--callout-text:var(--semantic-info-text)}.md-callout[data-variant=success]{--callout-bg:var(--semantic-success-bg);--callout-border-color:var(--semantic-success-border);--callout-text:var(--semantic-success-text)}.md-callout[data-variant=warning]{--callout-bg:var(--semantic-warning-bg);--callout-border-color:var(--semantic-warning-border);--callout-text:var(--semantic-warning-text)}.md-callout[data-variant=danger]{--callout-bg:var(--semantic-danger-bg);--callout-border-color:var(--semantic-danger-border);--callout-text:var(--semantic-danger-text)}.md-callout[data-variant=accent]{--callout-bg:var(--accent-soft-surface,var(--color-accent-soft));--callout-border-color:var(--accent-soft-border,var(--color-accent));--callout-text:var(--accent-soft-on,var(--color-on-accent))}.md-callout[data-variant=neutral]{--callout-bg:var(--color-surface-subtle);--callout-border-color:var(--color-border-strong);--callout-text:var(--color-text)}.md-info,.md-note{--callout-bg:var(--semantic-info-bg);--callout-border-color:var(--semantic-info-border);--callout-text:var(--semantic-info-text)}.md-success,.md-tip{--callout-bg:var(--semantic-success-bg);--callout-border-color:var(--semantic-success-border);--callout-text:var(--semantic-success-text)}.md-warning{--callout-bg:var(--semantic-warning-bg);--callout-border-color:var(--semantic-warning-border);--callout-text:var(--semantic-warning-text)}.md-danger,.md-important{--callout-bg:var(--semantic-danger-bg);--callout-border-color:var(--semantic-danger-border);--callout-text:var(--semantic-danger-text)}.heading-anchor{color:var(--color-text-soft);font-size:.8em;margin-left:var(--space-1);opacity:0;-webkit-text-decoration:none;text-decoration:none;transition:opacity var(--transition-fast)}.heading-anchor:hover{color:var(--link-text-hover)}h1:focus-within .heading-anchor,h1:hover .heading-anchor,h2:focus-within .heading-anchor,h2:hover .heading-anchor,h3:focus-within .heading-anchor,h3:hover .heading-anchor,h4:focus-within .heading-anchor,h4:hover .heading-anchor,h5:focus-within .heading-anchor,h5:hover .heading-anchor,h6:focus-within .heading-anchor,h6:hover .heading-anchor{opacity:1}.heading-anchor--always{opacity:1}@media (hover:none){.heading-anchor{opacity:1}}.fn-ref{color:var(--footnote-color,var(--color-text-muted));font-size:var(--footnote-size);margin-left:.15em;-webkit-text-decoration:none;text-decoration:none;vertical-align:super}.fn-ref:hover{color:var(--link-text-hover)}.fn-back{color:var(--footnote-color,var(--color-text-muted));-webkit-text-decoration:none;text-decoration:none}.fn-back,.footnotes{font-size:var(--footnote-size)}.footnotes{border-top:1px solid var(--color-border-subtle);margin-top:var(--space-8);padding-top:var(--space-6)}.footnotes ol{padding-left:var(--space-6)}.footnotes li{margin-bottom:var(--space-3)}.inline-marker{background:var(--marker-bg);border:1px solid var(--marker-border);border-radius:var(--marker-radius);color:var(--marker-text);display:inline-block;font-size:var(--text-xs);line-height:1.3;padding:0 var(--space-1_5)}.inline-marker--info,:where(.inline-marker)[data-variant=info]{--marker-bg:var(--semantic-info-bg);--marker-border:var(--semantic-info-border);--marker-text:var(--semantic-info-text)}.inline-marker--success,:where(.inline-marker)[data-variant=success]{--marker-bg:var(--semantic-success-bg);--marker-border:var(--semantic-success-border);--marker-text:var(--semantic-success-text)}.inline-marker--warning,:where(.inline-marker)[data-variant=warning]{--marker-bg:var(--semantic-warning-bg);--marker-border:var(--semantic-warning-border);--marker-text:var(--semantic-warning-text)}.inline-marker--danger,:where(.inline-marker)[data-variant=danger]{--marker-bg:var(--semantic-danger-bg);--marker-border:var(--semantic-danger-border);--marker-text:var(--semantic-danger-text)}.inline-marker--accent,:where(.inline-marker)[data-variant=accent]{--marker-bg:var(--accent-soft-surface,var(--color-accent-soft));--marker-border:var(--accent-soft-border,var(--color-accent));--marker-text:var(--accent-soft-on,var(--color-on-accent))}.inline-marker--neutral,:where(.inline-marker)[data-variant=neutral]{--marker-bg:var(--color-surface-subtle);--marker-border:var(--color-border-strong);--marker-text:var(--color-text)}.inline-marker--outline{background:transparent}.inline-marker--pill{--marker-radius:var(--radius-pill)}.prose-lead{color:var(--color-text);font-size:var(--text-md);line-height:var(--line-height-relaxed)}.prose-muted{color:var(--color-text-muted)}.prose-tight>*+*{margin-top:var(--space-2)}.prose-relaxed>*+*{margin-top:var(--space-6)}.prose-grid-2{grid-gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.prose-grid-2,.prose-grid-3{display:grid;gap:var(--space-6)}.prose-grid-3{grid-gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.prose-grid-1-2{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.prose-grid-2-1{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (max-width:1024px){.prose-grid-1-2,.prose-grid-2,.prose-grid-2-1,.prose-grid-3{grid-template-columns:1fr}}.doc-block__body .admonition,.doc-block__body .md-callout,.doc-block__body .md-danger,.doc-block__body .md-important,.doc-block__body .md-info,.doc-block__body .md-note,.doc-block__body .md-success,.doc-block__body .md-tip,.doc-block__body .md-warning{margin-bottom:var(--space-3);margin-top:var(--space-3)}
+.authoring,.doc-authoring,.vds-authoring,[data-vds-authoring]{--highlight-border-width:var(--border-width-strong);--admonition-radius:var(--radius-md);--admonition-border:var(--highlight-border-width);--admonition-gap:var(--space-3);--admonition-pad-y:var(--space-3);--admonition-pad-x:var(--space-4);--admonition-bg:var(--color-surface-subtle);--admonition-border-color:var(--color-border-subtle);--admonition-text:var(--color-text);--admonition-title-color:var(--color-text);--admonition-icon-color:var(--color-text);--admonition-shadow:none;--footnote-size:var(--text-xs);--marker-bg:var(--color-muted-bg);--marker-border:var(--color-muted-border);--marker-text:var(--color-text);--marker-radius:var(--radius-sm)}.admonition{align-items:flex-start;background-color:var(--admonition-bg);border:0;border-left:var(--admonition-border) solid var(--admonition-border-color);border-radius:var(--admonition-radius);box-shadow:var(--admonition-shadow);color:var(--admonition-text);display:flex;gap:var(--admonition-gap);margin-bottom:var(--space-4);margin-top:var(--space-4);padding:var(--admonition-pad-y) var(--admonition-pad-x)}.admonition__icon{color:var(--admonition-icon-color);flex-shrink:0;font-size:var(--text-lg);margin-top:.15em;opacity:.85}.admonition__content{flex:1 1 auto;min-width:0}.admonition__title{color:var(--admonition-title-color);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;margin-bottom:var(--space-1);text-transform:uppercase}.admonition__body{font-size:var(--text-sm);line-height:var(--line-height-relaxed)}.admonition__meta{font-size:var(--text-xs);margin-top:var(--space-1);opacity:.8}.admonition__footer{display:flex;font-size:var(--text-xs);margin-top:var(--space-2);opacity:.85}.admonition__actions,.admonition__footer{align-items:center;flex-wrap:wrap;gap:var(--space-2)}.admonition__actions{display:inline-flex}.admonition__list{display:grid;list-style:none;margin:0;padding:0;grid-gap:var(--space-1);gap:var(--space-1)}.admonition__list li{padding-left:var(--space-4);position:relative}.admonition__list li:before{background-color:var(--admonition-border-color);border-radius:999px;content:"";height:.4rem;left:0;position:absolute;top:.35rem;width:.4rem}.admonition--compact{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.admonition--info,.admonition--note,:where(.admonition)[data-variant=info]{--admonition-bg:var(--semantic-info-bg);--admonition-border-color:var(--semantic-info-border);--admonition-text:var(--semantic-info-text);--admonition-title-color:var(--semantic-info-text);--admonition-icon-color:var(--semantic-info-text)}.admonition--success,.admonition--tip,:where(.admonition)[data-variant=success]{--admonition-bg:var(--semantic-success-bg);--admonition-border-color:var(--semantic-success-border);--admonition-text:var(--semantic-success-text);--admonition-title-color:var(--semantic-success-text);--admonition-icon-color:var(--semantic-success-text)}.admonition--warning,:where(.admonition)[data-variant=warning]{--admonition-bg:var(--semantic-warning-bg);--admonition-border-color:var(--semantic-warning-border);--admonition-text:var(--semantic-warning-text);--admonition-title-color:var(--semantic-warning-text);--admonition-icon-color:var(--semantic-warning-text)}.admonition--danger,.admonition--important,:where(.admonition)[data-variant=danger]{--admonition-bg:var(--semantic-danger-bg);--admonition-border-color:var(--semantic-danger-border);--admonition-text:var(--semantic-danger-text);--admonition-title-color:var(--semantic-danger-text);--admonition-icon-color:var(--semantic-danger-text)}.admonition--accent,:where(.admonition)[data-variant=accent]{--admonition-bg:var(--accent-soft-surface,var(--color-accent-soft));--admonition-border-color:var(--accent-soft-border,var(--color-accent));--admonition-text:var(--accent-soft-on,var(--color-on-accent));--admonition-title-color:var(--accent-soft-on,var(--color-on-accent));--admonition-icon-color:var(--accent-soft-on,var(--color-on-accent))}.admonition--neutral,:where(.admonition)[data-variant=neutral]{--admonition-bg:var(--color-surface-subtle);--admonition-border-color:var(--color-border-strong);--admonition-text:var(--color-text);--admonition-title-color:var(--color-text);--admonition-icon-color:var(--color-text-muted)}.admonition--bordered,.admonition--outline{border:var(--admonition-border) solid var(--admonition-border-color);border-left-width:var(--admonition-border)}.admonition--outline,.admonition--plain{background-color:transparent}.admonition--plain{border:0;padding:0}.md-callout,.md-danger,.md-important,.md-info,.md-note,.md-success,.md-tip,.md-warning{background-color:var(--callout-bg,var(--color-surface-subtle));border-left:var(--highlight-border-width) solid var(--callout-border-color,currentColor);border-radius:var(--radius-md);color:var(--callout-text,var(--color-text));font-size:var(--text-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.md-callout[data-variant=info]{--callout-bg:var(--semantic-info-bg);--callout-border-color:var(--semantic-info-border);--callout-text:var(--semantic-info-text)}.md-callout[data-variant=success]{--callout-bg:var(--semantic-success-bg);--callout-border-color:var(--semantic-success-border);--callout-text:var(--semantic-success-text)}.md-callout[data-variant=warning]{--callout-bg:var(--semantic-warning-bg);--callout-border-color:var(--semantic-warning-border);--callout-text:var(--semantic-warning-text)}.md-callout[data-variant=danger]{--callout-bg:var(--semantic-danger-bg);--callout-border-color:var(--semantic-danger-border);--callout-text:var(--semantic-danger-text)}.md-callout[data-variant=accent]{--callout-bg:var(--accent-soft-surface,var(--color-accent-soft));--callout-border-color:var(--accent-soft-border,var(--color-accent));--callout-text:var(--accent-soft-on,var(--color-on-accent))}.md-callout[data-variant=neutral]{--callout-bg:var(--color-surface-subtle);--callout-border-color:var(--color-border-strong);--callout-text:var(--color-text)}.md-info,.md-note{--callout-bg:var(--semantic-info-bg);--callout-border-color:var(--semantic-info-border);--callout-text:var(--semantic-info-text)}.md-success,.md-tip{--callout-bg:var(--semantic-success-bg);--callout-border-color:var(--semantic-success-border);--callout-text:var(--semantic-success-text)}.md-warning{--callout-bg:var(--semantic-warning-bg);--callout-border-color:var(--semantic-warning-border);--callout-text:var(--semantic-warning-text)}.md-danger,.md-important{--callout-bg:var(--semantic-danger-bg);--callout-border-color:var(--semantic-danger-border);--callout-text:var(--semantic-danger-text)}.heading-anchor{color:var(--color-text-soft);font-size:.8em;margin-left:var(--space-1);opacity:0;-webkit-text-decoration:none;text-decoration:none;transition:opacity var(--transition-fast)}.heading-anchor:hover{color:var(--link-text-hover)}h1:focus-within .heading-anchor,h1:hover .heading-anchor,h2:focus-within .heading-anchor,h2:hover .heading-anchor,h3:focus-within .heading-anchor,h3:hover .heading-anchor,h4:focus-within .heading-anchor,h4:hover .heading-anchor,h5:focus-within .heading-anchor,h5:hover .heading-anchor,h6:focus-within .heading-anchor,h6:hover .heading-anchor{opacity:1}.heading-anchor--always{opacity:1}@media (hover:none){.heading-anchor{opacity:1}}.fn-ref{color:var(--footnote-color,var(--color-text-muted));font-size:var(--footnote-size);margin-left:.15em;-webkit-text-decoration:none;text-decoration:none;vertical-align:super}.fn-ref:hover{color:var(--link-text-hover)}.fn-back{color:var(--footnote-color,var(--color-text-muted));-webkit-text-decoration:none;text-decoration:none}.fn-back,.footnotes{font-size:var(--footnote-size)}.footnotes{border-top:1px solid var(--color-border-subtle);margin-top:var(--space-8);padding-top:var(--space-6)}.footnotes ol{padding-left:var(--space-6)}.footnotes li{margin-bottom:var(--space-3)}.inline-marker{background:var(--marker-bg);border:1px solid var(--marker-border);border-radius:var(--marker-radius);color:var(--marker-text);display:inline-block;font-size:var(--text-xs);line-height:1.3;padding:0 var(--space-1_5)}.inline-marker--info,:where(.inline-marker)[data-variant=info]{--marker-bg:var(--semantic-info-bg);--marker-border:var(--semantic-info-border);--marker-text:var(--semantic-info-text)}.inline-marker--success,:where(.inline-marker)[data-variant=success]{--marker-bg:var(--semantic-success-bg);--marker-border:var(--semantic-success-border);--marker-text:var(--semantic-success-text)}.inline-marker--warning,:where(.inline-marker)[data-variant=warning]{--marker-bg:var(--semantic-warning-bg);--marker-border:var(--semantic-warning-border);--marker-text:var(--semantic-warning-text)}.inline-marker--danger,:where(.inline-marker)[data-variant=danger]{--marker-bg:var(--semantic-danger-bg);--marker-border:var(--semantic-danger-border);--marker-text:var(--semantic-danger-text)}.inline-marker--accent,:where(.inline-marker)[data-variant=accent]{--marker-bg:var(--accent-soft-surface,var(--color-accent-soft));--marker-border:var(--accent-soft-border,var(--color-accent));--marker-text:var(--accent-soft-on,var(--color-on-accent))}.inline-marker--neutral,:where(.inline-marker)[data-variant=neutral]{--marker-bg:var(--color-surface-subtle);--marker-border:var(--color-border-strong);--marker-text:var(--color-text)}.inline-marker--outline{background:transparent}.inline-marker--pill{--marker-radius:var(--radius-pill)}.prose-lead{color:var(--color-text);font-size:var(--text-md);line-height:var(--line-height-relaxed)}.prose-muted{color:var(--color-text-muted)}.prose-tight>*+*{margin-top:var(--space-2)}.prose-relaxed>*+*{margin-top:var(--space-6)}.prose-grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6)}.prose-grid-2,.prose-grid-3{display:grid;gap:var(--space-6)}.prose-grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6)}.prose-grid-1-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-gap:var(--space-6);gap:var(--space-6)}.prose-grid-2-1{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:var(--space-6);gap:var(--space-6)}@media (max-width:1024px){.prose-grid-1-2,.prose-grid-2,.prose-grid-2-1,.prose-grid-3{grid-template-columns:1fr}}.doc-block__body .admonition,.doc-block__body .md-callout,.doc-block__body .md-danger,.doc-block__body .md-important,.doc-block__body .md-info,.doc-block__body .md-note,.doc-block__body .md-success,.doc-block__body .md-tip,.doc-block__body .md-warning{margin-bottom:var(--space-3);margin-top:var(--space-3)}

package/dist/components/badge-tag.min.css

@@ -1 +1 @@
-.vds-badge-tag,[data-vds-badge-tag]{--badge-tag-radius:var(--radius-pill);--badge-tag-font-size:var(--text-xs);--badge-tag-font-weight:600;--badge-tag-padding-y:var(--space-1);--badge-tag-padding-x:var(--space-2_5);--badge-tag-gap:var(--space-1_5);--badge-tag-dot-size:0.4rem;--badge-tag-icon-size:0.85rem;--badge-tag-border-width:var(--border-width);--badge-tag-circle-size:var(--space-6);--badge-tag-bg:var(--color-surface-subtle);--badge-tag-border:var(--color-border-subtle);--badge-tag-text:var(--color-text);--badge-tag-solid-bg:var(--color-accent);--badge-tag-solid-border:var(--color-accent-strong);--badge-tag-solid-text:var(--color-on-accent)}.badge-tag{align-items:center;background:var(--badge-tag-bg);border:var(--badge-tag-border-width) solid var(--badge-tag-border);border-radius:var(--badge-tag-radius);color:var(--badge-tag-text);display:inline-flex;font-size:var(--badge-tag-font-size);font-weight:var(--badge-tag-font-weight);gap:var(--badge-tag-gap);justify-content:center;line-height:1;padding:var(--badge-tag-padding-y) var(--badge-tag-padding-x);-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}.badge__dot{background:currentColor;border-radius:999px;height:var(--badge-tag-dot-size);width:var(--badge-tag-dot-size)}.badge__icon{height:var(--badge-tag-icon-size);justify-content:center;width:var(--badge-tag-icon-size)}.badge__icon,.badge__remove{align-items:center;display:inline-flex}.badge__remove{background:transparent;border:0;color:inherit;cursor:pointer;line-height:1;margin-left:var(--space-1);padding:0}.badge-tag--xs{--badge-tag-padding-y:var(--space-0_5);--badge-tag-padding-x:var(--space-2);--badge-tag-font-size:var(--text-xxs);--badge-tag-circle-size:var(--space-4)}.badge-tag--sm{--badge-tag-padding-y:var(--space-1);--badge-tag-padding-x:var(--space-2_5);--badge-tag-circle-size:var(--space-5)}.badge-tag--lg{--badge-tag-padding-y:var(--space-1_5);--badge-tag-padding-x:var(--space-3_5);--badge-tag-font-size:var(--text-sm);--badge-tag-circle-size:var(--space-7)}.badge-tag--square{--badge-tag-radius:var(--radius-sm)}.badge-tag--sharp{--badge-tag-radius:var(--radius-none)}.badge-tag--circle,.badge-tag--count{font-feature-settings:"tnum";border-radius:999px;font-variant-numeric:tabular-nums;height:var(--badge-tag-circle-size);min-width:var(--badge-tag-circle-size);padding:0}.badge-tag--circle{width:var(--badge-tag-circle-size)}.badge-tag--tag{cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.badge-tag--tag:hover{background:var(--color-surface-hover)}.badge-tag--tag:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.badge-tag--outline{background:transparent;border-color:currentColor}.badge-tag--solid{background:var(--badge-tag-solid-bg);border-color:var(--badge-tag-solid-border);color:var(--badge-tag-solid-text)}.badge-tag--accent{--badge-tag-bg:var(--color-accent-soft);--badge-tag-border:var(--color-accent);--badge-tag-text:var(--color-text);--badge-tag-solid-bg:var(--color-accent);--badge-tag-solid-border:var(--color-accent-strong);--badge-tag-solid-text:var(--color-on-accent)}.badge-tag--success{--badge-tag-bg:var(--success-soft-surface,var(--color-success-soft));--badge-tag-border:var(--success-soft-border,var(--color-success));--badge-tag-text:var(--success-soft-on,var(--color-success-strong));--badge-tag-solid-bg:var(--color-success);--badge-tag-solid-border:var(--color-success-strong);--badge-tag-solid-text:var(--color-on-success)}.badge-tag--info{--badge-tag-bg:var(--info-soft-surface,var(--color-info-soft));--badge-tag-border:var(--info-soft-border,var(--color-info));--badge-tag-text:var(--info-soft-on,var(--color-info-strong));--badge-tag-solid-bg:var(--color-info);--badge-tag-solid-border:var(--color-info-strong);--badge-tag-solid-text:var(--color-on-info)}.badge-tag--warning{--badge-tag-bg:var(--warning-soft-surface,var(--color-warning-soft));--badge-tag-border:var(--warning-soft-border,var(--color-warning));--badge-tag-text:var(--warning-soft-on,var(--color-warning-strong));--badge-tag-solid-bg:var(--color-warning);--badge-tag-solid-border:var(--color-warning-strong);--badge-tag-solid-text:var(--color-on-warning)}.badge-tag--danger{--badge-tag-bg:var(--danger-soft-surface,var(--color-danger-soft));--badge-tag-border:var(--danger-soft-border,var(--color-danger));--badge-tag-text:var(--danger-soft-on,var(--color-danger-strong));--badge-tag-solid-bg:var(--color-danger);--badge-tag-solid-border:var(--color-danger-strong);--badge-tag-solid-text:var(--color-on-danger)}.badge-tag--neutral{--badge-tag-bg:var(--color-surface-subtle);--badge-tag-border:var(--color-border-subtle);--badge-tag-text:var(--color-text-muted);--badge-tag-solid-bg:var(--color-mono);--badge-tag-solid-border:var(--color-mono-strong);--badge-tag-solid-text:var(--color-on-mono)}.badge-tag--mono{--badge-tag-bg:var(--color-mono-soft);--badge-tag-border:var(--color-mono);--badge-tag-text:var(--color-on-mono);--badge-tag-solid-bg:var(--color-mono);--badge-tag-solid-border:var(--color-mono-strong);--badge-tag-solid-text:var(--color-on-mono)}
+.vds-badge-tag,[data-vds-badge-tag]{--badge-tag-radius:var(--radius-pill);--badge-tag-font-size:var(--text-xs);--badge-tag-font-weight:600;--badge-tag-padding-y:var(--space-1);--badge-tag-padding-x:var(--space-2_5);--badge-tag-gap:var(--space-1_5);--badge-tag-dot-size:0.4rem;--badge-tag-icon-size:0.85rem;--badge-tag-border-width:var(--border-width);--badge-tag-circle-size:var(--space-6);--badge-tag-bg:var(--color-surface-subtle);--badge-tag-border:var(--color-border-subtle);--badge-tag-text:var(--color-text);--badge-tag-solid-bg:var(--color-accent);--badge-tag-solid-border:var(--color-accent-strong);--badge-tag-solid-text:var(--color-on-accent)}.badge-tag{align-items:center;background:var(--badge-tag-bg);border:var(--badge-tag-border-width) solid var(--badge-tag-border);border-radius:var(--badge-tag-radius);color:var(--badge-tag-text);display:inline-flex;font-size:var(--badge-tag-font-size);font-weight:var(--badge-tag-font-weight);gap:var(--badge-tag-gap);justify-content:center;line-height:1;padding:var(--badge-tag-padding-y) var(--badge-tag-padding-x);-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}.badge__dot{background:currentColor;border-radius:999px;height:var(--badge-tag-dot-size);width:var(--badge-tag-dot-size)}.badge__icon{height:var(--badge-tag-icon-size);justify-content:center;width:var(--badge-tag-icon-size)}.badge__icon,.badge__remove{align-items:center;display:inline-flex}.badge__remove{background:transparent;border:0;color:inherit;cursor:pointer;line-height:1;margin-left:var(--space-1);padding:0}.badge-tag--xs{--badge-tag-padding-y:var(--space-0_5);--badge-tag-padding-x:var(--space-2);--badge-tag-font-size:var(--text-xxs);--badge-tag-circle-size:var(--space-4)}.badge-tag--sm{--badge-tag-padding-y:var(--space-1);--badge-tag-padding-x:var(--space-2_5);--badge-tag-circle-size:var(--space-5)}.badge-tag--lg{--badge-tag-padding-y:var(--space-1_5);--badge-tag-padding-x:var(--space-3_5);--badge-tag-font-size:var(--text-sm);--badge-tag-circle-size:var(--space-7)}.badge-tag--square{--badge-tag-radius:var(--radius-sm)}.badge-tag--sharp{--badge-tag-radius:var(--radius-none)}.badge-tag--circle,.badge-tag--count{border-radius:999px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;height:var(--badge-tag-circle-size);min-width:var(--badge-tag-circle-size);padding:0}.badge-tag--circle{width:var(--badge-tag-circle-size)}.badge-tag--tag{cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.badge-tag--tag:hover{background:var(--color-surface-hover)}.badge-tag--tag:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color);outline:none}.badge-tag--outline{background:transparent;border-color:currentColor}.badge-tag--solid{background:var(--badge-tag-solid-bg);border-color:var(--badge-tag-solid-border);color:var(--badge-tag-solid-text)}.badge-tag--accent{--badge-tag-bg:var(--color-accent-soft);--badge-tag-border:var(--color-accent);--badge-tag-text:var(--color-text);--badge-tag-solid-bg:var(--color-accent);--badge-tag-solid-border:var(--color-accent-strong);--badge-tag-solid-text:var(--color-on-accent)}.badge-tag--success{--badge-tag-bg:var(--success-soft-surface,var(--color-success-soft));--badge-tag-border:var(--success-soft-border,var(--color-success));--badge-tag-text:var(--success-soft-on,var(--color-success-strong));--badge-tag-solid-bg:var(--color-success);--badge-tag-solid-border:var(--color-success-strong);--badge-tag-solid-text:var(--color-on-success)}.badge-tag--info{--badge-tag-bg:var(--info-soft-surface,var(--color-info-soft));--badge-tag-border:var(--info-soft-border,var(--color-info));--badge-tag-text:var(--info-soft-on,var(--color-info-strong));--badge-tag-solid-bg:var(--color-info);--badge-tag-solid-border:var(--color-info-strong);--badge-tag-solid-text:var(--color-on-info)}.badge-tag--warning{--badge-tag-bg:var(--warning-soft-surface,var(--color-warning-soft));--badge-tag-border:var(--warning-soft-border,var(--color-warning));--badge-tag-text:var(--warning-soft-on,var(--color-warning-strong));--badge-tag-solid-bg:var(--color-warning);--badge-tag-solid-border:var(--color-warning-strong);--badge-tag-solid-text:var(--color-on-warning)}.badge-tag--danger{--badge-tag-bg:var(--danger-soft-surface,var(--color-danger-soft));--badge-tag-border:var(--danger-soft-border,var(--color-danger));--badge-tag-text:var(--danger-soft-on,var(--color-danger-strong));--badge-tag-solid-bg:var(--color-danger);--badge-tag-solid-border:var(--color-danger-strong);--badge-tag-solid-text:var(--color-on-danger)}.badge-tag--neutral{--badge-tag-bg:var(--color-surface-subtle);--badge-tag-border:var(--color-border-subtle);--badge-tag-text:var(--color-text-muted);--badge-tag-solid-bg:var(--color-mono);--badge-tag-solid-border:var(--color-mono-strong);--badge-tag-solid-text:var(--color-on-mono)}.badge-tag--mono{--badge-tag-bg:var(--color-mono-soft);--badge-tag-border:var(--color-mono);--badge-tag-text:var(--color-on-mono);--badge-tag-solid-bg:var(--color-mono);--badge-tag-solid-border:var(--color-mono-strong);--badge-tag-solid-text:var(--color-on-mono)}

package/dist/components/buttons.min.css

@@ -1 +1 @@
-.button{--button-text-color:var(--color-text);align-items:center;background:var(--color-surface);border-color:var(--color-border-subtle);border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width);color:var(--button-text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;line-height:var(--line-height-xl-tight);padding:var(--space-2_5) var(--space-5);-webkit-text-decoration:none;text-decoration:none;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:normal}.button:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft));outline:none}.button:active:not(:disabled):not([aria-disabled=true]),.button:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-subtle,var(--color-muted-bg))}.button:active:not(:disabled):not([aria-disabled=true]){border-color:var(--color-border-strong,var(--color-border-subtle));transform:translateY(1px)}.button:disabled,.button[aria-disabled=true]{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed;opacity:.6;transform:none}.button--selected,.button[aria-pressed=true]{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--xs{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);padding:var(--space-1_5) var(--space-2_5)}.button--sm{padding:var(--space-1_5) var(--space-3)}.button--md{padding:var(--space-2_5) var(--space-5)}.button--lg{padding:var(--space-3_5) var(--space-7)}.button--nowrap{white-space:nowrap}.button--block{align-items:center;display:flex;justify-content:center;width:100%}.button--full-height{height:100%}.button--icon,.button--icon-only{border-radius:var(--radius-full);min-height:var(--space-8);min-width:var(--space-8);padding:var(--space-2)}.button__icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}@supports not (gap:1rem){.button__icon--left{margin-right:var(--space-2)}.button__icon--right{margin-left:var(--space-2)}}.button--primary{--button-text-color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent-strong)}.button--primary:active:not(:disabled):not([aria-disabled=true]),.button--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.button--primary:focus-visible{box-shadow:0 0 0 1px var(--color-accent-strong),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--primary:active:focus-visible{box-shadow:0 0 0 1px var(--color-accent-strong),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--secondary{--button-text-color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-subtle)}.button--secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-subtle,var(--color-muted-bg));border-color:var(--color-border-subtle)}.button--secondary:active:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-subtle,var(--color-muted-bg));border-color:var(--color-border-strong,var(--color-border-subtle))}.button--secondary:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--soft{--button-text-color:var(--button-soft-text,var(--color-text));background-color:var(--color-surface-subtle);border-color:var(--button-soft-border,var(--color-border-subtle))}.button--soft:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-accent-soft-hover,var(--color-accent-soft));border-color:var(--button-soft-border-hover,var(--color-border-strong))}.button--soft:active:not(:disabled):not([aria-disabled=true]){background:var(--color-accent-soft-hover,var(--color-accent-soft));border-color:transparent}.button--soft:focus-visible{box-shadow:0 0 0 1px var(--color-accent-soft),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--ghost{--button-text-color:var(--color-text);background:transparent;border-color:transparent}.button--ghost:active:not(:disabled):not([aria-disabled=true]),.button--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-muted-bg);border-color:transparent}.button--ghost:focus-visible{box-shadow:0 0 0 1px var(--color-muted-bg),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--subtle{--button-text-color:var(--color-text-muted);background:transparent;border-color:transparent}.button--subtle:active:not(:disabled):not([aria-disabled=true]),.button--subtle:hover:not(:disabled):not([aria-disabled=true]){--button-text-color:var(--color-text);background:var(--color-muted-bg)}.button--subtle:focus-visible{box-shadow:0 0 0 1px var(--color-muted-bg),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--success{--button-text-color:var(--color-on-success);background:var(--color-success);border-color:var(--color-success-strong)}.button--success:hover:not(:disabled):not([aria-disabled=true]){--button-text-color:var(--success-soft-on);background-color:var(--success-soft-surface-strong,var(--color-success-soft-hover));border-color:var(--color-success-strong)}.button--success:active:not(:disabled):not([aria-disabled=true]){background:var(--color-success-strong);border-color:var(--color-success-strong)}.button--success:focus-visible{box-shadow:0 0 0 1px var(--color-success-strong),0 0 0 3px var(--focus-ring-color,var(--color-success-soft))}.button--warning{--button-text-color:var(--color-on-warning);background:var(--color-warning);border-color:var(--color-warning-strong)}.button--warning:hover:not(:disabled):not([aria-disabled=true]){--button-text-color:var(--warning-soft-on);background-color:var(--warning-soft-surface-strong,var(--color-warning-soft-hover));border-color:var(--color-warning-strong)}.button--warning:active:not(:disabled):not([aria-disabled=true]){background:var(--color-warning-strong);border-color:var(--color-warning-strong)}.button--warning:focus-visible{box-shadow:0 0 0 1px var(--color-warning-strong),0 0 0 3px var(--focus-ring-color,var(--color-warning-soft))}.button--info{--button-text-color:var(--color-on-info);background:var(--color-info);border-color:var(--color-info-strong)}.button--info:hover:not(:disabled):not([aria-disabled=true]){--button-text-color:var(--info-soft-on);background-color:var(--info-soft-surface-strong,var(--color-info-soft-hover));border-color:var(--color-info-strong)}.button--info:active:not(:disabled):not([aria-disabled=true]){background:var(--color-info-strong);border-color:var(--color-info-strong)}.button--info:focus-visible{box-shadow:0 0 0 1px var(--color-info-strong),0 0 0 3px var(--focus-ring-color,var(--color-info-soft))}.button--danger{--button-text-color:var(--color-on-danger);background:var(--color-danger);border-color:var(--color-danger-strong)}.button--danger:hover:not(:disabled):not([aria-disabled=true]){--button-text-color:var(--danger-soft-on);background-color:var(--danger-soft-surface-strong,var(--color-danger-soft-hover));border-color:var(--color-danger-strong)}.button--danger:active:not(:disabled):not([aria-disabled=true]){background:var(--color-danger-strong);border-color:var(--color-danger-strong)}.button--danger:focus-visible{box-shadow:0 0 0 1px var(--color-danger-strong),0 0 0 3px var(--focus-ring-color,var(--color-danger-soft))}.button--neutral{--button-text-color:var(--color-text-on-soft,var(--color-text));background:var(--color-surface-subtle);border-color:var(--color-border-subtle)}.button--neutral:active:not(:disabled):not([aria-disabled=true]),.button--neutral:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-hover);border-color:var(--color-border-strong,var(--color-border-subtle))}.button--neutral:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--outline{--button-text-color:var(--color-text);background:transparent;border-color:var(--color-border-subtle)}.button--outline:active:not(:disabled):not([aria-disabled=true]),.button--outline:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-subtle,var(--color-muted-bg));border-color:var(--color-border-strong,var(--color-border-subtle))}.button--outline:focus-visible{box-shadow:0 0 0 1px var(--color-border-strong,var(--color-border-subtle)),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--outline-accent{--button-text-color:var(--color-accent);background:transparent;border-color:var(--color-accent)}.button--outline-accent:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-outline-accent-hover-bg);border-color:var(--button-outline-accent-hover-border,var(--color-accent-strong))}.button--outline-accent:active:not(:disabled):not([aria-disabled=true]){background:var(--color-accent-soft);border-color:var(--color-accent-strong)}.button--outline-accent:focus-visible{box-shadow:0 0 0 1px var(--color-accent-strong),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--outline-danger{--button-text-color:var(--color-danger);background:transparent;border-color:var(--color-danger)}.button--outline-danger:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-outline-danger-hover-bg);border-color:var(--button-outline-danger-hover-border,var(--color-danger-strong))}.button--outline-danger:active:not(:disabled):not([aria-disabled=true]){background:var(--color-danger-soft);border-color:var(--color-danger-strong)}.button--outline-danger:focus-visible{box-shadow:0 0 0 1px var(--color-danger-strong),0 0 0 3px var(--focus-ring-color,var(--color-danger-soft))}.button--outline-success{--button-text-color:var(--color-success);background:transparent;border-color:var(--color-success)}.button--outline-success:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-outline-success-hover-bg);border-color:var(--button-outline-success-hover-border,var(--color-success-strong))}.button--outline-success:active:not(:disabled):not([aria-disabled=true]){background:var(--color-success-soft);border-color:var(--color-success-strong)}.button--outline-success:focus-visible{box-shadow:0 0 0 1px var(--color-success-strong),0 0 0 3px var(--focus-ring-color,var(--color-success-soft))}.button--outline-warning{--button-text-color:var(--color-warning);background:transparent;border-color:var(--color-warning)}.button--outline-warning:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-outline-warning-hover-bg);border-color:var(--button-outline-warning-hover-border,var(--color-warning-strong))}.button--outline-warning:active:not(:disabled):not([aria-disabled=true]){background:var(--color-warning-soft);border-color:var(--color-warning-strong)}.button--outline-warning:focus-visible{box-shadow:0 0 0 1px var(--color-warning-strong),0 0 0 3px var(--focus-ring-color,var(--color-warning-soft))}.button--outline-info{--button-text-color:var(--color-info);background:transparent;border-color:var(--color-info)}.button--outline-info:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-outline-info-hover-bg);border-color:var(--button-outline-info-hover-border,var(--color-info-strong))}.button--outline-info:active:not(:disabled):not([aria-disabled=true]){background:var(--color-info-soft);border-color:var(--color-info-strong)}.button--outline-info:focus-visible{box-shadow:0 0 0 1px var(--color-info-strong),0 0 0 3px var(--focus-ring-color,var(--color-info-soft))}.button--link{--button-text-color:var(--color-accent);background:transparent;border:0;font-weight:500;padding:0}.button--link:active:not(:disabled):not([aria-disabled=true]),.button--link:hover:not(:disabled):not([aria-disabled=true]){background:transparent;-webkit-text-decoration:underline;text-decoration:underline}.button--link:focus-visible{box-shadow:0 0 0 1px transparent,0 0 0 3px var(--focus-ring-color,var(--color-accent-soft));-webkit-text-decoration:underline;text-decoration:underline}.button--link:disabled,.button--link[aria-disabled=true]{cursor:not-allowed;opacity:.6;-webkit-text-decoration:none;text-decoration:none}.button--loading{pointer-events:none;position:relative}.button--loading>*{visibility:hidden}.button--loading:after{animation:button-spinner .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;bottom:0;content:"";height:1em;left:0;margin:auto;position:absolute;right:0;top:0;width:1em}.button--loading:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}@keyframes button-spinner{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.button{transition:none}.button--loading:after{animation:none;border-top-color:currentColor}}.button--contrast-hover:hover:not(:disabled):not([aria-disabled=true]){background:rgba(0,0,0,.12);border-color:currentColor}.button--lift:hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-1px)}.button--lift:active:not(:disabled):not([aria-disabled=true]){transform:translateY(0)}a.button,a.button:active,a.button:focus,a.button:hover{color:var(--button-text-color,var(--color-text));-webkit-text-decoration:none;text-decoration:none}a.button[aria-disabled=true],a.button[aria-disabled=true]:active,a.button[aria-disabled=true]:focus,a.button[aria-disabled=true]:hover{color:var(--color-text-muted);pointer-events:none;-webkit-text-decoration:none;text-decoration:none}a.button--link:active,a.button--link:focus,a.button--link:hover{-webkit-text-decoration:underline;text-decoration:underline}a.button:hover{-webkit-text-decoration:none;text-decoration:none}
+.button{align-items:center;border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width);display:inline-flex;gap:var(--space-2);justify-content:center;padding:var(--space-2_5) var(--space-5);--button-text-color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-subtle);color:var(--button-text-color);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-xl-tight);-webkit-text-decoration:none;text-decoration:none;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:normal}.button:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft));outline:none}.button:active:not(:disabled):not([aria-disabled=true]),.button:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-subtle,var(--color-muted-bg))}.button:active:not(:disabled):not([aria-disabled=true]){border-color:var(--color-border-strong,var(--color-border-subtle));transform:translateY(1px)}.button:disabled,.button[aria-disabled=true]{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed;opacity:.6;transform:none}.button--selected,.button[aria-pressed=true]{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--xs{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);padding:var(--space-1_5) var(--space-2_5)}.button--sm{padding:var(--space-1_5) var(--space-3)}.button--md{padding:var(--space-2_5) var(--space-5)}.button--lg{padding:var(--space-3_5) var(--space-7)}.button--nowrap{white-space:nowrap}.button--block{align-items:center;display:flex;justify-content:center;width:100%}.button--full-height{height:100%}.button--icon,.button--icon-only{border-radius:var(--radius-full);min-height:var(--space-8);min-width:var(--space-8);padding:var(--space-2)}.button__icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}@supports not (gap:1rem){.button__icon--left{margin-right:var(--space-2)}.button__icon--right{margin-left:var(--space-2)}}.button--primary{background:var(--color-accent);border-color:var(--color-accent-strong);--button-text-color:var(--color-on-accent)}.button--primary:active:not(:disabled):not([aria-disabled=true]),.button--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.button--primary:focus-visible{box-shadow:0 0 0 1px var(--color-accent-strong),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--primary:active:focus-visible{box-shadow:0 0 0 1px var(--color-accent-strong),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--secondary{background:var(--color-surface);border-color:var(--color-border-subtle);--button-text-color:var(--color-text)}.button--secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-subtle,var(--color-muted-bg));border-color:var(--color-border-subtle)}.button--secondary:active:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-subtle,var(--color-muted-bg));border-color:var(--color-border-strong,var(--color-border-subtle))}.button--secondary:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--soft{background-color:var(--color-surface-subtle);border-color:var(--button-soft-border,var(--color-border-subtle));--button-text-color:var(--button-soft-text,var(--color-text))}.button--soft:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-accent-soft-hover,var(--color-accent-soft));border-color:var(--button-soft-border-hover,var(--color-border-strong))}.button--soft:active:not(:disabled):not([aria-disabled=true]){background:var(--color-accent-soft-hover,var(--color-accent-soft));border-color:transparent}.button--soft:focus-visible{box-shadow:0 0 0 1px var(--color-accent-soft),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--ghost{background:transparent;border-color:transparent;--button-text-color:var(--color-text)}.button--ghost:active:not(:disabled):not([aria-disabled=true]),.button--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-muted-bg);border-color:transparent}.button--ghost:focus-visible{box-shadow:0 0 0 1px var(--color-muted-bg),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--subtle{background:transparent;border-color:transparent;--button-text-color:var(--color-text-muted)}.button--subtle:active:not(:disabled):not([aria-disabled=true]),.button--subtle:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-muted-bg);--button-text-color:var(--color-text)}.button--subtle:focus-visible{box-shadow:0 0 0 1px var(--color-muted-bg),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--success{background:var(--color-success);border-color:var(--color-success-strong);--button-text-color:var(--color-on-success)}.button--success:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--success-soft-surface-strong,var(--color-success-soft-hover));border-color:var(--color-success-strong);--button-text-color:var(--success-soft-on)}.button--success:active:not(:disabled):not([aria-disabled=true]){background:var(--color-success-strong);border-color:var(--color-success-strong)}.button--success:focus-visible{box-shadow:0 0 0 1px var(--color-success-strong),0 0 0 3px var(--focus-ring-color,var(--color-success-soft))}.button--warning{background:var(--color-warning);border-color:var(--color-warning-strong);--button-text-color:var(--color-on-warning)}.button--warning:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--warning-soft-surface-strong,var(--color-warning-soft-hover));border-color:var(--color-warning-strong);--button-text-color:var(--warning-soft-on)}.button--warning:active:not(:disabled):not([aria-disabled=true]){background:var(--color-warning-strong);border-color:var(--color-warning-strong)}.button--warning:focus-visible{box-shadow:0 0 0 1px var(--color-warning-strong),0 0 0 3px var(--focus-ring-color,var(--color-warning-soft))}.button--info{background:var(--color-info);border-color:var(--color-info-strong);--button-text-color:var(--color-on-info)}.button--info:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--info-soft-surface-strong,var(--color-info-soft-hover));border-color:var(--color-info-strong);--button-text-color:var(--info-soft-on)}.button--info:active:not(:disabled):not([aria-disabled=true]){background:var(--color-info-strong);border-color:var(--color-info-strong)}.button--info:focus-visible{box-shadow:0 0 0 1px var(--color-info-strong),0 0 0 3px var(--focus-ring-color,var(--color-info-soft))}.button--danger{background:var(--color-danger);border-color:var(--color-danger-strong);--button-text-color:var(--color-on-danger)}.button--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--danger-soft-surface-strong,var(--color-danger-soft-hover));border-color:var(--color-danger-strong);--button-text-color:var(--danger-soft-on)}.button--danger:active:not(:disabled):not([aria-disabled=true]){background:var(--color-danger-strong);border-color:var(--color-danger-strong)}.button--danger:focus-visible{box-shadow:0 0 0 1px var(--color-danger-strong),0 0 0 3px var(--focus-ring-color,var(--color-danger-soft))}.button--neutral{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);--button-text-color:var(--color-text-on-soft,var(--color-text))}.button--neutral:active:not(:disabled):not([aria-disabled=true]),.button--neutral:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-hover);border-color:var(--color-border-strong,var(--color-border-subtle))}.button--neutral:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--outline{background:transparent;border-color:var(--color-border-subtle);--button-text-color:var(--color-text)}.button--outline:active:not(:disabled):not([aria-disabled=true]),.button--outline:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-subtle,var(--color-muted-bg));border-color:var(--color-border-strong,var(--color-border-subtle))}.button--outline:focus-visible{box-shadow:0 0 0 1px var(--color-border-strong,var(--color-border-subtle)),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--outline-accent{background:transparent;border-color:var(--color-accent);--button-text-color:var(--color-accent)}.button--outline-accent:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-outline-accent-hover-bg);border-color:var(--button-outline-accent-hover-border,var(--color-accent-strong))}.button--outline-accent:active:not(:disabled):not([aria-disabled=true]){background:var(--color-accent-soft);border-color:var(--color-accent-strong)}.button--outline-accent:focus-visible{box-shadow:0 0 0 1px var(--color-accent-strong),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}.button--outline-danger{background:transparent;border-color:var(--color-danger);--button-text-color:var(--color-danger)}.button--outline-danger:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-outline-danger-hover-bg);border-color:var(--button-outline-danger-hover-border,var(--color-danger-strong))}.button--outline-danger:active:not(:disabled):not([aria-disabled=true]){background:var(--color-danger-soft);border-color:var(--color-danger-strong)}.button--outline-danger:focus-visible{box-shadow:0 0 0 1px var(--color-danger-strong),0 0 0 3px var(--focus-ring-color,var(--color-danger-soft))}.button--outline-success{background:transparent;border-color:var(--color-success);--button-text-color:var(--color-success)}.button--outline-success:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-outline-success-hover-bg);border-color:var(--button-outline-success-hover-border,var(--color-success-strong))}.button--outline-success:active:not(:disabled):not([aria-disabled=true]){background:var(--color-success-soft);border-color:var(--color-success-strong)}.button--outline-success:focus-visible{box-shadow:0 0 0 1px var(--color-success-strong),0 0 0 3px var(--focus-ring-color,var(--color-success-soft))}.button--outline-warning{background:transparent;border-color:var(--color-warning);--button-text-color:var(--color-warning)}.button--outline-warning:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-outline-warning-hover-bg);border-color:var(--button-outline-warning-hover-border,var(--color-warning-strong))}.button--outline-warning:active:not(:disabled):not([aria-disabled=true]){background:var(--color-warning-soft);border-color:var(--color-warning-strong)}.button--outline-warning:focus-visible{box-shadow:0 0 0 1px var(--color-warning-strong),0 0 0 3px var(--focus-ring-color,var(--color-warning-soft))}.button--outline-info{background:transparent;border-color:var(--color-info);--button-text-color:var(--color-info)}.button--outline-info:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-outline-info-hover-bg);border-color:var(--button-outline-info-hover-border,var(--color-info-strong))}.button--outline-info:active:not(:disabled):not([aria-disabled=true]){background:var(--color-info-soft);border-color:var(--color-info-strong)}.button--outline-info:focus-visible{box-shadow:0 0 0 1px var(--color-info-strong),0 0 0 3px var(--focus-ring-color,var(--color-info-soft))}.button--link{background:transparent;border:0;--button-text-color:var(--color-accent);font-weight:500;padding:0}.button--link:active:not(:disabled):not([aria-disabled=true]),.button--link:hover:not(:disabled):not([aria-disabled=true]){background:transparent;-webkit-text-decoration:underline;text-decoration:underline}.button--link:focus-visible{box-shadow:0 0 0 1px transparent,0 0 0 3px var(--focus-ring-color,var(--color-accent-soft));-webkit-text-decoration:underline;text-decoration:underline}.button--link:disabled,.button--link[aria-disabled=true]{cursor:not-allowed;opacity:.6;-webkit-text-decoration:none;text-decoration:none}.button--loading{pointer-events:none;position:relative}.button--loading>*{visibility:hidden}.button--loading:after{animation:button-spinner .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;bottom:0;content:"";height:1em;left:0;margin:auto;position:absolute;right:0;top:0;width:1em}.button--loading:focus-visible{box-shadow:0 0 0 1px var(--color-surface),0 0 0 3px var(--focus-ring-color,var(--color-accent-soft))}@keyframes button-spinner{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.button{transition:none}.button--loading:after{animation:none;border-top-color:currentColor}}.button--contrast-hover:hover:not(:disabled):not([aria-disabled=true]){background:rgba(0,0,0,.12);border-color:currentColor}.button--lift:hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-1px)}.button--lift:active:not(:disabled):not([aria-disabled=true]){transform:translateY(0)}a.button,a.button:active,a.button:focus,a.button:hover{color:var(--button-text-color,var(--color-text));-webkit-text-decoration:none;text-decoration:none}a.button[aria-disabled=true],a.button[aria-disabled=true]:active,a.button[aria-disabled=true]:focus,a.button[aria-disabled=true]:hover{color:var(--color-text-muted);pointer-events:none;-webkit-text-decoration:none;text-decoration:none}a.button--link:active,a.button--link:focus,a.button--link:hover{-webkit-text-decoration:underline;text-decoration:underline}a.button:hover{-webkit-text-decoration:none;text-decoration:none}

package/dist/components/charts.css

@@ -189,10 +189,6 @@
 .chart__canvas svg {
     width: 100% !important;
     height: 100% !important;
-}
-
-.chart__canvas canvas,
-.chart__canvas svg {
     display: block;
 }
 

package/dist/components/charts.min.css

@@ -1 +1 @@
-.vds-chart,[data-vds-chart]{--chart-min-height-sm:10rem;--chart-min-height:14rem;--chart-min-height-lg:18rem;--chart-padding-sm:var(--space-3);--chart-padding:var(--space-4);--chart-padding-lg:var(--space-6);--chart-gap:var(--space-3);--chart-legend-gap:var(--space-2);--chart-axis-color:var(--color-text-soft);--chart-axis-text-color:var(--color-text-muted);--chart-gridline-color:color-mix(in srgb,var(--color-border-subtle) 70%,transparent);--chart-gridline-emph:color-mix(in srgb,var(--color-border-strong) 80%,transparent);--chart-surface-bg:var(--color-surface);--chart-surface-subtle:var(--color-surface-subtle);--chart-border-color:var(--color-border-subtle);--chart-series-1:var(--color-accent);--chart-series-1-soft:color-mix(in srgb,var(--color-accent) 18%,transparent);--chart-series-1-line:color-mix(in srgb,var(--color-accent) 80%,#000 5%);--chart-series-2:var(--color-success);--chart-series-2-soft:color-mix(in srgb,var(--color-success) 18%,transparent);--chart-series-2-line:color-mix(in srgb,var(--color-success) 80%,#000 5%);--chart-series-3:var(--color-info);--chart-series-3-soft:color-mix(in srgb,var(--color-info) 18%,transparent);--chart-series-3-line:color-mix(in srgb,var(--color-info) 80%,#000 5%);--chart-series-4:var(--color-warning);--chart-series-4-soft:color-mix(in srgb,var(--color-warning) 18%,transparent);--chart-series-4-line:color-mix(in srgb,var(--color-warning) 80%,#000 5%);--chart-series-5:var(--color-danger);--chart-series-5-soft:color-mix(in srgb,var(--color-danger) 18%,transparent);--chart-series-5-line:color-mix(in srgb,var(--color-danger) 80%,#000 5%);--chart-series-6:var(--color-text-muted,var(--color-text-soft));--chart-series-6-soft:color-mix(in srgb,var(--chart-series-6) 18%,transparent);--chart-series-6-line:color-mix(in srgb,var(--chart-series-6) 80%,#000 5%);--chart-series-positive:var(--color-success);--chart-series-negative:var(--color-danger);--chart-series-neutral:var(--color-muted-border);--chart-loading-stripes:linear-gradient(90deg,var(--color-muted-bg),var(--color-surface),var(--color-muted-bg))}.chart{background-color:var(--chart-surface-bg);border:var(--border-width) solid var(--chart-border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--chart-gap);min-height:var(--chart-min-height);padding:var(--chart-padding)}.chart--sm{min-height:var(--chart-min-height-sm);padding:var(--chart-padding-sm)}.chart--lg{min-height:var(--chart-min-height-lg);padding:var(--chart-padding-lg)}.chart--bare{border:none;border-radius:0}.card .chart,.chart--bare{background-color:transparent;padding:0}.card .chart{border:none;min-height:var(--chart-min-height)}.chart__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.chart__title{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.chart__subtitle{margin-top:var(--space-1)}.chart__meta,.chart__subtitle{color:var(--color-text-muted);font-size:var(--text-xs)}.chart__meta{align-items:center;display:flex;gap:var(--space-2)}.chart__meta-item{align-items:center;display:inline-flex;gap:var(--space-1);white-space:nowrap}.chart__meta-dot{background-color:var(--color-border-subtle);border-radius:var(--radius-full);height:var(--space-1_5);width:var(--space-1_5)}.chart__actions{align-items:center;display:flex;gap:var(--space-2)}.chart__body{align-items:stretch;display:flex;min-height:var(--chart-min-height-sm)}.chart__body,.chart__canvas{flex:1 1 auto;position:relative}.chart__canvas{min-height:inherit}.chart__canvas canvas,.chart__canvas svg{display:block;height:100%!important;width:100%!important}.chart__legend{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--chart-legend-gap)}.chart__legend--right{justify-content:flex-end;margin-left:auto}.chart-legend__item{align-items:center;display:inline-flex;gap:var(--space-1_5)}.chart-legend__swatch{border-radius:var(--radius-full);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-bg-soft) 70%,transparent);height:var(--space-2);width:var(--space-2)}.chart-legend__swatch,.chart-legend__swatch--1{background-color:var(--chart-series-1)}.chart-legend__swatch--2{background-color:var(--chart-series-2)}.chart-legend__swatch--3{background-color:var(--chart-series-3)}.chart-legend__swatch--4{background-color:var(--chart-series-4)}.chart-legend__swatch--5{background-color:var(--chart-series-5)}.chart-legend__swatch--6{background-color:var(--chart-series-6)}.chart-legend__label{white-space:nowrap}.chart-axis line,.chart-axis path{stroke:var(--chart-axis-color);stroke-width:1}.chart-axis text{fill:var(--chart-axis-text-color);font-size:var(--text-xxs)}.chart-axis--x text{dominant-baseline:hanging}.chart-axis--y text{dominant-baseline:middle}.chart-grid line{stroke:var(--chart-gridline-color);stroke-width:1;shape-rendering:crispEdges}.chart-grid line.major,.chart-grid line[data-major=true]{stroke:var(--chart-gridline-emph)}.chart-series--1{stroke:var(--chart-series-1-line);fill:none}.chart-series--2{stroke:var(--chart-series-2-line);fill:none}.chart-series--3{stroke:var(--chart-series-3-line);fill:none}.chart-series--4{stroke:var(--chart-series-4-line);fill:none}.chart-series--5{stroke:var(--chart-series-5-line);fill:none}.chart-series--6{stroke:var(--chart-series-6-line);fill:none}.chart-area--1{fill:var(--chart-series-1-soft)}.chart-area--2{fill:var(--chart-series-2-soft)}.chart-area--3{fill:var(--chart-series-3-soft)}.chart-area--4{fill:var(--chart-series-4-soft)}.chart-area--5{fill:var(--chart-series-5-soft)}.chart-area--6{fill:var(--chart-series-6-soft)}.chart-bar--1{fill:var(--chart-series-1);background-color:var(--chart-series-1)}.chart-bar--2{fill:var(--chart-series-2);background-color:var(--chart-series-2)}.chart-bar--3{fill:var(--chart-series-3);background-color:var(--chart-series-3)}.chart-bar--4{fill:var(--chart-series-4);background-color:var(--chart-series-4)}.chart-bar--5{fill:var(--chart-series-5);background-color:var(--chart-series-5)}.chart-bar--6{fill:var(--chart-series-6);background-color:var(--chart-series-6)}.chart-bar--positive{fill:var(--chart-series-positive);background-color:var(--chart-series-positive)}.chart-bar--negative{fill:var(--chart-series-negative);background-color:var(--chart-series-negative)}.chart-bar--neutral{fill:var(--chart-series-neutral);background-color:var(--chart-series-neutral)}.chart--empty .chart__canvas,.chart--error .chart__canvas,.chart--loading .chart__canvas{align-items:center;display:flex;justify-content:center}.chart-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);max-width:26rem;text-align:center}.chart-state__icon{align-items:center;color:var(--color-text-soft);display:inline-flex;height:var(--icon-lg);justify-content:center;width:var(--icon-lg)}.chart-state__title{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.chart-state__body{color:var(--color-text-muted);font-size:var(--text-xs)}.chart--empty .chart-state__icon{color:var(--color-text-soft)}.chart--error .chart-state__icon{color:var(--color-danger)}.chart--loading .chart__canvas:before{animation:chart-loading-shimmer 1.4s infinite;background-image:var(--chart-loading-stripes);background-size:200% 100%;border-radius:var(--radius-md);bottom:0;content:"";left:0;opacity:.55;position:absolute;right:0;top:0}@media (max-width:768px){.chart{min-height:var(--chart-min-height-sm);padding:var(--chart-padding-sm)}.chart__header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.chart__actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.chart__legend{width:100%}}@keyframes chart-loading-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}
+.vds-chart,[data-vds-chart]{--chart-min-height-sm:10rem;--chart-min-height:14rem;--chart-min-height-lg:18rem;--chart-padding-sm:var(--space-3);--chart-padding:var(--space-4);--chart-padding-lg:var(--space-6);--chart-gap:var(--space-3);--chart-legend-gap:var(--space-2);--chart-axis-color:var(--color-text-soft);--chart-axis-text-color:var(--color-text-muted);--chart-gridline-color:color-mix(in srgb,var(--color-border-subtle) 70%,transparent);--chart-gridline-emph:color-mix(in srgb,var(--color-border-strong) 80%,transparent);--chart-surface-bg:var(--color-surface);--chart-surface-subtle:var(--color-surface-subtle);--chart-border-color:var(--color-border-subtle);--chart-series-1:var(--color-accent);--chart-series-1-soft:color-mix(in srgb,var(--color-accent) 18%,transparent);--chart-series-1-line:color-mix(in srgb,var(--color-accent) 80%,#000 5%);--chart-series-2:var(--color-success);--chart-series-2-soft:color-mix(in srgb,var(--color-success) 18%,transparent);--chart-series-2-line:color-mix(in srgb,var(--color-success) 80%,#000 5%);--chart-series-3:var(--color-info);--chart-series-3-soft:color-mix(in srgb,var(--color-info) 18%,transparent);--chart-series-3-line:color-mix(in srgb,var(--color-info) 80%,#000 5%);--chart-series-4:var(--color-warning);--chart-series-4-soft:color-mix(in srgb,var(--color-warning) 18%,transparent);--chart-series-4-line:color-mix(in srgb,var(--color-warning) 80%,#000 5%);--chart-series-5:var(--color-danger);--chart-series-5-soft:color-mix(in srgb,var(--color-danger) 18%,transparent);--chart-series-5-line:color-mix(in srgb,var(--color-danger) 80%,#000 5%);--chart-series-6:var(--color-text-muted,var(--color-text-soft));--chart-series-6-soft:color-mix(in srgb,var(--chart-series-6) 18%,transparent);--chart-series-6-line:color-mix(in srgb,var(--chart-series-6) 80%,#000 5%);--chart-series-positive:var(--color-success);--chart-series-negative:var(--color-danger);--chart-series-neutral:var(--color-muted-border);--chart-loading-stripes:linear-gradient(90deg,var(--color-muted-bg),var(--color-surface),var(--color-muted-bg))}.chart{background-color:var(--chart-surface-bg);border:var(--border-width) solid var(--chart-border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--chart-gap);min-height:var(--chart-min-height);padding:var(--chart-padding)}.chart--sm{min-height:var(--chart-min-height-sm);padding:var(--chart-padding-sm)}.chart--lg{min-height:var(--chart-min-height-lg);padding:var(--chart-padding-lg)}.chart--bare{border:none;border-radius:0}.card .chart,.chart--bare{background-color:transparent;padding:0}.card .chart{border:none;min-height:var(--chart-min-height)}.chart__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.chart__title{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.chart__subtitle{margin-top:var(--space-1)}.chart__meta,.chart__subtitle{color:var(--color-text-muted);font-size:var(--text-xs)}.chart__meta{align-items:center;display:flex;gap:var(--space-2)}.chart__meta-item{align-items:center;display:inline-flex;gap:var(--space-1);white-space:nowrap}.chart__meta-dot{background-color:var(--color-border-subtle);border-radius:var(--radius-full);height:var(--space-1_5);width:var(--space-1_5)}.chart__actions{align-items:center;display:flex;gap:var(--space-2)}.chart__body{align-items:stretch;display:flex;min-height:var(--chart-min-height-sm)}.chart__body,.chart__canvas{flex:1 1 auto;position:relative}.chart__canvas{min-height:inherit}.chart__canvas canvas,.chart__canvas svg{display:block;height:100%!important;width:100%!important}.chart__legend{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--chart-legend-gap)}.chart__legend--right{justify-content:flex-end;margin-left:auto}.chart-legend__item{align-items:center;display:inline-flex;gap:var(--space-1_5)}.chart-legend__swatch{border-radius:var(--radius-full);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-bg-soft) 70%,transparent);height:var(--space-2);width:var(--space-2)}.chart-legend__swatch,.chart-legend__swatch--1{background-color:var(--chart-series-1)}.chart-legend__swatch--2{background-color:var(--chart-series-2)}.chart-legend__swatch--3{background-color:var(--chart-series-3)}.chart-legend__swatch--4{background-color:var(--chart-series-4)}.chart-legend__swatch--5{background-color:var(--chart-series-5)}.chart-legend__swatch--6{background-color:var(--chart-series-6)}.chart-legend__label{white-space:nowrap}.chart-axis line,.chart-axis path{stroke:var(--chart-axis-color);stroke-width:1}.chart-axis text{fill:var(--chart-axis-text-color);font-size:var(--text-xxs)}.chart-axis--x text{dominant-baseline:hanging}.chart-axis--y text{dominant-baseline:middle}.chart-grid line{shape-rendering:crispEdges;stroke:var(--chart-gridline-color);stroke-width:1}.chart-grid line.major,.chart-grid line[data-major=true]{stroke:var(--chart-gridline-emph)}.chart-series--1{fill:none;stroke:var(--chart-series-1-line)}.chart-series--2{fill:none;stroke:var(--chart-series-2-line)}.chart-series--3{fill:none;stroke:var(--chart-series-3-line)}.chart-series--4{fill:none;stroke:var(--chart-series-4-line)}.chart-series--5{fill:none;stroke:var(--chart-series-5-line)}.chart-series--6{fill:none;stroke:var(--chart-series-6-line)}.chart-area--1{fill:var(--chart-series-1-soft)}.chart-area--2{fill:var(--chart-series-2-soft)}.chart-area--3{fill:var(--chart-series-3-soft)}.chart-area--4{fill:var(--chart-series-4-soft)}.chart-area--5{fill:var(--chart-series-5-soft)}.chart-area--6{fill:var(--chart-series-6-soft)}.chart-bar--1{background-color:var(--chart-series-1);fill:var(--chart-series-1)}.chart-bar--2{background-color:var(--chart-series-2);fill:var(--chart-series-2)}.chart-bar--3{background-color:var(--chart-series-3);fill:var(--chart-series-3)}.chart-bar--4{background-color:var(--chart-series-4);fill:var(--chart-series-4)}.chart-bar--5{background-color:var(--chart-series-5);fill:var(--chart-series-5)}.chart-bar--6{background-color:var(--chart-series-6);fill:var(--chart-series-6)}.chart-bar--positive{background-color:var(--chart-series-positive);fill:var(--chart-series-positive)}.chart-bar--negative{background-color:var(--chart-series-negative);fill:var(--chart-series-negative)}.chart-bar--neutral{background-color:var(--chart-series-neutral);fill:var(--chart-series-neutral)}.chart--empty .chart__canvas,.chart--error .chart__canvas,.chart--loading .chart__canvas{align-items:center;display:flex;justify-content:center}.chart-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);max-width:26rem;text-align:center}.chart-state__icon{align-items:center;color:var(--color-text-soft);display:inline-flex;height:var(--icon-lg);justify-content:center;width:var(--icon-lg)}.chart-state__title{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.chart-state__body{color:var(--color-text-muted);font-size:var(--text-xs)}.chart--empty .chart-state__icon{color:var(--color-text-soft)}.chart--error .chart-state__icon{color:var(--color-danger)}.chart--loading .chart__canvas:before{animation:chart-loading-shimmer 1.4s infinite;background-image:var(--chart-loading-stripes);background-size:200% 100%;border-radius:var(--radius-md);bottom:0;content:"";left:0;opacity:.55;position:absolute;right:0;top:0}@media (max-width:768px){.chart{min-height:var(--chart-min-height-sm);padding:var(--chart-padding-sm)}.chart__header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.chart__actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.chart__legend{width:100%}}@keyframes chart-loading-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}

package/dist/components/command.css

@@ -422,7 +422,7 @@
     box-shadow: 0 0 0 1px color-mix(in srgb, var(--command-item-border-active) 40%, transparent);
 }
 
-@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)) {
+@supports (color: color-mix(in lch, red, blue)) {
 .command__item--active,
 .command__item[aria-selected="true"] {
     box-shadow: 0 0 0 var(--border-width, 1px) color-mix(in srgb, var(--command-item-border-active) 40%, transparent);

package/dist/components/command.min.css

@@ -1 +1 @@
-.vds-commands,[data-vds-commands]{--command-backdrop-bg:color-mix(in srgb,var(--color-bg) 60%,#000 55%);--command-panel-bg:var(--color-surface);--command-panel-border:var(--color-border-subtle);--command-panel-radius:var(--radius-xl);--command-panel-shadow:var(--shadow-xl);--command-panel-max-width:42rem;--command-panel-max-height:min(26rem,70vh);--command-header-bg:var(--color-surface-subtle);--command-input-bg:transparent;--command-input-border:transparent;--command-input-placeholder:var(--color-placeholder);--command-item-radius:var(--radius-md);--command-item-gap:var(--space-3);--command-item-pad-y:var(--space-2);--command-item-pad-x:var(--space-3);--command-item-bg-hover:var(--color-surface-subtle);--command-item-bg-active:var(--color-accent-soft);--command-item-border-active:var(--color-accent);--command-divider:var(--color-border-subtle);--command-label-muted:var(--color-text-muted);--command-scrollbar-thumb:var(--color-border-subtle);--command-scrollbar-track:transparent;--command-page-bg:var(--color-bg);--command-page-gap:var(--space-6);--command-page-padding:var(--space-6);--command-page-max-width:var(--content-width-xl);--command-surface-bg:var(--color-surface);--command-surface-border:var(--color-border-subtle);--command-surface-radius:var(--radius-lg);--command-surface-shadow:var(--shadow-sm);--command-surface-pad:var(--space-4);--command-surface-gap:var(--space-3);--command-surface-title:var(--color-text);--command-surface-muted:var(--color-text-muted);--command-rail-width:var(--border-width-strong);--command-accent:var(--color-accent);--command-accent-soft:var(--color-accent-soft);--command-accent-text:var(--color-on-accent);--command-pill-bg:var(--color-surface-subtle);--command-pill-border:var(--color-border-subtle);--command-pill-text:var(--color-text-muted);--command-progress-track:var(--color-muted-bg);--command-progress-fill:var(--color-accent)}.command{align-items:flex-start;display:flex;justify-content:center;padding:var(--space-10) var(--space-4) var(--space-6);pointer-events:none;transition:opacity .18s ease-out,visibility .18s ease-out;transition:opacity var(--transition-normal,.18s ease-out),visibility var(--transition-normal,.18s ease-out);visibility:hidden;z-index:90;z-index:var(--z-modal,90)}.command,.command:before{bottom:0;left:0;opacity:0;position:fixed;right:0;top:0}.command:before{background:var(--command-backdrop-bg);content:"";transition:opacity .18s ease-out;transition:opacity var(--transition-normal,.18s ease-out)}.command--open,.command[aria-hidden=false],.command[data-command-open=true]{opacity:1;pointer-events:auto;visibility:visible}.command--open:before,.command[aria-hidden=false]:before,.command[data-command-open=true]:before{opacity:1}.command--center{align-items:center}@media (max-width:640px){.command{align-items:stretch;padding:var(--space-6) var(--space-2)}}.command__panel{background:var(--command-panel-bg);border:var(--border-width,1px) solid var(--command-panel-border);border-radius:var(--command-panel-radius);box-shadow:var(--command-panel-shadow);color:var(--color-text);display:flex;flex-direction:column;max-height:var(--command-panel-max-height);max-width:var(--command-panel-max-width);opacity:0;overflow:hidden;position:relative;transform:translateY(8px) scale(.98);transition:opacity .18s ease-out,transform .18s ease-out;transition:opacity var(--transition-normal,.18s ease-out),transform var(--transition-normal,.18s ease-out);width:100%}.command--open .command__panel,.command[aria-hidden=false] .command__panel,.command[data-command-open=true] .command__panel{opacity:1;transform:translateY(0) scale(1)}@media (max-width:640px){.command__panel{border-radius:var(--radius-lg);max-height:calc(100vh - var(--space-12));max-width:100%}}.command__header{grid-gap:var(--space-3);align-items:center;background:var(--command-header-bg);border-bottom:var(--border-width,1px) solid var(--command-panel-border);display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--space-3) var(--space-4)}.command__leading-icon{align-items:center;color:var(--command-label-muted);display:inline-flex;height:1.25rem;height:var(--icon-md,1.25rem);justify-content:center;width:1.25rem;width:var(--icon-md,1.25rem)}.command__leading-icon .icon,.command__leading-icon svg{height:100%;width:100%}.command__input{background:var(--command-input-bg);border:0;color:var(--color-text);font:inherit;line-height:inherit;min-width:0;padding:0;width:100%}.command__input::-moz-placeholder{color:var(--command-input-placeholder)}.command__input::placeholder{color:var(--command-input-placeholder)}.command__input:focus{outline:none}.command__hint{align-items:center;color:var(--command-label-muted);display:inline-flex;font-size:var(--text-xs);gap:var(--space-2);white-space:nowrap}.command__hint-text,.command__shortcut{align-items:center;display:inline-flex;gap:var(--space-1)}.command__kbd-key{align-items:center;background:var(--color-surface-subtle);border:var(--border-width,1px) solid var(--command-panel-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);display:inline-flex;font-family:var(--font-family-mono),monospace;font-size:.8em;justify-content:center;line-height:1.4;min-width:1.6em;padding:.05em .45em}@media (max-width:640px){.command__header{gap:var(--space-2);padding-left:var(--space-3);padding-right:var(--space-3)}.command__hint-text{display:none}}.command__body{display:flex;flex-direction:column;overflow:hidden;padding:var(--space-2) var(--space-2) var(--space-3);position:relative}.command__scroll{max-height:100%;overflow-y:auto;padding-left:var(--space-2);padding-right:var(--space-2)}.command__body{overflow-y:auto}.command__section{padding:var(--space-2) var(--space-2) var(--space-1)}.command__section+.command__section{border-top:var(--border-width,1px) solid var(--command-divider);margin-top:var(--space-1);padding-top:var(--space-3)}.command__section-label{color:var(--command-label-muted);font-size:var(--text-xs);font-weight:500;font-weight:var(--font-weight-medium,500);letter-spacing:.08em;margin-bottom:var(--space-1);text-transform:uppercase}.command__list{list-style:none;margin:0;padding:0}.command__item{align-items:center;background:transparent;border-radius:var(--command-item-radius);color:var(--color-text);cursor:pointer;display:flex;gap:var(--command-item-gap);justify-content:space-between;padding:var(--command-item-pad-y) var(--command-item-pad-x);position:relative;transition:background-color .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;transition:background-color var(--transition-fast,.12s ease-out),border-color var(--transition-fast,.12s ease-out),box-shadow var(--transition-fast,.12s ease-out),transform var(--transition-fast,.12s ease-out)}.command__item-main{display:flex;flex-direction:column;gap:0;min-width:0}.command__item-label{font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium,500)}.command__item-description,.command__item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command__item-description{color:var(--command-label-muted);font-size:var(--text-xs)}.command__item-icon{align-items:center;color:var(--command-label-muted);display:inline-flex;height:1rem;height:var(--icon-sm,1rem);justify-content:center;margin-right:var(--space-2);width:1rem;width:var(--icon-sm,1rem)}.command__item-icon .icon,.command__item-icon svg{height:100%;width:100%}.command__item-meta{align-items:center;color:var(--command-label-muted);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);margin-left:auto;white-space:nowrap}.command__item:hover{background-color:var(--command-item-bg-hover)}.command__item:focus-visible{box-shadow:0 0 0 2px var(--focus-ring-color,var(--color-accent));box-shadow:0 0 0 var(--border-width-strong,2px) var(--focus-ring-color,var(--color-accent));outline:none}.command__item--active,.command__item[aria-selected=true]{background-color:var(--command-item-bg-active);border:var(--border-width,1px) solid var(--command-item-border-active);box-shadow:0 0 0 1px color-mix(in srgb,var(--command-item-border-active) 40%,transparent)}@supports (color:color-mix(in lch,red,blue)) and (top:var(--f )){.command__item--active,.command__item[aria-selected=true]{box-shadow:0 0 0 var(--border-width,1px) color-mix(in srgb,var(--command-item-border-active) 40%,transparent)}}.command__item--active .command__item-label,.command__item[aria-selected=true] .command__item-label{color:var(--color-on-accent)}.command__item--active .command__item-meta,.command__item[aria-selected=true] .command__item-meta{color:color-mix(in srgb,var(--color-on-accent) 65%,transparent)}.command__item--disabled,.command__item[aria-disabled=true]{cursor:not-allowed;opacity:.55}.command--compact .command__item{font-size:var(--text-xs);padding:var(--space-1_5) var(--space-2_5)}.command__empty{color:var(--command-label-muted);font-size:var(--text-sm);padding:var(--space-6) var(--space-4) var(--space-5);text-align:center}.command__empty p{margin:0}.command__footer{align-items:center;background:var(--color-surface-subtle);border-top:var(--border-width,1px) solid var(--command-panel-border);color:var(--command-label-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2);justify-content:space-between;padding:var(--space-2_5) var(--space-4)}.command__footer span{align-items:center;display:inline-flex;gap:var(--space-1)}@media (max-width:640px){.command__footer{align-items:flex-start;flex-direction:column;padding-left:var(--space-3);padding-right:var(--space-3)}}.command__body,.command__scroll{scrollbar-color:var(--command-scrollbar-thumb) var(--command-scrollbar-track);scrollbar-width:thin}.command__body::-webkit-scrollbar,.command__scroll::-webkit-scrollbar{width:6px}.command__body::-webkit-scrollbar-track,.command__scroll::-webkit-scrollbar-track{background:var(--command-scrollbar-track)}.command__body::-webkit-scrollbar-thumb,.command__scroll::-webkit-scrollbar-thumb{background:var(--command-scrollbar-thumb);border-radius:999px}.command-page{color:var(--command-surface-title);display:flex;flex-direction:column;gap:var(--command-page-gap);margin:0 auto;max-width:var(--command-page-max-width)}.command-page--dense{--command-page-gap:var(--space-4)}.command-page__header{display:flex;flex-direction:column;gap:var(--space-2)}.command-page__kicker{color:var(--command-surface-muted);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.command-page__title{font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-page__subtitle{color:var(--command-surface-muted);font-size:var(--text-sm);max-width:60ch}.command-page__actions,.command-page__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-page__meta{color:var(--command-surface-muted);font-size:var(--text-xs)}.command-layout{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.command-layout--balanced{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1024px){.command-layout,.command-layout--balanced{grid-template-columns:1fr}}.command-stack{display:flex;flex-direction:column;gap:var(--command-surface-gap)}.command-stack--loose{gap:var(--space-5)}.command-toolbar{align-items:center;background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);box-shadow:var(--command-surface-shadow);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4)}.command-toolbar__actions,.command-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-toolbar__search{flex:1 1 14rem;min-width:12rem}.command-grid{grid-gap:var(--command-surface-gap);display:grid;gap:var(--command-surface-gap);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.command-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.command-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.command-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.command-grid--3,.command-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.command-grid--2,.command-grid--3,.command-grid--4{grid-template-columns:1fr}}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=info]{--command-variant-rail:var(--semantic-info-border,var(--color-info));--command-variant-tint:var(--semantic-info-bg,var(--color-info-soft));--command-variant-text:var(--semantic-info-text,var(--color-text));--command-variant-muted:var(--semantic-info-text,var(--color-text-muted))}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=success]{--command-variant-rail:var(--semantic-success-border,var(--color-success));--command-variant-tint:var(--semantic-success-bg,var(--color-success-soft));--command-variant-text:var(--semantic-success-text,var(--color-text));--command-variant-muted:var(--semantic-success-text,var(--color-text-muted))}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=warning]{--command-variant-rail:var(--semantic-warning-border,var(--color-warning));--command-variant-tint:var(--semantic-warning-bg,var(--color-warning-soft));--command-variant-text:var(--semantic-warning-text,var(--color-text));--command-variant-muted:var(--semantic-warning-text,var(--color-text-muted))}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=danger]{--command-variant-rail:var(--semantic-danger-border,var(--color-danger));--command-variant-tint:var(--semantic-danger-bg,var(--color-danger-soft));--command-variant-text:var(--semantic-danger-text,var(--color-text));--command-variant-muted:var(--semantic-danger-text,var(--color-text-muted))}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=accent]{--command-variant-rail:var(--accent-soft-border,var(--color-accent));--command-variant-tint:var(--accent-soft-surface,var(--color-accent-soft));--command-variant-text:var(--accent-soft-on,var(--color-on-accent));--command-variant-muted:var(--accent-soft-on,var(--color-on-accent))}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=neutral]{--command-variant-rail:var(--color-border-strong);--command-variant-tint:var(--color-surface-subtle);--command-variant-text:var(--color-text);--command-variant-muted:var(--color-text-muted)}.command-card{--command-variant-rail:var(--command-accent);--command-variant-tint:var(--command-accent-soft);--command-variant-text:var(--command-surface-title);--command-variant-muted:var(--command-surface-muted);background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);box-shadow:var(--command-surface-shadow);color:var(--command-variant-text);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--command-surface-pad)}.command-card--rail{border-left:var(--command-rail-width) solid var(--command-variant-rail)}.command-card--tint{background:var(--command-variant-tint)}.command-card--flat{box-shadow:none}.command-card__kicker{color:var(--command-variant-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.command-card__title{font-size:var(--text-md);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-card__subtitle{color:var(--command-variant-muted);font-size:var(--text-sm)}.command-card__footer,.command-card__meta{color:var(--command-variant-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2)}.command-pill{--command-variant-rail:var(--command-pill-border);--command-variant-tint:var(--command-pill-bg);--command-variant-text:var(--command-pill-text);align-items:center;background:var(--command-variant-tint);border:var(--border-width,1px) solid var(--command-variant-rail);border-radius:var(--radius-pill);display:inline-flex;font-size:var(--text-xxs);letter-spacing:.08em;padding:0 var(--space-2);text-transform:uppercase;white-space:nowrap}.command-action,.command-pill{color:var(--command-variant-text);gap:var(--space-1)}.command-action{--command-variant-rail:var(--command-accent);--command-variant-tint:var(--command-accent-soft);--command-variant-text:var(--command-surface-title);--command-variant-muted:var(--command-surface-muted);background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;padding:var(--command-surface-pad);position:relative;-webkit-text-decoration:none;text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out,border-color .12s ease-out,background-color .12s ease-out;transition:transform var(--transition-fast,.12s ease-out),box-shadow var(--transition-fast,.12s ease-out),border-color var(--transition-fast,.12s ease-out),background-color var(--transition-fast,.12s ease-out)}.command-action:hover{background:var(--command-variant-tint);border-color:var(--command-variant-rail);transform:translateY(-1px)}.command-action--primary{grid-column:span 2;padding:var(--space-5)}.command-action--row{align-items:center;flex-direction:row;gap:var(--space-3);justify-content:space-between}.command-action--row .command-action__content{flex:1}.command-action--row .command-action__meta{margin-left:auto}@media (max-width:720px){.command-action--primary{grid-column:span 1}}.command-action__icon{align-items:center;color:var(--command-variant-rail);display:inline-flex;height:1.25rem;height:var(--icon-md,1.25rem);justify-content:center;width:1.25rem;width:var(--icon-md,1.25rem)}.command-action__icon .icon,.command-action__icon svg{height:100%;width:100%}.command-action__content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.command-action__title{font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-action__desc,.command-action__meta{color:var(--command-variant-muted);font-size:var(--text-xs)}.command-action__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-steps{grid-gap:var(--space-2);display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.command-step{--command-variant-rail:var(--command-accent);--command-variant-tint:var(--command-accent-soft);--command-variant-text:var(--command-surface-title);--command-variant-muted:var(--command-surface-muted);grid-gap:var(--space-3);align-items:start;background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--space-3)}.command-step__index{align-items:center;background:var(--command-variant-tint);border-radius:999px;color:var(--command-variant-text);display:inline-flex;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-weight-semibold,600);height:var(--space-6);justify-content:center;width:var(--space-6)}.command-step__content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.command-step__title{font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-step__desc,.command-step__meta{color:var(--command-variant-muted);font-size:var(--text-xs)}.command-step__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-step__actions{align-items:center;display:flex;gap:var(--space-2)}.command-step--done{opacity:.7}.command-lanes{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.command-lane{background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.command-lane__header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.command-lane__title{letter-spacing:.08em;text-transform:uppercase}.command-lane__count,.command-lane__title{color:var(--command-surface-muted);font-size:var(--text-xs)}.command-queue{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.command-queue__item{grid-gap:var(--space-3);align-items:center;background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--space-3)}.command-queue__status{background:var(--color-info);border-radius:999px;height:.6rem;width:.6rem}.command-queue__status--success{background:var(--color-success)}.command-queue__status--warning{background:var(--color-warning)}.command-queue__status--danger{background:var(--color-danger)}.command-queue__content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.command-queue__title{font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-queue__meta{color:var(--command-surface-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2)}.command-queue__actions{align-items:center;display:flex;gap:var(--space-2)}.command-progress{background:var(--command-progress-track);border-radius:999px;height:.35rem;overflow:hidden}.command-progress__bar{background:var(--command-progress-fill);height:100%;transition:width .18s ease-out;transition:width var(--transition-normal,.18s ease-out);width:0}.command-progress--success{--command-progress-fill:var(--color-success)}.command-progress--warning{--command-progress-fill:var(--color-warning)}.command-progress--danger{--command-progress-fill:var(--color-danger)}.command-glance-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.command-glance{--command-variant-rail:var(--command-accent);--command-variant-tint:var(--command-accent-soft);--command-variant-text:var(--command-surface-title);--command-variant-muted:var(--command-surface-muted);background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--radius-md);color:var(--command-variant-text);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.command-glance--tint{background:var(--command-variant-tint);border-color:var(--command-variant-rail)}.command-glance__value{font-size:var(--text-lg);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-glance__label{color:var(--command-variant-muted);font-size:var(--text-xxs);letter-spacing:.08em;text-transform:uppercase}.command-glance__meta{color:var(--command-variant-muted);font-size:var(--text-xs)}.command-nudge{--command-variant-rail:var(--command-accent);--command-variant-tint:var(--command-accent-soft);--command-variant-text:var(--command-surface-title);--command-variant-muted:var(--command-surface-muted);align-items:flex-start;background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);color:var(--command-variant-text);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.command-nudge--tint{background:var(--command-variant-tint);border-color:var(--command-variant-rail)}.command-nudge__icon{align-items:center;color:var(--command-variant-rail);display:inline-flex;flex-shrink:0;height:1.25rem;height:var(--icon-md,1.25rem);justify-content:center;width:1.25rem;width:var(--icon-md,1.25rem)}.command-nudge__body{display:flex;flex-direction:column;gap:var(--space-1)}.command-nudge__title{font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-nudge__text{color:var(--command-variant-muted);font-size:var(--text-xs)}.command-nudge__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-activity{grid-gap:var(--space-2);display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.command-activity__item{grid-gap:var(--space-3);align-items:start;border-bottom:var(--border-width,1px) solid var(--command-surface-border);display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);padding-bottom:var(--space-2)}.command-activity__item:last-child{border-bottom:0;padding-bottom:0}.command-activity__time{color:var(--command-surface-muted);font-size:var(--text-xs);white-space:nowrap}.command-activity__title{font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-activity__meta{color:var(--command-surface-muted);font-size:var(--text-xs)}.command-empty{border:var(--border-width,1px) dashed var(--command-surface-border);border-radius:var(--command-surface-radius);color:var(--command-surface-muted);padding:var(--space-6);text-align:center}.command-empty__title{color:var(--command-surface-title);font-size:var(--text-md);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-empty__body{font-size:var(--text-sm);margin-top:var(--space-1)}.command-empty__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}@media (prefers-reduced-motion:reduce){.command,.command-action,.command-progress__bar,.command:before,.command__item,.command__panel{transition:none!important}}
+.vds-commands,[data-vds-commands]{--command-backdrop-bg:color-mix(in srgb,var(--color-bg) 60%,#000 55%);--command-panel-bg:var(--color-surface);--command-panel-border:var(--color-border-subtle);--command-panel-radius:var(--radius-xl);--command-panel-shadow:var(--shadow-xl);--command-panel-max-width:42rem;--command-panel-max-height:min(26rem,70vh);--command-header-bg:var(--color-surface-subtle);--command-input-bg:transparent;--command-input-border:transparent;--command-input-placeholder:var(--color-placeholder);--command-item-radius:var(--radius-md);--command-item-gap:var(--space-3);--command-item-pad-y:var(--space-2);--command-item-pad-x:var(--space-3);--command-item-bg-hover:var(--color-surface-subtle);--command-item-bg-active:var(--color-accent-soft);--command-item-border-active:var(--color-accent);--command-divider:var(--color-border-subtle);--command-label-muted:var(--color-text-muted);--command-scrollbar-thumb:var(--color-border-subtle);--command-scrollbar-track:transparent;--command-page-bg:var(--color-bg);--command-page-gap:var(--space-6);--command-page-padding:var(--space-6);--command-page-max-width:var(--content-width-xl);--command-surface-bg:var(--color-surface);--command-surface-border:var(--color-border-subtle);--command-surface-radius:var(--radius-lg);--command-surface-shadow:var(--shadow-sm);--command-surface-pad:var(--space-4);--command-surface-gap:var(--space-3);--command-surface-title:var(--color-text);--command-surface-muted:var(--color-text-muted);--command-rail-width:var(--border-width-strong);--command-accent:var(--color-accent);--command-accent-soft:var(--color-accent-soft);--command-accent-text:var(--color-on-accent);--command-pill-bg:var(--color-surface-subtle);--command-pill-border:var(--color-border-subtle);--command-pill-text:var(--color-text-muted);--command-progress-track:var(--color-muted-bg);--command-progress-fill:var(--color-accent)}.command{align-items:flex-start;display:flex;justify-content:center;padding:var(--space-10) var(--space-4) var(--space-6);pointer-events:none;transition:opacity .18s ease-out,visibility .18s ease-out;transition:opacity var(--transition-normal,.18s ease-out),visibility var(--transition-normal,.18s ease-out);visibility:hidden;z-index:90;z-index:var(--z-modal,90)}.command,.command:before{bottom:0;left:0;opacity:0;position:fixed;right:0;top:0}.command:before{background:var(--command-backdrop-bg);content:"";transition:opacity .18s ease-out;transition:opacity var(--transition-normal,.18s ease-out)}.command--open,.command[aria-hidden=false],.command[data-command-open=true]{opacity:1;pointer-events:auto;visibility:visible}.command--open:before,.command[aria-hidden=false]:before,.command[data-command-open=true]:before{opacity:1}.command--center{align-items:center}@media (max-width:640px){.command{align-items:stretch;padding:var(--space-6) var(--space-2)}}.command__panel{background:var(--command-panel-bg);border:var(--border-width,1px) solid var(--command-panel-border);border-radius:var(--command-panel-radius);box-shadow:var(--command-panel-shadow);color:var(--color-text);display:flex;flex-direction:column;max-height:var(--command-panel-max-height);max-width:var(--command-panel-max-width);opacity:0;overflow:hidden;position:relative;transform:translateY(8px) scale(.98);transition:opacity .18s ease-out,transform .18s ease-out;transition:opacity var(--transition-normal,.18s ease-out),transform var(--transition-normal,.18s ease-out);width:100%}.command--open .command__panel,.command[aria-hidden=false] .command__panel,.command[data-command-open=true] .command__panel{opacity:1;transform:translateY(0) scale(1)}@media (max-width:640px){.command__panel{border-radius:var(--radius-lg);max-height:calc(100vh - var(--space-12));max-width:100%}}.command__header{align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--space-3);background:var(--command-header-bg);border-bottom:var(--border-width,1px) solid var(--command-panel-border);gap:var(--space-3);padding:var(--space-3) var(--space-4)}.command__leading-icon{align-items:center;color:var(--command-label-muted);display:inline-flex;height:1.25rem;height:var(--icon-md,1.25rem);justify-content:center;width:1.25rem;width:var(--icon-md,1.25rem)}.command__leading-icon .icon,.command__leading-icon svg{height:100%;width:100%}.command__input{background:var(--command-input-bg);border:0;color:var(--color-text);font:inherit;line-height:inherit;min-width:0;padding:0;width:100%}.command__input::-moz-placeholder{color:var(--command-input-placeholder)}.command__input::placeholder{color:var(--command-input-placeholder)}.command__input:focus{outline:none}.command__hint{align-items:center;color:var(--command-label-muted);display:inline-flex;font-size:var(--text-xs);gap:var(--space-2);white-space:nowrap}.command__hint-text,.command__shortcut{align-items:center;display:inline-flex;gap:var(--space-1)}.command__kbd-key{align-items:center;background:var(--color-surface-subtle);border:var(--border-width,1px) solid var(--command-panel-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);display:inline-flex;font-family:var(--font-family-mono),monospace;font-size:.8em;justify-content:center;line-height:1.4;min-width:1.6em;padding:.05em .45em}@media (max-width:640px){.command__header{gap:var(--space-2);padding-left:var(--space-3);padding-right:var(--space-3)}.command__hint-text{display:none}}.command__body{display:flex;flex-direction:column;overflow:hidden;padding:var(--space-2) var(--space-2) var(--space-3);position:relative}.command__scroll{max-height:100%;overflow-y:auto;padding-left:var(--space-2);padding-right:var(--space-2)}.command__body{overflow-y:auto}.command__section{padding:var(--space-2) var(--space-2) var(--space-1)}.command__section+.command__section{border-top:var(--border-width,1px) solid var(--command-divider);margin-top:var(--space-1);padding-top:var(--space-3)}.command__section-label{color:var(--command-label-muted);font-size:var(--text-xs);font-weight:500;font-weight:var(--font-weight-medium,500);letter-spacing:.08em;margin-bottom:var(--space-1);text-transform:uppercase}.command__list{list-style:none;margin:0;padding:0}.command__item{align-items:center;background:transparent;border-radius:var(--command-item-radius);color:var(--color-text);cursor:pointer;display:flex;gap:var(--command-item-gap);justify-content:space-between;padding:var(--command-item-pad-y) var(--command-item-pad-x);position:relative;transition:background-color .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;transition:background-color var(--transition-fast,.12s ease-out),border-color var(--transition-fast,.12s ease-out),box-shadow var(--transition-fast,.12s ease-out),transform var(--transition-fast,.12s ease-out)}.command__item-main{display:flex;flex-direction:column;gap:0;min-width:0}.command__item-label{font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium,500)}.command__item-description,.command__item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command__item-description{color:var(--command-label-muted);font-size:var(--text-xs)}.command__item-icon{align-items:center;color:var(--command-label-muted);display:inline-flex;height:1rem;height:var(--icon-sm,1rem);justify-content:center;margin-right:var(--space-2);width:1rem;width:var(--icon-sm,1rem)}.command__item-icon .icon,.command__item-icon svg{height:100%;width:100%}.command__item-meta{align-items:center;color:var(--command-label-muted);display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);margin-left:auto;white-space:nowrap}.command__item:hover{background-color:var(--command-item-bg-hover)}.command__item:focus-visible{box-shadow:0 0 0 2px var(--focus-ring-color,var(--color-accent));box-shadow:0 0 0 var(--border-width-strong,2px) var(--focus-ring-color,var(--color-accent));outline:none}.command__item--active,.command__item[aria-selected=true]{background-color:var(--command-item-bg-active);border:var(--border-width,1px) solid var(--command-item-border-active);box-shadow:0 0 0 1px color-mix(in srgb,var(--command-item-border-active) 40%,transparent)}@supports (color:color-mix(in lch,red,blue)){.command__item--active,.command__item[aria-selected=true]{box-shadow:0 0 0 var(--border-width,1px) color-mix(in srgb,var(--command-item-border-active) 40%,transparent)}}.command__item--active .command__item-label,.command__item[aria-selected=true] .command__item-label{color:var(--color-on-accent)}.command__item--active .command__item-meta,.command__item[aria-selected=true] .command__item-meta{color:color-mix(in srgb,var(--color-on-accent) 65%,transparent)}.command__item--disabled,.command__item[aria-disabled=true]{cursor:not-allowed;opacity:.55}.command--compact .command__item{font-size:var(--text-xs);padding:var(--space-1_5) var(--space-2_5)}.command__empty{color:var(--command-label-muted);font-size:var(--text-sm);padding:var(--space-6) var(--space-4) var(--space-5);text-align:center}.command__empty p{margin:0}.command__footer{align-items:center;background:var(--color-surface-subtle);border-top:var(--border-width,1px) solid var(--command-panel-border);color:var(--command-label-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2);justify-content:space-between;padding:var(--space-2_5) var(--space-4)}.command__footer span{align-items:center;display:inline-flex;gap:var(--space-1)}@media (max-width:640px){.command__footer{align-items:flex-start;flex-direction:column;padding-left:var(--space-3);padding-right:var(--space-3)}}.command__body,.command__scroll{scrollbar-color:var(--command-scrollbar-thumb) var(--command-scrollbar-track);scrollbar-width:thin}.command__body::-webkit-scrollbar,.command__scroll::-webkit-scrollbar{width:6px}.command__body::-webkit-scrollbar-track,.command__scroll::-webkit-scrollbar-track{background:var(--command-scrollbar-track)}.command__body::-webkit-scrollbar-thumb,.command__scroll::-webkit-scrollbar-thumb{background:var(--command-scrollbar-thumb);border-radius:999px}.command-page{color:var(--command-surface-title);display:flex;flex-direction:column;gap:var(--command-page-gap);margin:0 auto;max-width:var(--command-page-max-width)}.command-page--dense{--command-page-gap:var(--space-4)}.command-page__header{display:flex;flex-direction:column;gap:var(--space-2)}.command-page__kicker{color:var(--command-surface-muted);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.command-page__title{font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-page__subtitle{color:var(--command-surface-muted);font-size:var(--text-sm);max-width:60ch}.command-page__actions,.command-page__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-page__meta{color:var(--command-surface-muted);font-size:var(--text-xs)}.command-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.command-layout--balanced{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1024px){.command-layout,.command-layout--balanced{grid-template-columns:1fr}}.command-stack{display:flex;flex-direction:column;gap:var(--command-surface-gap)}.command-stack--loose{gap:var(--space-5)}.command-toolbar{align-items:center;background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);box-shadow:var(--command-surface-shadow);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4)}.command-toolbar__actions,.command-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-toolbar__search{flex:1 1 14rem;min-width:12rem}.command-grid{display:grid;grid-gap:var(--command-surface-gap);gap:var(--command-surface-gap);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.command-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.command-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.command-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.command-grid--3,.command-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.command-grid--2,.command-grid--3,.command-grid--4{grid-template-columns:1fr}}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=info]{--command-variant-rail:var(--semantic-info-border,var(--color-info));--command-variant-tint:var(--semantic-info-bg,var(--color-info-soft));--command-variant-text:var(--semantic-info-text,var(--color-text));--command-variant-muted:var(--semantic-info-text,var(--color-text-muted))}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=success]{--command-variant-rail:var(--semantic-success-border,var(--color-success));--command-variant-tint:var(--semantic-success-bg,var(--color-success-soft));--command-variant-text:var(--semantic-success-text,var(--color-text));--command-variant-muted:var(--semantic-success-text,var(--color-text-muted))}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=warning]{--command-variant-rail:var(--semantic-warning-border,var(--color-warning));--command-variant-tint:var(--semantic-warning-bg,var(--color-warning-soft));--command-variant-text:var(--semantic-warning-text,var(--color-text));--command-variant-muted:var(--semantic-warning-text,var(--color-text-muted))}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=danger]{--command-variant-rail:var(--semantic-danger-border,var(--color-danger));--command-variant-tint:var(--semantic-danger-bg,var(--color-danger-soft));--command-variant-text:var(--semantic-danger-text,var(--color-text));--command-variant-muted:var(--semantic-danger-text,var(--color-text-muted))}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=accent]{--command-variant-rail:var(--accent-soft-border,var(--color-accent));--command-variant-tint:var(--accent-soft-surface,var(--color-accent-soft));--command-variant-text:var(--accent-soft-on,var(--color-on-accent));--command-variant-muted:var(--accent-soft-on,var(--color-on-accent))}:where(.command-card,.command-action,.command-nudge,.command-glance,.command-pill,.command-step)[data-variant=neutral]{--command-variant-rail:var(--color-border-strong);--command-variant-tint:var(--color-surface-subtle);--command-variant-text:var(--color-text);--command-variant-muted:var(--color-text-muted)}.command-card{--command-variant-rail:var(--command-accent);--command-variant-tint:var(--command-accent-soft);--command-variant-text:var(--command-surface-title);--command-variant-muted:var(--command-surface-muted);background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);box-shadow:var(--command-surface-shadow);color:var(--command-variant-text);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--command-surface-pad)}.command-card--rail{border-left:var(--command-rail-width) solid var(--command-variant-rail)}.command-card--tint{background:var(--command-variant-tint)}.command-card--flat{box-shadow:none}.command-card__kicker{color:var(--command-variant-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.command-card__title{font-size:var(--text-md);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-card__subtitle{color:var(--command-variant-muted);font-size:var(--text-sm)}.command-card__footer,.command-card__meta{color:var(--command-variant-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2)}.command-pill{--command-variant-rail:var(--command-pill-border);--command-variant-tint:var(--command-pill-bg);--command-variant-text:var(--command-pill-text);align-items:center;background:var(--command-variant-tint);border:var(--border-width,1px) solid var(--command-variant-rail);border-radius:var(--radius-pill);display:inline-flex;font-size:var(--text-xxs);letter-spacing:.08em;padding:0 var(--space-2);text-transform:uppercase;white-space:nowrap}.command-action,.command-pill{color:var(--command-variant-text);gap:var(--space-1)}.command-action{--command-variant-rail:var(--command-accent);--command-variant-tint:var(--command-accent-soft);--command-variant-text:var(--command-surface-title);--command-variant-muted:var(--command-surface-muted);background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;padding:var(--command-surface-pad);position:relative;-webkit-text-decoration:none;text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out,border-color .12s ease-out,background-color .12s ease-out;transition:transform var(--transition-fast,.12s ease-out),box-shadow var(--transition-fast,.12s ease-out),border-color var(--transition-fast,.12s ease-out),background-color var(--transition-fast,.12s ease-out)}.command-action:hover{background:var(--command-variant-tint);border-color:var(--command-variant-rail);transform:translateY(-1px)}.command-action--primary{grid-column:span 2;padding:var(--space-5)}.command-action--row{align-items:center;flex-direction:row;gap:var(--space-3);justify-content:space-between}.command-action--row .command-action__content{flex:1}.command-action--row .command-action__meta{margin-left:auto}@media (max-width:720px){.command-action--primary{grid-column:span 1}}.command-action__icon{align-items:center;color:var(--command-variant-rail);display:inline-flex;height:1.25rem;height:var(--icon-md,1.25rem);justify-content:center;width:1.25rem;width:var(--icon-md,1.25rem)}.command-action__icon .icon,.command-action__icon svg{height:100%;width:100%}.command-action__content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.command-action__title{font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-action__desc,.command-action__meta{color:var(--command-variant-muted);font-size:var(--text-xs)}.command-action__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-steps{display:grid;list-style:none;margin:0;padding:0;grid-gap:var(--space-2);gap:var(--space-2)}.command-step{--command-variant-rail:var(--command-accent);--command-variant-tint:var(--command-accent-soft);--command-variant-text:var(--command-surface-title);--command-variant-muted:var(--command-surface-muted);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--space-3);align-items:start;background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);gap:var(--space-3);padding:var(--space-3)}.command-step__index{align-items:center;background:var(--command-variant-tint);border-radius:999px;color:var(--command-variant-text);display:inline-flex;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-weight-semibold,600);height:var(--space-6);justify-content:center;width:var(--space-6)}.command-step__content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.command-step__title{font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-step__desc,.command-step__meta{color:var(--command-variant-muted);font-size:var(--text-xs)}.command-step__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-step__actions{align-items:center;display:flex;gap:var(--space-2)}.command-step--done{opacity:.7}.command-lanes{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.command-lane{background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.command-lane__header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.command-lane__title{letter-spacing:.08em;text-transform:uppercase}.command-lane__count,.command-lane__title{color:var(--command-surface-muted);font-size:var(--text-xs)}.command-queue{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.command-queue__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--space-3);align-items:center;background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);gap:var(--space-3);padding:var(--space-3)}.command-queue__status{background:var(--color-info);border-radius:999px;height:.6rem;width:.6rem}.command-queue__status--success{background:var(--color-success)}.command-queue__status--warning{background:var(--color-warning)}.command-queue__status--danger{background:var(--color-danger)}.command-queue__content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.command-queue__title{font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-queue__meta{color:var(--command-surface-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2)}.command-queue__actions{align-items:center;display:flex;gap:var(--space-2)}.command-progress{background:var(--command-progress-track);border-radius:999px;height:.35rem;overflow:hidden}.command-progress__bar{background:var(--command-progress-fill);height:100%;transition:width .18s ease-out;transition:width var(--transition-normal,.18s ease-out);width:0}.command-progress--success{--command-progress-fill:var(--color-success)}.command-progress--warning{--command-progress-fill:var(--color-warning)}.command-progress--danger{--command-progress-fill:var(--color-danger)}.command-glance-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.command-glance{--command-variant-rail:var(--command-accent);--command-variant-tint:var(--command-accent-soft);--command-variant-text:var(--command-surface-title);--command-variant-muted:var(--command-surface-muted);background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--radius-md);color:var(--command-variant-text);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.command-glance--tint{background:var(--command-variant-tint);border-color:var(--command-variant-rail)}.command-glance__value{font-size:var(--text-lg);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-glance__label{color:var(--command-variant-muted);font-size:var(--text-xxs);letter-spacing:.08em;text-transform:uppercase}.command-glance__meta{color:var(--command-variant-muted);font-size:var(--text-xs)}.command-nudge{--command-variant-rail:var(--command-accent);--command-variant-tint:var(--command-accent-soft);--command-variant-text:var(--command-surface-title);--command-variant-muted:var(--command-surface-muted);align-items:flex-start;background:var(--command-surface-bg);border:var(--border-width,1px) solid var(--command-surface-border);border-radius:var(--command-surface-radius);color:var(--command-variant-text);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.command-nudge--tint{background:var(--command-variant-tint);border-color:var(--command-variant-rail)}.command-nudge__icon{align-items:center;color:var(--command-variant-rail);display:inline-flex;flex-shrink:0;height:1.25rem;height:var(--icon-md,1.25rem);justify-content:center;width:1.25rem;width:var(--icon-md,1.25rem)}.command-nudge__body{display:flex;flex-direction:column;gap:var(--space-1)}.command-nudge__title{font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-nudge__text{color:var(--command-variant-muted);font-size:var(--text-xs)}.command-nudge__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-activity{display:grid;list-style:none;margin:0;padding:0;grid-gap:var(--space-2);gap:var(--space-2)}.command-activity__item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:var(--space-3);align-items:start;border-bottom:var(--border-width,1px) solid var(--command-surface-border);gap:var(--space-3);padding-bottom:var(--space-2)}.command-activity__item:last-child{border-bottom:0;padding-bottom:0}.command-activity__time{color:var(--command-surface-muted);font-size:var(--text-xs);white-space:nowrap}.command-activity__title{font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-activity__meta{color:var(--command-surface-muted);font-size:var(--text-xs)}.command-empty{border:var(--border-width,1px) dashed var(--command-surface-border);border-radius:var(--command-surface-radius);color:var(--command-surface-muted);padding:var(--space-6);text-align:center}.command-empty__title{color:var(--command-surface-title);font-size:var(--text-md);font-weight:600;font-weight:var(--font-weight-semibold,600)}.command-empty__body{font-size:var(--text-sm);margin-top:var(--space-1)}.command-empty__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}@media (prefers-reduced-motion:reduce){.command,.command-action,.command-progress__bar,.command:before,.command__item,.command__panel{transition:none!important}}

package/dist/components/content-blocks.min.css

@@ -1 +1 @@
-.vds-content-block,[data-vds-content-block]{--content-block-tag-size-sm:var(--space-4);--content-block-tag-size-md:var(--space-5);--content-block-tag-size-lg:var(--space-6);--content-block-component-disabled--opacity:0.3;--content-block-component-pad-sm:var(--space-3);--content-block-component-pad-md:var(--space-6);--content-block-component-pad-lg:var(--space-8);--content-block-component-border-sm:var(--border-width);--content-block-card-min-width:16.25rem;--content-block-card-gap:var(--space-4);--content-block-card-pad:var(--space-8);--content-block-card-pad-mobile:var(--space-6);--content-block-fact-pad:var(--space-10);--content-block-process-gap:var(--space-10);--content-block-process-step-min-width:15rem;--content-block-media-gap:var(--space-6);--content-block-empty-pad-vertical:var(--space-14);--content-block-empty-pad-horizontal:var(--space-6);--content-block-empty-gap:var(--space-4);--content-block-highlight-border-width:var(--border-width-strong);--content-block-highlight-pad:var(--space-6);--content-block-rail-width:var(--border-width-strong);--content-block-hero-pad:var(--space-12);--content-block-hero-title-size:var(--text-xl);--content-block-hero-subtitle-size:var(--text-md);--content-block-split-gap:var(--space-10);--content-block-split-main:minmax(0,1.2fr);--content-block-split-aside:minmax(0,0.8fr);--content-block-grid-min:14rem;--content-block-grid-gap:var(--space-6);--content-block-list-gap:var(--space-3);--content-block-row-gap:var(--space-3);--content-block-row-pad:var(--space-3);--content-block-title-size-base:var(--text-lg);--content-block-subtitle-size-base:var(--text-sm);--content-block-meta-size:var(--text-xs);--content-block-eyebrow-size:var(--text-xxs);--content-block-kpi-gap:var(--space-4);--content-block-kpi-value-size:var(--text-lg);--content-block-kpi-label-size:var(--text-xs)}.interactive{cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),color var(--transition-normal)}.interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.interactive:active{background-color:var(--color-surface-subtle)}.interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.is-disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}.card{background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:var(--content-block-card-gap);padding:var(--content-block-card-pad);transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.card--soft{background-color:var(--color-surface-subtle)}.card--muted{background-color:var(--color-muted-bg)}.card--tone-accent{background-color:var(--color-accent-soft)}@media (max-width:640px){.card{padding:var(--content-block-card-pad-mobile)}}.card--flat{box-shadow:none}.card--raised{box-shadow:var(--shadow-2)}.card--interactive{cursor:pointer}.card--interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-2)}.card--interactive:active{background-color:var(--color-surface-subtle)}.card--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.card--selected{border-color:var(--color-accent);box-shadow:var(--shadow-2)}.card--disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}.card__body,.card__header{width:100%}.card__footer{display:flex;gap:var(--component-gap-md);justify-content:flex-end;margin-top:var(--component-gap-lg)}.card__body-stack,.card__header-stack,.card__section-stack{display:flex;flex-direction:column;gap:var(--component-gap-md)}.card__body-inline,.card__footer-inline,.card__section-inline{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--component-gap-md)}.card-grid{grid-gap:var(--component-gap-lg);display:grid;gap:var(--component-gap-lg);grid-template-columns:repeat(auto-fit,minmax(var(--content-block-card-min-width),1fr))}.card-grid--compact{gap:var(--component-gap-md)}.card-grid--tight{gap:var(--component-gap-xs)}.card-grid--wide{gap:var(--component-gap-xl)}.media{align-items:center;display:flex;gap:var(--content-block-media-gap)}.media--stack{align-items:flex-start;flex-direction:column}.media--horizontal{align-items:center;flex-direction:row}.media--interactive{cursor:pointer;transition:background-color var(--transition-normal)}.media--interactive:hover{background-color:var(--color-surface-hover)}@media (max-width:768px){.media{align-items:flex-start;flex-direction:column}}.media__icon,.media__img{align-items:center;display:flex;flex-shrink:0;height:var(--icon-container-lg);justify-content:center;width:var(--icon-container-lg)}.media__icon svg,.media__img img{border-radius:var(--radius-sm);height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.media__icon .icon{display:block;height:100%;width:100%}.media__body{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.media__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.list-group{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.list-group__item{border-bottom:var(--content-block-component-border-sm) solid var(--color-border-subtle);display:flex;gap:var(--component-gap-md);padding:var(--component-gap-md) 0}.list-group--borderless .list-group__item,.list-group__item:last-child{border-bottom:none}.list-group--tight .list-group__item{padding:var(--component-gap-xs) 0}.list-group__item--interactive{cursor:pointer;transition:background-color var(--transition-normal)}.list-group__item--interactive:hover{background-color:var(--color-surface-hover)}.list-group__item--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.list-group__item--selected{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-left-color:var(--accent-soft-border,var(--color-accent));box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px var(--accent-soft-shadow,transparent);color:var(--accent-soft-on,var(--color-on-accent))}.list-group__item--disabled{cursor:not-allowed;opacity:var(--content-block-component-disabled--opacity);pointer-events:none}.callout{background-color:var(--color-muted-bg);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--content-block-component-pad-md)}.callout--compact{padding:var(--content-block-component-pad-sm)}.callout--outline{background-color:var(--color-surface);border-color:var(--color-border-strong)}.callout--minimal{background-color:transparent;border-color:transparent}.callout__title{font-size:var(--text-sm);font-weight:600}.callout__body{margin-top:var(--component-gap-xs)}.callout__icon{margin-bottom:var(--component-gap-xs)}.callout--interactive{cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.callout--interactive:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.callout--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.semantic-info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.semantic-success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.semantic-warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.semantic-danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}.empty{background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--content-block-empty-pad-vertical) var(--content-block-empty-pad-horizontal);text-align:center}.empty--compact{padding:var(--content-block-component-pad-md)}.empty--inline{align-items:center;display:inline-flex;text-align:left}.empty__icon{stroke:var(--color-text-muted);align-items:center;display:flex;height:var(--space-16);justify-content:center;margin:0 auto var(--content-block-empty-gap);width:var(--space-16)}.empty--inline .empty__icon{margin:0 var(--component-gap-md) 0 0}.empty__icon .icon{display:block;height:100%;width:100%}.empty__actions{display:flex;gap:var(--component-gap-md);justify-content:center;margin-top:var(--component-gap-lg)}.stats{display:flex;flex-wrap:wrap;gap:var(--component-gap-xl)}@media (max-width:768px){.stats{gap:var(--component-gap-lg)}}.stats__item{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.stats--center .stats__item{align-items:center}.stats__value{color:var(--color-text);font-size:var(--text-lg);font-weight:600}.metric-title,.stats__label{color:var(--color-text-muted);font-size:var(--text-xs)}.metric-title{font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge,.chip,.tag{align-items:center;background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:9999px;color:var(--color-text);display:inline-flex;font-size:var(--text-xs);gap:var(--component-gap-xs);height:var(--content-block-tag-size-md);padding:var(--component-gap-sm) var(--component-gap-md)}.badge--sm,.chip--sm,.tag--sm{height:var(--content-block-tag-size-sm)}.badge--lg,.chip--lg,.tag--lg{height:var(--content-block-tag-size-lg)}.badge--soft,.chip--soft,.tag--soft{background-color:var(--color-surface-subtle)}.badge--outline,.chip--outline,.tag--outline{background-color:transparent;border-color:var(--color-border-strong)}.badge--interactive,.chip--interactive,.tag--interactive{cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.badge--interactive:hover,.chip--interactive:hover,.tag--interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.badge--interactive:focus-visible,.chip--interactive:focus-visible,.tag--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.badge--disabled,.chip--disabled,.tag--disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}.badge.semantic-info,.chip.semantic-info,.tag.semantic-info{background-color:var(--semantic-info-bg);color:var(--semantic-info-text)}.badge.semantic-warning,.chip.semantic-warning,.tag.semantic-warning{background-color:var(--semantic-warning-bg);color:var(--semantic-warning-text)}.badge.semantic-success,.chip.semantic-success,.tag.semantic-success{background-color:var(--semantic-success-bg);color:var(--semantic-success-text)}.badge.semantic-danger,.chip.semantic-danger,.tag.semantic-danger{background-color:var(--semantic-danger-bg);color:var(--semantic-danger-text)}.chip-group{align-items:center;background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:9999px;color:var(--color-text);display:inline-flex;font-size:var(--text-xs);gap:var(--component-gap-xs);height:var(--content-block-tag-size-md);padding:var(--component-gap-sm) var(--component-gap-md)}.chip-group--sm{height:var(--content-block-tag-size-sm)}.chip-group--lg{height:var(--content-block-tag-size-lg)}.chip-group--soft{background-color:var(--color-surface-subtle)}.chip-group--outline{background-color:transparent;border-color:var(--color-border-strong)}.chip-group--interactive{cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.chip-group--interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.chip-group--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.chip-group--disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}.chip-group.semantic-info{background-color:var(--semantic-info-bg);color:var(--semantic-info-text)}.chip-group.semantic-warning{background-color:var(--semantic-warning-bg);color:var(--semantic-warning-text)}.chip-group.semantic-success{background-color:var(--semantic-success-bg);color:var(--semantic-success-text)}.chip-group.semantic-danger{background-color:var(--semantic-danger-bg);color:var(--semantic-danger-text)}.chip-group__action,.chip-group__label{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;font:inherit;gap:var(--component-gap-xs);line-height:1;padding:0}.chip-group__label{cursor:default}.chip-group__action{border-left:var(--content-block-component-border-sm) solid var(--color-border-subtle);cursor:pointer;padding:0 var(--space-2)}.chip-group__action:hover{background-color:var(--color-surface-hover)}.chip-group__action:focus-visible,.chip-group__label:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.avatar{align-items:center;background-color:var(--color-muted-bg);border-radius:50%;display:inline-flex;height:var(--avatar-size-md);justify-content:center;overflow:hidden;position:relative;width:var(--avatar-size-md)}.avatar--sm{height:var(--avatar-size-sm);width:var(--avatar-size-sm)}.avatar--lg{height:var(--avatar-size-lg);width:var(--avatar-size-lg)}.avatar--status:after{background-color:var(--color-success);border:var(--border-width) solid var(--color-surface);border-radius:50%;bottom:0;content:"";height:var(--avatar-status-size);position:absolute;right:0;width:var(--avatar-status-size)}.feature{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.feature--horizontal{align-items:center;flex-direction:row}.feature__icon{align-items:center;display:flex;flex-shrink:0;height:var(--icon-container-lg);justify-content:center;width:var(--icon-container-lg)}.feature__icon .icon{display:block;height:100%;width:100%}.feature--interactive{cursor:pointer;transition:background-color var(--transition-normal)}.feature--interactive:hover{background-color:var(--color-surface-hover)}.feature--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (max-width:640px){.feature--horizontal{align-items:flex-start;flex-direction:column}}.process{grid-gap:var(--content-block-process-gap);display:grid;gap:var(--content-block-process-gap);grid-template-columns:repeat(auto-fit,minmax(var(--content-block-process-step-min-width),1fr))}@media (max-width:768px){.process{gap:var(--component-gap-lg)}}.process__step{background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:flex;flex-direction:column;gap:var(--component-gap-md);padding:var(--content-block-component-pad-md)}.process__step--active{background-color:var(--accent-soft-surface);border-color:var(--accent-soft-border);color:var(--accent-soft-on)}.process__step--complete{background-color:var(--success-soft-surface);border-color:var(--success-soft-border);color:var(--success-soft-on)}.process__step--disabled{cursor:not-allowed;opacity:var(--content-block-component-disabled--opacity);pointer-events:none}.highlight{background-color:var(--color-surface-subtle);border-left:var(--content-block-highlight-border-width) solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--content-block-highlight-pad)}.highlight--compact{padding:var(--content-block-component-pad-sm)}.highlight--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border)}.highlight--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border)}.highlight--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border)}.highlight--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border)}.fact{background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--content-block-fact-pad);text-align:center}.fact--horizontal{align-items:center;display:flex;gap:var(--component-gap-lg);justify-content:center;text-align:left}.fact--compact{padding:var(--content-block-component-pad-md)}.fact--interactive{cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.fact--interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.fact--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.fact--disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}.content-block{--content-block-pad:0;--content-block-title-size:var(--content-block-title-size-base);--content-block-subtitle-size:var(--content-block-subtitle-size-base);--content-block-variant-rail:var(--color-border-strong);--content-block-variant-tint:var(--color-surface-subtle);--content-block-variant-text:var(--color-text);--content-block-variant-muted:var(--color-text-muted);--content-block-variant-border:var(--color-border-subtle);color:var(--content-block-variant-text);display:flex;flex-direction:column;gap:var(--component-gap-md);width:100%}.content-block--surface{--content-block-pad:var(--content-block-component-pad-lg);background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:var(--content-block-pad)}.content-block--inset{--content-block-pad:var(--content-block-component-pad-md);background-color:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--content-block-pad)}.content-block--compact{gap:var(--component-gap-xs)}.content-block--surface.content-block--compact{--content-block-pad:var(--content-block-component-pad-md)}.content-block--inset.content-block--compact{--content-block-pad:var(--content-block-component-pad-sm)}.content-block--bordered{border:var(--content-block-component-border-sm) solid var(--color-border-strong)}.content-block[data-variant=info]{--content-block-variant-rail:var(--semantic-info-border,var(--color-info));--content-block-variant-tint:var(--semantic-info-bg,var(--color-info-soft));--content-block-variant-text:var(--semantic-info-text,var(--color-text));--content-block-variant-muted:var(--semantic-info-text,var(--color-text-muted));--content-block-variant-border:var(--semantic-info-border,var(--color-border-subtle))}.content-block[data-variant=success]{--content-block-variant-rail:var(--semantic-success-border,var(--color-success));--content-block-variant-tint:var(--semantic-success-bg,var(--color-success-soft));--content-block-variant-text:var(--semantic-success-text,var(--color-text));--content-block-variant-muted:var(--semantic-success-text,var(--color-text-muted));--content-block-variant-border:var(--semantic-success-border,var(--color-border-subtle))}.content-block[data-variant=warning]{--content-block-variant-rail:var(--semantic-warning-border,var(--color-warning));--content-block-variant-tint:var(--semantic-warning-bg,var(--color-warning-soft));--content-block-variant-text:var(--semantic-warning-text,var(--color-text));--content-block-variant-muted:var(--semantic-warning-text,var(--color-text-muted));--content-block-variant-border:var(--semantic-warning-border,var(--color-border-subtle))}.content-block[data-variant=danger]{--content-block-variant-rail:var(--semantic-danger-border,var(--color-danger));--content-block-variant-tint:var(--semantic-danger-bg,var(--color-danger-soft));--content-block-variant-text:var(--semantic-danger-text,var(--color-text));--content-block-variant-muted:var(--semantic-danger-text,var(--color-text-muted));--content-block-variant-border:var(--semantic-danger-border,var(--color-border-subtle))}.content-block[data-variant=accent]{--content-block-variant-rail:var(--accent-soft-border,var(--color-accent));--content-block-variant-tint:var(--accent-soft-surface,var(--color-accent-soft));--content-block-variant-text:var(--accent-soft-on,var(--color-on-accent));--content-block-variant-muted:var(--accent-soft-on,var(--color-on-accent));--content-block-variant-border:var(--accent-soft-border,var(--color-border-subtle))}.content-block[data-variant=neutral]{--content-block-variant-rail:var(--color-border-strong);--content-block-variant-tint:var(--color-surface-subtle);--content-block-variant-text:var(--color-text);--content-block-variant-muted:var(--color-text-muted);--content-block-variant-border:var(--color-border-subtle)}.content-block--tint{background-color:var(--content-block-variant-tint);border-color:var(--content-block-variant-rail)}.content-block--outline{border:var(--content-block-component-border-sm) solid var(--content-block-variant-rail)}.content-block--rail{border-left:var(--content-block-rail-width) solid var(--content-block-variant-rail)}.content-block--hero{--content-block-title-size:var(--content-block-hero-title-size);--content-block-subtitle-size:var(--content-block-hero-subtitle-size);--content-block-pad:var(--content-block-hero-pad);gap:var(--component-gap-lg)}.content-block--center{align-items:center;text-align:center}.content-block--center .content-block__actions,.content-block--center .content-block__footer,.content-block--center .content-block__meta{justify-content:center}.content-block--elevated{box-shadow:var(--shadow-2)}.content-block--flat{box-shadow:none}.content-block--split{grid-gap:var(--content-block-split-gap);align-items:start;display:grid;gap:var(--content-block-split-gap);grid-template-areas:"main aside";grid-template-columns:var(--content-block-split-main) var(--content-block-split-aside)}.content-block--split-reverse{grid-template-areas:"aside main"}.content-block__main{grid-area:main}.content-block__aside,.content-block__main{display:flex;flex-direction:column;gap:var(--component-gap-md)}.content-block__aside{grid-area:aside}@media (max-width:900px){.content-block--split,.content-block--split-reverse{grid-template-areas:"main" "aside";grid-template-columns:minmax(0,1fr)}}.content-block__header{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.content-block__header--inline{align-items:center;flex-direction:row;gap:var(--component-gap-md);justify-content:space-between}.content-block__eyebrow{color:var(--content-block-variant-muted);font-size:var(--content-block-eyebrow-size);letter-spacing:.08em;text-transform:uppercase}.content-block__title{font-size:var(--content-block-title-size);font-weight:600}.content-block__subtitle{color:var(--content-block-variant-muted);font-size:var(--content-block-subtitle-size)}.content-block__meta{color:var(--content-block-variant-muted);font-size:var(--content-block-meta-size)}.content-block__actions,.content-block__meta{display:flex;flex-wrap:wrap;gap:var(--component-gap-sm)}.content-block__actions{align-items:center}.content-block__body{display:flex;flex-direction:column;gap:var(--component-gap-md)}.content-block__media{align-items:center;display:flex;justify-content:center;width:100%}.content-block__media img,.content-block__media picture,.content-block__media svg{border-radius:var(--radius-sm);height:auto;max-width:100%}.content-block__media--bleed{border-radius:var(--radius-md);margin:calc(var(--content-block-pad)*-1);overflow:hidden}.content-block__media--bleed img,.content-block__media--bleed picture,.content-block__media--bleed svg{border-radius:0}.content-block__footer{display:flex;gap:var(--component-gap-md);justify-content:flex-end;margin-top:var(--component-gap-lg)}.content-block__grid{grid-gap:var(--content-block-grid-gap);display:grid;gap:var(--content-block-grid-gap);grid-template-columns:repeat(auto-fit,minmax(var(--content-block-grid-min),1fr))}.content-block__grid--tight{gap:var(--component-gap-sm)}.content-block__grid--loose{gap:var(--component-gap-xl)}.content-block__list{display:flex;flex-direction:column;gap:var(--content-block-list-gap)}.content-block__list-item{align-items:center;border-bottom:var(--content-block-component-border-sm) solid var(--content-block-variant-border);display:flex;gap:var(--component-gap-md);justify-content:space-between;padding:var(--content-block-row-pad) 0}.content-block__list-item:last-child{border-bottom:none;padding-bottom:0}.content-block__rows{display:flex;flex-direction:column;gap:var(--content-block-row-gap)}.content-block__row{align-items:center;border-bottom:var(--content-block-component-border-sm) solid var(--content-block-variant-border);display:flex;gap:var(--component-gap-md);justify-content:space-between;padding:var(--content-block-row-pad) 0}.content-block__row:last-child{border-bottom:none;padding-bottom:0}.content-block__kv{grid-gap:var(--component-gap-sm) var(--component-gap-lg);display:grid;gap:var(--component-gap-sm) var(--component-gap-lg);grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.content-block__kv-label{color:var(--content-block-variant-muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.content-block__kv-value{color:var(--content-block-variant-text);font-size:var(--text-sm)}.content-block__kpis{grid-gap:var(--content-block-kpi-gap);display:grid;gap:var(--content-block-kpi-gap);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.content-block__kpi{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.content-block__kpi-value{font-size:var(--content-block-kpi-value-size);font-weight:600}.content-block__kpi-label{color:var(--content-block-variant-muted);font-size:var(--content-block-kpi-label-size)}@media (max-width:720px){.content-block__kv{grid-template-columns:minmax(0,1fr)}}.content-block--interactive{cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.content-block--interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-2)}.content-block--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.content-block--disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}
+.vds-content-block,[data-vds-content-block]{--content-block-tag-size-sm:var(--space-4);--content-block-tag-size-md:var(--space-5);--content-block-tag-size-lg:var(--space-6);--content-block-component-disabled--opacity:0.3;--content-block-component-pad-sm:var(--space-3);--content-block-component-pad-md:var(--space-6);--content-block-component-pad-lg:var(--space-8);--content-block-component-border-sm:var(--border-width);--content-block-card-min-width:16.25rem;--content-block-card-gap:var(--space-4);--content-block-card-pad:var(--space-8);--content-block-card-pad-mobile:var(--space-6);--content-block-fact-pad:var(--space-10);--content-block-process-gap:var(--space-10);--content-block-process-step-min-width:15rem;--content-block-media-gap:var(--space-6);--content-block-empty-pad-vertical:var(--space-14);--content-block-empty-pad-horizontal:var(--space-6);--content-block-empty-gap:var(--space-4);--content-block-highlight-border-width:var(--border-width-strong);--content-block-highlight-pad:var(--space-6);--content-block-rail-width:var(--border-width-strong);--content-block-hero-pad:var(--space-12);--content-block-hero-title-size:var(--text-xl);--content-block-hero-subtitle-size:var(--text-md);--content-block-split-gap:var(--space-10);--content-block-split-main:minmax(0,1.2fr);--content-block-split-aside:minmax(0,0.8fr);--content-block-grid-min:14rem;--content-block-grid-gap:var(--space-6);--content-block-list-gap:var(--space-3);--content-block-row-gap:var(--space-3);--content-block-row-pad:var(--space-3);--content-block-title-size-base:var(--text-lg);--content-block-subtitle-size-base:var(--text-sm);--content-block-meta-size:var(--text-xs);--content-block-eyebrow-size:var(--text-xxs);--content-block-kpi-gap:var(--space-4);--content-block-kpi-value-size:var(--text-lg);--content-block-kpi-label-size:var(--text-xs)}.interactive{cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),color var(--transition-normal)}.interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.interactive:active{background-color:var(--color-surface-subtle)}.interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.is-disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}.card{background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:var(--content-block-card-gap);padding:var(--content-block-card-pad);transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.card--soft{background-color:var(--color-surface-subtle)}.card--muted{background-color:var(--color-muted-bg)}.card--tone-accent{background-color:var(--color-accent-soft)}@media (max-width:640px){.card{padding:var(--content-block-card-pad-mobile)}}.card--flat{box-shadow:none}.card--raised{box-shadow:var(--shadow-2)}.card--interactive{cursor:pointer}.card--interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-2)}.card--interactive:active{background-color:var(--color-surface-subtle)}.card--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.card--selected{border-color:var(--color-accent);box-shadow:var(--shadow-2)}.card--disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}.card__body,.card__header{width:100%}.card__footer{display:flex;gap:var(--component-gap-md);justify-content:flex-end;margin-top:var(--component-gap-lg)}.card__body-stack,.card__header-stack,.card__section-stack{display:flex;flex-direction:column;gap:var(--component-gap-md)}.card__body-inline,.card__footer-inline,.card__section-inline{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--component-gap-md)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--content-block-card-min-width),1fr));grid-gap:var(--component-gap-lg);gap:var(--component-gap-lg)}.card-grid--compact{gap:var(--component-gap-md)}.card-grid--tight{gap:var(--component-gap-xs)}.card-grid--wide{gap:var(--component-gap-xl)}.media{align-items:center;display:flex;gap:var(--content-block-media-gap)}.media--stack{align-items:flex-start;flex-direction:column}.media--horizontal{align-items:center;flex-direction:row}.media--interactive{cursor:pointer;transition:background-color var(--transition-normal)}.media--interactive:hover{background-color:var(--color-surface-hover)}@media (max-width:768px){.media{align-items:flex-start;flex-direction:column}}.media__icon,.media__img{align-items:center;display:flex;flex-shrink:0;height:var(--icon-container-lg);justify-content:center;width:var(--icon-container-lg)}.media__icon svg,.media__img img{border-radius:var(--radius-sm);height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.media__icon .icon{display:block;height:100%;width:100%}.media__body{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.media__meta{color:var(--color-text-muted);font-size:var(--text-xs)}.list-group{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.list-group__item{border-bottom:var(--content-block-component-border-sm) solid var(--color-border-subtle);display:flex;gap:var(--component-gap-md);padding:var(--component-gap-md) 0}.list-group--borderless .list-group__item,.list-group__item:last-child{border-bottom:none}.list-group--tight .list-group__item{padding:var(--component-gap-xs) 0}.list-group__item--interactive{cursor:pointer;transition:background-color var(--transition-normal)}.list-group__item--interactive:hover{background-color:var(--color-surface-hover)}.list-group__item--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.list-group__item--selected{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-left-color:var(--accent-soft-border,var(--color-accent));box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px var(--accent-soft-shadow,transparent);color:var(--accent-soft-on,var(--color-on-accent))}.list-group__item--disabled{cursor:not-allowed;opacity:var(--content-block-component-disabled--opacity);pointer-events:none}.callout{background-color:var(--color-muted-bg);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--content-block-component-pad-md)}.callout--compact{padding:var(--content-block-component-pad-sm)}.callout--outline{background-color:var(--color-surface);border-color:var(--color-border-strong)}.callout--minimal{background-color:transparent;border-color:transparent}.callout__title{font-size:var(--text-sm);font-weight:600}.callout__body{margin-top:var(--component-gap-xs)}.callout__icon{margin-bottom:var(--component-gap-xs)}.callout--interactive{cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.callout--interactive:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.callout--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.semantic-info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.semantic-success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.semantic-warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.semantic-danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}.empty{background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--content-block-empty-pad-vertical) var(--content-block-empty-pad-horizontal);text-align:center}.empty--compact{padding:var(--content-block-component-pad-md)}.empty--inline{align-items:center;display:inline-flex;text-align:left}.empty__icon{align-items:center;display:flex;height:var(--space-16);justify-content:center;margin:0 auto var(--content-block-empty-gap);stroke:var(--color-text-muted);width:var(--space-16)}.empty--inline .empty__icon{margin:0 var(--component-gap-md) 0 0}.empty__icon .icon{display:block;height:100%;width:100%}.empty__actions{display:flex;gap:var(--component-gap-md);justify-content:center;margin-top:var(--component-gap-lg)}.stats{display:flex;flex-wrap:wrap;gap:var(--component-gap-xl)}@media (max-width:768px){.stats{gap:var(--component-gap-lg)}}.stats__item{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.stats--center .stats__item{align-items:center}.stats__value{color:var(--color-text);font-size:var(--text-lg);font-weight:600}.metric-title,.stats__label{color:var(--color-text-muted);font-size:var(--text-xs)}.metric-title{font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge,.chip,.tag{align-items:center;background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:9999px;color:var(--color-text);display:inline-flex;font-size:var(--text-xs);gap:var(--component-gap-xs);height:var(--content-block-tag-size-md);padding:var(--component-gap-sm) var(--component-gap-md)}.badge--sm,.chip--sm,.tag--sm{height:var(--content-block-tag-size-sm)}.badge--lg,.chip--lg,.tag--lg{height:var(--content-block-tag-size-lg)}.badge--soft,.chip--soft,.tag--soft{background-color:var(--color-surface-subtle)}.badge--outline,.chip--outline,.tag--outline{background-color:transparent;border-color:var(--color-border-strong)}.badge--interactive,.chip--interactive,.tag--interactive{cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.badge--interactive:hover,.chip--interactive:hover,.tag--interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.badge--interactive:focus-visible,.chip--interactive:focus-visible,.tag--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.badge--disabled,.chip--disabled,.tag--disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}.badge.semantic-info,.chip.semantic-info,.tag.semantic-info{background-color:var(--semantic-info-bg);color:var(--semantic-info-text)}.badge.semantic-warning,.chip.semantic-warning,.tag.semantic-warning{background-color:var(--semantic-warning-bg);color:var(--semantic-warning-text)}.badge.semantic-success,.chip.semantic-success,.tag.semantic-success{background-color:var(--semantic-success-bg);color:var(--semantic-success-text)}.badge.semantic-danger,.chip.semantic-danger,.tag.semantic-danger{background-color:var(--semantic-danger-bg);color:var(--semantic-danger-text)}.chip-group{align-items:center;background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:9999px;color:var(--color-text);display:inline-flex;font-size:var(--text-xs);gap:var(--component-gap-xs);height:var(--content-block-tag-size-md);padding:var(--component-gap-sm) var(--component-gap-md)}.chip-group--sm{height:var(--content-block-tag-size-sm)}.chip-group--lg{height:var(--content-block-tag-size-lg)}.chip-group--soft{background-color:var(--color-surface-subtle)}.chip-group--outline{background-color:transparent;border-color:var(--color-border-strong)}.chip-group--interactive{cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.chip-group--interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.chip-group--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.chip-group--disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}.chip-group.semantic-info{background-color:var(--semantic-info-bg);color:var(--semantic-info-text)}.chip-group.semantic-warning{background-color:var(--semantic-warning-bg);color:var(--semantic-warning-text)}.chip-group.semantic-success{background-color:var(--semantic-success-bg);color:var(--semantic-success-text)}.chip-group.semantic-danger{background-color:var(--semantic-danger-bg);color:var(--semantic-danger-text)}.chip-group__action,.chip-group__label{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;font:inherit;gap:var(--component-gap-xs);line-height:1;padding:0}.chip-group__label{cursor:default}.chip-group__action{border-left:var(--content-block-component-border-sm) solid var(--color-border-subtle);cursor:pointer;padding:0 var(--space-2)}.chip-group__action:hover{background-color:var(--color-surface-hover)}.chip-group__action:focus-visible,.chip-group__label:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.avatar{align-items:center;background-color:var(--color-muted-bg);border-radius:50%;display:inline-flex;height:var(--avatar-size-md);justify-content:center;overflow:hidden;position:relative;width:var(--avatar-size-md)}.avatar--sm{height:var(--avatar-size-sm);width:var(--avatar-size-sm)}.avatar--lg{height:var(--avatar-size-lg);width:var(--avatar-size-lg)}.avatar--status:after{background-color:var(--color-success);border:var(--border-width) solid var(--color-surface);border-radius:50%;bottom:0;content:"";height:var(--avatar-status-size);position:absolute;right:0;width:var(--avatar-status-size)}.feature{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.feature--horizontal{align-items:center;flex-direction:row}.feature__icon{align-items:center;display:flex;flex-shrink:0;height:var(--icon-container-lg);justify-content:center;width:var(--icon-container-lg)}.feature__icon .icon{display:block;height:100%;width:100%}.feature--interactive{cursor:pointer;transition:background-color var(--transition-normal)}.feature--interactive:hover{background-color:var(--color-surface-hover)}.feature--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (max-width:640px){.feature--horizontal{align-items:flex-start;flex-direction:column}}.process{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--content-block-process-step-min-width),1fr));grid-gap:var(--content-block-process-gap);gap:var(--content-block-process-gap)}@media (max-width:768px){.process{gap:var(--component-gap-lg)}}.process__step{background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:flex;flex-direction:column;gap:var(--component-gap-md);padding:var(--content-block-component-pad-md)}.process__step--active{background-color:var(--accent-soft-surface);border-color:var(--accent-soft-border);color:var(--accent-soft-on)}.process__step--complete{background-color:var(--success-soft-surface);border-color:var(--success-soft-border);color:var(--success-soft-on)}.process__step--disabled{cursor:not-allowed;opacity:var(--content-block-component-disabled--opacity);pointer-events:none}.highlight{background-color:var(--color-surface-subtle);border-left:var(--content-block-highlight-border-width) solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--content-block-highlight-pad)}.highlight--compact{padding:var(--content-block-component-pad-sm)}.highlight--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border)}.highlight--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border)}.highlight--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border)}.highlight--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border)}.fact{background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--content-block-fact-pad);text-align:center}.fact--horizontal{align-items:center;display:flex;gap:var(--component-gap-lg);justify-content:center;text-align:left}.fact--compact{padding:var(--content-block-component-pad-md)}.fact--interactive{cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.fact--interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.fact--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.fact--disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}.content-block{--content-block-pad:0;--content-block-title-size:var(--content-block-title-size-base);--content-block-subtitle-size:var(--content-block-subtitle-size-base);--content-block-variant-rail:var(--color-border-strong);--content-block-variant-tint:var(--color-surface-subtle);--content-block-variant-text:var(--color-text);--content-block-variant-muted:var(--color-text-muted);--content-block-variant-border:var(--color-border-subtle);color:var(--content-block-variant-text);display:flex;flex-direction:column;gap:var(--component-gap-md);width:100%}.content-block--surface{--content-block-pad:var(--content-block-component-pad-lg);background-color:var(--color-surface);border:var(--content-block-component-border-sm) solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:var(--content-block-pad)}.content-block--inset{--content-block-pad:var(--content-block-component-pad-md);background-color:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--content-block-pad)}.content-block--compact{gap:var(--component-gap-xs)}.content-block--surface.content-block--compact{--content-block-pad:var(--content-block-component-pad-md)}.content-block--inset.content-block--compact{--content-block-pad:var(--content-block-component-pad-sm)}.content-block--bordered{border:var(--content-block-component-border-sm) solid var(--color-border-strong)}.content-block[data-variant=info]{--content-block-variant-rail:var(--semantic-info-border,var(--color-info));--content-block-variant-tint:var(--semantic-info-bg,var(--color-info-soft));--content-block-variant-text:var(--semantic-info-text,var(--color-text));--content-block-variant-muted:var(--semantic-info-text,var(--color-text-muted));--content-block-variant-border:var(--semantic-info-border,var(--color-border-subtle))}.content-block[data-variant=success]{--content-block-variant-rail:var(--semantic-success-border,var(--color-success));--content-block-variant-tint:var(--semantic-success-bg,var(--color-success-soft));--content-block-variant-text:var(--semantic-success-text,var(--color-text));--content-block-variant-muted:var(--semantic-success-text,var(--color-text-muted));--content-block-variant-border:var(--semantic-success-border,var(--color-border-subtle))}.content-block[data-variant=warning]{--content-block-variant-rail:var(--semantic-warning-border,var(--color-warning));--content-block-variant-tint:var(--semantic-warning-bg,var(--color-warning-soft));--content-block-variant-text:var(--semantic-warning-text,var(--color-text));--content-block-variant-muted:var(--semantic-warning-text,var(--color-text-muted));--content-block-variant-border:var(--semantic-warning-border,var(--color-border-subtle))}.content-block[data-variant=danger]{--content-block-variant-rail:var(--semantic-danger-border,var(--color-danger));--content-block-variant-tint:var(--semantic-danger-bg,var(--color-danger-soft));--content-block-variant-text:var(--semantic-danger-text,var(--color-text));--content-block-variant-muted:var(--semantic-danger-text,var(--color-text-muted));--content-block-variant-border:var(--semantic-danger-border,var(--color-border-subtle))}.content-block[data-variant=accent]{--content-block-variant-rail:var(--accent-soft-border,var(--color-accent));--content-block-variant-tint:var(--accent-soft-surface,var(--color-accent-soft));--content-block-variant-text:var(--accent-soft-on,var(--color-on-accent));--content-block-variant-muted:var(--accent-soft-on,var(--color-on-accent));--content-block-variant-border:var(--accent-soft-border,var(--color-border-subtle))}.content-block[data-variant=neutral]{--content-block-variant-rail:var(--color-border-strong);--content-block-variant-tint:var(--color-surface-subtle);--content-block-variant-text:var(--color-text);--content-block-variant-muted:var(--color-text-muted);--content-block-variant-border:var(--color-border-subtle)}.content-block--tint{background-color:var(--content-block-variant-tint);border-color:var(--content-block-variant-rail)}.content-block--outline{border:var(--content-block-component-border-sm) solid var(--content-block-variant-rail)}.content-block--rail{border-left:var(--content-block-rail-width) solid var(--content-block-variant-rail)}.content-block--hero{--content-block-title-size:var(--content-block-hero-title-size);--content-block-subtitle-size:var(--content-block-hero-subtitle-size);--content-block-pad:var(--content-block-hero-pad);gap:var(--component-gap-lg)}.content-block--center{align-items:center;text-align:center}.content-block--center .content-block__actions,.content-block--center .content-block__footer,.content-block--center .content-block__meta{justify-content:center}.content-block--elevated{box-shadow:var(--shadow-2)}.content-block--flat{box-shadow:none}.content-block--split{display:grid;grid-template-columns:var(--content-block-split-main) var(--content-block-split-aside);grid-gap:var(--content-block-split-gap);align-items:start;gap:var(--content-block-split-gap);grid-template-areas:"main aside"}.content-block--split-reverse{grid-template-areas:"aside main"}.content-block__main{grid-area:main}.content-block__aside,.content-block__main{display:flex;flex-direction:column;gap:var(--component-gap-md)}.content-block__aside{grid-area:aside}@media (max-width:900px){.content-block--split,.content-block--split-reverse{grid-template-areas:"main" "aside";grid-template-columns:minmax(0,1fr)}}.content-block__header{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.content-block__header--inline{align-items:center;flex-direction:row;gap:var(--component-gap-md);justify-content:space-between}.content-block__eyebrow{color:var(--content-block-variant-muted);font-size:var(--content-block-eyebrow-size);letter-spacing:.08em;text-transform:uppercase}.content-block__title{font-size:var(--content-block-title-size);font-weight:600}.content-block__subtitle{color:var(--content-block-variant-muted);font-size:var(--content-block-subtitle-size)}.content-block__meta{color:var(--content-block-variant-muted);font-size:var(--content-block-meta-size)}.content-block__actions,.content-block__meta{display:flex;flex-wrap:wrap;gap:var(--component-gap-sm)}.content-block__actions{align-items:center}.content-block__body{display:flex;flex-direction:column;gap:var(--component-gap-md)}.content-block__media{align-items:center;display:flex;justify-content:center;width:100%}.content-block__media img,.content-block__media picture,.content-block__media svg{border-radius:var(--radius-sm);height:auto;max-width:100%}.content-block__media--bleed{border-radius:var(--radius-md);margin:calc(var(--content-block-pad)*-1);overflow:hidden}.content-block__media--bleed img,.content-block__media--bleed picture,.content-block__media--bleed svg{border-radius:0}.content-block__footer{display:flex;gap:var(--component-gap-md);justify-content:flex-end;margin-top:var(--component-gap-lg)}.content-block__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--content-block-grid-min),1fr));grid-gap:var(--content-block-grid-gap);gap:var(--content-block-grid-gap)}.content-block__grid--tight{gap:var(--component-gap-sm)}.content-block__grid--loose{gap:var(--component-gap-xl)}.content-block__list{display:flex;flex-direction:column;gap:var(--content-block-list-gap)}.content-block__list-item{align-items:center;border-bottom:var(--content-block-component-border-sm) solid var(--content-block-variant-border);display:flex;gap:var(--component-gap-md);justify-content:space-between;padding:var(--content-block-row-pad) 0}.content-block__list-item:last-child{border-bottom:none;padding-bottom:0}.content-block__rows{display:flex;flex-direction:column;gap:var(--content-block-row-gap)}.content-block__row{align-items:center;border-bottom:var(--content-block-component-border-sm) solid var(--content-block-variant-border);display:flex;gap:var(--component-gap-md);justify-content:space-between;padding:var(--content-block-row-pad) 0}.content-block__row:last-child{border-bottom:none;padding-bottom:0}.content-block__kv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-gap:var(--component-gap-sm) var(--component-gap-lg);gap:var(--component-gap-sm) var(--component-gap-lg)}.content-block__kv-label{color:var(--content-block-variant-muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.content-block__kv-value{color:var(--content-block-variant-text);font-size:var(--text-sm)}.content-block__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));grid-gap:var(--content-block-kpi-gap);gap:var(--content-block-kpi-gap)}.content-block__kpi{display:flex;flex-direction:column;gap:var(--component-gap-xs)}.content-block__kpi-value{font-size:var(--content-block-kpi-value-size);font-weight:600}.content-block__kpi-label{color:var(--content-block-variant-muted);font-size:var(--content-block-kpi-label-size)}@media (max-width:720px){.content-block__kv{grid-template-columns:minmax(0,1fr)}}.content-block--interactive{cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.content-block--interactive:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-2)}.content-block--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.content-block--disabled{cursor:not-allowed;opacity:.5;opacity:var(--content-block-component-disabled--opacity,.5);pointer-events:none}

package/dist/components/description-list.min.css

@@ -1 +1 @@
-.vds-description-list,[data-vds-description-list]{--dl-gap:var(--space-4);--dl-term-width:12rem;--dl-term-color:var(--color-text-muted);--dl-desc-color:var(--color-text);--dl-border:var(--color-border-subtle);--dl-radius:var(--radius-md);--dl-pad:var(--space-4)}.description-list{grid-gap:var(--dl-gap);display:grid;gap:var(--dl-gap)}.description-list__item{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.description-list__term{color:var(--dl-term-color);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.description-list__desc{color:var(--dl-desc-color);font-size:var(--text-sm)}.description-list--inline .description-list__item{align-items:start;grid-template-columns:minmax(0,var(--dl-term-width)) 1fr}.description-list--stacked .description-list__item{grid-template-columns:1fr}.description-list--columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.description-list--columns .description-list__item{grid-template-columns:1fr}.description-list--bordered .description-list__item{background:var(--color-surface);border:1px solid var(--dl-border)}.description-list--bordered .description-list__item,.description-list--striped .description-list__item{border-radius:var(--dl-radius);padding:var(--dl-pad)}.description-list--striped .description-list__item:nth-child(odd){background:var(--color-surface-subtle)}.description-list--compact{--dl-gap:var(--space-2);--dl-pad:var(--space-3)}.description-list--spacious{--dl-gap:var(--space-6);--dl-pad:var(--space-5)}@media (max-width:768px){.description-list--inline .description-list__item{grid-template-columns:1fr}}
+.vds-description-list,[data-vds-description-list]{--dl-gap:var(--space-4);--dl-term-width:12rem;--dl-term-color:var(--color-text-muted);--dl-desc-color:var(--color-text);--dl-border:var(--color-border-subtle);--dl-radius:var(--radius-md);--dl-pad:var(--space-4)}.description-list{display:grid;grid-gap:var(--dl-gap);gap:var(--dl-gap)}.description-list__item{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.description-list__term{color:var(--dl-term-color);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.description-list__desc{color:var(--dl-desc-color);font-size:var(--text-sm)}.description-list--inline .description-list__item{align-items:start;grid-template-columns:minmax(0,var(--dl-term-width)) 1fr}.description-list--stacked .description-list__item{grid-template-columns:1fr}.description-list--columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.description-list--columns .description-list__item{grid-template-columns:1fr}.description-list--bordered .description-list__item{background:var(--color-surface);border:1px solid var(--dl-border)}.description-list--bordered .description-list__item,.description-list--striped .description-list__item{border-radius:var(--dl-radius);padding:var(--dl-pad)}.description-list--striped .description-list__item:nth-child(odd){background:var(--color-surface-subtle)}.description-list--compact{--dl-gap:var(--space-2);--dl-pad:var(--space-3)}.description-list--spacious{--dl-gap:var(--space-6);--dl-pad:var(--space-5)}@media (max-width:768px){.description-list--inline .description-list__item{grid-template-columns:1fr}}

package/dist/components/doc-block.min.css

@@ -1 +1 @@
-.vds-dock-block,[data-vds-dock-block]{--doc-block-border:var(--color-border-subtle);--doc-block-highlight-border-width:var(--border-width-strong);--doc-block-highlight-pad:var(--space-6)}.doc-block{border-bottom:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-12);padding-bottom:var(--space-14);padding-top:var(--space-14)}.doc-block:last-child{border-bottom:none}.doc-block--surface{background-color:var(--color-surface-subtle)}.doc-block--elevated,.doc-block--surface{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-12)}.doc-block--elevated{background-color:var(--color-surface);box-shadow:var(--shadow-1)}.doc-block--contrast{background-color:var(--color-bg-soft);border-left:var(--border-width-strong) solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-14)}.doc-block__header{display:flex;flex-direction:column;gap:var(--space-3)}.doc-block__title{font-size:var(--text-xl)}.doc-block__subtitle,.doc-block__title{color:var(--color-text);font-weight:var(--font-weight-semibold);margin:0}.doc-block__subtitle{font-size:var(--text-md)}.doc-block__summary{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--line-height-normal)}.doc-block__section{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4);margin-top:var(--space-4)}.doc-block__subsection{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2);margin-top:var(--space-2)}.doc-block__subsection--compact{gap:var(--space-1);margin-bottom:var(--space-1_5);margin-top:var(--space-1_5)}.doc-block__description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--line-height-normal);margin:0}.doc-block__body{display:flex;flex-direction:column;gap:var(--space-6)}.doc-block__body--tight{gap:var(--space-3)}.doc-block__body--compact{gap:var(--space-2)}.doc-block__preview{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);position:relative}.doc-block__preview .card__body{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.doc-block__preview--transparent{background-color:transparent}.doc-block__preview--inline{align-items:center;display:inline-flex;gap:var(--space-4);padding:var(--space-4)}.doc-block__preview code:not(pre code){background:var(--code-inline-bg);border:1px solid var(--code-inline-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);font-weight:500;padding:.04em .3em}.doc-block--split{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:1fr 1fr}.doc-block--split-left{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:2fr 1fr}.doc-block--split-right{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:1fr 2fr}@media (max-width:1024px){.doc-block--split,.doc-block--split-left,.doc-block--split-right{grid-template-columns:1fr}}.doc-block__code{-webkit-overflow-scrolling:touch;background:var(--code-block-bg);border:1px solid var(--doc-block-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-family-mono),monospace;font-size:var(--text-sm);line-height:var(--line-height-relaxed);overflow-x:auto;overflow-y:visible;padding:var(--space-8);padding-top:calc(var(--space-12) + var(--space-4));position:relative}.doc-block__code code,.doc-block__code pre{background:none;border:none;padding:0}.doc-block__toolbar{align-items:center;display:flex;justify-content:space-between;left:0;padding-left:var(--space-4);padding-right:var(--space-4);pointer-events:none;position:absolute;right:0;top:var(--space-2)}.doc-block__lang{background-color:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-xxs);font-weight:600;letter-spacing:.04em;padding:var(--space-1) var(--space-3);pointer-events:auto;text-transform:uppercase}.doc-block__actions{display:flex;gap:var(--space-2);pointer-events:auto}.doc-block__action{background-color:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xxs);font-weight:600;line-height:1;padding:var(--space-1) var(--space-3);transition:background-color var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-block__action:hover{background-color:var(--doc-block-action-hover-bg);border-color:var(--doc-block-action-hover-border);color:var(--doc-block-action-hover-text)}.doc-block__action--active{background-color:var(--color-accent-soft);border-color:var(--color-accent)}.doc-block--collapsed .doc-block__code{max-height:12rem;overflow:hidden}.doc-block--collapsed .doc-block__code:after{background:linear-gradient(to bottom,transparent 0,transparent 60%,var(--code-block-bg) 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.doc-block__meta{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-3)}.doc-block__note--danger{color:var(--color-danger-strong)}.doc-block__note--warning{color:var(--color-warning-strong)}.doc-block__note--info{color:var(--color-info-strong)}@media (max-width:768px){.doc-block{gap:var(--space-10);padding-bottom:var(--space-12);padding-top:var(--space-12)}.doc-block__title{font-size:var(--text-lg)}.doc-block__code,.doc-block__preview{padding:var(--space-6)}.doc-block__code{padding-top:calc(var(--space-10) + var(--space-2))}}.doc-block__code .token.keyword{color:var(--code-syntax-keyword)}.doc-block__code .token.string{color:var(--code-syntax-string)}.doc-block__code .token.number{color:var(--code-syntax-number)}.doc-block__code .token.operator{color:var(--code-syntax-operator)}.doc-block__code .token.comment{color:var(--code-syntax-comment);font-style:italic}.doc-block__code .token.constant{color:var(--code-syntax-constant)}.doc-block__code .token.func{color:var(--code-syntax-function)}.doc-block__code .token.var{color:var(--code-syntax-variable)}.doc-block__code--numbered{position:relative}.doc-block__code--numbered code{counter-reset:line;padding-left:calc(var(--space-2) + 2ch)}.doc-block__code--numbered code>*{counter-increment:line;padding-left:var(--space-2);position:relative}.doc-block__code--numbered code>:before{color:var(--color-text-soft,var(--color-text-muted));content:counter(line);font-size:var(--text-xxs,var(--text-xs));left:calc((var(--space-6) + 2ch)*-1);padding-right:var(--space-2);position:absolute;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(var(--space-6) + 2ch)}.doc-block--compact{gap:var(--space-6);padding-bottom:var(--space-8);padding-top:var(--space-8)}.doc-block--compact .doc-block__title{font-size:var(--text-lg)}.doc-block--compact .doc-block__summary{font-size:var(--text-xs)}.doc-block--compact .doc-block__code{font-size:var(--text-xs);line-height:var(--line-height-snug);padding:var(--space-5);padding-top:calc(var(--space-8) + var(--space-2))}.doc-block--diff{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:1fr 1fr}.doc-block--diff-added{background-color:var(--semantic-success-bg)}.doc-block--diff-removed{background-color:var(--semantic-danger-bg)}.doc-block--diff .doc-block__code{border-radius:var(--radius-lg);padding:var(--space-6)}.doc-block--diff-line-add{background-color:var(--semantic-success-bg);border-left:3px solid var(--semantic-success-border)}.doc-block--diff-line-remove{background-color:var(--semantic-danger-bg);border-left:3px solid var(--semantic-danger-border)}@media (max-width:1024px){.doc-block--diff{grid-template-columns:1fr}}.doc-block__code.is-copied{outline:2px solid var(--color-accent);outline-offset:2px;transition:outline var(--transition-fast)}.doc-block__eyebrow{color:var(--color-text-soft);font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.doc-block__pills{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.doc-block__pill{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);line-height:var(--space-4);padding:0 var(--space-2)}.doc-block__stack-sm{display:flex;flex-direction:column;gap:var(--space-3)}.doc-block__stack-md{display:flex;flex-direction:column;gap:var(--space-6)}.doc-block__stack-lg{display:flex;flex-direction:column;gap:var(--space-10)}.doc-block__columns-2{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.doc-block__columns-3{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.doc-block__columns-2,.doc-block__columns-3{grid-template-columns:1fr}}.doc-block__steps{counter-reset:step-counter;display:flex;flex-direction:column;gap:var(--space-6)}.doc-block__steps>li{counter-increment:step-counter;list-style:none;padding-left:var(--space-8);position:relative}.doc-block__steps>li:before{align-items:center;background:var(--color-accent-soft);border-radius:var(--radius-full);color:var(--color-on-accent);content:counter(step-counter);display:flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);height:var(--space-6);justify-content:center;left:0;position:absolute;top:.1em;width:var(--space-6)}.doc-block__highlight{background:var(--color-surface-subtle);border-left:var(--doc-block-highlight-border-width) solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-text);margin-bottom:var(--space-3);margin-top:var(--space-3);padding:var(--doc-block-highlight-pad)}.doc-block__do-dont{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.doc-block__do,.doc-block__dont{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.doc-block__do{background:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.doc-block__dont{background:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}@media (max-width:1024px){.doc-block__do-dont{grid-template-columns:1fr}}.doc-block--concept .doc-block__body{gap:var(--space-10)}.doc-block--pattern .doc-block__preview{border-left:var(--border-width-strong) solid var(--color-accent)}.doc-block--api .doc-block__body{gap:var(--space-8)}.doc-block--example{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:1fr 1fr}@media (max-width:1024px){.doc-block--example{grid-template-columns:1fr}}.doc-block__code--numbered-soft code{counter-reset:line;padding-left:calc(var(--space-2) + 1.5ch)}.doc-block__code--numbered-soft code>*{counter-increment:line;padding-left:var(--space-2);position:relative}.doc-block__code--numbered-soft code>:before{color:var(--color-text-soft);content:counter(line);font-size:var(--text-xxs);left:calc((var(--space-5) + 1.5ch)*-1);padding-right:var(--space-2);position:absolute;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(var(--space-5) + 1.5ch)}.doc-block--expanded .doc-block__code{max-height:none}.doc-block--expanded .doc-block__code:after{display:none}.doc-block__code-toggle{color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs)}@media (prefers-reduced-motion:reduce){.doc-block__action,.doc-block__code.is-copied{transition:none!important}}
+.vds-dock-block,[data-vds-dock-block]{--doc-block-border:var(--color-border-subtle);--doc-block-highlight-border-width:var(--border-width-strong);--doc-block-highlight-pad:var(--space-6)}.doc-block{border-bottom:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-12);padding-bottom:var(--space-14);padding-top:var(--space-14)}.doc-block:last-child{border-bottom:none}.doc-block--surface{background-color:var(--color-surface-subtle)}.doc-block--elevated,.doc-block--surface{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-12)}.doc-block--elevated{background-color:var(--color-surface);box-shadow:var(--shadow-1)}.doc-block--contrast{background-color:var(--color-bg-soft);border-left:var(--border-width-strong) solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-14)}.doc-block__header{display:flex;flex-direction:column;gap:var(--space-3)}.doc-block__title{font-size:var(--text-xl)}.doc-block__subtitle,.doc-block__title{color:var(--color-text);font-weight:var(--font-weight-semibold);margin:0}.doc-block__subtitle{font-size:var(--text-md)}.doc-block__summary{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--line-height-normal)}.doc-block__section{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4);margin-top:var(--space-4)}.doc-block__subsection{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2);margin-top:var(--space-2)}.doc-block__subsection--compact{gap:var(--space-1);margin-bottom:var(--space-1_5);margin-top:var(--space-1_5)}.doc-block__description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--line-height-normal);margin:0}.doc-block__body{display:flex;flex-direction:column;gap:var(--space-6)}.doc-block__body--tight{gap:var(--space-3)}.doc-block__body--compact{gap:var(--space-2)}.doc-block__preview{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);position:relative}.doc-block__preview .card__body{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.doc-block__preview--transparent{background-color:transparent}.doc-block__preview--inline{align-items:center;display:inline-flex;gap:var(--space-4);padding:var(--space-4)}.doc-block__preview code:not(pre code){background:var(--code-inline-bg);border:1px solid var(--code-inline-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);font-weight:500;padding:.04em .3em}.doc-block--split{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12)}.doc-block--split-left{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--space-12);gap:var(--space-12)}.doc-block--split-right{display:grid;grid-template-columns:1fr 2fr;grid-gap:var(--space-12);gap:var(--space-12)}@media (max-width:1024px){.doc-block--split,.doc-block--split-left,.doc-block--split-right{grid-template-columns:1fr}}.doc-block__code{background:var(--code-block-bg);border:1px solid var(--doc-block-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-family-mono),monospace;font-size:var(--text-sm);line-height:var(--line-height-relaxed);overflow-x:auto;overflow-y:visible;padding:var(--space-8);padding-top:calc(var(--space-12) + var(--space-4));position:relative;-webkit-overflow-scrolling:touch}.doc-block__code code,.doc-block__code pre{background:none;border:none;padding:0}.doc-block__toolbar{align-items:center;display:flex;justify-content:space-between;left:0;padding-left:var(--space-4);padding-right:var(--space-4);pointer-events:none;position:absolute;right:0;top:var(--space-2)}.doc-block__lang{background-color:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-xxs);font-weight:600;letter-spacing:.04em;padding:var(--space-1) var(--space-3);pointer-events:auto;text-transform:uppercase}.doc-block__actions{display:flex;gap:var(--space-2);pointer-events:auto}.doc-block__action{background-color:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xxs);font-weight:600;line-height:1;padding:var(--space-1) var(--space-3);transition:background-color var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-block__action:hover{background-color:var(--doc-block-action-hover-bg);border-color:var(--doc-block-action-hover-border);color:var(--doc-block-action-hover-text)}.doc-block__action--active{background-color:var(--color-accent-soft);border-color:var(--color-accent)}.doc-block--collapsed .doc-block__code{max-height:12rem;overflow:hidden}.doc-block--collapsed .doc-block__code:after{background:linear-gradient(to bottom,transparent 0,transparent 60%,var(--code-block-bg) 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.doc-block__meta{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-3)}.doc-block__note--danger{color:var(--color-danger-strong)}.doc-block__note--warning{color:var(--color-warning-strong)}.doc-block__note--info{color:var(--color-info-strong)}@media (max-width:768px){.doc-block{gap:var(--space-10);padding-bottom:var(--space-12);padding-top:var(--space-12)}.doc-block__title{font-size:var(--text-lg)}.doc-block__code,.doc-block__preview{padding:var(--space-6)}.doc-block__code{padding-top:calc(var(--space-10) + var(--space-2))}}.doc-block__code .token.keyword{color:var(--code-syntax-keyword)}.doc-block__code .token.string{color:var(--code-syntax-string)}.doc-block__code .token.number{color:var(--code-syntax-number)}.doc-block__code .token.operator{color:var(--code-syntax-operator)}.doc-block__code .token.comment{color:var(--code-syntax-comment);font-style:italic}.doc-block__code .token.constant{color:var(--code-syntax-constant)}.doc-block__code .token.func{color:var(--code-syntax-function)}.doc-block__code .token.var{color:var(--code-syntax-variable)}.doc-block__code--numbered{position:relative}.doc-block__code--numbered code{counter-reset:line;padding-left:calc(var(--space-2) + 2ch)}.doc-block__code--numbered code>*{counter-increment:line;padding-left:var(--space-2);position:relative}.doc-block__code--numbered code>:before{color:var(--color-text-soft,var(--color-text-muted));content:counter(line);font-size:var(--text-xxs,var(--text-xs));left:calc((var(--space-6) + 2ch)*-1);padding-right:var(--space-2);position:absolute;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(var(--space-6) + 2ch)}.doc-block--compact{gap:var(--space-6);padding-bottom:var(--space-8);padding-top:var(--space-8)}.doc-block--compact .doc-block__title{font-size:var(--text-lg)}.doc-block--compact .doc-block__summary{font-size:var(--text-xs)}.doc-block--compact .doc-block__code{font-size:var(--text-xs);line-height:var(--line-height-snug);padding:var(--space-5);padding-top:calc(var(--space-8) + var(--space-2))}.doc-block--diff{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12)}.doc-block--diff-added{background-color:var(--semantic-success-bg)}.doc-block--diff-removed{background-color:var(--semantic-danger-bg)}.doc-block--diff .doc-block__code{border-radius:var(--radius-lg);padding:var(--space-6)}.doc-block--diff-line-add{background-color:var(--semantic-success-bg);border-left:3px solid var(--semantic-success-border)}.doc-block--diff-line-remove{background-color:var(--semantic-danger-bg);border-left:3px solid var(--semantic-danger-border)}@media (max-width:1024px){.doc-block--diff{grid-template-columns:1fr}}.doc-block__code.is-copied{outline:2px solid var(--color-accent);outline-offset:2px;transition:outline var(--transition-fast)}.doc-block__eyebrow{color:var(--color-text-soft);font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.doc-block__pills{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.doc-block__pill{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);line-height:var(--space-4);padding:0 var(--space-2)}.doc-block__stack-sm{display:flex;flex-direction:column;gap:var(--space-3)}.doc-block__stack-md{display:flex;flex-direction:column;gap:var(--space-6)}.doc-block__stack-lg{display:flex;flex-direction:column;gap:var(--space-10)}.doc-block__columns-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.doc-block__columns-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6)}@media (max-width:1024px){.doc-block__columns-2,.doc-block__columns-3{grid-template-columns:1fr}}.doc-block__steps{counter-reset:step-counter;display:flex;flex-direction:column;gap:var(--space-6)}.doc-block__steps>li{counter-increment:step-counter;list-style:none;padding-left:var(--space-8);position:relative}.doc-block__steps>li:before{align-items:center;background:var(--color-accent-soft);border-radius:var(--radius-full);color:var(--color-on-accent);content:counter(step-counter);display:flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);height:var(--space-6);justify-content:center;left:0;position:absolute;top:.1em;width:var(--space-6)}.doc-block__highlight{background:var(--color-surface-subtle);border-left:var(--doc-block-highlight-border-width) solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-text);margin-bottom:var(--space-3);margin-top:var(--space-3);padding:var(--doc-block-highlight-pad)}.doc-block__do-dont{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6)}.doc-block__do,.doc-block__dont{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.doc-block__do{background:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.doc-block__dont{background:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}@media (max-width:1024px){.doc-block__do-dont{grid-template-columns:1fr}}.doc-block--concept .doc-block__body{gap:var(--space-10)}.doc-block--pattern .doc-block__preview{border-left:var(--border-width-strong) solid var(--color-accent)}.doc-block--api .doc-block__body{gap:var(--space-8)}.doc-block--example{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12)}@media (max-width:1024px){.doc-block--example{grid-template-columns:1fr}}.doc-block__code--numbered-soft code{counter-reset:line;padding-left:calc(var(--space-2) + 1.5ch)}.doc-block__code--numbered-soft code>*{counter-increment:line;padding-left:var(--space-2);position:relative}.doc-block__code--numbered-soft code>:before{color:var(--color-text-soft);content:counter(line);font-size:var(--text-xxs);left:calc((var(--space-5) + 1.5ch)*-1);padding-right:var(--space-2);position:absolute;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(var(--space-5) + 1.5ch)}.doc-block--expanded .doc-block__code{max-height:none}.doc-block--expanded .doc-block__code:after{display:none}.doc-block__code-toggle{color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs)}@media (prefers-reduced-motion:reduce){.doc-block__action,.doc-block__code.is-copied{transition:none!important}}

package/dist/components/feedback.css

@@ -729,6 +729,9 @@
 --------------------------------------------------------- */
 .feedback-toast--static {
     position: relative !important;
+    width: -moz-max-content;
+    width: max-content;
+    max-width: 100%;
     transform: none !important;
     top: auto !important;
     right: auto !important;
@@ -737,8 +740,3 @@
     opacity: 1 !important;
     animation: none !important;
 }
-.feedback-toast--static {
-    width: -moz-max-content;
-    width: max-content;
-    max-width: 100%;
-}