@morscherlab/mint-sdk 1.0.0-rc.5 → 1.0.0-rc.7

package/dist/styles.css

@@ -188,6 +188,90 @@
   height: 1rem;
   color: var(--text-muted);
 }
+/* Tooltip — Dark Short */
+.mint-tooltip {
+  display: inline-flex;
+}
+.mint-tooltip__content {
+  position: absolute;
+  z-index: 9999;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.375rem 0.625rem;
+  font-size: 0.75rem;
+  line-height: 1.2;
+  color: #FFFFFF;
+  background: #0F172A;
+  border-radius: var(--radius-sm);
+  white-space: nowrap;
+  pointer-events: none;
+  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
+}
+
+/* Multi-line opt-in via maxWidth prop */
+.mint-tooltip__content--multiline {
+  white-space: normal;
+  line-height: 1.4;
+}
+.mint-tooltip__body {
+  display: inline;
+}
+
+/* Keyboard shortcut chip */
+.mint-tooltip__shortcut {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.0625rem 0.375rem;
+  font-family: var(--font-mono, 'Fira Code', monospace);
+  font-size: 0.6875rem;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.85);
+  background: rgba(255, 255, 255, 0.12);
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  border-radius: 3px;
+  line-height: 1;
+}
+
+/* Arrow — color matches the dark tooltip bg */
+.mint-tooltip__content::after {
+  content: '';
+  position: absolute;
+  border-width: 4px;
+  border-style: solid;
+}
+.mint-tooltip__content--top::after,
+.mint-tooltip__content--top-start::after,
+.mint-tooltip__content--top-end::after {
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border-color: #0F172A transparent transparent transparent;
+}
+.mint-tooltip__content--bottom::after,
+.mint-tooltip__content--bottom-start::after,
+.mint-tooltip__content--bottom-end::after {
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border-color: transparent transparent #0F172A transparent;
+}
+.mint-tooltip__content--left::after,
+.mint-tooltip__content--left-start::after,
+.mint-tooltip__content--left-end::after {
+  left: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+  border-color: transparent transparent transparent #0F172A;
+}
+.mint-tooltip__content--right::after,
+.mint-tooltip__content--right-start::after,
+.mint-tooltip__content--right-end::after {
+  right: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+  border-color: transparent #0F172A transparent transparent;
+}
 /* BaseCheckbox Component Styles */
 .mint-checkbox {
   display: inline-flex;
@@ -196,15 +280,77 @@
   cursor: pointer;
   user-select: none;
 }
+.mint-checkbox--default {
+  width: fit-content;
+}
+.mint-checkbox--row {
+  width: 100%;
+  min-height: 2rem;
+  gap: 0.5rem;
+  padding: 0.375rem 0.5rem;
+  border-radius: var(--radius-sm, 0.375rem);
+  background: transparent;
+  box-sizing: border-box;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+.mint-checkbox--row:hover {
+  background: var(--bg-hover);
+}
 .mint-checkbox--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
+.mint-checkbox--disabled.mint-checkbox--row:hover {
+  background: transparent;
+}
+.mint-checkbox__row-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.875rem;
+  height: 0.875rem;
+  flex-shrink: 0;
+  transition:
+    color 0.15s ease,
+    transform 0.15s ease;
+}
+.mint-checkbox--row:hover .mint-checkbox__row-icon {
+  transform: scale(1.04);
+}
+.mint-checkbox__row-svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-checkbox__row-text-icon {
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-checkbox__copy {
+  display: block;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.mint-checkbox__copy .mint-tooltip {
+  max-width: 100%;
+}
+.mint-checkbox--row .mint-checkbox__label {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mint-checkbox__label--tooltip {
+  cursor: help;
+}
 .mint-checkbox__input-wrapper {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-shrink: 0;
 }
 .mint-checkbox__native {
   position: absolute;
@@ -281,6 +427,7 @@
 }
 .mint-checkbox__label {
   color: var(--text-primary);
+  line-height: 1.25;
 }
 .mint-checkbox__label--sm {
   font-size: 0.875rem;
@@ -291,6 +438,16 @@
 .mint-checkbox__label--lg {
   font-size: 1rem;
 }
+@media (prefers-reduced-motion: reduce) {
+.mint-checkbox--row,
+  .mint-checkbox__row-icon,
+  .mint-checkbox__box {
+    transition: none;
+}
+.mint-checkbox--row:hover .mint-checkbox__row-icon {
+    transform: none;
+}
+}
 /* BaseToggle Component Styles */
 .mint-toggle {
   display: inline-flex;
@@ -299,6 +456,24 @@
   cursor: pointer;
   user-select: none;
 }
+.mint-toggle--default {
+  width: fit-content;
+}
+.mint-toggle--row {
+  width: 100%;
+  min-height: 2rem;
+  gap: 0.5rem;
+  padding: 0.375rem 0.5rem;
+  border-radius: var(--radius-sm, 0.375rem);
+  background: transparent;
+  box-sizing: border-box;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+.mint-toggle--row:hover {
+  background: var(--bg-hover);
+}
 .mint-toggle--reverse {
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -317,6 +492,49 @@
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
+.mint-toggle--disabled.mint-toggle--row:hover {
+  background: transparent;
+}
+.mint-toggle__row-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.875rem;
+  height: 0.875rem;
+  flex-shrink: 0;
+  transition:
+    color 0.15s ease,
+    transform 0.15s ease;
+}
+.mint-toggle--row:hover .mint-toggle__row-icon {
+  transform: scale(1.04);
+}
+.mint-toggle__row-svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-toggle__row-text-icon {
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-toggle__copy {
+  display: block;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.mint-toggle__copy .mint-tooltip {
+  max-width: 100%;
+}
+.mint-toggle--row .mint-toggle__label {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mint-toggle__label--tooltip {
+  cursor: help;
+}
 .mint-toggle__track {
   position: relative;
   display: inline-block;
@@ -396,6 +614,7 @@
 }
 .mint-toggle__label {
   color: var(--text-primary);
+  line-height: 1.25;
 }
 .mint-toggle__label--sm {
   font-size: 0.875rem;
@@ -407,9 +626,14 @@
   font-size: 1rem;
 }
 @media (prefers-reduced-motion: reduce) {
-.mint-toggle__knob {
+.mint-toggle--row,
+  .mint-toggle__row-icon,
+  .mint-toggle__knob {
     transition: none;
 }
+.mint-toggle--row:hover .mint-toggle__row-icon {
+    transform: none;
+}
 }
 /* BaseRadioGroup Component Styles */
 .mint-radio-group {
@@ -4802,24 +5026,43 @@ to {
   border-radius: var(--radius-lg);
   overflow: hidden;
   background-color: var(--bg-card);
+  transition:
+    border-color 150ms ease,
+    box-shadow 150ms ease,
+    transform 150ms ease;
 }
-.mint-collapsible-card__header {
+.mint-collapsible-card:hover {
+  border-color: color-mix(in srgb, var(--color-primary) 20%, var(--border-color));
+  box-shadow: var(--shadow-sm);
+}
+.mint-collapsible-card__header-shell {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   width: 100%;
+  background-color: var(--bg-card);
+  transition: background-color 0.15s ease;
+}
+.mint-collapsible-card__header-shell:hover {
+  background-color: var(--bg-hover);
+}
+.mint-collapsible-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex: 1;
+  min-width: 0;
   padding: 0.75rem;
   text-align: left;
-  background-color: var(--bg-card);
+  background-color: transparent;
   border: none;
   cursor: pointer;
-  transition: background-color 0.15s ease;
+  transition: color 0.15s ease;
   gap: 0.75rem;
   font-family: inherit;
   min-height: 3rem;
 }
 .mint-collapsible-card__header:hover {
-  background-color: var(--bg-hover);
+  background-color: transparent;
 }
 .mint-collapsible-card__header:focus-visible {
   outline: none;
@@ -4844,6 +5087,10 @@ to {
   height: 2rem;
   border-radius: var(--radius-md);
   flex-shrink: 0;
+  transition: transform 180ms ease, background-color 150ms ease;
+}
+.mint-collapsible-card__header-shell:hover .mint-collapsible-card__icon-badge {
+  transform: scale(1.04);
 }
 .mint-collapsible-card__icon {
   width: 1rem;
@@ -4885,8 +5132,95 @@ to {
 .mint-collapsible-card__actions {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 0.375rem;
   flex-shrink: 0;
+  padding-right: 0.625rem;
+}
+.mint-collapsible-card__badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  padding: 0 0.375rem;
+  border-radius: 9999px;
+  background: color-mix(in srgb, var(--mint-sidebar-badge-color) 14%, transparent);
+  color: var(--mint-sidebar-badge-color);
+  font-size: 0.6875rem;
+  font-weight: 700;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
+}
+.mint-collapsible-card__badge--primary,
+.mint-collapsible-card__action--primary {
+  --mint-sidebar-badge-color: var(--color-primary);
+}
+.mint-collapsible-card__badge--cta,
+.mint-collapsible-card__action--cta {
+  --mint-sidebar-badge-color: var(--color-cta);
+}
+.mint-collapsible-card__badge--success,
+.mint-collapsible-card__action--success {
+  --mint-sidebar-badge-color: var(--mint-success);
+}
+.mint-collapsible-card__badge--warning,
+.mint-collapsible-card__action--warning {
+  --mint-sidebar-badge-color: var(--mint-warning);
+}
+.mint-collapsible-card__badge--error,
+.mint-collapsible-card__action--error {
+  --mint-sidebar-badge-color: var(--mint-error);
+}
+.mint-collapsible-card__badge--info,
+.mint-collapsible-card__action--info {
+  --mint-sidebar-badge-color: var(--mint-info);
+}
+.mint-collapsible-card__badge--neutral,
+.mint-collapsible-card__action--neutral {
+  --mint-sidebar-badge-color: var(--text-secondary);
+}
+.mint-collapsible-card__action,
+.mint-collapsible-card__chevron-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border: 0;
+  border-radius: var(--radius-md);
+  color: var(--mint-sidebar-badge-color, var(--text-muted));
+  background: transparent;
+  cursor: pointer;
+  transition:
+    color 150ms ease,
+    background-color 150ms ease,
+    transform 150ms ease;
+}
+.mint-collapsible-card__action:hover,
+.mint-collapsible-card__chevron-button:hover {
+  color: var(--mint-sidebar-badge-color, var(--text-secondary));
+  background: color-mix(in srgb, var(--mint-sidebar-badge-color, var(--text-secondary)) 10%, transparent);
+  transform: translateY(-1px);
+}
+.mint-collapsible-card__action:focus-visible,
+.mint-collapsible-card__chevron-button:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+.mint-collapsible-card__action:disabled,
+.mint-collapsible-card__action--disabled,
+.mint-collapsible-card__chevron-button:disabled {
+  opacity: var(--mint-disabled-opacity);
+  cursor: not-allowed;
+  transform: none;
+}
+.mint-collapsible-card__action-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-collapsible-card__action-text-icon {
+  font-size: 0.8125rem;
+  line-height: 1;
 }
 .mint-collapsible-card__toggle {
   display: flex;
@@ -4924,8 +5258,8 @@ to {
   left: 1.125rem;
 }
 .mint-collapsible-card__chevron {
-  width: 1.25rem;
-  height: 1.25rem;
+  width: 1rem;
+  height: 1rem;
   color: var(--text-muted);
   transition: transform 0.2s ease;
   flex-shrink: 0;
@@ -4933,7 +5267,7 @@ to {
 .mint-collapsible-card__chevron--open {
   transform: rotate(180deg);
 }
-.mint-collapsible-card__header:hover .mint-collapsible-card__chevron {
+.mint-collapsible-card__header-shell:hover .mint-collapsible-card__chevron {
   color: var(--text-secondary);
 }
 .mint-collapsible-card__body {
@@ -4955,15 +5289,13 @@ to {
   gap: 0.5rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__icon-badge {
-  width: 1.5rem;
-  height: 1.5rem;
-  border-radius: var(--radius);
-  background: transparent !important;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: var(--radius);
 }
 .mint-collapsible-card--dense .mint-collapsible-card__icon {
   width: 0.875rem;
   height: 0.875rem;
-  opacity: 0.5;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__title {
   font-size: 0.8125rem;
@@ -4972,7 +5304,8 @@ to {
   font-size: 0.6875rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__actions {
-  gap: 0.5rem;
+  gap: 0.25rem;
+  padding-right: 0.5rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__chevron {
   width: 0.875rem;
@@ -5003,6 +5336,18 @@ to {
 .mint-collapsible-card__chevron {
     transition: none;
 }
+.mint-collapsible-card,
+  .mint-collapsible-card__icon-badge,
+  .mint-collapsible-card__action,
+  .mint-collapsible-card__chevron-button {
+    transition: none;
+}
+.mint-collapsible-card:hover,
+  .mint-collapsible-card__header-shell:hover .mint-collapsible-card__icon-badge,
+  .mint-collapsible-card__action:hover,
+  .mint-collapsible-card__chevron-button:hover {
+    transform: none;
+}
 .mint-collapsible-card__toggle-knob {
     transition: none;
 }
@@ -7731,7 +8076,7 @@ to { transform: rotate(360deg);
   height: 100%;
   overflow: hidden;
   background-color: var(--bg-secondary);
-  transition: width 180ms ease;
+  transition: width 180ms ease, background-color 150ms ease;
 }
 .mint-sidebar--hidden {
   display: none;
@@ -7769,6 +8114,10 @@ to { transform: rotate(360deg);
   padding: 0.75rem;
   gap: 0.75rem;
 }
+.mint-sidebar--analysis.mint-sidebar--dense .mint-sidebar__sections {
+  padding: 0.75rem;
+  gap: 0.75rem;
+}
 
 /* Header / Footer slots */
 .mint-sidebar__header {
@@ -7884,6 +8233,91 @@ to { transform: rotate(360deg);
   align-items: center;
   gap: 0.5rem;
 }
+.mint-sidebar__collapsed--default {
+  padding-top: 0.75rem;
+}
+.mint-sidebar__rail-item {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  border: 0;
+  border-radius: var(--radius-md);
+  color: var(--text-secondary);
+  background: transparent;
+  cursor: pointer;
+  transition:
+    background-color 150ms ease,
+    transform 150ms ease;
+}
+.mint-sidebar__rail-item:hover {
+  background: var(--bg-tertiary);
+  transform: translateY(-1px);
+}
+.mint-sidebar__rail-item:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+.mint-sidebar__rail-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: var(--radius-md);
+  transition: transform 150ms ease;
+}
+.mint-sidebar__rail-item:hover .mint-sidebar__rail-icon {
+  transform: scale(1.04);
+}
+.mint-sidebar__rail-svg {
+  width: 0.9375rem;
+  height: 0.9375rem;
+}
+.mint-sidebar__rail-text-icon {
+  font-size: 0.8125rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-sidebar__rail-badge {
+  position: absolute;
+  top: -0.25rem;
+  right: -0.25rem;
+  min-width: 1rem;
+  height: 1rem;
+  padding: 0 0.25rem;
+  border-radius: 9999px;
+  background: var(--mint-sidebar-rail-badge-color);
+  color: white;
+  font-size: 0.625rem;
+  font-weight: 700;
+  line-height: 1rem;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+.mint-sidebar__rail-badge--primary {
+  --mint-sidebar-rail-badge-color: var(--color-primary);
+}
+.mint-sidebar__rail-badge--cta {
+  --mint-sidebar-rail-badge-color: var(--color-cta);
+}
+.mint-sidebar__rail-badge--success {
+  --mint-sidebar-rail-badge-color: var(--mint-success);
+}
+.mint-sidebar__rail-badge--warning {
+  --mint-sidebar-rail-badge-color: var(--mint-warning);
+}
+.mint-sidebar__rail-badge--error {
+  --mint-sidebar-rail-badge-color: var(--mint-error);
+}
+.mint-sidebar__rail-badge--info {
+  --mint-sidebar-rail-badge-color: var(--mint-info);
+}
+.mint-sidebar__rail-badge--neutral {
+  --mint-sidebar-rail-badge-color: var(--text-secondary);
+}
 
 /* Dense sidebar variant — compact sections */
 .mint-sidebar--dense .mint-sidebar__sections {
@@ -7903,21 +8337,25 @@ to { transform: rotate(360deg);
   background-color: var(--bg-card);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
 }
+.mint-sidebar--analysis .mint-sidebar__sections > .mint-collapsible-card {
+  border-color: var(--border-color);
+  border-radius: var(--radius-lg);
+}
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__header {
   padding: 0.625rem 0.75rem;
   min-height: auto;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-badge {
-  width: 2.25rem;
-  height: 2.25rem;
+  width: 1.75rem;
+  height: 1.75rem;
   border-radius: var(--radius-md);
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon {
-  width: 1.125rem;
-  height: 1.125rem;
+  width: 0.9375rem;
+  height: 0.9375rem;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-text {
-  font-size: 1.125rem;
+  font-size: 0.9375rem;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__title {
   font-size: 0.875rem;
@@ -7954,6 +8392,20 @@ to { transform: rotate(360deg);
   flex-direction: column;
   gap: 0.75rem;
 }
+.mint-sidebar__footer--collapsed {
+  padding: 0.5rem;
+}
+@media (prefers-reduced-motion: reduce) {
+.mint-sidebar,
+  .mint-sidebar__rail-item,
+  .mint-sidebar__rail-icon {
+    transition: none;
+}
+.mint-sidebar__rail-item:hover,
+  .mint-sidebar__rail-item:hover .mint-sidebar__rail-icon {
+    transform: none;
+}
+}
 /* AppLayout Component Styles */
 .mint-layout {
   display: flex;
@@ -12539,90 +12991,6 @@ to {
   width: 0.875rem;
   height: 0.875rem;
 }
-/* Tooltip — Dark Short */
-.mint-tooltip {
-  display: inline-flex;
-}
-.mint-tooltip__content {
-  position: absolute;
-  z-index: 9999;
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.375rem 0.625rem;
-  font-size: 0.75rem;
-  line-height: 1.2;
-  color: #FFFFFF;
-  background: #0F172A;
-  border-radius: var(--radius-sm);
-  white-space: nowrap;
-  pointer-events: none;
-  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
-}
-
-/* Multi-line opt-in via maxWidth prop */
-.mint-tooltip__content--multiline {
-  white-space: normal;
-  line-height: 1.4;
-}
-.mint-tooltip__body {
-  display: inline;
-}
-
-/* Keyboard shortcut chip */
-.mint-tooltip__shortcut {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.0625rem 0.375rem;
-  font-family: var(--font-mono, 'Fira Code', monospace);
-  font-size: 0.6875rem;
-  font-weight: 500;
-  color: rgba(255, 255, 255, 0.85);
-  background: rgba(255, 255, 255, 0.12);
-  border: 1px solid rgba(255, 255, 255, 0.18);
-  border-radius: 3px;
-  line-height: 1;
-}
-
-/* Arrow — color matches the dark tooltip bg */
-.mint-tooltip__content::after {
-  content: '';
-  position: absolute;
-  border-width: 4px;
-  border-style: solid;
-}
-.mint-tooltip__content--top::after,
-.mint-tooltip__content--top-start::after,
-.mint-tooltip__content--top-end::after {
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border-color: #0F172A transparent transparent transparent;
-}
-.mint-tooltip__content--bottom::after,
-.mint-tooltip__content--bottom-start::after,
-.mint-tooltip__content--bottom-end::after {
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border-color: transparent transparent #0F172A transparent;
-}
-.mint-tooltip__content--left::after,
-.mint-tooltip__content--left-start::after,
-.mint-tooltip__content--left-end::after {
-  left: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-  border-color: transparent transparent transparent #0F172A;
-}
-.mint-tooltip__content--right::after,
-.mint-tooltip__content--right-start::after,
-.mint-tooltip__content--right-end::after {
-  right: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-  border-color: transparent #0F172A transparent transparent;
-}
 /* ChartContainer Component Styles */
 .mint-chart {
   background-color: var(--bg-card);
@@ -17997,7 +18365,7 @@ code, pre {
   height: 100%;
   overflow: hidden;
   background-color: var(--bg-secondary);
-  transition: width 180ms ease;
+  transition: width 180ms ease, background-color 150ms ease;
 }
 .mint-sidebar--hidden {
   display: none;
@@ -18035,6 +18403,10 @@ code, pre {
   padding: 0.75rem;
   gap: 0.75rem;
 }
+.mint-sidebar--analysis.mint-sidebar--dense .mint-sidebar__sections {
+  padding: 0.75rem;
+  gap: 0.75rem;
+}
 /* Header / Footer slots */
 .mint-sidebar__header {
   padding: 0.75rem;
@@ -18148,6 +18520,91 @@ code, pre {
   align-items: center;
   gap: 0.5rem;
 }
+.mint-sidebar__collapsed--default {
+  padding-top: 0.75rem;
+}
+.mint-sidebar__rail-item {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  border: 0;
+  border-radius: var(--radius-md);
+  color: var(--text-secondary);
+  background: transparent;
+  cursor: pointer;
+  transition:
+    background-color 150ms ease,
+    transform 150ms ease;
+}
+.mint-sidebar__rail-item:hover {
+  background: var(--bg-tertiary);
+  transform: translateY(-1px);
+}
+.mint-sidebar__rail-item:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+.mint-sidebar__rail-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: var(--radius-md);
+  transition: transform 150ms ease;
+}
+.mint-sidebar__rail-item:hover .mint-sidebar__rail-icon {
+  transform: scale(1.04);
+}
+.mint-sidebar__rail-svg {
+  width: 0.9375rem;
+  height: 0.9375rem;
+}
+.mint-sidebar__rail-text-icon {
+  font-size: 0.8125rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-sidebar__rail-badge {
+  position: absolute;
+  top: -0.25rem;
+  right: -0.25rem;
+  min-width: 1rem;
+  height: 1rem;
+  padding: 0 0.25rem;
+  border-radius: 9999px;
+  background: var(--mint-sidebar-rail-badge-color);
+  color: white;
+  font-size: 0.625rem;
+  font-weight: 700;
+  line-height: 1rem;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+.mint-sidebar__rail-badge--primary {
+  --mint-sidebar-rail-badge-color: var(--color-primary);
+}
+.mint-sidebar__rail-badge--cta {
+  --mint-sidebar-rail-badge-color: var(--color-cta);
+}
+.mint-sidebar__rail-badge--success {
+  --mint-sidebar-rail-badge-color: var(--mint-success);
+}
+.mint-sidebar__rail-badge--warning {
+  --mint-sidebar-rail-badge-color: var(--mint-warning);
+}
+.mint-sidebar__rail-badge--error {
+  --mint-sidebar-rail-badge-color: var(--mint-error);
+}
+.mint-sidebar__rail-badge--info {
+  --mint-sidebar-rail-badge-color: var(--mint-info);
+}
+.mint-sidebar__rail-badge--neutral {
+  --mint-sidebar-rail-badge-color: var(--text-secondary);
+}
 /* Dense sidebar variant — compact sections */
 .mint-sidebar--dense .mint-sidebar__sections {
   padding: 0.5rem;
@@ -18165,21 +18622,25 @@ code, pre {
   background-color: var(--bg-card);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
 }
+.mint-sidebar--analysis .mint-sidebar__sections > .mint-collapsible-card {
+  border-color: var(--border-color);
+  border-radius: var(--radius-lg);
+}
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__header {
   padding: 0.625rem 0.75rem;
   min-height: auto;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-badge {
-  width: 2.25rem;
-  height: 2.25rem;
+  width: 1.75rem;
+  height: 1.75rem;
   border-radius: var(--radius-md);
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon {
-  width: 1.125rem;
-  height: 1.125rem;
+  width: 0.9375rem;
+  height: 0.9375rem;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-text {
-  font-size: 1.125rem;
+  font-size: 0.9375rem;
 }
 .mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__title {
   font-size: 0.875rem;
@@ -18215,6 +18676,21 @@ code, pre {
   flex-direction: column;
   gap: 0.75rem;
 }
+.mint-sidebar__footer--collapsed {
+  padding: 0.5rem;
+}
+@media (prefers-reduced-motion: reduce) {
+  .mint-sidebar,
+  .mint-sidebar__rail-item,
+  .mint-sidebar__rail-icon {
+    transition: none;
+  }
+
+  .mint-sidebar__rail-item:hover,
+  .mint-sidebar__rail-item:hover .mint-sidebar__rail-icon {
+    transform: none;
+  }
+}
 /* AppTopBar - BEM-style naming for external package consumers */
 /* Motion tokens — shared across AppTopBar subcomponents */
 :root {
@@ -18636,15 +19112,77 @@ code, pre {
   cursor: pointer;
   user-select: none;
 }
+.mint-checkbox--default {
+  width: fit-content;
+}
+.mint-checkbox--row {
+  width: 100%;
+  min-height: 2rem;
+  gap: 0.5rem;
+  padding: 0.375rem 0.5rem;
+  border-radius: var(--radius-sm, 0.375rem);
+  background: transparent;
+  box-sizing: border-box;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+.mint-checkbox--row:hover {
+  background: var(--bg-hover);
+}
 .mint-checkbox--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
+.mint-checkbox--disabled.mint-checkbox--row:hover {
+  background: transparent;
+}
+.mint-checkbox__row-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.875rem;
+  height: 0.875rem;
+  flex-shrink: 0;
+  transition:
+    color 0.15s ease,
+    transform 0.15s ease;
+}
+.mint-checkbox--row:hover .mint-checkbox__row-icon {
+  transform: scale(1.04);
+}
+.mint-checkbox__row-svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-checkbox__row-text-icon {
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-checkbox__copy {
+  display: block;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.mint-checkbox__copy .mint-tooltip {
+  max-width: 100%;
+}
+.mint-checkbox--row .mint-checkbox__label {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mint-checkbox__label--tooltip {
+  cursor: help;
+}
 .mint-checkbox__input-wrapper {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-shrink: 0;
 }
 .mint-checkbox__native {
   position: absolute;
@@ -18721,6 +19259,7 @@ code, pre {
 }
 .mint-checkbox__label {
   color: var(--text-primary);
+  line-height: 1.25;
 }
 .mint-checkbox__label--sm {
   font-size: 0.875rem;
@@ -18731,30 +19270,60 @@ code, pre {
 .mint-checkbox__label--lg {
   font-size: 1rem;
 }
+@media (prefers-reduced-motion: reduce) {
+  .mint-checkbox--row,
+  .mint-checkbox__row-icon,
+  .mint-checkbox__box {
+    transition: none;
+  }
+
+  .mint-checkbox--row:hover .mint-checkbox__row-icon {
+    transform: none;
+  }
+}
 /* CollapsibleCard Component Styles */
 .mint-collapsible-card {
   border: 1px solid var(--border-color);
   border-radius: var(--radius-lg);
   overflow: hidden;
   background-color: var(--bg-card);
+  transition:
+    border-color 150ms ease,
+    box-shadow 150ms ease,
+    transform 150ms ease;
 }
-.mint-collapsible-card__header {
+.mint-collapsible-card:hover {
+  border-color: color-mix(in srgb, var(--color-primary) 20%, var(--border-color));
+  box-shadow: var(--shadow-sm);
+}
+.mint-collapsible-card__header-shell {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   width: 100%;
+  background-color: var(--bg-card);
+  transition: background-color 0.15s ease;
+}
+.mint-collapsible-card__header-shell:hover {
+  background-color: var(--bg-hover);
+}
+.mint-collapsible-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex: 1;
+  min-width: 0;
   padding: 0.75rem;
   text-align: left;
-  background-color: var(--bg-card);
+  background-color: transparent;
   border: none;
   cursor: pointer;
-  transition: background-color 0.15s ease;
+  transition: color 0.15s ease;
   gap: 0.75rem;
   font-family: inherit;
   min-height: 3rem;
 }
 .mint-collapsible-card__header:hover {
-  background-color: var(--bg-hover);
+  background-color: transparent;
 }
 .mint-collapsible-card__header:focus-visible {
   outline: none;
@@ -18779,6 +19348,10 @@ code, pre {
   height: 2rem;
   border-radius: var(--radius-md);
   flex-shrink: 0;
+  transition: transform 180ms ease, background-color 150ms ease;
+}
+.mint-collapsible-card__header-shell:hover .mint-collapsible-card__icon-badge {
+  transform: scale(1.04);
 }
 .mint-collapsible-card__icon {
   width: 1rem;
@@ -18820,8 +19393,95 @@ code, pre {
 .mint-collapsible-card__actions {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 0.375rem;
   flex-shrink: 0;
+  padding-right: 0.625rem;
+}
+.mint-collapsible-card__badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  padding: 0 0.375rem;
+  border-radius: 9999px;
+  background: color-mix(in srgb, var(--mint-sidebar-badge-color) 14%, transparent);
+  color: var(--mint-sidebar-badge-color);
+  font-size: 0.6875rem;
+  font-weight: 700;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
+}
+.mint-collapsible-card__badge--primary,
+.mint-collapsible-card__action--primary {
+  --mint-sidebar-badge-color: var(--color-primary);
+}
+.mint-collapsible-card__badge--cta,
+.mint-collapsible-card__action--cta {
+  --mint-sidebar-badge-color: var(--color-cta);
+}
+.mint-collapsible-card__badge--success,
+.mint-collapsible-card__action--success {
+  --mint-sidebar-badge-color: var(--mint-success);
+}
+.mint-collapsible-card__badge--warning,
+.mint-collapsible-card__action--warning {
+  --mint-sidebar-badge-color: var(--mint-warning);
+}
+.mint-collapsible-card__badge--error,
+.mint-collapsible-card__action--error {
+  --mint-sidebar-badge-color: var(--mint-error);
+}
+.mint-collapsible-card__badge--info,
+.mint-collapsible-card__action--info {
+  --mint-sidebar-badge-color: var(--mint-info);
+}
+.mint-collapsible-card__badge--neutral,
+.mint-collapsible-card__action--neutral {
+  --mint-sidebar-badge-color: var(--text-secondary);
+}
+.mint-collapsible-card__action,
+.mint-collapsible-card__chevron-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+  border: 0;
+  border-radius: var(--radius-md);
+  color: var(--mint-sidebar-badge-color, var(--text-muted));
+  background: transparent;
+  cursor: pointer;
+  transition:
+    color 150ms ease,
+    background-color 150ms ease,
+    transform 150ms ease;
+}
+.mint-collapsible-card__action:hover,
+.mint-collapsible-card__chevron-button:hover {
+  color: var(--mint-sidebar-badge-color, var(--text-secondary));
+  background: color-mix(in srgb, var(--mint-sidebar-badge-color, var(--text-secondary)) 10%, transparent);
+  transform: translateY(-1px);
+}
+.mint-collapsible-card__action:focus-visible,
+.mint-collapsible-card__chevron-button:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+.mint-collapsible-card__action:disabled,
+.mint-collapsible-card__action--disabled,
+.mint-collapsible-card__chevron-button:disabled {
+  opacity: var(--mint-disabled-opacity);
+  cursor: not-allowed;
+  transform: none;
+}
+.mint-collapsible-card__action-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-collapsible-card__action-text-icon {
+  font-size: 0.8125rem;
+  line-height: 1;
 }
 .mint-collapsible-card__toggle {
   display: flex;
@@ -18859,8 +19519,8 @@ code, pre {
   left: 1.125rem;
 }
 .mint-collapsible-card__chevron {
-  width: 1.25rem;
-  height: 1.25rem;
+  width: 1rem;
+  height: 1rem;
   color: var(--text-muted);
   transition: transform 0.2s ease;
   flex-shrink: 0;
@@ -18868,7 +19528,7 @@ code, pre {
 .mint-collapsible-card__chevron--open {
   transform: rotate(180deg);
 }
-.mint-collapsible-card__header:hover .mint-collapsible-card__chevron {
+.mint-collapsible-card__header-shell:hover .mint-collapsible-card__chevron {
   color: var(--text-secondary);
 }
 .mint-collapsible-card__body {
@@ -18889,15 +19549,13 @@ code, pre {
   gap: 0.5rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__icon-badge {
-  width: 1.5rem;
-  height: 1.5rem;
+  width: 1.75rem;
+  height: 1.75rem;
   border-radius: var(--radius);
-  background: transparent !important;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__icon {
   width: 0.875rem;
   height: 0.875rem;
-  opacity: 0.5;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__title {
   font-size: 0.8125rem;
@@ -18906,7 +19564,8 @@ code, pre {
   font-size: 0.6875rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__actions {
-  gap: 0.5rem;
+  gap: 0.25rem;
+  padding-right: 0.5rem;
 }
 .mint-collapsible-card--dense .mint-collapsible-card__chevron {
   width: 0.875rem;
@@ -18937,6 +19596,20 @@ code, pre {
     transition: none;
   }
 
+  .mint-collapsible-card,
+  .mint-collapsible-card__icon-badge,
+  .mint-collapsible-card__action,
+  .mint-collapsible-card__chevron-button {
+    transition: none;
+  }
+
+  .mint-collapsible-card:hover,
+  .mint-collapsible-card__header-shell:hover .mint-collapsible-card__icon-badge,
+  .mint-collapsible-card__action:hover,
+  .mint-collapsible-card__chevron-button:hover {
+    transform: none;
+  }
+
   .mint-collapsible-card__toggle-knob {
     transition: none;
   }
@@ -22428,6 +23101,24 @@ html.dark .mint-toast__item .mint-toast__message {
   cursor: pointer;
   user-select: none;
 }
+.mint-toggle--default {
+  width: fit-content;
+}
+.mint-toggle--row {
+  width: 100%;
+  min-height: 2rem;
+  gap: 0.5rem;
+  padding: 0.375rem 0.5rem;
+  border-radius: var(--radius-sm, 0.375rem);
+  background: transparent;
+  box-sizing: border-box;
+  transition:
+    background-color 0.15s ease,
+    color 0.15s ease;
+}
+.mint-toggle--row:hover {
+  background: var(--bg-hover);
+}
 .mint-toggle--reverse {
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -22445,6 +23136,49 @@ html.dark .mint-toast__item .mint-toast__message {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
+.mint-toggle--disabled.mint-toggle--row:hover {
+  background: transparent;
+}
+.mint-toggle__row-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.875rem;
+  height: 0.875rem;
+  flex-shrink: 0;
+  transition:
+    color 0.15s ease,
+    transform 0.15s ease;
+}
+.mint-toggle--row:hover .mint-toggle__row-icon {
+  transform: scale(1.04);
+}
+.mint-toggle__row-svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.mint-toggle__row-text-icon {
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1;
+}
+.mint-toggle__copy {
+  display: block;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.mint-toggle__copy .mint-tooltip {
+  max-width: 100%;
+}
+.mint-toggle--row .mint-toggle__label {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mint-toggle__label--tooltip {
+  cursor: help;
+}
 .mint-toggle__track {
   position: relative;
   display: inline-block;
@@ -22524,6 +23258,7 @@ html.dark .mint-toast__item .mint-toast__message {
 }
 .mint-toggle__label {
   color: var(--text-primary);
+  line-height: 1.25;
 }
 .mint-toggle__label--sm {
   font-size: 0.875rem;
@@ -22535,9 +23270,15 @@ html.dark .mint-toast__item .mint-toast__message {
   font-size: 1rem;
 }
 @media (prefers-reduced-motion: reduce) {
+  .mint-toggle--row,
+  .mint-toggle__row-icon,
   .mint-toggle__knob {
     transition: none;
   }
+
+  .mint-toggle--row:hover .mint-toggle__row-icon {
+    transform: none;
+  }
 }
 /* WellPlate Component Styles */
 .mint-well-plate {