@rokkit/themes 1.0.0-next.146 → 1.0.0-next.148

package/dist/material.css

@@ -32,6 +32,11 @@
   --un-bg-opacity:1;background-color:rgba(var(--color-secondary-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
 }[data-mode="dark"][data-style="material"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"] [data-style="material"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"][data-style="material"] [data-button]:not([data-style])[data-variant="secondary"],[data-mode="dark"] [data-style="material"] [data-button]:not([data-style])[data-variant="secondary"]{--un-bg-opacity:1;background-color:rgba(var(--color-secondary-600),var(--un-bg-opacity));}
 
+[data-style='material'] [data-button][data-style='default'][data-variant='accent'],
+[data-style='material'] [data-button]:not([data-style])[data-variant='accent'] {
+  --un-bg-opacity:1;background-color:rgba(var(--color-accent-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="material"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"] [data-style="material"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"][data-style="material"] [data-button]:not([data-style])[data-variant="accent"],[data-mode="dark"] [data-style="material"] [data-button]:not([data-style])[data-variant="accent"]{--un-bg-opacity:1;background-color:rgba(var(--color-accent-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));}
+
 [data-style='material'] [data-button][data-style='default'][data-variant='danger'],
 [data-style='material'] [data-button]:not([data-style])[data-variant='danger'] {
   --un-bg-opacity:1;background-color:rgba(var(--color-danger-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
@@ -54,6 +59,10 @@
   border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-button][data-style="outline"][data-variant="secondary"],[data-mode="dark"] [data-style="material"] [data-button][data-style="outline"][data-variant="secondary"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
 
+[data-style='material'] [data-button][data-style='outline'][data-variant='accent'] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-accent-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="material"] [data-button][data-style="outline"][data-variant="accent"],[data-mode="dark"] [data-style="material"] [data-button][data-style="outline"][data-variant="accent"]{--un-border-opacity:1;border-color:rgba(var(--color-accent-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
+
 [data-style='material'] [data-button][data-style='outline'][data-variant='danger'] {
   border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-danger-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-button][data-style="outline"][data-variant="danger"],[data-mode="dark"] [data-style="material"] [data-button][data-style="outline"][data-variant="danger"]{--un-border-opacity:1;border-color:rgba(var(--color-danger-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
@@ -79,6 +88,10 @@
   --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-button][data-style="ghost"][data-variant="secondary"],[data-mode="dark"] [data-style="material"] [data-button][data-style="ghost"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
 
+[data-style='material'] [data-button][data-style='ghost'][data-variant='accent'] {
+  --un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="material"] [data-button][data-style="ghost"][data-variant="accent"],[data-mode="dark"] [data-style="material"] [data-button][data-style="ghost"][data-variant="accent"]{--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
+
 [data-style='material'] [data-button][data-style='ghost'][data-variant='danger'] {
   --un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-button][data-style="ghost"][data-variant="danger"],[data-mode="dark"] [data-style="material"] [data-button][data-style="ghost"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
@@ -100,6 +113,10 @@
   --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
 }[data-mode="dark"][data-style="material"] [data-button][data-style="gradient"][data-variant="secondary"],[data-mode="dark"] [data-style="material"] [data-button][data-style="gradient"][data-variant="secondary"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-700),1) var(--un-gradient-to-position);}
 
+[data-style='material'] [data-button][data-style='gradient'][data-variant='accent'] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-accent-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-accent-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}[data-mode="dark"][data-style="material"] [data-button][data-style="gradient"][data-variant="accent"],[data-mode="dark"] [data-style="material"] [data-button][data-style="gradient"][data-variant="accent"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-accent-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-accent-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));}
+
 [data-style='material'] [data-button][data-style='gradient'][data-variant='danger'] {
   --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
 }[data-mode="dark"][data-style="material"] [data-button][data-style="gradient"][data-variant="danger"],[data-mode="dark"] [data-style="material"] [data-button][data-style="gradient"][data-variant="danger"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
@@ -127,6 +144,10 @@
   --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-button][data-style="link"][data-variant="secondary"],[data-mode="dark"] [data-style="material"] [data-button][data-style="link"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
 
+[data-style='material'] [data-button][data-style='link'][data-variant='accent'] {
+  --un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="material"] [data-button][data-style="link"][data-variant="accent"],[data-mode="dark"] [data-style="material"] [data-button][data-style="link"][data-variant="accent"]{--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
+
 [data-style='material'] [data-button][data-style='link'][data-variant='danger'] {
   --un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-button][data-style="link"][data-variant="danger"],[data-mode="dark"] [data-style="material"] [data-button][data-style="link"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
@@ -167,26 +188,24 @@
  * Material Design outlined text field with floating label.
  */
 
-/* Form background: needed so floating label pill matches */
+/* Form background */
 [data-style='material'] [data-form-root] {
   --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
-  --material-bg: rgba(var(--color-surface-100), 1);
 }[data-mode="dark"][data-style="material"] [data-form-root],[data-mode="dark"] [data-style="material"] [data-form-root]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
 
-[data-mode='dark'] [data-style='material'] [data-form-root] {
-  --material-bg: rgba(var(--color-surface-900), 1);
-}
-
 /* Field root: relative positioning for floating label */
 [data-style='material'] [data-field-root] {
   position:relative;gap:0;
 }
 
-/* Input root: outlined border */
-[data-style='material'] [data-input-root] {
+/* Input root: outlined border — force transparent even in dark mode
+ * (prevents body[data-mode="dark"][data-style="rokkit"] bleed on comparison pages) */
+[data-style='material'] [data-input-root],
+[data-mode='dark'] [data-style='material'] [data-input-root] {
   display:flex;align-items:center;border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0.25rem;background-color:transparent;padding:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
+  background-color: transparent;
   background-image: none;
-}[data-mode="dark"][data-style="material"] [data-input-root],[data-mode="dark"] [data-style="material"] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
+}[data-mode="dark"][data-style="material"] [data-input-root],[data-mode="dark"] [data-style="material"] [data-input-root],[data-mode="dark"] [data-mode="dark"] [data-style="material"] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
 
 [data-style='material'] [data-input-root]:hover {
   --un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));
@@ -197,16 +216,24 @@
   background-image: none;
 }[data-mode="dark"][data-style="material"] [data-input-root]:focus-within,[data-mode="dark"] [data-style="material"] [data-input-root]:focus-within{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));}
 
-/* Inputs inside wrapper */
+/* Inputs inside wrapper — also target dark-mode to prevent rokkit bleed */
 [data-style='material']
   [data-input-root]
   input:not([type='checkbox'], [type='radio'], [type='color']),
+[data-mode='dark']
+  [data-style='material']
+  [data-input-root]
+  input:not([type='checkbox'], [type='radio'], [type='color']),
 [data-style='material'] [data-input-root] textarea,
-[data-style='material'] [data-input-root] select {
+[data-mode='dark'] [data-style='material'] [data-input-root] textarea,
+[data-style='material'] [data-input-root] select,
+[data-mode='dark'] [data-style='material'] [data-input-root] select {
   width:100%;border-style:none;background-color:transparent;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.625rem;padding-bottom:0.625rem;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
+  background-color: transparent;
+  border-radius: 4px;
   font-size: 0.875rem;
   line-height: 1.25rem;
-}[data-mode="dark"][data-style="material"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"] [data-style="material"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"][data-style="material"] [data-input-root] textarea,[data-mode="dark"] [data-style="material"] [data-input-root] textarea,[data-mode="dark"][data-style="material"] [data-input-root] select,[data-mode="dark"] [data-style="material"] [data-input-root] select{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+}[data-mode="dark"][data-style="material"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"] [data-style="material"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"] [data-mode="dark"] [data-style="material"] [data-input-root] input:not([type="checkbox"],[type="radio"],[type="color"]),[data-mode="dark"][data-style="material"] [data-input-root] textarea,[data-mode="dark"] [data-style="material"] [data-input-root] textarea,[data-mode="dark"] [data-mode="dark"] [data-style="material"] [data-input-root] textarea,[data-mode="dark"][data-style="material"] [data-input-root] select,[data-mode="dark"] [data-style="material"] [data-input-root] select,[data-mode="dark"] [data-mode="dark"] [data-style="material"] [data-input-root] select{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
 
 [data-style='material'] [data-input-root] textarea {
   min-height:5rem;
@@ -228,7 +255,6 @@
   pointer-events:none;position:absolute;left:0.75rem;padding-left:0.25rem;padding-right:0.25rem;font-size:0.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
   top: 50%;
   transform: translateY(-50%);
-  background: transparent;
   z-index: 1;
 }[data-mode="dark"][data-style="material"] [data-field-root]:not([data-field-type="checkbox"]) [data-field]>label,[data-mode="dark"] [data-style="material"] [data-field-root]:not([data-field-type="checkbox"]) [data-field]>label{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
 
@@ -241,12 +267,12 @@
   [data-field-root]:not([data-field-type='checkbox']):not([data-field-empty='true'])
   [data-field]
   > label {
-  font-size:0.75rem;line-height:1rem;
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));font-size:0.75rem;line-height:1rem;
   top: 0;
   transform: translateY(-50%);
-  background: var(--material-bg, rgba(var(--color-surface-100), 1));
   padding-inline: 0.25rem;
-}
+  border-radius: 2px;
+}[data-mode="dark"][data-style="material"] [data-field-root]:not([data-field-type="checkbox"]) [data-field]:has([data-input-root]:focus-within)>label,[data-mode="dark"] [data-style="material"] [data-field-root]:not([data-field-type="checkbox"]) [data-field]:has([data-input-root]:focus-within)>label,[data-mode="dark"][data-style="material"] [data-field-root]:not([data-field-type="checkbox"]):not([data-field-empty="true"]) [data-field]>label,[data-mode="dark"] [data-style="material"] [data-field-root]:not([data-field-type="checkbox"]):not([data-field-empty="true"]) [data-field]>label{--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
 
 [data-style='material']
   [data-field-root]:not([data-field-type='checkbox'])
@@ -420,7 +446,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-tabs-list] {
-  gap:0.125rem;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+  gap:0.125rem;border-width:0px;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));padding-left:0;padding-right:0;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
 }[data-mode="dark"][data-style="material"] [data-tabs-list],[data-mode="dark"] [data-style="material"] [data-tabs-list]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
 
 [data-style='material'] [data-tabs][data-position='after'] [data-tabs-list] {
@@ -432,7 +458,7 @@
    ============================================================================= */
 
 [data-style='material'] [data-tabs-trigger] {
-  border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
+  border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-tabs-trigger],[data-mode="dark"] [data-style="material"] [data-tabs-trigger]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
 
 [data-style='material'] [data-tabs][data-position='after'] [data-tabs-trigger] {
@@ -1556,7 +1582,8 @@
   --un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-600),var(--un-border-left-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
 }[data-mode="dark"][data-style="material"] [data-toc] [data-toc-item][data-toc-active],[data-mode="dark"] [data-style="material"] [data-toc] [data-toc-item][data-toc-active]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-400),var(--un-border-left-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
 
-* Card - Material Theme Styles
+/**
+ * Card - Material Theme Styles
  *
  * Material Design inspired with elevation and shadows.
  */
@@ -1567,16 +1594,7 @@
 
 [data-style='material'] [data-card] {
   border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
-}* Card - Material Theme Styles
- *
- * Material Design inspired with elevation and shadows.
- */
-
-/* =============================================================================
-   Base Card Styles
-   ============================================================================= */
-
-[data-style='material'] [data-card]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+}[data-mode="dark"][data-style="material"] [data-card],[data-mode="dark"] [data-style="material"] [data-card]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
 
 /* Interactive cards (buttons) */
 [data-style='material'] [data-card][data-card-interactive] {
@@ -1768,3 +1786,62 @@
   --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));font-weight:600;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
 }[data-mode="dark"][data-style="material"] [data-status-count],[data-mode="dark"] [data-style="material"] [data-status-count]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
 
+/**
+ * Chart - Material Theme Styles
+ */
+
+[data-style='material'] [data-chart-axis-line],
+[data-style='material'] [data-chart-tick] line {
+  --un-stroke-opacity:1;stroke:rgba(var(--color-surface-300),var(--un-stroke-opacity));
+}[data-mode="dark"][data-style="material"] [data-chart-axis-line],[data-mode="dark"] [data-style="material"] [data-chart-axis-line],[data-mode="dark"][data-style="material"] [data-chart-tick] line,[data-mode="dark"] [data-style="material"] [data-chart-tick] line{--un-stroke-opacity:1;stroke:rgba(var(--color-surface-700),var(--un-stroke-opacity));}
+
+[data-style='material'] [data-chart-tick-label] {
+  --un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));
+}[data-mode="dark"][data-style="material"] [data-chart-tick-label],[data-mode="dark"] [data-style="material"] [data-chart-tick-label]{--un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));}
+
+[data-style='material'] [data-chart-grid-line] {
+  --un-stroke-opacity:1;stroke:rgba(var(--color-surface-300),var(--un-stroke-opacity));
+  stroke-opacity: 0.5;
+  stroke-dasharray: 2 4;
+}[data-mode="dark"][data-style="material"] [data-chart-grid-line],[data-mode="dark"] [data-style="material"] [data-chart-grid-line]{--un-stroke-opacity:1;stroke:rgba(var(--color-surface-700),var(--un-stroke-opacity));}
+
+[data-style='material'] [data-chart-legend-label] {
+  --un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));
+}[data-mode="dark"][data-style="material"] [data-chart-legend-label],[data-mode="dark"] [data-style="material"] [data-chart-legend-label]{--un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));}
+
+[data-style='material'] [data-chart-legend-item]:hover {
+  --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="material"] [data-chart-legend-item]:hover,[data-mode="dark"] [data-style="material"] [data-chart-legend-item]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='material'] [data-plot-element="bar"][data-dimmed],
+[data-style='material'] [data-plot-element="point"][data-dimmed],
+[data-style='material'] [data-plot-element="arc"][data-dimmed],
+[data-style='material'] [data-plot-element="line"][data-dimmed],
+[data-style='material'] [data-plot-element="area"][data-dimmed] {
+  opacity: 0.15;
+}
+
+[data-style='material'] [data-facet-title] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="material"] [data-facet-title],[data-mode="dark"] [data-style="material"] [data-facet-title]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/**
+ * Swatch — Material Theme
+ * Selected: secondary outline ring. Hover/focus: primary outline ring.
+ */
+
+[data-style='material'] [data-swatch-item][data-selected] {
+  background: transparent;
+  --un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-500),var(--un-outline-color-opacity));
+}[data-mode="dark"][data-style="material"] [data-swatch-item][data-selected],[data-mode="dark"] [data-style="material"] [data-swatch-item][data-selected]{--un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-500),var(--un-outline-color-opacity));}
+
+[data-style='material'] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),
+[data-style='material'] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]) {
+  --un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-400),var(--un-outline-color-opacity));
+}[data-mode="dark"][data-style="material"] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"] [data-style="material"] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"][data-style="material"] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"] [data-style="material"] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]){--un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-600),var(--un-outline-color-opacity));}
+
+[data-style='material'] [data-swatch-item][data-selected]:focus-visible {
+  --un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-600),var(--un-outline-color-opacity));
+  outline-offset: 3px;
+}[data-mode="dark"][data-style="material"] [data-swatch-item][data-selected]:focus-visible,[data-mode="dark"] [data-style="material"] [data-swatch-item][data-selected]:focus-visible{--un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-400),var(--un-outline-color-opacity));}
+

package/dist/minimal.css

@@ -32,6 +32,11 @@
   border-color:transparent;--un-bg-opacity:1;background-color:rgba(var(--color-secondary-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"][data-style="minimal"] [data-button]:not([data-style])[data-variant="secondary"],[data-mode="dark"] [data-style="minimal"] [data-button]:not([data-style])[data-variant="secondary"]{--un-bg-opacity:1;background-color:rgba(var(--color-secondary-600),var(--un-bg-opacity));}
 
+[data-style='minimal'] [data-button][data-style='default'][data-variant='accent'],
+[data-style='minimal'] [data-button]:not([data-style])[data-variant='accent'] {
+  border-color:transparent;--un-bg-opacity:1;background-color:rgba(var(--color-accent-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"][data-style="minimal"] [data-button]:not([data-style])[data-variant="accent"],[data-mode="dark"] [data-style="minimal"] [data-button]:not([data-style])[data-variant="accent"]{--un-bg-opacity:1;background-color:rgba(var(--color-accent-600),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));}
+
 [data-style='minimal'] [data-button][data-style='default'][data-variant='danger'],
 [data-style='minimal'] [data-button]:not([data-style])[data-variant='danger'] {
   border-color:transparent;--un-bg-opacity:1;background-color:rgba(var(--color-danger-400),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));
@@ -54,6 +59,10 @@
   border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-secondary-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-button][data-style="outline"][data-variant="secondary"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="outline"][data-variant="secondary"]{--un-border-opacity:1;border-color:rgba(var(--color-secondary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
 
+[data-style='minimal'] [data-button][data-style='outline'][data-variant='accent'] {
+  border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-accent-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-button][data-style="outline"][data-variant="accent"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="outline"][data-variant="accent"]{--un-border-opacity:1;border-color:rgba(var(--color-accent-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
+
 [data-style='minimal'] [data-button][data-style='outline'][data-variant='danger'] {
   border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-danger-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-button][data-style="outline"][data-variant="danger"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="outline"][data-variant="danger"]{--un-border-opacity:1;border-color:rgba(var(--color-danger-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
@@ -79,6 +88,10 @@
   --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-button][data-style="ghost"][data-variant="secondary"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="ghost"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
 
+[data-style='minimal'] [data-button][data-style='ghost'][data-variant='accent'] {
+  --un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-button][data-style="ghost"][data-variant="accent"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="ghost"][data-variant="accent"]{--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
+
 [data-style='minimal'] [data-button][data-style='ghost'][data-variant='danger'] {
   --un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-button][data-style="ghost"][data-variant="danger"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="ghost"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
@@ -100,6 +113,10 @@
   --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-button][data-style="gradient"][data-variant="secondary"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="gradient"][data-variant="secondary"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-700),1) var(--un-gradient-to-position);}
 
+[data-style='minimal'] [data-button][data-style='gradient'][data-variant='accent'] {
+  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-accent-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-accent-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-button][data-style="gradient"][data-variant="accent"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="gradient"][data-variant="accent"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-accent-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-accent-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));}
+
 [data-style='minimal'] [data-button][data-style='gradient'][data-variant='danger'] {
   --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-button][data-style="gradient"][data-variant="danger"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="gradient"][data-variant="danger"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),1) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
@@ -126,6 +143,10 @@
   --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-button][data-style="link"][data-variant="secondary"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="link"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
 
+[data-style='minimal'] [data-button][data-style='link'][data-variant='accent'] {
+  --un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-button][data-style="link"][data-variant="accent"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="link"][data-variant="accent"]{--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
+
 [data-style='minimal'] [data-button][data-style='link'][data-variant='danger'] {
   --un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-button][data-style="link"][data-variant="danger"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="link"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
@@ -259,7 +280,7 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-tabs-list] {
-  gap:0;border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));
+  gap:0;border-width:0px;border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));padding-left:0;padding-right:0;
 }[data-mode="dark"][data-style="minimal"] [data-tabs-list],[data-mode="dark"] [data-style="minimal"] [data-tabs-list]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
 
 [data-style='minimal'] [data-tabs][data-position='after'] [data-tabs-list] {
@@ -281,7 +302,7 @@
    ============================================================================= */
 
 [data-style='minimal'] [data-tabs-trigger] {
-  border-bottom-width:3px;border-bottom-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+  border-bottom-width:3px;border-bottom-color:transparent;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
   font-weight: 400;
   transition: color 150ms ease, border-color 150ms ease;
 }[data-mode="dark"][data-style="minimal"] [data-tabs-trigger],[data-mode="dark"] [data-style="minimal"] [data-tabs-trigger]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
@@ -421,13 +442,13 @@
 
 [data-style='minimal'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
 [data-style='minimal'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
-  border-bottom-width:2px;--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-surface-200),var(--un-border-bottom-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="minimal"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="minimal"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="minimal"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]){--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-surface-800),var(--un-border-bottom-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="minimal"] [data-toggle-option]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="minimal"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="minimal"] [data-toggle-option]:focus:not(:disabled):not([data-disabled="true"]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
 
-/* Selected state */
+/* Selected state — subtle fill with primary bottom accent */
 [data-style='minimal'] [data-toggle-option][data-selected='true'] {
-  border-bottom-width:2px;--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-primary-400),var(--un-border-bottom-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-toggle-option][data-selected="true"],[data-mode="dark"] [data-style="minimal"] [data-toggle-option][data-selected="true"]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-primary-600),var(--un-border-bottom-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+  border-bottom-width:2px;--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-primary-500),var(--un-border-bottom-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-toggle-option][data-selected="true"],[data-mode="dark"] [data-style="minimal"] [data-toggle-option][data-selected="true"]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(var(--color-primary-500),var(--un-border-bottom-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
 
 /* =============================================================================
    Toggle Icon
@@ -448,15 +469,18 @@
 
 /**
  * Switch - Minimal Theme Styles
+ * Flat filled pill — no borders, no shadows, just color transitions.
  */
 
 [data-style='minimal'] [data-switch-track] {
-  border-width:2px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));background-color:transparent;background-image:none;
-}[data-mode="dark"][data-style="minimal"] [data-switch-track],[data-mode="dark"] [data-style="minimal"] [data-switch-track]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
+  border-width:0px;--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));
+  background-image: none;
+}[data-mode="dark"][data-style="minimal"] [data-switch-track],[data-mode="dark"] [data-style="minimal"] [data-switch-track]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
 
-[data-style='minimal'] [data-switch-thumb] {
-  --un-bg-opacity:1;background-color:rgba(var(--color-surface-500),var(--un-bg-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-switch-thumb],[data-mode="dark"] [data-style="minimal"] [data-switch-thumb]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-500),var(--un-bg-opacity));}
+[data-style='minimal'] [data-switch] [data-switch-thumb] {
+  --switch-thumb-travel: 1.25rem;
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-switch] [data-switch-thumb],[data-mode="dark"] [data-style="minimal"] [data-switch] [data-switch-thumb]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
 
 [data-style='minimal'] [data-switch]:focus-visible [data-switch-track] {
   --un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:1px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
@@ -464,12 +488,13 @@
 
 /* On state */
 [data-style='minimal'] [data-switch][aria-checked='true'] [data-switch-track] {
-  --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));background-image:none;
-}[data-mode="dark"][data-style="minimal"] [data-switch][aria-checked="true"] [data-switch-track],[data-mode="dark"] [data-style="minimal"] [data-switch][aria-checked="true"] [data-switch-track]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));}
+  border-width:0px;--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));
+  background-image: none;
+}[data-mode="dark"][data-style="minimal"] [data-switch][aria-checked="true"] [data-switch-track],[data-mode="dark"] [data-style="minimal"] [data-switch][aria-checked="true"] [data-switch-track]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
 
 [data-style='minimal'] [data-switch][aria-checked='true'] [data-switch-thumb] {
-  --un-bg-opacity:1;background-color:rgba(var(--color-primary-400),var(--un-bg-opacity));
-}[data-mode="dark"][data-style="minimal"] [data-switch][aria-checked="true"] [data-switch-thumb],[data-mode="dark"] [data-style="minimal"] [data-switch][aria-checked="true"] [data-switch-thumb]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));}
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-switch][aria-checked="true"] [data-switch-thumb],[data-mode="dark"] [data-style="minimal"] [data-switch][aria-checked="true"] [data-switch-thumb]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
 
 [data-style='minimal'] [data-switch-label] {
   --un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
@@ -1111,11 +1136,11 @@
 
 /* Input root: transparent background, bottom border only */
 [data-style='minimal'] [data-input-root] {
-  position:relative;display:flex;align-items:center;border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-200),var(--un-border-opacity));background-color:transparent;padding:0;
+  position:relative;display:flex;align-items:center;border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));background-color:transparent;padding:0;
   border-radius: 0;
   background-image: none;
   transition: background-color 150ms ease;
-}[data-mode="dark"][data-style="minimal"] [data-input-root],[data-mode="dark"] [data-style="minimal"] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-surface-800),var(--un-border-opacity));}
+}[data-mode="dark"][data-style="minimal"] [data-input-root],[data-mode="dark"] [data-style="minimal"] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
 
 /* Hover: very subtle neutral tint */
 [data-style='minimal'] [data-input-root]:hover:not(:focus-within) {
@@ -1152,6 +1177,7 @@
 [data-style='minimal'] [data-input-root] textarea,
 [data-style='minimal'] [data-input-root] select {
   width:100%;border-style:none;background-color:transparent;padding-left:0.25rem;padding-right:0.25rem;padding-top:0.375rem;padding-bottom:0.375rem;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
+  border-radius: 0;
   font-size: 0.875rem;
   line-height: 1.25rem;
   transition: color 150ms ease;
@@ -1614,7 +1640,8 @@
   --un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-400),var(--un-border-left-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
 }[data-mode="dark"][data-style="minimal"] [data-toc] [data-toc-item][data-toc-active],[data-mode="dark"] [data-style="minimal"] [data-toc] [data-toc-item][data-toc-active]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-600),var(--un-border-left-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
 
-* Card - Minimal Theme Styles
+/**
+ * Card - Minimal Theme Styles
  *
  * Clean, flat styling with subtle borders.
  */
@@ -1625,16 +1652,7 @@
 
 [data-style='minimal'] [data-card] {
   border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
-}* Card - Minimal Theme Styles
- *
- * Clean, flat styling with subtle borders.
- */
-
-/* =============================================================================
-   Base Card Styles
-   ============================================================================= */
-
-[data-style='minimal'] [data-card]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
+}[data-mode="dark"][data-style="minimal"] [data-card],[data-mode="dark"] [data-style="minimal"] [data-card]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
 
 /* Interactive cards (buttons) */
 [data-style='minimal'] [data-card][data-card-interactive] {
@@ -1826,3 +1844,62 @@
   background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));font-weight:600;
 }[data-mode="dark"][data-style="minimal"] [data-status-count],[data-mode="dark"] [data-style="minimal"] [data-status-count]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
 
+/**
+ * Chart - Minimal Theme Styles
+ */
+
+[data-style='minimal'] [data-chart-axis-line],
+[data-style='minimal'] [data-chart-tick] line {
+  --un-stroke-opacity:1;stroke:rgba(var(--color-surface-300),var(--un-stroke-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-chart-axis-line],[data-mode="dark"] [data-style="minimal"] [data-chart-axis-line],[data-mode="dark"][data-style="minimal"] [data-chart-tick] line,[data-mode="dark"] [data-style="minimal"] [data-chart-tick] line{--un-stroke-opacity:1;stroke:rgba(var(--color-surface-700),var(--un-stroke-opacity));}
+
+[data-style='minimal'] [data-chart-tick-label] {
+  --un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-chart-tick-label],[data-mode="dark"] [data-style="minimal"] [data-chart-tick-label]{--un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));}
+
+[data-style='minimal'] [data-chart-grid-line] {
+  --un-stroke-opacity:1;stroke:rgba(var(--color-surface-300),var(--un-stroke-opacity));
+  stroke-opacity: 0.5;
+  stroke-dasharray: 2 4;
+}[data-mode="dark"][data-style="minimal"] [data-chart-grid-line],[data-mode="dark"] [data-style="minimal"] [data-chart-grid-line]{--un-stroke-opacity:1;stroke:rgba(var(--color-surface-700),var(--un-stroke-opacity));}
+
+[data-style='minimal'] [data-chart-legend-label] {
+  --un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-chart-legend-label],[data-mode="dark"] [data-style="minimal"] [data-chart-legend-label]{--un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));}
+
+[data-style='minimal'] [data-chart-legend-item]:hover {
+  --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-chart-legend-item]:hover,[data-mode="dark"] [data-style="minimal"] [data-chart-legend-item]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='minimal'] [data-plot-element="bar"][data-dimmed],
+[data-style='minimal'] [data-plot-element="point"][data-dimmed],
+[data-style='minimal'] [data-plot-element="arc"][data-dimmed],
+[data-style='minimal'] [data-plot-element="line"][data-dimmed],
+[data-style='minimal'] [data-plot-element="area"][data-dimmed] {
+  opacity: 0.15;
+}
+
+[data-style='minimal'] [data-facet-title] {
+  --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-facet-title],[data-mode="dark"] [data-style="minimal"] [data-facet-title]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+/**
+ * Swatch — Minimal Theme
+ * Selected: secondary outline ring. Hover/focus: primary outline ring.
+ */
+
+[data-style='minimal'] [data-swatch-item][data-selected] {
+  background: transparent;
+  --un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-500),var(--un-outline-color-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-swatch-item][data-selected],[data-mode="dark"] [data-style="minimal"] [data-swatch-item][data-selected]{--un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-500),var(--un-outline-color-opacity));}
+
+[data-style='minimal'] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),
+[data-style='minimal'] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]) {
+  --un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-400),var(--un-outline-color-opacity));
+}[data-mode="dark"][data-style="minimal"] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"] [data-style="minimal"] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"][data-style="minimal"] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"] [data-style="minimal"] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]){--un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-600),var(--un-outline-color-opacity));}
+
+[data-style='minimal'] [data-swatch-item][data-selected]:focus-visible {
+  --un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-600),var(--un-outline-color-opacity));
+  outline-offset: 3px;
+}[data-mode="dark"][data-style="minimal"] [data-swatch-item][data-selected]:focus-visible,[data-mode="dark"] [data-style="minimal"] [data-swatch-item][data-selected]:focus-visible{--un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-400),var(--un-outline-color-opacity));}
+