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

package/src/styles/components/group-assigner.css

@@ -1,20 +1,20 @@
 /* GroupAssigner Component Styles */
 
-.mld-group-assigner {
+.mint-group-assigner {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 
 /* Zones container */
-.mld-group-assigner__zones {
+.mint-group-assigner__zones {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0.75rem;
 }
 
 /* Zone */
-.mld-group-assigner__zone {
+.mint-group-assigner__zone {
   display: flex;
   flex-direction: column;
   min-height: 8rem;
@@ -25,12 +25,12 @@
   transition: border-color 0.15s ease, background-color 0.15s ease;
 }
 
-.mld-group-assigner__zone--dragover {
+.mint-group-assigner__zone--dragover {
   border-color: var(--zone-color);
   background-color: color-mix(in srgb, var(--zone-color) 8%, var(--bg-secondary));
 }
 
-.mld-group-assigner__zone-header {
+.mint-group-assigner__zone-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -39,18 +39,18 @@
   border-bottom: 1px solid var(--border-color);
 }
 
-.mld-group-assigner__zone-label {
+.mint-group-assigner__zone-label {
   font-size: 0.8125rem;
   font-weight: 600;
   color: var(--zone-color);
 }
 
-.mld-group-assigner__zone-count {
+.mint-group-assigner__zone-count {
   font-size: 0.75rem;
   color: var(--text-muted);
 }
 
-.mld-group-assigner__zone-content {
+.mint-group-assigner__zone-content {
   flex: 1;
   display: flex;
   flex-wrap: wrap;
@@ -58,7 +58,7 @@
   gap: 0.375rem;
 }
 
-.mld-group-assigner__zone-empty {
+.mint-group-assigner__zone-empty {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -69,7 +69,7 @@
 }
 
 /* Pills */
-.mld-group-assigner__pill {
+.mint-group-assigner__pill {
   display: inline-flex;
   align-items: center;
   gap: 0.375rem;
@@ -82,38 +82,38 @@
   transition: transform 0.15s ease, box-shadow 0.15s ease;
 }
 
-.mld-group-assigner__pill:hover {
+.mint-group-assigner__pill:hover {
   box-shadow: var(--shadow-sm);
 }
 
-.mld-group-assigner__pill:active {
+.mint-group-assigner__pill:active {
   cursor: grabbing;
 }
 
-.mld-group-assigner__pill--unassigned {
+.mint-group-assigner__pill--unassigned {
   background-color: var(--bg-tertiary);
 }
 
-.mld-group-assigner__pill--dragging {
+.mint-group-assigner__pill--dragging {
   opacity: 0.5;
   transform: scale(0.95);
 }
 
-.mld-group-assigner__pill-color {
+.mint-group-assigner__pill-color {
   width: 0.625rem;
   height: 0.625rem;
   border-radius: 50%;
   flex-shrink: 0;
 }
 
-.mld-group-assigner__pill-name {
+.mint-group-assigner__pill-name {
   font-size: 0.8125rem;
   font-weight: 500;
   color: var(--text-primary);
   white-space: nowrap;
 }
 
-.mld-group-assigner__pill-count {
+.mint-group-assigner__pill-count {
   font-size: 0.6875rem;
   color: var(--text-muted);
   padding: 0.125rem 0.375rem;
@@ -121,7 +121,7 @@
   border-radius: 9999px;
 }
 
-.mld-group-assigner__pill-remove {
+.mint-group-assigner__pill-remove {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -136,25 +136,25 @@
   transition: color 0.15s ease, background-color 0.15s ease;
 }
 
-.mld-group-assigner__pill-remove:hover {
+.mint-group-assigner__pill-remove:hover {
   color: var(--mint-error);
   background-color: var(--mint-error-bg);
 }
 
 /* Unassigned section */
-.mld-group-assigner__unassigned {
+.mint-group-assigner__unassigned {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
 
-.mld-group-assigner__unassigned-header {
+.mint-group-assigner__unassigned-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
-.mld-group-assigner__unassigned-title {
+.mint-group-assigner__unassigned-title {
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--text-muted);
@@ -162,7 +162,7 @@
   letter-spacing: 0.025em;
 }
 
-.mld-group-assigner__clear-btn {
+.mint-group-assigner__clear-btn {
   font-size: 0.75rem;
   color: var(--color-primary);
   background: none;
@@ -171,11 +171,11 @@
   cursor: pointer;
 }
 
-.mld-group-assigner__clear-btn:hover {
+.mint-group-assigner__clear-btn:hover {
   text-decoration: underline;
 }
 
-.mld-group-assigner__unassigned-list {
+.mint-group-assigner__unassigned-list {
   display: flex;
   flex-wrap: wrap;
   gap: 0.375rem;
@@ -188,7 +188,7 @@
 }
 
 /* Validation */
-.mld-group-assigner__validation {
+.mint-group-assigner__validation {
   display: flex;
   align-items: center;
   gap: 0.5rem;

package/src/styles/components/grouping-modal.css

@@ -1,13 +1,13 @@
 /* GroupingModal Component Styles */
 
-.mld-grouping-modal {
+.mint-grouping-modal {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 
 /* Dropzone */
-.mld-grouping-modal__dropzone {
+.mint-grouping-modal__dropzone {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -21,27 +21,27 @@
   transition: border-color 0.15s ease, background-color 0.15s ease;
 }
 
-.mld-grouping-modal__dropzone:hover,
-.mld-grouping-modal__dropzone--dragover {
+.mint-grouping-modal__dropzone:hover,
+.mint-grouping-modal__dropzone--dragover {
   border-color: var(--color-primary);
   background-color: var(--color-primary-soft);
 }
 
-.mld-grouping-modal__file-input {
+.mint-grouping-modal__file-input {
   position: absolute;
   inset: 0;
   opacity: 0;
   cursor: pointer;
 }
 
-.mld-grouping-modal__upload-icon {
+.mint-grouping-modal__upload-icon {
   width: 3rem;
   height: 3rem;
   color: var(--text-muted);
   margin-bottom: 0.75rem;
 }
 
-.mld-grouping-modal__upload-text {
+.mint-grouping-modal__upload-text {
   font-size: 0.875rem;
   color: var(--text-primary);
   margin-top: 0 !important;
@@ -49,12 +49,12 @@
   padding: 0 !important;
 }
 
-.mld-grouping-modal__upload-highlight {
+.mint-grouping-modal__upload-highlight {
   color: var(--color-primary);
   font-weight: 500;
 }
 
-.mld-grouping-modal__upload-hint {
+.mint-grouping-modal__upload-hint {
   font-size: 0.75rem;
   color: var(--text-muted);
   margin-top: 0.25rem !important;
@@ -63,7 +63,7 @@
 }
 
 /* Error */
-.mld-grouping-modal__error {
+.mint-grouping-modal__error {
   padding: 0.75rem;
   border-radius: var(--radius-sm);
   background-color: var(--mint-error-bg);
@@ -72,7 +72,7 @@
 }
 
 /* File info */
-.mld-grouping-modal__file-info {
+.mint-grouping-modal__file-info {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -81,14 +81,14 @@
   border-radius: var(--radius-sm);
 }
 
-.mld-grouping-modal__file-icon {
+.mint-grouping-modal__file-icon {
   width: 1.25rem;
   height: 1.25rem;
   color: var(--text-muted);
   flex-shrink: 0;
 }
 
-.mld-grouping-modal__file-name {
+.mint-grouping-modal__file-name {
   flex: 1;
   font-size: 0.875rem;
   color: var(--text-primary);
@@ -98,7 +98,7 @@
   text-overflow: ellipsis;
 }
 
-.mld-grouping-modal__file-clear {
+.mint-grouping-modal__file-clear {
   font-size: 0.75rem;
   color: var(--color-primary);
   background: none;
@@ -107,24 +107,24 @@
   padding: 0;
 }
 
-.mld-grouping-modal__file-clear:hover {
+.mint-grouping-modal__file-clear:hover {
   text-decoration: underline;
 }
 
 /* Config section */
-.mld-grouping-modal__config {
+.mint-grouping-modal__config {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 
-.mld-grouping-modal__config-row {
+.mint-grouping-modal__config-row {
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
 }
 
-.mld-grouping-modal__label {
+.mint-grouping-modal__label {
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--text-muted);
@@ -132,19 +132,19 @@
   letter-spacing: 0.025em;
 }
 
-.mld-grouping-modal__group-columns {
+.mint-grouping-modal__group-columns {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
 
-.mld-grouping-modal__selected-columns {
+.mint-grouping-modal__selected-columns {
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
 }
 
-.mld-grouping-modal__selected-column {
+.mint-grouping-modal__selected-column {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -154,18 +154,18 @@
   border: 1px solid var(--border-color);
 }
 
-.mld-grouping-modal__column-name {
+.mint-grouping-modal__column-name {
   font-size: 0.875rem;
   color: var(--text-primary);
 }
 
-.mld-grouping-modal__column-actions {
+.mint-grouping-modal__column-actions {
   display: flex;
   align-items: center;
   gap: 0.25rem;
 }
 
-.mld-grouping-modal__column-btn {
+.mint-grouping-modal__column-btn {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -180,23 +180,23 @@
   transition: color 0.15s ease, background-color 0.15s ease;
 }
 
-.mld-grouping-modal__column-btn:hover:not(:disabled) {
+.mint-grouping-modal__column-btn:hover:not(:disabled) {
   color: var(--text-primary);
   background-color: var(--bg-hover);
 }
 
-.mld-grouping-modal__column-btn:disabled {
+.mint-grouping-modal__column-btn:disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-.mld-grouping-modal__column-btn--remove:hover:not(:disabled) {
+.mint-grouping-modal__column-btn--remove:hover:not(:disabled) {
   color: var(--mint-error);
   background-color: var(--mint-error-bg);
 }
 
 /* Match status */
-.mld-grouping-modal__match-status {
+.mint-grouping-modal__match-status {
   display: flex;
   gap: 1rem;
   padding: 0.75rem;
@@ -204,38 +204,38 @@
   border-radius: var(--radius-sm);
 }
 
-.mld-grouping-modal__match-stat {
+.mint-grouping-modal__match-stat {
   display: flex;
   align-items: baseline;
   gap: 0.375rem;
 }
 
-.mld-grouping-modal__match-count {
+.mint-grouping-modal__match-count {
   font-size: 1rem;
   font-weight: 600;
 }
 
-.mld-grouping-modal__match-label {
+.mint-grouping-modal__match-label {
   font-size: 0.75rem;
   color: var(--text-muted);
 }
 
-.mld-grouping-modal__match-stat--matched .mld-grouping-modal__match-count {
+.mint-grouping-modal__match-stat--matched .mint-grouping-modal__match-count {
   color: var(--mint-success);
 }
 
-.mld-grouping-modal__match-stat--unmatched .mld-grouping-modal__match-count {
+.mint-grouping-modal__match-stat--unmatched .mint-grouping-modal__match-count {
   color: var(--mint-warning);
 }
 
 /* Preview */
-.mld-grouping-modal__preview {
+.mint-grouping-modal__preview {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
 
-.mld-grouping-modal__preview-title {
+.mint-grouping-modal__preview-title {
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--text-muted);
@@ -246,13 +246,13 @@
   padding: 0 !important;
 }
 
-.mld-grouping-modal__table-wrapper {
+.mint-grouping-modal__table-wrapper {
   overflow-x: auto;
   border: 1px solid var(--border-color);
   border-radius: var(--radius-sm);
 }
 
-.mld-grouping-modal__table {
+.mint-grouping-modal__table {
   display: table !important;
   overflow: visible !important;
   width: 100%;
@@ -262,52 +262,52 @@
   font-size: 0.8125rem;
 }
 
-.mld-grouping-modal__table thead {
+.mint-grouping-modal__table thead {
   display: table-header-group !important;
 }
 
-.mld-grouping-modal__table tbody {
+.mint-grouping-modal__table tbody {
   display: table-row-group !important;
 }
 
-.mld-grouping-modal__table tr {
+.mint-grouping-modal__table tr {
   border: none !important;
 }
 
-.mld-grouping-modal__th,
-.mld-grouping-modal__td {
+.mint-grouping-modal__th,
+.mint-grouping-modal__td {
   padding: 0.5rem 0.75rem;
   text-align: left;
   white-space: nowrap;
 }
 
-.mld-grouping-modal__th {
+.mint-grouping-modal__th {
   font-weight: 500;
   color: var(--text-muted);
   background-color: var(--bg-tertiary);
   border-bottom: 1px solid var(--border-color);
 }
 
-.mld-grouping-modal__td {
+.mint-grouping-modal__td {
   color: var(--text-primary);
   border-bottom: 1px solid var(--border-color);
 }
 
-.mld-grouping-modal__table tbody tr:last-child .mld-grouping-modal__td {
+.mint-grouping-modal__table tbody tr:last-child .mint-grouping-modal__td {
   border-bottom: none;
 }
 
-.mld-grouping-modal__th--sample,
-.mld-grouping-modal__td--sample {
+.mint-grouping-modal__th--sample,
+.mint-grouping-modal__td--sample {
   background-color: rgba(59, 130, 246, 0.08);
 }
 
-.mld-grouping-modal__th--group,
-.mld-grouping-modal__td--group {
+.mint-grouping-modal__th--group,
+.mint-grouping-modal__td--group {
   background-color: rgba(168, 85, 247, 0.08);
 }
 
-.mld-grouping-modal__preview-note {
+.mint-grouping-modal__preview-note {
   font-size: 0.75rem;
   color: var(--text-muted);
   margin-top: 0 !important;
@@ -316,7 +316,7 @@
 }
 
 /* Footer */
-.mld-grouping-modal__footer {
+.mint-grouping-modal__footer {
   display: flex;
   justify-content: flex-end;
   gap: 0.75rem;