@morscherlab/mint-sdk 1.0.0-alpha.8 → 1.0.0-alpha.9

package/src/styles/components/auto-group-modal.css

@@ -1,6 +1,6 @@
 /* AutoGroupModal - Smart grouping wizard */
 
-.mld-auto-group {
+.mint-auto-group {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -8,7 +8,7 @@
 }
 
 /* --- Mode toggle --- */
-.mld-auto-group__mode-toggle {
+.mint-auto-group__mode-toggle {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
@@ -16,16 +16,16 @@
 }
 
 /* --- Input step --- */
-.mld-auto-group__input-step {
+.mint-auto-group__input-step {
   display: flex;
   flex-direction: column;
 }
 
-.mld-auto-group__paste {
+.mint-auto-group__paste {
   position: relative;
 }
 
-.mld-auto-group__textarea {
+.mint-auto-group__textarea {
   width: 100%;
   font-family: 'Fira Code', monospace;
   font-size: 0.8125rem;
@@ -39,17 +39,17 @@
   box-sizing: border-box;
 }
 
-.mld-auto-group__textarea:focus-visible {
+.mint-auto-group__textarea:focus-visible {
   outline: none;
   border-color: var(--color-primary);
   box-shadow: 0 0 0 2px var(--color-primary-soft);
 }
 
-.mld-auto-group__textarea::placeholder {
+.mint-auto-group__textarea::placeholder {
   color: var(--text-muted);
 }
 
-.mld-auto-group__sample-count {
+.mint-auto-group__sample-count {
   position: absolute;
   bottom: 0.5rem;
   right: 0.75rem;
@@ -61,12 +61,12 @@
 }
 
 /* --- CSV / Dropzone --- */
-.mld-auto-group__csv {
+.mint-auto-group__csv {
   display: flex;
   flex-direction: column;
 }
 
-.mld-auto-group__dropzone {
+.mint-auto-group__dropzone {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -81,36 +81,36 @@
   transition: border-color 0.15s, background 0.15s;
 }
 
-.mld-auto-group__dropzone--dragover {
+.mint-auto-group__dropzone--dragover {
   border-color: var(--color-primary);
   background: var(--color-primary-soft);
 }
 
-.mld-auto-group__file-input {
+.mint-auto-group__file-input {
   position: absolute;
   inset: 0;
   opacity: 0;
   cursor: pointer;
 }
 
-.mld-auto-group__upload-icon {
+.mint-auto-group__upload-icon {
   width: 2.5rem;
   height: 2.5rem;
   color: var(--text-muted);
 }
 
-.mld-auto-group__upload-text {
+.mint-auto-group__upload-text {
   font-size: 0.875rem;
   color: var(--text-secondary);
   margin: 0;
 }
 
-.mld-auto-group__upload-highlight {
+.mint-auto-group__upload-highlight {
   color: var(--color-primary);
   font-weight: 500;
 }
 
-.mld-auto-group__upload-hint {
+.mint-auto-group__upload-hint {
   font-size: 0.75rem;
   color: var(--text-muted);
   margin: 0;
@@ -119,7 +119,7 @@
   line-height: 1.4;
 }
 
-.mld-auto-group__file-info {
+.mint-auto-group__file-info {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -129,14 +129,14 @@
   border: 1px solid var(--border-color);
 }
 
-.mld-auto-group__file-icon {
+.mint-auto-group__file-icon {
   width: 1.25rem;
   height: 1.25rem;
   color: var(--text-muted);
   flex-shrink: 0;
 }
 
-.mld-auto-group__file-name {
+.mint-auto-group__file-name {
   font-size: 0.875rem;
   font-weight: 500;
   color: var(--text-primary);
@@ -146,13 +146,13 @@
   min-width: 0;
 }
 
-.mld-auto-group__file-rows {
+.mint-auto-group__file-rows {
   font-size: 0.75rem;
   color: var(--text-muted);
   margin-left: auto;
 }
 
-.mld-auto-group__file-clear {
+.mint-auto-group__file-clear {
   font-size: 0.75rem;
   color: var(--color-primary);
   background: none;
@@ -162,17 +162,17 @@
   margin-left: 0.5rem;
 }
 
-.mld-auto-group__file-clear:hover {
+.mint-auto-group__file-clear:hover {
   text-decoration: underline;
 }
 
-.mld-auto-group__file-clear:focus-visible {
+.mint-auto-group__file-clear:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 2px;
   border-radius: var(--radius-sm);
 }
 
-.mld-auto-group__csv-error {
+.mint-auto-group__csv-error {
   padding: 0.5rem 0.75rem;
   margin-top: 0.5rem;
   font-size: 0.8125rem;
@@ -183,13 +183,13 @@
 }
 
 /* --- Experiment mode --- */
-.mld-auto-group__experiment {
+.mint-auto-group__experiment {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 }
 
-.mld-auto-group__experiment-loading {
+.mint-auto-group__experiment-loading {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -199,7 +199,7 @@
   font-size: 0.875rem;
 }
 
-.mld-auto-group__experiment-error {
+.mint-auto-group__experiment-error {
   padding: 1.5rem;
   border: 1px solid rgba(239, 68, 68, 0.3);
   border-radius: var(--radius-md);
@@ -210,17 +210,17 @@
   word-break: break-word;
 }
 
-.mld-auto-group__experiment-error p {
+.mint-auto-group__experiment-error p {
   margin: 0;
 }
 
-.mld-auto-group__experiment-error p + p {
+.mint-auto-group__experiment-error p + p {
   margin-top: 0.5rem;
   color: var(--text-secondary);
   font-size: 0.75rem;
 }
 
-.mld-auto-group__link-btn {
+.mint-auto-group__link-btn {
   background: none;
   border: none;
   color: var(--color-primary);
@@ -230,17 +230,17 @@
   text-decoration: underline;
 }
 
-.mld-auto-group__link-btn:hover {
+.mint-auto-group__link-btn:hover {
   color: var(--color-primary-hover);
 }
 
-.mld-auto-group__link-btn:focus-visible {
+.mint-auto-group__link-btn:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 1px;
   border-radius: 2px;
 }
 
-.mld-auto-group__experiment-loaded {
+.mint-auto-group__experiment-loaded {
   padding: 1.5rem;
   border: 1px solid var(--border-color);
   border-radius: var(--radius-md);
@@ -250,35 +250,35 @@
   gap: 0.75rem;
 }
 
-.mld-auto-group__experiment-summary {
+.mint-auto-group__experiment-summary {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem 1rem;
 }
 
-.mld-auto-group__experiment-stat {
+.mint-auto-group__experiment-stat {
   font-size: 0.8125rem;
   color: var(--text-secondary);
 }
 
-.mld-auto-group__experiment-stat strong {
+.mint-auto-group__experiment-stat strong {
   color: var(--text-primary);
 }
 
-.mld-auto-group__experiment-fields {
+.mint-auto-group__experiment-fields {
   display: flex;
   flex-wrap: wrap;
   gap: 0.375rem;
 }
 
 /* --- Outlier step --- */
-.mld-auto-group__outlier-step {
+.mint-auto-group__outlier-step {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 }
 
-.mld-auto-group__outlier-banner {
+.mint-auto-group__outlier-banner {
   padding: 0.75rem 1rem;
   background: var(--mint-warning-bg);
   border: 1px solid rgba(245, 158, 11, 0.3);
@@ -287,7 +287,7 @@
   color: var(--text-primary);
 }
 
-.mld-auto-group__outlier-banner code {
+.mint-auto-group__outlier-banner code {
   font-family: 'Fira Code', monospace;
   background: var(--bg-tertiary);
   padding: 0.125rem 0.375rem;
@@ -295,12 +295,12 @@
   font-size: 0.8125rem;
 }
 
-.mld-auto-group__outlier-batch {
+.mint-auto-group__outlier-batch {
   display: flex;
   gap: 0.5rem;
 }
 
-.mld-auto-group__outlier-list {
+.mint-auto-group__outlier-list {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -308,7 +308,7 @@
   overflow-y: auto;
 }
 
-.mld-auto-group__outlier-item {
+.mint-auto-group__outlier-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -318,14 +318,14 @@
   border-radius: var(--radius);
 }
 
-.mld-auto-group__outlier-info {
+.mint-auto-group__outlier-info {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   min-width: 0;
 }
 
-.mld-auto-group__outlier-name {
+.mint-auto-group__outlier-name {
   font-family: 'Fira Code', monospace;
   font-size: 0.8125rem;
   color: var(--text-primary);
@@ -334,7 +334,7 @@
   white-space: nowrap;
 }
 
-.mld-auto-group__outlier-badge {
+.mint-auto-group__outlier-badge {
   font-size: 0.6875rem;
   padding: 0.125rem 0.375rem;
   border-radius: var(--radius-sm);
@@ -344,14 +344,14 @@
   flex-shrink: 0;
 }
 
-.mld-auto-group__outlier-actions {
+.mint-auto-group__outlier-actions {
   display: flex;
   gap: 0.25rem;
   flex-shrink: 0;
   margin-left: 0.75rem;
 }
 
-.mld-auto-group__action-btn {
+.mint-auto-group__action-btn {
   font-size: 0.6875rem;
   padding: 0.25rem 0.5rem;
   border: 1px solid var(--border-color);
@@ -362,54 +362,54 @@
   transition: all 0.1s;
 }
 
-.mld-auto-group__action-btn:hover {
+.mint-auto-group__action-btn:hover {
   background: var(--bg-hover);
 }
 
-.mld-auto-group__action-btn:focus-visible {
+.mint-auto-group__action-btn:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 1px;
 }
 
-.mld-auto-group__action-btn--active {
+.mint-auto-group__action-btn--active {
   background: var(--color-primary-soft);
   border-color: var(--color-primary);
   color: var(--color-primary);
   font-weight: 500;
 }
 
-.mld-auto-group__action-btn--active.mld-auto-group__action-btn--exclude {
+.mint-auto-group__action-btn--active.mint-auto-group__action-btn--exclude {
   background: var(--mint-error-bg);
   border-color: var(--mint-error);
   color: var(--mint-error);
 }
 
-.mld-auto-group__action-btn--active.mld-auto-group__action-btn--qc {
+.mint-auto-group__action-btn--active.mint-auto-group__action-btn--qc {
   background: rgba(107, 114, 128, 0.12);
   border-color: var(--text-secondary);
   color: var(--text-secondary);
 }
 
 /* --- Field step --- */
-.mld-auto-group__field-step {
+.mint-auto-group__field-step {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 
-.mld-auto-group__field-grid {
+.mint-auto-group__field-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0.75rem;
 }
 
 @media (max-width: 600px) {
-  .mld-auto-group__field-grid {
+  .mint-auto-group__field-grid {
     grid-template-columns: 1fr;
   }
 }
 
-.mld-auto-group__field-card {
+.mint-auto-group__field-card {
   padding: 0.75rem;
   border: 1px solid var(--border-color);
   border-radius: var(--radius-md);
@@ -417,19 +417,19 @@
   transition: border-color 0.15s, box-shadow 0.15s;
 }
 
-.mld-auto-group__field-card--enabled {
+.mint-auto-group__field-card--enabled {
   border-color: var(--color-primary);
   box-shadow: 0 0 0 1px var(--color-primary-soft);
 }
 
-.mld-auto-group__field-header {
+.mint-auto-group__field-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 0.5rem;
 }
 
-.mld-auto-group__field-toggle {
+.mint-auto-group__field-toggle {
   display: flex;
   align-items: center;
   gap: 0.375rem;
@@ -438,24 +438,24 @@
   color: var(--text-secondary);
 }
 
-.mld-auto-group__field-toggle input {
+.mint-auto-group__field-toggle input {
   accent-color: var(--color-primary);
 }
 
-.mld-auto-group__field-toggle-label {
+.mint-auto-group__field-toggle-label {
   user-select: none;
 }
 
-.mld-auto-group__field-cardinality {
+.mint-auto-group__field-cardinality {
   font-size: 0.6875rem;
   color: var(--text-muted);
 }
 
-.mld-auto-group__field-name-input {
+.mint-auto-group__field-name-input {
   margin-bottom: 0.5rem;
 }
 
-.mld-auto-group__field-values {
+.mint-auto-group__field-values {
   display: flex;
   flex-wrap: wrap;
   gap: 0.25rem;
@@ -463,7 +463,7 @@
   overflow-y: auto;
 }
 
-.mld-auto-group__field-value {
+.mint-auto-group__field-value {
   font-size: 0.6875rem;
   padding: 0.125rem 0.375rem;
   border-radius: var(--radius-sm);
@@ -476,14 +476,14 @@
   white-space: nowrap;
 }
 
-.mld-auto-group__field-more {
+.mint-auto-group__field-more {
   font-size: 0.6875rem;
   padding: 0.125rem 0.375rem;
   color: var(--text-muted);
   font-style: italic;
 }
 
-.mld-auto-group__field-summary {
+.mint-auto-group__field-summary {
   font-size: 0.8125rem;
   color: var(--text-secondary);
   padding: 0.5rem 0.75rem;
@@ -491,11 +491,11 @@
   border-radius: var(--radius);
 }
 
-.mld-auto-group__field-summary strong {
+.mint-auto-group__field-summary strong {
   color: var(--text-primary);
 }
 
-.mld-auto-group__field-warning {
+.mint-auto-group__field-warning {
   font-size: 0.8125rem;
   color: var(--mint-warning);
   padding: 0.5rem 0.75rem;
@@ -504,13 +504,13 @@
 }
 
 /* --- Preview step --- */
-.mld-auto-group__preview-step {
+.mint-auto-group__preview-step {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 
-.mld-auto-group__preview-summary {
+.mint-auto-group__preview-summary {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem 1rem;
@@ -519,20 +519,20 @@
   border-radius: var(--radius-md);
 }
 
-.mld-auto-group__preview-stat {
+.mint-auto-group__preview-stat {
   font-size: 0.8125rem;
   color: var(--text-secondary);
 }
 
-.mld-auto-group__preview-stat strong {
+.mint-auto-group__preview-stat strong {
   color: var(--text-primary);
 }
 
-.mld-auto-group__preview-stat--excluded strong {
+.mint-auto-group__preview-stat--excluded strong {
   color: var(--mint-error);
 }
 
-.mld-auto-group__preview-groups {
+.mint-auto-group__preview-groups {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -540,17 +540,17 @@
   overflow-y: auto;
 }
 
-.mld-auto-group__preview-group {
+.mint-auto-group__preview-group {
   border: 1px solid var(--border-color);
   border-radius: var(--radius);
   overflow: hidden;
 }
 
-.mld-auto-group__preview-group[open] {
+.mint-auto-group__preview-group[open] {
   background: var(--bg-secondary);
 }
 
-.mld-auto-group__preview-group-header {
+.mint-auto-group__preview-group-header {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -561,18 +561,18 @@
   min-width: 0;
 }
 
-.mld-auto-group__preview-group-header:hover {
+.mint-auto-group__preview-group-header:hover {
   background: var(--bg-hover);
 }
 
-.mld-auto-group__preview-dot {
+.mint-auto-group__preview-dot {
   width: 0.625rem;
   height: 0.625rem;
   border-radius: 50%;
   flex-shrink: 0;
 }
 
-.mld-auto-group__preview-group-name {
+.mint-auto-group__preview-group-name {
   font-weight: 500;
   color: var(--text-primary);
   overflow: hidden;
@@ -581,7 +581,7 @@
   min-width: 0;
 }
 
-.mld-auto-group__preview-group-count {
+.mint-auto-group__preview-group-count {
   font-size: 0.6875rem;
   font-weight: 500;
   padding: 0.0625rem 0.375rem;
@@ -589,7 +589,7 @@
   margin-left: auto;
 }
 
-.mld-auto-group__preview-samples {
+.mint-auto-group__preview-samples {
   display: flex;
   flex-wrap: wrap;
   gap: 0.25rem;
@@ -597,7 +597,7 @@
   border-top: 1px solid var(--border-light);
 }
 
-.mld-auto-group__preview-sample {
+.mint-auto-group__preview-sample {
   font-size: 0.75rem;
   font-family: 'Fira Code', monospace;
   padding: 0.125rem 0.375rem;
@@ -606,18 +606,18 @@
   color: var(--text-secondary);
 }
 
-.mld-auto-group__preview-sample--excluded {
+.mint-auto-group__preview-sample--excluded {
   opacity: 0.5;
   text-decoration: line-through;
 }
 
 /* --- Excluded section --- */
-.mld-auto-group__preview-excluded {
+.mint-auto-group__preview-excluded {
   border-top: 1px solid var(--border-color);
   padding-top: 0.75rem;
 }
 
-.mld-auto-group__preview-excluded-title {
+.mint-auto-group__preview-excluded-title {
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--text-muted);
@@ -626,19 +626,19 @@
   margin-bottom: 0.5rem;
 }
 
-.mld-auto-group__preview-excluded-list {
+.mint-auto-group__preview-excluded-list {
   display: flex;
   flex-wrap: wrap;
   gap: 0.25rem;
 }
 
 /* --- Navigation --- */
-.mld-auto-group__nav {
+.mint-auto-group__nav {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-.mld-auto-group__nav-spacer {
+.mint-auto-group__nav-spacer {
   flex: 1;
 }