@rokkit/themes 1.1.16 → 1.1.17

package/dist/material/toggle.css

@@ -0,0 +1,74 @@
+/**
+ * Toggle - Material Theme Styles
+ *
+ * Material Design inspired with elevation and rounded corners.
+ */
+
+/* =============================================================================
+   Toggle Container
+   ============================================================================= */
+
+[data-style='material'] [data-toggle] {
+  border-radius:9999px;background-image:none;--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);background-color:var(--paper-mute);
+}
+
+/* =============================================================================
+   Toggle Options
+   ============================================================================= */
+
+[data-style='material'] [data-toggle-option] {
+  border-radius:9999px;color:var(--ink-soft);
+}
+
+[data-style='material'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
+[data-style='material'] [data-toggle-option]:focus:not(:disabled):not([data-disabled='true']) {
+  background-image:none;background-color:var(--paper-mute);color:var(--ink-mute);
+}
+
+/* Selected state */
+[data-style='material'] [data-toggle-option][data-selected='true'] {
+  background-image:none;--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);background-color:var(--primary);color:var(--on-primary);
+}
+
+/* =============================================================================
+   Toggle Icon
+   ============================================================================= */
+
+[data-style='material'] [data-toggle-option] [data-toggle-icon] {
+  color:var(--ink-soft);
+}
+
+[data-style='material'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
+[data-style='material'] [data-toggle-option]:focus:not(:disabled) [data-toggle-icon] {
+  color:var(--ink-mute);
+}
+
+[data-style='material'] [data-toggle-option][data-selected='true'] [data-toggle-icon] {
+  color:var(--on-primary);
+}
+
+/* =============================================================================
+   Button Variant — single cycling control (variant-agnostic color)
+   Higher specificity than the [data-toggle] container rule above, so it
+   neutralises the group-pill chrome and gives the single button the same
+   flipping icon treatment an unselected option gets.
+   ============================================================================= */
+
+[data-style='material'] [data-toggle][data-toggle-variant='button'] {
+  border-color:transparent;background-color:transparent;color:var(--ink-soft);
+  background-image: none;
+}
+
+[data-style='material'] [data-toggle][data-toggle-variant='button']:hover:not(:disabled):not([data-toggle-disabled='true']),
+[data-style='material'] [data-toggle][data-toggle-variant='button']:focus-visible:not(:disabled):not([data-toggle-disabled='true']) {
+  background-color:var(--paper-mute);color:var(--ink-mute);
+}
+
+[data-style='material'] [data-toggle][data-toggle-variant='button'] [data-toggle-icon] {
+  color:var(--ink-soft);
+}
+
+[data-style='material'] [data-toggle][data-toggle-variant='button']:hover:not(:disabled) [data-toggle-icon],
+[data-style='material'] [data-toggle][data-toggle-variant='button']:focus-visible:not(:disabled) [data-toggle-icon] {
+  color:var(--ink-mute);
+}

package/dist/material/toolbar.css

@@ -0,0 +1,85 @@
+/**
+ * Toolbar - Material Theme Styles
+ *
+ * Material Design inspired with elevation and shadows.
+ */
+
+/* =============================================================================
+   Toolbar Container
+   ============================================================================= */
+
+[data-style='material'] [data-toolbar] {
+  background-image:none;--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);background-color:var(--paper-soft);
+}
+
+/* Position-based borders removed - using shadows instead */
+[data-style='material'] [data-toolbar][data-toolbar-position='top'],
+[data-style='material'] [data-toolbar]:not([data-toolbar-position]) {
+  --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-style='material'] [data-toolbar][data-toolbar-position='bottom'] {
+  --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-style='material'] [data-toolbar][data-toolbar-position='left'] {
+  --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-style='material'] [data-toolbar][data-toolbar-position='right'] {
+  --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);
+}
+
+/* =============================================================================
+   Toolbar Items
+   ============================================================================= */
+
+[data-style='material'] [data-toolbar-item] {
+  border-radius:9999px;color:var(--ink-mute);
+}
+
+[data-style='material'] [data-toolbar-item]:hover:not(:disabled):not([data-disabled='true']) {
+  background-image:none;background-color:var(--paper-mute);color:var(--ink);
+}
+
+[data-style='material']
+  [data-toolbar-item]:focus-visible:not(:disabled):not([data-disabled='true']) {
+  background-image:none;outline:2px solid transparent;outline-offset:2px;--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);background-color:var(--paper-mute);color:var(--ink);--un-ring-color:var(--primary);
+}
+
+/* Active/pressed state */
+[data-style='material'] [data-toolbar-item][data-active='true'] {
+  background-image:none;background-color:var(--primary);color:var(--primary);
+}
+
+[data-style='material'] [data-toolbar-item][data-active='true']:hover:not(:disabled) {
+  background-image:none;background-color:var(--primary);color:var(--primary);
+}
+
+/* =============================================================================
+   Toolbar Icon
+   ============================================================================= */
+
+[data-style='material'] [data-toolbar-item] [data-toolbar-icon] {
+  color:var(--ink-soft);
+}
+
+[data-style='material'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {
+  color:var(--ink-mute);
+}
+
+[data-style='material'] [data-toolbar-item][data-active='true'] [data-toolbar-icon] {
+  color:var(--primary);
+}
+
+/* =============================================================================
+   Separator & Divider
+   ============================================================================= */
+
+[data-style='material'] [data-toolbar-separator] {
+  background-image:none;background-color:var(--paper-mute);
+}
+
+[data-style='material'] [data-toolbar-divider] {
+  background-image:none;background-color:var(--paper-mute);
+}

package/dist/material/tooltip.css

@@ -0,0 +1,7 @@
+/**
+ * Tooltip - Material Theme Styles
+ */
+
+[data-style='material'] [data-tooltip-content] {
+  background-color:var(--ink);color:var(--paper);
+}

package/dist/material/tree.css

@@ -0,0 +1,134 @@
+/**
+ * Tree - Material Theme Styles
+ *
+ * Material Design inspired with subtle elevation.
+ */
+
+/* =============================================================================
+   Tree Container
+   ============================================================================= */
+
+[data-style='material'] [data-tree]:focus-within {
+  outline:2px solid transparent;outline-offset:2px;
+}
+
+/* =============================================================================
+   Tree Toggle Button
+   ============================================================================= */
+
+[data-style='material'] [data-tree-toggle-btn] {
+  border-radius:9999px;color:var(--ink-soft);
+}
+
+[data-style='material'] [data-tree-toggle-btn]:hover {
+  background-image:none;background-color:var(--paper-mute);color:var(--ink-mute);
+}
+
+/* =============================================================================
+   Tree Item Content
+   ============================================================================= */
+
+[data-style='material'] [data-tree-item-content] {
+  color:var(--ink-mute);
+}
+
+[data-style='material'] [data-tree-item-content]:hover:not(:disabled),
+[data-style='material'] [data-tree-item-content]:focus:not(:disabled) {
+  background-image:none;outline:2px solid transparent;outline-offset:2px;background-color:var(--paper-mute);color:var(--ink);
+}
+
+/* Focus visible for keyboard navigation */
+[data-style='material'] [data-tree-item-content]:focus-visible {
+  outline:2px solid transparent;outline-offset:2px;--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-inset:inset;--un-ring-color:var(--primary);
+}
+
+/* Active/selected state */
+[data-style='material'] [data-tree-item-content][data-active='true'] {
+  background-color:var(--primary);color:var(--primary);
+}
+
+[data-style='material'] [data-tree-item-content][data-active='true']:hover:not(:disabled) {
+  background-color:var(--primary);
+}
+
+/* Reset rokkit gradients bleeding in from body[data-style='rokkit'] ancestor */
+[data-style='material'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] {
+  background-image:none;
+}
+
+[data-style='material']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']:hover:not(:disabled) {
+  background-image:none;
+}
+
+[data-style='material']
+  [data-tree]:not(:focus-within)
+  [data-tree-item-content][data-active='true'] {
+  background-image:none;
+}
+
+/* =============================================================================
+   Item Elements
+   ============================================================================= */
+
+[data-style='material'] [data-tree-item-content] [data-item-icon] {
+  color:var(--ink-soft);
+}
+
+[data-style='material'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
+  color:var(--ink-mute);
+}
+
+[data-style='material'] [data-tree-item-content][data-active='true'] [data-item-icon] {
+  color:var(--primary);
+}
+
+[data-style='material'] [data-tree-item-content] [data-item-description] {
+  color:var(--ink-soft);
+}
+
+[data-style='material'] [data-tree-item-content][data-active='true'] [data-item-description] {
+  color:var(--primary);
+}
+
+[data-style='material'] [data-tree-item-content] [data-item-badge] {
+  border-radius:9999px;background-image:none;color:var(--ink-soft);background-color:var(--paper-mute);
+}
+
+[data-style='material'] [data-tree-item-content][data-active='true'] [data-item-badge] {
+  color:var(--primary);background-color:var(--primary);
+}
+
+[data-style='material']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']
+  [data-item-badge] {
+  background-image:none;
+}
+
+[data-style='material']
+  [data-tree]:not(:focus-within)
+  [data-tree-item-content][data-active='true']
+  [data-item-badge] {
+  background-image:none;
+}
+
+/* =============================================================================
+   Multi-Selection
+   ============================================================================= */
+
+[data-style='material'] [data-tree-node][data-selected='true'] [data-tree-node-row] {
+  background-color:var(--primary);
+}
+
+[data-style='material'] [data-tree-node][data-selected='true'] [data-tree-item-content] {
+  color:var(--primary);
+}
+
+[data-style='material']
+  [data-tree-node][data-selected='true']
+  [data-tree-item-content]
+  [data-item-icon] {
+  color:var(--primary);
+}

package/dist/minimal/button.css

@@ -0,0 +1,176 @@
+/**
+ * Button - Minimal Theme Styles
+ *
+ * Clean, understated styling with subtle borders.
+ */
+
+/* =============================================================================
+   Default Style (filled)
+   ============================================================================= */
+
+[data-style='minimal'] [data-button][data-style='default'][data-variant='default'],
+[data-style='minimal'] [data-button]:not([data-style])[data-variant='default'],
+[data-style='minimal'] [data-button][data-style='default']:not([data-variant]),
+[data-style='minimal'] [data-button]:not([data-style]):not([data-variant]) {
+  border-width:1px;background-image:none;background-color:var(--paper-mute);border-color:var(--paper-edge);color:var(--ink-mute);
+}
+
+[data-style='minimal'] [data-button][data-style='default'][data-variant='primary'],
+[data-style='minimal'] [data-button]:not([data-style])[data-variant='primary'] {
+  border-color:transparent;background-image:none;background-color:var(--primary);color:var(--on-primary);
+}
+
+[data-style='minimal'] [data-button][data-style='default'][data-variant='secondary'],
+[data-style='minimal'] [data-button]:not([data-style])[data-variant='secondary'] {
+  border-color:transparent;background-image:none;background-color:var(--accent);color:var(--on-primary);
+}
+
+[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;background-image:none;--un-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);background-color:var(--accent);
+}[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-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);}
+
+[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;background-image:none;--un-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);background-color:var(--danger);
+}[data-mode="dark"][data-style="minimal"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"] [data-style="minimal"] [data-button][data-style="default"][data-variant="danger"],[data-mode="dark"][data-style="minimal"] [data-button]:not([data-style])[data-variant="danger"],[data-mode="dark"] [data-style="minimal"] [data-button]:not([data-style])[data-variant="danger"]{--un-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);}
+
+/* =============================================================================
+   Outline Style
+   ============================================================================= */
+
+[data-style='minimal'] [data-button][data-style='outline'][data-variant='default'],
+[data-style='minimal'] [data-button][data-style='outline']:not([data-variant]) {
+  border-width:1px;background-color:transparent;border-color:var(--paper-edge);color:var(--ink-mute);
+}
+
+[data-style='minimal'] [data-button][data-style='outline'][data-variant='primary'] {
+  border-width:1px;background-color:transparent;border-color:var(--primary);color:var(--primary);
+}
+
+[data-style='minimal'] [data-button][data-style='outline'][data-variant='secondary'] {
+  border-width:1px;background-color:transparent;border-color:var(--accent);color:var(--accent);
+}
+
+[data-style='minimal'] [data-button][data-style='outline'][data-variant='accent'] {
+  border-width:1px;background-color:transparent;border-color:var(--accent);color:var(--accent);
+}
+
+[data-style='minimal'] [data-button][data-style='outline'][data-variant='danger'] {
+  border-width:1px;background-color:transparent;border-color:var(--danger);color:var(--danger);
+}
+
+/* =============================================================================
+   Ghost Style
+   ============================================================================= */
+
+[data-style='minimal'] [data-button][data-style='ghost'] {
+  border-color:transparent;background-color:transparent;
+}
+
+[data-style='minimal'] [data-button][data-style='ghost'][data-variant='default'],
+[data-style='minimal'] [data-button][data-style='ghost']:not([data-variant]) {
+  color:var(--ink-mute);
+}
+
+[data-style='minimal'] [data-button][data-style='ghost'][data-variant='primary'] {
+  color:var(--primary);
+}
+
+[data-style='minimal'] [data-button][data-style='ghost'][data-variant='secondary'] {
+  color:var(--accent);
+}
+
+[data-style='minimal'] [data-button][data-style='ghost'][data-variant='accent'] {
+  color:var(--accent);
+}
+
+[data-style='minimal'] [data-button][data-style='ghost'][data-variant='danger'] {
+  color:var(--danger);
+}
+
+/* =============================================================================
+   Gradient Style
+   ============================================================================= */
+
+[data-style='minimal'] [data-button][data-style='gradient'][data-variant='default'],
+[data-style='minimal'] [data-button][data-style='gradient']:not([data-variant]) {
+  --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));color:var(--ink);
+}
+
+[data-style='minimal'] [data-button][data-style='gradient'][data-variant='primary'] {
+  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-primary) calc(1 * 100%), transparent) 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:color-mix(in srgb, var(--color-primary) calc(1 * 100%), transparent) 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));color:var(--on-primary);
+}
+
+[data-style='minimal'] [data-button][data-style='gradient'][data-variant='secondary'] {
+  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) 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:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) 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));color:var(--on-primary);
+}
+
+[data-style='minimal'] [data-button][data-style='gradient'][data-variant='accent'] {
+  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) 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:color-mix(in srgb, var(--color-accent) calc(1 * 100%), transparent) 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:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);
+}[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-text-opacity:1;color:color-mix(in srgb, var(--color-accent-50) calc(var(--un-text-opacity) * 100%), transparent);}
+
+[data-style='minimal'] [data-button][data-style='gradient'][data-variant='danger'] {
+  --un-gradient-from-position:0%;--un-gradient-from:color-mix(in srgb, var(--color-danger) calc(1 * 100%), transparent) 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:color-mix(in srgb, var(--color-danger) calc(1 * 100%), transparent) 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:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);
+}[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-text-opacity:1;color:color-mix(in srgb, var(--color-danger-50) calc(var(--un-text-opacity) * 100%), transparent);}
+
+[data-style='minimal']
+  [data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
+  filter: brightness(1.05);
+}
+
+/* =============================================================================
+   Link Style
+   ============================================================================= */
+
+[data-style='minimal'] [data-button][data-style='link'][data-variant='default'],
+[data-style='minimal'] [data-button][data-style='link']:not([data-variant]) {
+  color:var(--ink-mute);
+}
+
+[data-style='minimal'] [data-button][data-style='link'][data-variant='primary'] {
+  color:var(--primary);
+}
+
+[data-style='minimal'] [data-button][data-style='link'][data-variant='secondary'] {
+  color:var(--accent);
+}
+
+[data-style='minimal'] [data-button][data-style='link'][data-variant='accent'] {
+  color:var(--accent);
+}
+
+[data-style='minimal'] [data-button][data-style='link'][data-variant='danger'] {
+  color:var(--danger);
+}
+
+[data-style='minimal'] [data-button][data-style='link']:hover:not(:disabled):not([data-disabled]) {
+  color:var(--ink);
+}
+
+/* =============================================================================
+   Hover States
+   ============================================================================= */
+
+[data-style='minimal']
+  [data-button][data-style='default']:hover:not(:disabled):not([data-disabled]),
+[data-style='minimal'] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]) {
+  background-image:none;background-color:var(--paper-mute);border-color:var(--ink-soft);
+}
+
+[data-style='minimal']
+  [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]) {
+  background-image:none;background-color:var(--paper-soft);border-color:var(--ink-soft);
+}
+
+[data-style='minimal'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
+  background-color:var(--paper-mute);
+}
+
+/* =============================================================================
+   Focus
+   ============================================================================= */
+
+[data-style='minimal'] [data-button]:focus-visible {
+  outline:2px solid transparent;outline-offset:2px;--un-ring-width:1px;--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-color:var(--ink-soft);
+}

package/dist/minimal/card.css

@@ -0,0 +1,99 @@
+/**
+ * Card - Minimal Theme Styles
+ *
+ * Clean, flat styling with subtle borders.
+ */
+
+/* =============================================================================
+   Base Card Styles
+   ============================================================================= */
+
+[data-style='minimal'] [data-card] {
+  border-width:1px;background-image:none;--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);background-color:var(--paper-soft);border-color:var(--paper-edge);color:var(--ink);
+}
+
+/* Interactive cards (buttons) */
+[data-style='minimal'] [data-card][data-card-interactive] {
+  cursor: pointer;
+  transition:
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
+}
+
+[data-style='minimal'] [data-card][data-card-interactive]:hover {
+  --un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);border-color:var(--ink-soft);
+}
+
+[data-style='minimal'] [data-card][data-card-interactive]:active {
+  background-color:var(--paper-mute);
+}
+
+/* =============================================================================
+   Card Sections
+   ============================================================================= */
+
+[data-style='minimal'] [data-card-header] {
+  border-bottom-width:1px;border-color:var(--paper-mute);
+}
+
+[data-style='minimal'] [data-card-body] {
+  color:var(--ink-mute);
+}
+
+[data-style='minimal'] [data-card-footer] {
+  border-top-width:1px;border-color:var(--paper-mute);color:var(--ink-mute);
+}
+
+/* =============================================================================
+   Focus States
+   ============================================================================= */
+
+[data-style='minimal'] [data-card][data-card-interactive]:focus-visible {
+  outline:2px solid transparent;outline-offset:2px;--un-ring-width:1px;--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-color:var(--ink-soft);
+}
+
+/* =============================================================================
+   Disabled State
+   ============================================================================= */
+
+[data-style='minimal'] [data-card][data-card-interactive][data-disabled],
+[data-style='minimal'] [data-card][data-card-interactive]:disabled {
+  cursor:not-allowed;opacity:0.5;
+}
+
+/* =============================================================================
+   Variants
+   ============================================================================= */
+
+/* Primary — solid primary fill */
+[data-style='minimal'] [data-card][data-variant='primary'] {
+  border-width:1px;background-image:none;background-color:var(--primary);border-color:var(--primary);color:var(--on-primary);
+}
+
+[data-style='minimal'] [data-card][data-variant='primary'] [data-card-header],
+[data-style='minimal'] [data-card][data-variant='primary'] [data-card-footer] {
+  border-color:color-mix(in srgb, var(--color-primary) calc(0.4 * 100%), transparent);
+}
+
+[data-style='minimal'] [data-card][data-variant='primary'] [data-card-body] {
+  color:color-mix(in srgb, var(--color-primary-50) calc(0.8 * 100%), transparent);
+}[data-mode="dark"][data-style="minimal"] [data-card][data-variant="primary"] [data-card-body],[data-mode="dark"] [data-style="minimal"] [data-card][data-variant="primary"] [data-card-body]{color:color-mix(in srgb, var(--color-primary-50) calc(0.8 * 100%), transparent);}
+
+/* Secondary — solid secondary fill */
+[data-style='minimal'] [data-card][data-variant='secondary'] {
+  border-width:1px;background-image:none;background-color:var(--accent);border-color:var(--accent);color:var(--on-primary);
+}
+
+[data-style='minimal'] [data-card][data-variant='secondary'] [data-card-header],
+[data-style='minimal'] [data-card][data-variant='secondary'] [data-card-footer] {
+  border-color:color-mix(in srgb, var(--color-accent) calc(0.4 * 100%), transparent);
+}
+
+[data-style='minimal'] [data-card][data-variant='secondary'] [data-card-body] {
+  color:color-mix(in srgb, var(--color-primary-50) calc(0.8 * 100%), transparent);
+}[data-mode="dark"][data-style="minimal"] [data-card][data-variant="secondary"] [data-card-body],[data-mode="dark"] [data-style="minimal"] [data-card][data-variant="secondary"] [data-card-body]{color:color-mix(in srgb, var(--color-primary-50) calc(0.8 * 100%), transparent);}
+
+/* Tertiary — recessed surface, lighter border */
+[data-style='minimal'] [data-card][data-variant='tertiary'] {
+  border-width:1px;background-image:none;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);background-color:var(--paper);border-color:var(--paper-mute);color:var(--ink-mute);
+}

package/dist/minimal/chart.css

@@ -0,0 +1,38 @@
+/**
+ * Chart - Minimal Theme Styles
+ */
+
+[data-style='minimal'] [data-chart-axis-line],
+[data-style='minimal'] [data-chart-tick] line {
+  stroke:var(--paper-mute);
+}
+
+[data-style='minimal'] [data-chart-tick-label] {
+  fill:var(--ink-soft);
+}
+
+[data-style='minimal'] [data-chart-grid-line] {
+  stroke:var(--paper-mute);
+  stroke-opacity: 0.5;
+  stroke-dasharray: 2 4;
+}
+
+[data-style='minimal'] [data-chart-legend-label] {
+  fill:var(--ink-soft);
+}
+
+[data-style='minimal'] [data-chart-legend-item]:hover {
+  color:var(--ink-mute);
+}
+
+[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] {
+  color:var(--ink-soft);
+}

package/dist/minimal/code-block.css

@@ -0,0 +1,33 @@
+/**
+ * CodeBlock — minimal theme.
+ * Frame supplies the chrome; this adds typography + muted tokens for
+ * the title row, lang chip, action buttons, and pre/code body.
+ */
+
+[data-style='minimal'] [data-code-block-icon] {
+	color:var(--ink-soft);
+}
+
+[data-style='minimal'] [data-code-block-filename] {
+	font: 500 11.5px var(--font-mono);
+	color:var(--ink-mute);
+}
+
+[data-style='minimal'] [data-code-block-lang] {
+	font: 500 10px var(--font-mono);
+	border-width:1px;color:var(--ink-soft);border-color:var(--paper-edge);
+}
+
+[data-style='minimal'] [data-code-block-actions] button {
+	font: 500 11px var(--font-mono);
+	color:var(--ink-soft);
+}
+
+[data-style='minimal'] [data-code-block-actions] button:hover {
+	background-color:var(--paper-mute);color:var(--ink);
+}
+
+[data-style='minimal'] [data-code-block-body] pre {
+	font: 400 12px/1.65 var(--font-mono);
+	color:var(--ink);
+}