@24vlh/vds 0.3.4 → 0.3.6

package/dist/components/accordion.css

@@ -17,7 +17,6 @@
 /* ---------------------------------------------------------
    1. ACCORDION WRAPPER
 --------------------------------------------------------- */
-
 .accordion {
     display: flex;
     flex-direction: column;
@@ -27,7 +26,6 @@
 /* ---------------------------------------------------------
    2. ACCORDION ITEM  (<details>)
 --------------------------------------------------------- */
-
 .accordion-item {
     border: var(--border-width) solid var(--color-border-subtle);
     border-radius: var(--radius-md);
@@ -43,7 +41,6 @@
 /* ---------------------------------------------------------
    3. ACCORDION HEADER  (<summary>)
 --------------------------------------------------------- */
-
 .accordion-header {
     display: flex;
     align-items: center;
@@ -72,7 +69,6 @@
 /* ---------------------------------------------------------
    3A. ACCORDION TITLE
 --------------------------------------------------------- */
-
 .accordion-title {
     flex: 1;
     display: inline-flex;
@@ -95,7 +91,6 @@
 /* ---------------------------------------------------------
    4. ACCORDION ICON
 --------------------------------------------------------- */
-
 .accordion-icon {
     display: inline-block;
     width: var(--icon-sm);
@@ -113,7 +108,6 @@
 /* ---------------------------------------------------------
    5. ACCORDION BODY
 --------------------------------------------------------- */
-
 .accordion-body {
     padding: var(--space-1) var(--space-4) var(--space-4);
     color: var(--color-text);
@@ -122,7 +116,6 @@
 /* ---------------------------------------------------------
    6. OPEN STATE - ACCENT BORDER
 --------------------------------------------------------- */
-
 .accordion-item[open] {
     border-left: var(--border-width-strong) solid var(--color-accent);
     border-top-left-radius: var(--radius-md);
@@ -132,7 +125,6 @@
 /* ---------------------------------------------------------
    7. SEMANTIC VARIANTS
 --------------------------------------------------------- */
-
 .accordion-item--info[open] {
     border-left-color: var(--color-info);
 }
@@ -152,7 +144,6 @@
 /* ---------------------------------------------------------
    8. DENSITY ADJUSTMENTS
 --------------------------------------------------------- */
-
 .density-a .accordion-header {
     padding: var(--space-2) var(--space-3);
 }

package/dist/components/action-bar.css

@@ -14,7 +14,6 @@
 /* ---------------------------------------------------------
    1. TOKENS
 --------------------------------------------------------- */
-
 [data-vds-action-bar],
 .vds-action-bar {
     --action-bar-bg: var(--color-surface);
@@ -29,7 +28,6 @@
 /* ---------------------------------------------------------
    2. BASE BAR
 --------------------------------------------------------- */
-
 .action-bar {
     display: flex;
     align-items: center;
@@ -77,7 +75,6 @@
 /* ---------------------------------------------------------
    3. VARIANTS
 --------------------------------------------------------- */
-
 .action-bar--compact {
     --action-bar-pad-y: var(--space-3);
     --action-bar-pad-x: var(--space-4);

package/dist/components/authoring.css

@@ -22,7 +22,6 @@
 /* ---------------------------------------------------------
    1. FOUNDATION / RESET
 --------------------------------------------------------- */
-
 [data-vds-authoring],
 .vds-authoring,
 .authoring,
@@ -52,7 +51,6 @@
 /* ---------------------------------------------------------
     2. ADMONITION SYSTEM (GitHub-style)
 --------------------------------------------------------- */
-
 .admonition {
     margin-top: var(--space-4);
     margin-bottom: var(--space-4);
@@ -156,7 +154,6 @@
 /* ---------------------------------------------------------
    2.1 ADMONITION VARIANTS
 --------------------------------------------------------- */
-
 :where(.admonition)[data-variant="info"],
 .admonition--note,
 .admonition--info {
@@ -234,7 +231,6 @@
 /* ---------------------------------------------------------
    3. MDX / MARKDOWN CALLOUTS
 --------------------------------------------------------- */
-
 .md-callout,
 .md-note,
 .md-info,
@@ -321,7 +317,6 @@
 /* ---------------------------------------------------------
    4. HEADING ANCHORS (Robust)
 --------------------------------------------------------- */
-
 .heading-anchor {
     margin-left: var(--space-1);
     font-size: 0.8em;
@@ -364,7 +359,6 @@ h6:focus-within .heading-anchor {
 /* ---------------------------------------------------------
    5. FOOTNOTES
 --------------------------------------------------------- */
-
 .fn-ref {
     font-size: var(--footnote-size);
     vertical-align: super;
@@ -403,7 +397,6 @@ h6:focus-within .heading-anchor {
 /* ---------------------------------------------------------
    6. INLINE MARKERS (Highlight, warning, etc.)
 --------------------------------------------------------- */
-
 .inline-marker {
     display: inline-block;
     padding: 0 var(--space-1_5);
@@ -468,7 +461,6 @@ h6:focus-within .heading-anchor {
 /* ---------------------------------------------------------
    7. PROSE HELPERS (Authoring convenience)
 --------------------------------------------------------- */
-
 .prose-lead {
     font-size: var(--text-md);
     line-height: var(--line-height-relaxed);
@@ -533,7 +525,6 @@ h6:focus-within .heading-anchor {
 /* ---------------------------------------------------------
    8. AUTHORING / DOC-BLOCK INTEGRATION
 --------------------------------------------------------- */
-
 .doc-block__body .admonition {
     margin-top: var(--space-3);
     margin-bottom: var(--space-3);

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/avatar.css

@@ -14,7 +14,6 @@
 /* ---------------------------------------------------------
    1. AVATAR TOKENS
 --------------------------------------------------------- */
-
 [data-vds-avatar],
 .vds-avatar {
     --avatar-size-xs: 1.5rem;
@@ -37,7 +36,6 @@
 /* ---------------------------------------------------------
    2. BASE AVATAR
 --------------------------------------------------------- */
-
 .avatar {
     position: relative;
     display: inline-flex;
@@ -94,7 +92,6 @@
 /* ---------------------------------------------------------
    3. SIZE MODIFIERS
 --------------------------------------------------------- */
-
 .avatar--xs {
     width: var(--avatar-size-xs);
     height: var(--avatar-size-xs);
@@ -122,7 +119,6 @@
 /* ---------------------------------------------------------
    4. STATUS INDICATORS
 --------------------------------------------------------- */
-
 .avatar__status {
     position: absolute;
     bottom: calc(-1 * var(--avatar-status-offset));
@@ -150,7 +146,6 @@
 /* ---------------------------------------------------------
    5. AVATAR GROUPS
 --------------------------------------------------------- */
-
 .avatar-group {
     display: flex;
     align-items: center;
@@ -180,7 +175,6 @@
 /* ---------------------------------------------------------
    6. COLOUR VARIANTS
 --------------------------------------------------------- */
-
 .avatar--accent {
     --avatar-bg: var(--color-accent-soft);
     --avatar-border: var(--color-accent);

package/dist/components/badge-tag.css

@@ -15,7 +15,6 @@
 /* ---------------------------------------------------------
    1. BADGE-TAG TOKENS
 --------------------------------------------------------- */
-
 [data-vds-badge-tag],
 .vds-badge-tag {
     --badge-tag-radius: var(--radius-pill);
@@ -41,7 +40,6 @@
 /* ---------------------------------------------------------
    2. BASE BADGE-TAG
 --------------------------------------------------------- */
-
 .badge-tag {
     display: inline-flex;
     align-items: center;
@@ -90,7 +88,6 @@
 /* ---------------------------------------------------------
    3. SIZE MODIFIERS
 --------------------------------------------------------- */
-
 .badge-tag--xs {
     --badge-tag-padding-y: var(--space-0_5);
     --badge-tag-padding-x: var(--space-2);
@@ -114,7 +111,6 @@
 /* ---------------------------------------------------------
    4. SHAPE & INTERACTION
 --------------------------------------------------------- */
-
 .badge-tag--square {
     --badge-tag-radius: var(--radius-sm);
 }
@@ -155,7 +151,6 @@
 /* ---------------------------------------------------------
    5. STYLE MODES
 --------------------------------------------------------- */
-
 .badge-tag--outline {
     background: transparent;
     border-color: currentColor;
@@ -170,7 +165,6 @@
 /* ---------------------------------------------------------
    6. SEMANTIC VARIANTS
 --------------------------------------------------------- */
-
 .badge-tag--accent {
     --badge-tag-bg: var(--color-accent-soft);
     --badge-tag-border: var(--color-accent);

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.css

@@ -20,7 +20,6 @@
 /* ---------------------------------------------------------
    1. BASE BUTTON
 --------------------------------------------------------- */
-
 .button {
     display: inline-flex;
     align-items: center;
@@ -87,7 +86,6 @@
 /* ---------------------------------------------------------
    2. SIZE SCALE
 --------------------------------------------------------- */
-
 .button--xs {
     padding-top: var(--space-1_5);
     padding-bottom: var(--space-1_5);
@@ -127,7 +125,6 @@
 /* ---------------------------------------------------------
    3. LAYOUT MODIFIERS
 --------------------------------------------------------- */
-
 .button--block {
     display: flex;
     width: 100%;
@@ -167,7 +164,6 @@
 /* ---------------------------------------------------------
    4. NEUTRAL / SEMANTIC VARIANTS
 --------------------------------------------------------- */
-
 .button--primary {
     background: var(--color-accent);
     border-color: var(--color-accent-strong);
@@ -281,7 +277,6 @@
 /* ---------------------------------------------------------
    5. STATUS VARIANTS (SOLID)
 --------------------------------------------------------- */
-
 .button--success {
     background: var(--color-success);
     border-color: var(--color-success-strong);
@@ -373,7 +368,6 @@
 /* ---------------------------------------------------------
    6. NEUTRAL (SOFT SURFACE)
 --------------------------------------------------------- */
-
 .button--neutral {
     background: var(--color-surface-subtle);
     border-color: var(--color-border-subtle);
@@ -398,7 +392,6 @@
 /* ---------------------------------------------------------
    7. OUTLINE VARIANTS
 --------------------------------------------------------- */
-
 .button--outline {
     background: transparent;
     border-color: var(--color-border-subtle);
@@ -528,7 +521,6 @@
 /* ---------------------------------------------------------
    8. LINK BUTTON
 --------------------------------------------------------- */
-
 .button--link {
     background: transparent;
     border: 0;
@@ -570,7 +562,6 @@
 /* ---------------------------------------------------------
    9. LOADING STATE
 --------------------------------------------------------- */
-
 .button--loading {
     position: relative;
     pointer-events: none;
@@ -610,7 +601,6 @@
 /* ---------------------------------------------------------
    10. REDUCED MOTION
 --------------------------------------------------------- */
-
 @media (prefers-reduced-motion: reduce) {
     .button {
         transition: none;
@@ -625,7 +615,6 @@
 /* ---------------------------------------------------------
    11. HELPERS
 --------------------------------------------------------- */
-
 .button--contrast-hover:hover:not(:disabled):not([aria-disabled="true"]) {
     background: rgba(0, 0, 0, 0.12);
     border-color: currentColor;
@@ -642,7 +631,6 @@
 /* ---------------------------------------------------------
    12. LINK RESETS
 --------------------------------------------------------- */
-
 a.button,
 a.button:hover,
 a.button:focus,

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

@@ -22,7 +22,6 @@
 /* ---------------------------------------------------------
    1. CHART TOKEN DEFINITIONS (extend root)
 --------------------------------------------------------- */
-
 [data-vds-chart],
 .vds-chart {
     --chart-min-height-sm: 10rem;
@@ -84,7 +83,6 @@
 /* ---------------------------------------------------------
    2. CHART CONTAINERS
 --------------------------------------------------------- */
-
 .chart {
     display: flex;
     flex-direction: column;
@@ -123,7 +121,6 @@
 /* ---------------------------------------------------------
    3. HEADER, META & ACTIONS
 --------------------------------------------------------- */
-
 .chart__header {
     display: flex;
     align-items: center;
@@ -174,7 +171,6 @@
 /* ---------------------------------------------------------
    4. BODY & CANVAS WRAPPER
 --------------------------------------------------------- */
-
 .chart__body {
     position: relative;
     flex: 1 1 auto;
@@ -193,17 +189,12 @@
 .chart__canvas svg {
     width: 100% !important;
     height: 100% !important;
-}
-
-.chart__canvas canvas,
-.chart__canvas svg {
     display: block;
 }
 
 /* ---------------------------------------------------------
    5. LEGEND SYSTEM
 --------------------------------------------------------- */
-
 .chart__legend {
     display: flex;
     flex-wrap: wrap;
@@ -263,7 +254,6 @@
 /* ---------------------------------------------------------
    6. AXES & GRIDLINE HOOKS (SVG / Canvas wrappers)
 --------------------------------------------------------- */
-
 .chart-axis line,
 .chart-axis path {
     stroke: var(--chart-axis-color);
@@ -298,7 +288,6 @@
    7. SERIES HOOKS (lines, areas, bars)
    Apply to SVG elements created by chart libs or custom D3.
 --------------------------------------------------------- */
-
 .chart-series--1 {
     stroke: var(--chart-series-1-line);
     fill: none;
@@ -401,7 +390,6 @@
 /* ---------------------------------------------------------
    8. EMPTY / ERROR / LOADING STATES
 --------------------------------------------------------- */
-
 .chart--empty .chart__canvas,
 .chart--error .chart__canvas,
 .chart--loading .chart__canvas {
@@ -464,7 +452,6 @@
 /* ---------------------------------------------------------
    9. RESPONSIVE TUNING
 --------------------------------------------------------- */
-
 @media (max-width: 768px) {
     .chart {
         padding: var(--chart-padding-sm);
@@ -491,7 +478,6 @@
 /* ---------------------------------------------------------
    10. ANIMATIONS
 --------------------------------------------------------- */
-
 @keyframes chart-loading-shimmer {
     0% {
         background-position: -150% 0;

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}}