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

package/src/styles/components/pill.css

@@ -1,6 +1,6 @@
 /* BasePill Component Styles */
 
-.mld-pill {
+.mint-pill {
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
@@ -13,70 +13,70 @@
 }
 
 /* Sizes */
-.mld-pill--sm {
+.mint-pill--sm {
   padding: 0.125rem 0.5rem;
   font-size: 0.6875rem;
 }
 
-.mld-pill--md {
+.mint-pill--md {
   padding: 0.25rem 0.625rem;
   font-size: 0.75rem;
 }
 
-.mld-pill--lg {
+.mint-pill--lg {
   padding: 0.375rem 0.75rem;
   font-size: 0.8125rem;
 }
 
 /* Variants */
-.mld-pill--default,
-.mld-pill--neutral {
+.mint-pill--default,
+.mint-pill--neutral {
   background-color: var(--bg-tertiary);
   color: var(--text-secondary);
 }
 
-.mld-pill--primary {
+.mint-pill--primary {
   background-color: rgba(59, 130, 246, 0.1);
   color: var(--color-primary);
 }
 
-html.dark .mld-pill--primary {
+html.dark .mint-pill--primary {
   background-color: rgba(59, 130, 246, 0.2);
 }
 
-.mld-pill--success {
+.mint-pill--success {
   background-color: rgba(16, 185, 129, 0.1);
   color: var(--mint-success);
 }
 
-html.dark .mld-pill--success {
+html.dark .mint-pill--success {
   background-color: rgba(16, 185, 129, 0.2);
 }
 
-.mld-pill--warning {
+.mint-pill--warning {
   background-color: rgba(245, 158, 11, 0.1);
   color: var(--mint-warning);
 }
 
-html.dark .mld-pill--warning {
+html.dark .mint-pill--warning {
   background-color: rgba(245, 158, 11, 0.2);
 }
 
-.mld-pill--error {
+.mint-pill--error {
   background-color: rgba(239, 68, 68, 0.1);
   color: var(--mint-error);
 }
 
-html.dark .mld-pill--error {
+html.dark .mint-pill--error {
   background-color: rgba(239, 68, 68, 0.2);
 }
 
-.mld-pill--info {
+.mint-pill--info {
   background-color: rgba(59, 130, 246, 0.1);
   color: var(--mint-info);
 }
 
-html.dark .mld-pill--info {
+html.dark .mint-pill--info {
   background-color: rgba(59, 130, 246, 0.2);
 }
 
@@ -88,61 +88,61 @@ html.dark .mld-pill--info {
    clash.
    ======================================================================== */
 
-.mld-pill--outline {
+.mint-pill--outline {
   background-color: transparent;
   border: 1px solid var(--border-color);
   color: var(--text-secondary);
 }
 
-.mld-pill--outline.mld-pill--neutral   { border-color: var(--text-muted); color: var(--text-primary); }
-.mld-pill--outline.mld-pill--primary   { border-color: var(--color-primary); color: var(--color-primary); }
-.mld-pill--outline.mld-pill--success   { border-color: var(--mint-success); color: var(--mint-success); }
+.mint-pill--outline.mint-pill--neutral   { border-color: var(--text-muted); color: var(--text-primary); }
+.mint-pill--outline.mint-pill--primary   { border-color: var(--color-primary); color: var(--color-primary); }
+.mint-pill--outline.mint-pill--success   { border-color: var(--mint-success); color: var(--mint-success); }
 /* Warning text uses -hover (darker) so AA contrast holds on white; border uses the lighter primary warning tone. */
-.mld-pill--outline.mld-pill--warning   { border-color: var(--mint-warning); color: var(--mint-warning-hover); }
-.mld-pill--outline.mld-pill--error     { border-color: var(--mint-error); color: var(--mint-error); }
-.mld-pill--outline.mld-pill--info      { border-color: var(--mint-info); color: var(--mint-info); }
+.mint-pill--outline.mint-pill--warning   { border-color: var(--mint-warning); color: var(--mint-warning-hover); }
+.mint-pill--outline.mint-pill--error     { border-color: var(--mint-error); color: var(--mint-error); }
+.mint-pill--outline.mint-pill--info      { border-color: var(--mint-info); color: var(--mint-info); }
 
 /* Disabled */
-.mld-pill--disabled {
+.mint-pill--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: default;
 }
 
 /* Icon slot */
-.mld-pill__icon {
+.mint-pill__icon {
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
 }
 
-.mld-pill--sm .mld-pill__icon {
+.mint-pill--sm .mint-pill__icon {
   width: 0.75rem;
   height: 0.75rem;
 }
 
-.mld-pill--md .mld-pill__icon {
+.mint-pill--md .mint-pill__icon {
   width: 0.875rem;
   height: 0.875rem;
 }
 
-.mld-pill--lg .mld-pill__icon {
+.mint-pill--lg .mint-pill__icon {
   width: 1rem;
   height: 1rem;
 }
 
-.mld-pill__icon > svg {
+.mint-pill__icon > svg {
   width: 100%;
   height: 100%;
 }
 
 /* Label */
-.mld-pill__label {
+.mint-pill__label {
   display: inline-flex;
   align-items: center;
 }
 
 /* Remove button */
-.mld-pill__remove {
+.mint-pill__remove {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -158,31 +158,31 @@ html.dark .mld-pill--info {
   transition: opacity 0.15s ease, background-color 0.15s ease;
 }
 
-.mld-pill__remove:hover {
+.mint-pill__remove:hover {
   opacity: 1;
   background-color: rgba(0, 0, 0, 0.1);
 }
 
-html.dark .mld-pill__remove:hover {
+html.dark .mint-pill__remove:hover {
   background-color: rgba(255, 255, 255, 0.1);
 }
 
-.mld-pill__remove:focus-visible {
+.mint-pill__remove:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
 
-.mld-pill__remove-icon {
+.mint-pill__remove-icon {
   width: 0.75rem;
   height: 0.75rem;
 }
 
-.mld-pill--sm .mld-pill__remove-icon {
+.mint-pill--sm .mint-pill__remove-icon {
   width: 0.625rem;
   height: 0.625rem;
 }
 
-.mld-pill--lg .mld-pill__remove-icon {
+.mint-pill--lg .mint-pill__remove-icon {
   width: 0.875rem;
   height: 0.875rem;
 }

package/src/styles/components/plate-map-editor.css

@@ -1,21 +1,21 @@
 /* PlateMapEditor Component Styles */
 
-.mld-plate-editor {
+.mint-plate-editor {
   display: flex;
 }
 
-.mld-plate-editor--with-sidebar {
+.mint-plate-editor--with-sidebar {
   gap: 1rem;
 }
 
 /* Main plate area */
-.mld-plate-editor__main {
+.mint-plate-editor__main {
   flex: 1;
   min-width: 0;
 }
 
 /* Toolbar */
-.mld-plate-editor__toolbar {
+.mint-plate-editor__toolbar {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -28,14 +28,14 @@
 }
 
 /* Plate tabs */
-.mld-plate-editor__tabs {
+.mint-plate-editor__tabs {
   display: flex;
   align-items: center;
   gap: 0.25rem;
   flex-wrap: wrap;
 }
 
-.mld-plate-editor__tab {
+.mint-plate-editor__tab {
   position: relative;
   display: flex;
   align-items: center;
@@ -50,24 +50,24 @@
   transition: all 0.2s ease;
 }
 
-.mld-plate-editor__tab--active {
+.mint-plate-editor__tab--active {
   background-color: var(--color-primary);
   color: white;
   border-color: transparent;
 }
 
-.mld-plate-editor__tab-slot {
+.mint-plate-editor__tab-slot {
   width: 0.625rem;
   height: 0.625rem;
   border-radius: 9999px;
   flex-shrink: 0;
 }
 
-.mld-plate-editor__tab-name {
+.mint-plate-editor__tab-name {
   font-weight: 500;
 }
 
-.mld-plate-editor__tab-count {
+.mint-plate-editor__tab-count {
   padding: 0 0.375rem;
   min-width: 1.25rem;
   text-align: center;
@@ -78,12 +78,12 @@
   color: var(--text-muted);
 }
 
-.mld-plate-editor__tab--active .mld-plate-editor__tab-count {
+.mint-plate-editor__tab--active .mint-plate-editor__tab-count {
   background-color: rgba(255, 255, 255, 0.2);
   color: white;
 }
 
-.mld-plate-editor__tab-remove {
+.mint-plate-editor__tab-remove {
   opacity: 0;
   margin-left: 0.25rem;
   background: transparent;
@@ -93,21 +93,21 @@
   transition: opacity 0.15s ease;
 }
 
-.mld-plate-editor__tab:hover .mld-plate-editor__tab-remove {
+.mint-plate-editor__tab:hover .mint-plate-editor__tab-remove {
   opacity: 1;
 }
 
-.mld-plate-editor__tab--active .mld-plate-editor__tab-remove {
+.mint-plate-editor__tab--active .mint-plate-editor__tab-remove {
   color: rgba(255, 255, 255, 0.7);
 }
 
-.mld-plate-editor__tab-remove svg {
+.mint-plate-editor__tab-remove svg {
   width: 0.875rem;
   height: 0.875rem;
 }
 
 /* Add plate button */
-.mld-plate-editor__add-plate {
+.mint-plate-editor__add-plate {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -121,29 +121,29 @@
   transition: color 0.15s ease, border-color 0.15s ease;
 }
 
-.mld-plate-editor__add-plate:hover {
+.mint-plate-editor__add-plate:hover {
   color: var(--color-primary);
   border-color: var(--color-primary);
 }
 
-.mld-plate-editor__add-plate svg {
+.mint-plate-editor__add-plate svg {
   width: 1rem;
   height: 1rem;
 }
 
 /* Toolbar spacer */
-.mld-plate-editor__spacer {
+.mint-plate-editor__spacer {
   flex: 1;
 }
 
 /* Toolbar actions */
-.mld-plate-editor__actions {
+.mint-plate-editor__actions {
   display: flex;
   align-items: center;
   gap: 0.25rem;
 }
 
-.mld-plate-editor__action-btn {
+.mint-plate-editor__action-btn {
   padding: 0.375rem;
   border-radius: var(--radius-sm);
   background: transparent;
@@ -153,21 +153,21 @@
   transition: background-color 0.15s ease, color 0.15s ease;
 }
 
-.mld-plate-editor__action-btn:hover {
+.mint-plate-editor__action-btn:hover {
   background-color: rgba(128, 128, 128, 0.1);
 }
 
-.mld-plate-editor__action-btn:disabled {
+.mint-plate-editor__action-btn:disabled {
   opacity: 0.4;
   cursor: not-allowed;
 }
 
-.mld-plate-editor__action-btn svg {
+.mint-plate-editor__action-btn svg {
   width: 1rem;
   height: 1rem;
 }
 
-.mld-plate-editor__divider {
+.mint-plate-editor__divider {
   width: 1px;
   height: 1rem;
   margin: 0 0.25rem;
@@ -175,7 +175,7 @@
 }
 
 /* Selection info bar */
-.mld-plate-editor__selection-bar {
+.mint-plate-editor__selection-bar {
   margin-top: 0.75rem;
   display: flex;
   align-items: center;
@@ -187,15 +187,15 @@
   border: 1px solid var(--border-color);
 }
 
-.mld-plate-editor__selection-count {
+.mint-plate-editor__selection-count {
   color: var(--text-secondary);
 }
 
-.mld-plate-editor__selection-count strong {
+.mint-plate-editor__selection-count strong {
   font-weight: 600;
 }
 
-.mld-plate-editor__assign-btn {
+.mint-plate-editor__assign-btn {
   padding: 0.25rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 500;
@@ -207,11 +207,11 @@
   transition: background-color 0.15s ease;
 }
 
-.mld-plate-editor__assign-btn:hover {
+.mint-plate-editor__assign-btn:hover {
   opacity: 0.9;
 }
 
-.mld-plate-editor__clear-btn {
+.mint-plate-editor__clear-btn {
   padding: 0.25rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 500;
@@ -223,12 +223,12 @@
   transition: background-color 0.15s ease;
 }
 
-.mld-plate-editor__clear-btn:hover {
+.mint-plate-editor__clear-btn:hover {
   background-color: rgba(239, 68, 68, 0.1);
 }
 
 /* Legend */
-.mld-plate-editor__legend {
+.mint-plate-editor__legend {
   margin-top: 0.75rem;
   display: flex;
   align-items: center;
@@ -236,30 +236,30 @@
   padding: 0 0.25rem;
 }
 
-.mld-plate-editor__legend-items {
+.mint-plate-editor__legend-items {
   display: flex;
   align-items: center;
   gap: 1rem;
 }
 
-.mld-plate-editor__legend-item {
+.mint-plate-editor__legend-item {
   display: flex;
   align-items: center;
   gap: 0.375rem;
 }
 
-.mld-plate-editor__legend-swatch {
+.mint-plate-editor__legend-swatch {
   width: 0.875rem;
   height: 0.875rem;
   border-radius: var(--radius-sm);
 }
 
-.mld-plate-editor__legend-label {
+.mint-plate-editor__legend-label {
   font-size: 0.75rem;
   color: var(--text-muted);
 }
 
-.mld-plate-editor__legend-hint {
+.mint-plate-editor__legend-hint {
   font-size: 0.75rem;
   color: var(--text-muted);
   display: flex;
@@ -267,25 +267,25 @@
   gap: 0.375rem;
 }
 
-.mld-plate-editor__legend-hint svg {
+.mint-plate-editor__legend-hint svg {
   width: 0.875rem;
   height: 0.875rem;
 }
 
 /* Sidebar */
-.mld-plate-editor__sidebar {
+.mint-plate-editor__sidebar {
   width: 13rem;
   flex-shrink: 0;
 }
 
-.mld-plate-editor__sidebar-panel {
+.mint-plate-editor__sidebar-panel {
   border-radius: var(--radius-md);
   padding: 0.75rem;
   background-color: var(--bg-secondary);
   border: 1px solid var(--border-color);
 }
 
-.mld-plate-editor__sidebar-title {
+.mint-plate-editor__sidebar-title {
   font-size: 0.875rem;
   font-weight: 500;
   margin-bottom: 0.75rem;
@@ -293,18 +293,18 @@
 }
 
 /* Add sample form */
-.mld-plate-editor__add-sample {
+.mint-plate-editor__add-sample {
   margin-top: 0.75rem;
   padding-top: 0.75rem;
   border-top: 1px solid var(--border-color);
 }
 
-.mld-plate-editor__add-sample-form {
+.mint-plate-editor__add-sample-form {
   display: flex;
   gap: 0.5rem;
 }
 
-.mld-plate-editor__add-sample-input {
+.mint-plate-editor__add-sample-input {
   flex: 1;
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
@@ -314,12 +314,12 @@
   color: var(--text-primary);
 }
 
-.mld-plate-editor__add-sample-input:focus-visible {
+.mint-plate-editor__add-sample-input:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px var(--color-primary);
 }
 
-.mld-plate-editor__add-sample-btn {
+.mint-plate-editor__add-sample-btn {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   font-weight: 500;
@@ -331,26 +331,26 @@
   transition: opacity 0.15s ease;
 }
 
-.mld-plate-editor__add-sample-btn:disabled {
+.mint-plate-editor__add-sample-btn:disabled {
   opacity: 0.4;
   cursor: not-allowed;
 }
 
 /* Shortcuts */
-.mld-plate-editor__shortcuts {
+.mint-plate-editor__shortcuts {
   margin-top: 1rem;
   padding-top: 0.75rem;
   border-top: 1px solid var(--border-color);
 }
 
-.mld-plate-editor__shortcuts-title {
+.mint-plate-editor__shortcuts-title {
   font-size: 0.75rem;
   font-weight: 500;
   margin-bottom: 0.5rem;
   color: var(--text-muted);
 }
 
-.mld-plate-editor__shortcuts-list {
+.mint-plate-editor__shortcuts-list {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -358,14 +358,14 @@
   color: var(--text-muted);
 }
 
-.mld-plate-editor__shortcut-key {
+.mint-plate-editor__shortcut-key {
   padding: 0 0.25rem;
   border-radius: var(--radius-sm);
   background-color: var(--bg-primary);
 }
 
 /* Import modal */
-.mld-plate-editor__modal-overlay {
+.mint-plate-editor__modal-overlay {
   position: fixed;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.5);
@@ -375,7 +375,7 @@
   z-index: 50;
 }
 
-.mld-plate-editor__modal {
+.mint-plate-editor__modal {
   width: 100%;
   max-width: 28rem;
   padding: 1rem;
@@ -385,26 +385,26 @@
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 }
 
-.mld-plate-editor__modal-title {
+.mint-plate-editor__modal-title {
   font-size: 1.125rem;
   font-weight: 500;
   margin-bottom: 0.75rem;
   color: var(--text-primary);
 }
 
-.mld-plate-editor__modal-field {
+.mint-plate-editor__modal-field {
   margin-bottom: 0.75rem;
 }
 
-.mld-plate-editor__modal-label {
+.mint-plate-editor__modal-label {
   display: block;
   font-size: 0.875rem;
   margin-bottom: 0.25rem;
   color: var(--text-secondary);
 }
 
-.mld-plate-editor__modal-select,
-.mld-plate-editor__modal-textarea {
+.mint-plate-editor__modal-select,
+.mint-plate-editor__modal-textarea {
   width: 100%;
   padding: 0.5rem 0.75rem;
   border-radius: var(--radius);
@@ -413,26 +413,26 @@
   color: var(--text-primary);
 }
 
-.mld-plate-editor__modal-select:focus-visible,
-.mld-plate-editor__modal-textarea:focus-visible {
+.mint-plate-editor__modal-select:focus-visible,
+.mint-plate-editor__modal-textarea:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px var(--color-primary);
 }
 
-.mld-plate-editor__modal-textarea {
+.mint-plate-editor__modal-textarea {
   font-family: monospace;
   font-size: 0.875rem;
   resize: none;
 }
 
-.mld-plate-editor__modal-actions {
+.mint-plate-editor__modal-actions {
   display: flex;
   justify-content: flex-end;
   gap: 0.5rem;
   margin-top: 1rem;
 }
 
-.mld-plate-editor__modal-cancel {
+.mint-plate-editor__modal-cancel {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
   border-radius: var(--radius);
@@ -443,11 +443,11 @@
   transition: background-color 0.15s ease;
 }
 
-.mld-plate-editor__modal-cancel:hover {
+.mint-plate-editor__modal-cancel:hover {
   background-color: var(--bg-tertiary);
 }
 
-.mld-plate-editor__modal-submit {
+.mint-plate-editor__modal-submit {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
   border-radius: var(--radius);
@@ -458,7 +458,7 @@
   transition: opacity 0.15s ease;
 }
 
-.mld-plate-editor__modal-submit:disabled {
+.mint-plate-editor__modal-submit:disabled {
   opacity: 0.4;
   cursor: not-allowed;
 }