@morscherlab/mint-sdk 1.0.0-alpha.8 → 1.0.0-beta.1

package/src/styles/components/dropdown-button.css

@@ -1,13 +1,13 @@
 /* DropdownButton Component Styles */
 
-.mld-dropdown-button {
+.mint-dropdown-button {
   position: relative;
   display: inline-block;
 }
 
 /* Trigger button - mirrors BaseButton's soft-lift colored-shadow system.
    See button.css for the design rationale. */
-.mld-dropdown-button__trigger {
+.mint-dropdown-button__trigger {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -28,48 +28,48 @@
   transform: translateY(0);
 }
 
-.mld-dropdown-button__trigger:hover:not(.mld-dropdown-button__trigger--disabled) {
+.mint-dropdown-button__trigger:hover:not(.mint-dropdown-button__trigger--disabled) {
   transform: translateY(-1px);
 }
 
-.mld-dropdown-button__trigger:active:not(.mld-dropdown-button__trigger--disabled) {
+.mint-dropdown-button__trigger:active:not(.mint-dropdown-button__trigger--disabled) {
   transform: translateY(0);
   box-shadow: none;
   transition-duration: 0.05s;
 }
 
-.mld-dropdown-button__trigger:focus-visible {
+.mint-dropdown-button__trigger:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring-offset);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .mld-dropdown-button__trigger {
+  .mint-dropdown-button__trigger {
     transition:
       color 0.15s ease,
       background-color 0.15s ease,
       border-color 0.15s ease,
       box-shadow 0.15s ease;
   }
-  .mld-dropdown-button__trigger:hover:not(.mld-dropdown-button__trigger--disabled),
-  .mld-dropdown-button__trigger:active:not(.mld-dropdown-button__trigger--disabled) {
+  .mint-dropdown-button__trigger:hover:not(.mint-dropdown-button__trigger--disabled),
+  .mint-dropdown-button__trigger:active:not(.mint-dropdown-button__trigger--disabled) {
     transform: none;
   }
 }
 
 /* Trigger variants — colored soft-lift shadows mirror BaseButton. */
-.mld-dropdown-button__trigger--primary {
+.mint-dropdown-button__trigger--primary {
   background-color: var(--color-primary);
   color: white;
   box-shadow: 0 1px 2px rgba(99, 102, 241, 0.20);
 }
 
-.mld-dropdown-button__trigger--primary:hover:not(.mld-dropdown-button__trigger--disabled) {
+.mint-dropdown-button__trigger--primary:hover:not(.mint-dropdown-button__trigger--disabled) {
   background-color: var(--color-primary-hover);
   box-shadow: 0 2px 5px rgba(99, 102, 241, 0.28);
 }
 
-.mld-dropdown-button__trigger--secondary {
+.mint-dropdown-button__trigger--secondary {
   background-color: var(--bg-secondary);
   color: var(--text-primary);
   border: 1px solid var(--border-color);
@@ -78,111 +78,111 @@
   box-shadow: 0 1px 1px rgba(15, 23, 42, 0.03);
 }
 
-.mld-dropdown-button__trigger--secondary:hover:not(.mld-dropdown-button__trigger--disabled) {
+.mint-dropdown-button__trigger--secondary:hover:not(.mint-dropdown-button__trigger--disabled) {
   background-color: var(--bg-tertiary);
   box-shadow: 0 2px 4px rgba(15, 23, 42, 0.06);
 }
 
-.mld-dropdown-button__trigger--cta {
+.mint-dropdown-button__trigger--cta {
   background-color: var(--color-cta);
   color: white;
   box-shadow: 0 1px 2px rgba(249, 115, 22, 0.20);
 }
 
-.mld-dropdown-button__trigger--cta:hover:not(.mld-dropdown-button__trigger--disabled) {
+.mint-dropdown-button__trigger--cta:hover:not(.mint-dropdown-button__trigger--disabled) {
   background-color: var(--color-cta-hover);
   box-shadow: 0 2px 5px rgba(249, 115, 22, 0.28);
 }
 
-.mld-dropdown-button__trigger--danger {
+.mint-dropdown-button__trigger--danger {
   background-color: var(--mint-error);
   color: white;
   box-shadow: 0 1px 2px rgba(239, 68, 68, 0.20);
 }
 
-.mld-dropdown-button__trigger--danger:hover:not(.mld-dropdown-button__trigger--disabled) {
+.mint-dropdown-button__trigger--danger:hover:not(.mint-dropdown-button__trigger--disabled) {
   background-color: var(--mint-error-hover);
   box-shadow: 0 2px 5px rgba(239, 68, 68, 0.28);
 }
 
-.mld-dropdown-button__trigger--success {
+.mint-dropdown-button__trigger--success {
   background-color: var(--mint-success);
   color: white;
   box-shadow: 0 1px 2px rgba(16, 185, 129, 0.20);
 }
 
-.mld-dropdown-button__trigger--success:hover:not(.mld-dropdown-button__trigger--disabled) {
+.mint-dropdown-button__trigger--success:hover:not(.mint-dropdown-button__trigger--disabled) {
   background-color: var(--mint-success-hover);
   box-shadow: 0 2px 5px rgba(16, 185, 129, 0.28);
 }
 
-.mld-dropdown-button__trigger--ghost {
+.mint-dropdown-button__trigger--ghost {
   background-color: transparent;
   color: var(--text-primary);
 }
 
-.mld-dropdown-button__trigger--ghost:hover:not(.mld-dropdown-button__trigger--disabled) {
+.mint-dropdown-button__trigger--ghost:hover:not(.mint-dropdown-button__trigger--disabled) {
   background-color: var(--bg-tertiary);
 }
 
 /* Trigger sizes — 1px optical padding shift (0.16+). See CLAUDE.md § Optical Centering. */
-.mld-dropdown-button__trigger--sm {
+.mint-dropdown-button__trigger--sm {
   padding: 0.3125rem 0.75rem 0.4375rem;
   font-size: 0.875rem;
   min-height: var(--form-height-sm);
 }
 
-.mld-dropdown-button__trigger--md {
+.mint-dropdown-button__trigger--md {
   padding: 0.4375rem 1rem 0.5625rem;
   font-size: 0.875rem;
   min-height: var(--form-height-md);
 }
 
-.mld-dropdown-button__trigger--lg {
+.mint-dropdown-button__trigger--lg {
   padding: 0.6875rem 1.5rem 0.8125rem;
   font-size: 1rem;
   min-height: var(--form-height-lg);
 }
 
 /* Trigger disabled */
-.mld-dropdown-button__trigger--disabled {
+.mint-dropdown-button__trigger--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
 /* Label */
-.mld-dropdown-button__label {
+.mint-dropdown-button__label {
   flex: 1;
   text-align: left;
 }
 
 /* Chevron icon */
-.mld-dropdown-button__chevron {
+.mint-dropdown-button__chevron {
   width: 1rem;
   height: 1rem;
   flex-shrink: 0;
   transition: transform 0.2s ease;
 }
 
-.mld-dropdown-button__chevron--open {
+.mint-dropdown-button__chevron--open {
   transform: rotate(180deg);
 }
 
 /* Loading spinner */
-.mld-dropdown-button__spinner {
+.mint-dropdown-button__spinner {
   width: 1rem;
   height: 1rem;
   flex-shrink: 0;
-  animation: mld-dropdown-button-spin 1s linear infinite;
+  animation: mint-dropdown-button-spin 1s linear infinite;
 }
 
-@keyframes mld-dropdown-button-spin {
+@keyframes mint-dropdown-button-spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
 
 /* Dropdown menu */
-.mld-dropdown-button__menu {
+.mint-dropdown-button__menu {
   position: absolute;
   top: calc(100% + 0.25rem);
   left: 0;
@@ -200,19 +200,19 @@
 }
 
 /* Menu transition */
-.mld-dropdown-button-menu-enter-active,
-.mld-dropdown-button-menu-leave-active {
+.mint-dropdown-button-menu-enter-active,
+.mint-dropdown-button-menu-leave-active {
   transition: opacity 0.15s ease, transform 0.15s ease;
 }
 
-.mld-dropdown-button-menu-enter-from,
-.mld-dropdown-button-menu-leave-to {
+.mint-dropdown-button-menu-enter-from,
+.mint-dropdown-button-menu-leave-to {
   opacity: 0;
   transform: translateY(-0.25rem);
 }
 
 /* Option items */
-.mld-dropdown-button__option {
+.mint-dropdown-button__option {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -225,26 +225,26 @@
   transition: background-color 0.1s ease;
 }
 
-.mld-dropdown-button__option:hover:not(.mld-dropdown-button__option--disabled) {
+.mint-dropdown-button__option:hover:not(.mint-dropdown-button__option--disabled) {
   background-color: var(--bg-hover);
 }
 
-.mld-dropdown-button__option--selected {
+.mint-dropdown-button__option--selected {
   color: var(--color-primary);
   font-weight: 500;
 }
 
-.mld-dropdown-button__option--disabled {
+.mint-dropdown-button__option--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
 /* Option label and description */
-.mld-dropdown-button__option-label {
+.mint-dropdown-button__option-label {
   flex: 1;
 }
 
-.mld-dropdown-button__option-description {
+.mint-dropdown-button__option-description {
   display: block;
   font-size: 0.75rem;
   color: var(--text-muted);
@@ -252,7 +252,7 @@
 }
 
 /* Check icon for selected option */
-.mld-dropdown-button__option-check {
+.mint-dropdown-button__option-check {
   width: 1rem;
   height: 1rem;
   flex-shrink: 0;
@@ -260,19 +260,19 @@
 }
 
 /* When option has description, stack label + description */
-.mld-dropdown-button__option:has(.mld-dropdown-button__option-description) {
+.mint-dropdown-button__option:has(.mint-dropdown-button__option-description) {
   flex-wrap: wrap;
 }
 
-.mld-dropdown-button__option:has(.mld-dropdown-button__option-description) .mld-dropdown-button__option-label {
+.mint-dropdown-button__option:has(.mint-dropdown-button__option-description) .mint-dropdown-button__option-label {
   width: 100%;
 }
 
-.mld-dropdown-button__option:has(.mld-dropdown-button__option-description) .mld-dropdown-button__option-description {
+.mint-dropdown-button__option:has(.mint-dropdown-button__option-description) .mint-dropdown-button__option-description {
   width: 100%;
 }
 
-.mld-dropdown-button__option:has(.mld-dropdown-button__option-description) .mld-dropdown-button__option-check {
+.mint-dropdown-button__option:has(.mint-dropdown-button__option-description) .mint-dropdown-button__option-check {
   position: absolute;
   right: 0.75rem;
   top: 50%;

package/src/styles/components/empty-state.css

@@ -1,10 +1,10 @@
 /* EmptyState Component Styles */
 
-.mld-empty-state {
+.mint-empty-state {
   padding: 2rem;
 }
 
-.mld-empty-state--illustrated {
+.mint-empty-state--illustrated {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -12,7 +12,7 @@
   text-align: center;
 }
 
-.mld-empty-state--inline {
+.mint-empty-state--inline {
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -24,19 +24,19 @@
 }
 
 /* Sizes (illustrated only — inline is single size) */
-.mld-empty-state--sm { padding: 1rem; }
-.mld-empty-state--md { padding: 2rem; }
-.mld-empty-state--lg { padding: 3rem; }
+.mint-empty-state--sm { padding: 1rem; }
+.mint-empty-state--md { padding: 2rem; }
+.mint-empty-state--lg { padding: 3rem; }
 
 /* Inline overrides size-based padding to keep it compact */
-.mld-empty-state--inline.mld-empty-state--sm,
-.mld-empty-state--inline.mld-empty-state--md,
-.mld-empty-state--inline.mld-empty-state--lg {
+.mint-empty-state--inline.mint-empty-state--sm,
+.mint-empty-state--inline.mint-empty-state--md,
+.mint-empty-state--inline.mint-empty-state--lg {
   padding: 1rem 1.25rem;
 }
 
 /* Icon wrapper — illustrated: 72px tile with gradient */
-.mld-empty-state--illustrated .mld-empty-state__icon-wrapper {
+.mint-empty-state--illustrated .mint-empty-state__icon-wrapper {
   width: 72px;
   height: 72px;
   margin-bottom: 1rem;
@@ -48,18 +48,18 @@
 }
 
 /* Gradient fill from primary-soft → info-bg for the illustrated primary default */
-.mld-empty-state--illustrated .mld-empty-state__icon-wrapper--primary {
+.mint-empty-state--illustrated .mint-empty-state__icon-wrapper--primary {
   background: linear-gradient(135deg, var(--color-primary-soft), var(--mint-info-bg));
 }
 
-.mld-empty-state--illustrated .mld-empty-state__icon-wrapper--cta     { background: color-mix(in srgb, var(--color-cta) 10%, transparent); }
-.mld-empty-state--illustrated .mld-empty-state__icon-wrapper--success { background: var(--mint-success-bg); }
-.mld-empty-state--illustrated .mld-empty-state__icon-wrapper--warning { background: var(--mint-warning-bg); }
-.mld-empty-state--illustrated .mld-empty-state__icon-wrapper--error   { background: var(--mint-error-bg); }
-.mld-empty-state--illustrated .mld-empty-state__icon-wrapper--muted   { background: var(--bg-tertiary); }
+.mint-empty-state--illustrated .mint-empty-state__icon-wrapper--cta     { background: color-mix(in srgb, var(--color-cta) 10%, transparent); }
+.mint-empty-state--illustrated .mint-empty-state__icon-wrapper--success { background: var(--mint-success-bg); }
+.mint-empty-state--illustrated .mint-empty-state__icon-wrapper--warning { background: var(--mint-warning-bg); }
+.mint-empty-state--illustrated .mint-empty-state__icon-wrapper--error   { background: var(--mint-error-bg); }
+.mint-empty-state--illustrated .mint-empty-state__icon-wrapper--muted   { background: var(--bg-tertiary); }
 
 /* Inline: 44x44 icon box (left-aligned) */
-.mld-empty-state--inline .mld-empty-state__icon-wrapper {
+.mint-empty-state--inline .mint-empty-state__icon-wrapper {
   width: 44px;
   height: 44px;
   border-radius: var(--radius-md);
@@ -70,34 +70,34 @@
   background: var(--color-primary-soft);
 }
 
-.mld-empty-state--inline .mld-empty-state__icon-wrapper--cta     { background: color-mix(in srgb, var(--color-cta) 10%, transparent); }
-.mld-empty-state--inline .mld-empty-state__icon-wrapper--success { background: var(--mint-success-bg); }
-.mld-empty-state--inline .mld-empty-state__icon-wrapper--warning { background: var(--mint-warning-bg); }
-.mld-empty-state--inline .mld-empty-state__icon-wrapper--error   { background: var(--mint-error-bg); }
-.mld-empty-state--inline .mld-empty-state__icon-wrapper--muted   { background: var(--bg-tertiary); }
+.mint-empty-state--inline .mint-empty-state__icon-wrapper--cta     { background: color-mix(in srgb, var(--color-cta) 10%, transparent); }
+.mint-empty-state--inline .mint-empty-state__icon-wrapper--success { background: var(--mint-success-bg); }
+.mint-empty-state--inline .mint-empty-state__icon-wrapper--warning { background: var(--mint-warning-bg); }
+.mint-empty-state--inline .mint-empty-state__icon-wrapper--error   { background: var(--mint-error-bg); }
+.mint-empty-state--inline .mint-empty-state__icon-wrapper--muted   { background: var(--bg-tertiary); }
 
 /* Icon sizes */
-.mld-empty-state--sm .mld-empty-state__icon { width: 32px; height: 32px; }
-.mld-empty-state--md .mld-empty-state__icon { width: 40px; height: 40px; }
-.mld-empty-state--lg .mld-empty-state__icon { width: 48px; height: 48px; }
-.mld-empty-state--inline .mld-empty-state__icon { width: 22px; height: 22px; }
+.mint-empty-state--sm .mint-empty-state__icon { width: 32px; height: 32px; }
+.mint-empty-state--md .mint-empty-state__icon { width: 40px; height: 40px; }
+.mint-empty-state--lg .mint-empty-state__icon { width: 48px; height: 48px; }
+.mint-empty-state--inline .mint-empty-state__icon { width: 22px; height: 22px; }
 
 /* Icon colors */
-.mld-empty-state__icon--primary { color: var(--color-primary); }
-.mld-empty-state__icon--cta     { color: var(--color-cta); }
-.mld-empty-state__icon--success { color: var(--mint-success); }
-.mld-empty-state__icon--warning { color: var(--mint-warning); }
-.mld-empty-state__icon--error   { color: var(--mint-error); }
-.mld-empty-state__icon--muted   { color: var(--text-muted); }
+.mint-empty-state__icon--primary { color: var(--color-primary); }
+.mint-empty-state__icon--cta     { color: var(--color-cta); }
+.mint-empty-state__icon--success { color: var(--mint-success); }
+.mint-empty-state__icon--warning { color: var(--mint-warning); }
+.mint-empty-state__icon--error   { color: var(--mint-error); }
+.mint-empty-state__icon--muted   { color: var(--text-muted); }
 
 /* Body wrapper — in inline this is the flex-grow region */
-.mld-empty-state--inline .mld-empty-state__body {
+.mint-empty-state--inline .mint-empty-state__body {
   flex: 1;
   min-width: 0;
 }
 
 /* Title */
-.mld-empty-state__title {
+.mint-empty-state__title {
   font-weight: 600;
   color: var(--text-primary);
   margin-top: 0 !important;
@@ -105,13 +105,13 @@
   padding: 0 !important;
 }
 
-.mld-empty-state--sm .mld-empty-state__title { font-size: 0.875rem; }
-.mld-empty-state--md .mld-empty-state__title { font-size: 1rem; }
-.mld-empty-state--lg .mld-empty-state__title { font-size: 1.125rem; }
-.mld-empty-state--inline .mld-empty-state__title { font-size: 0.875rem; }
+.mint-empty-state--sm .mint-empty-state__title { font-size: 0.875rem; }
+.mint-empty-state--md .mint-empty-state__title { font-size: 1rem; }
+.mint-empty-state--lg .mint-empty-state__title { font-size: 1.125rem; }
+.mint-empty-state--inline .mint-empty-state__title { font-size: 0.875rem; }
 
 /* Description */
-.mld-empty-state__description {
+.mint-empty-state__description {
   font-size: 0.8125rem;
   color: var(--text-secondary);
   max-width: 28rem;
@@ -120,21 +120,21 @@
   padding: 0 !important;
 }
 
-.mld-empty-state--inline .mld-empty-state__description {
+.mint-empty-state--inline .mint-empty-state__description {
   font-size: 0.75rem;
   color: var(--text-muted);
 }
 
 /* Action */
-.mld-empty-state--illustrated .mld-empty-state__action {
+.mint-empty-state--illustrated .mint-empty-state__action {
   margin-top: 1rem;
 }
 
-.mld-empty-state--inline .mld-empty-state__action {
+.mint-empty-state--inline .mint-empty-state__action {
   flex-shrink: 0;
 }
 
-.mld-empty-state__button {
+.mint-empty-state__button {
   background: var(--color-primary);
   color: white;
   padding: 0.5rem 1rem;
@@ -146,6 +146,6 @@
   transition: background-color 0.15s ease;
 }
 
-.mld-empty-state__button:hover {
+.mint-empty-state__button:hover {
   background: var(--color-primary-hover);
 }

package/src/styles/components/experiment-code-badge.css

@@ -1,4 +1,4 @@
-.mld-exp-code {
+.mint-exp-code {
   display: inline-flex;
   align-items: center;
   font-family: 'Fira Code', monospace;
@@ -9,25 +9,25 @@
   letter-spacing: 0.02em;
   transition: background-color 0.15s ease, color 0.15s ease;
 }
-.mld-exp-code--sm { padding: 1px 6px; font-size: 11px; }
-.mld-exp-code--md { padding: 2px 8px; font-size: 12px; }
-.mld-exp-code--lg { padding: 3px 10px; font-size: 14px; }
+.mint-exp-code--sm { padding: 1px 6px; font-size: 11px; }
+.mint-exp-code--md { padding: 2px 8px; font-size: 12px; }
+.mint-exp-code--lg { padding: 3px 10px; font-size: 14px; }
 
 /* Copyable state */
-.mld-exp-code--copyable {
+.mint-exp-code--copyable {
   cursor: pointer;
   user-select: none;
 }
-.mld-exp-code--copyable:hover {
+.mint-exp-code--copyable:hover {
   background: var(--bg-hover);
 }
-.mld-exp-code--copyable:focus-visible {
+.mint-exp-code--copyable:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 1px;
 }
 
 /* Copied feedback */
-.mld-exp-code--copied {
+.mint-exp-code--copied {
   background: var(--mint-success-bg);
   color: var(--mint-success);
 }

package/src/styles/components/experiment-data-viewer.css

@@ -1,9 +1,9 @@
-.mld-data-viewer {
+.mint-data-viewer {
   border: 1px solid var(--border-color);
   border-radius: var(--radius-md);
   overflow: hidden;
 }
-.mld-data-viewer__header {
+.mint-data-viewer__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -12,42 +12,42 @@
   background: var(--bg-secondary);
   gap: 8px;
 }
-.mld-data-viewer__controls { display: flex; gap: 8px; }
-.mld-data-viewer__actions { display: flex; gap: 4px; align-items: center; }
-.mld-data-viewer__content {
+.mint-data-viewer__controls { display: flex; gap: 8px; }
+.mint-data-viewer__actions { display: flex; gap: 4px; align-items: center; }
+.mint-data-viewer__content {
   padding: 12px;
   max-height: 600px;
   overflow-y: auto;
 }
-.mld-data-viewer__loading {
+.mint-data-viewer__loading {
   padding: 24px 12px;
 }
-.mld-data-viewer__skeleton {
+.mint-data-viewer__skeleton {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
-.mld-data-viewer__empty {
+.mint-data-viewer__empty {
   text-align: center;
   padding: 32px;
   color: var(--text-muted);
 }
 
 /* Summary view */
-.mld-summary {
+.mint-summary {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 
 /* Metadata pills row */
-.mld-summary__metadata {
+.mint-summary__metadata {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
 }
 
-.mld-summary__pill {
+.mint-summary__pill {
   display: inline-flex;
   align-items: center;
   border-radius: 6px;
@@ -57,11 +57,11 @@
   border: 1px solid var(--border-color);
 }
 
-.mld-summary__pill--sm {
+.mint-summary__pill--sm {
   font-size: 0.75rem;
 }
 
-.mld-summary__pill-key {
+.mint-summary__pill-key {
   padding: 4px 8px;
   background: var(--bg-secondary);
   color: var(--text-muted);
@@ -69,44 +69,44 @@
   font-weight: 500;
 }
 
-.mld-summary__pill-value {
+.mint-summary__pill-value {
   padding: 4px 8px;
   color: var(--text-primary);
 }
 
 /* Section */
-.mld-summary__section {
+.mint-summary__section {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
 
-.mld-summary__section-label {
+.mint-summary__section-label {
   font-weight: 600;
   font-size: 0.875rem;
   color: var(--text-primary);
 }
 
-.mld-summary__section-count {
+.mint-summary__section-count {
   font-size: 0.75rem;
   color: var(--text-muted);
   margin-left: 8px;
 }
 
-.mld-summary__table-header {
+.mint-summary__table-header {
   display: flex;
   align-items: baseline;
   gap: 4px;
 }
 
 /* Group cards */
-.mld-summary__group-card {
+.mint-summary__group-card {
   border: 1px solid var(--border-color);
   border-radius: var(--radius-md);
   overflow: hidden;
 }
 
-.mld-summary__group-header {
+.mint-summary__group-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -115,13 +115,13 @@
   border-bottom: 1px solid var(--border-color);
 }
 
-.mld-summary__group-label {
+.mint-summary__group-label {
   font-weight: 600;
   font-size: 0.875rem;
   color: var(--text-primary);
 }
 
-.mld-summary__group-count {
+.mint-summary__group-count {
   font-size: 0.75rem;
   color: var(--text-muted);
   background: var(--bg-tertiary);
@@ -129,7 +129,7 @@
   border-radius: 10px;
 }
 
-.mld-summary__group-meta {
+.mint-summary__group-meta {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;