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

package/src/styles/components/rack-editor.css

@@ -1,12 +1,12 @@
 /* RackEditor Component Styles */
 
-.mld-rack-editor {
+.mint-rack-editor {
   display: flex;
   flex-direction: column;
 }
 
 /* Rack tabs bar */
-.mld-rack-editor__tabs {
+.mint-rack-editor__tabs {
   display: flex;
   align-items: center;
   padding: 0.5rem 0.5rem 0;
@@ -14,13 +14,13 @@
   overflow-x: auto;
 }
 
-.mld-rack-editor__tabs-inner {
+.mint-rack-editor__tabs-inner {
   display: flex;
   align-items: center;
   gap: 2px;
 }
 
-.mld-rack-editor__tab {
+.mint-rack-editor__tab {
   position: relative;
   display: flex;
   align-items: center;
@@ -38,16 +38,16 @@
   white-space: nowrap;
 }
 
-.mld-rack-editor__tab:active {
+.mint-rack-editor__tab:active {
   cursor: grabbing;
 }
 
-.mld-rack-editor__tab:hover {
+.mint-rack-editor__tab:hover {
   background-color: var(--bg-tertiary);
   color: var(--text-secondary);
 }
 
-.mld-rack-editor__tab--active {
+.mint-rack-editor__tab--active {
   background-color: var(--bg-secondary);
   color: var(--text-primary);
   border-color: var(--border-color);
@@ -56,16 +56,16 @@
   z-index: 1;
 }
 
-.mld-rack-editor__tab--dragging {
+.mint-rack-editor__tab--dragging {
   opacity: 0.5;
 }
 
-.mld-rack-editor__tab--drag-over {
+.mint-rack-editor__tab--drag-over {
   box-shadow: 0 0 0 2px #6366f1, 0 0 0 3px white;
 }
 
 /* Slot color dot */
-.mld-rack-editor__slot-dot {
+.mint-rack-editor__slot-dot {
   width: 0.625rem;
   height: 0.625rem;
   border-radius: 9999px;
@@ -74,25 +74,25 @@
 }
 
 /* Sample count badge */
-.mld-rack-editor__count {
+.mint-rack-editor__count {
   font-size: 0.75rem;
   padding: 0.125rem 0.375rem;
   border-radius: var(--radius);
   font-weight: 500;
 }
 
-.mld-rack-editor__count--active {
+.mint-rack-editor__count--active {
   background-color: rgba(16, 185, 129, 0.15);
   color: #10b981;
 }
 
-.mld-rack-editor__count--inactive {
+.mint-rack-editor__count--inactive {
   background-color: var(--bg-tertiary);
   color: var(--text-muted);
 }
 
 /* Remove button on tab */
-.mld-rack-editor__tab-remove {
+.mint-rack-editor__tab-remove {
   position: absolute;
   top: -4px;
   right: -4px;
@@ -112,16 +112,16 @@
   transition: opacity 0.15s, transform 0.15s;
 }
 
-.mld-rack-editor__tab:hover .mld-rack-editor__tab-remove {
+.mint-rack-editor__tab:hover .mint-rack-editor__tab-remove {
   opacity: 1;
 }
 
-.mld-rack-editor__tab-remove:hover {
+.mint-rack-editor__tab-remove:hover {
   transform: scale(1.1);
 }
 
 /* Add rack button */
-.mld-rack-editor__add-btn {
+.mint-rack-editor__add-btn {
   display: flex;
   align-items: center;
   gap: 0.375rem;
@@ -137,13 +137,13 @@
   color: var(--text-muted);
 }
 
-.mld-rack-editor__add-btn:hover {
+.mint-rack-editor__add-btn:hover {
   background-color: rgba(16, 185, 129, 0.1);
   color: #10b981;
 }
 
 /* Toolbar */
-.mld-rack-editor__toolbar {
+.mint-rack-editor__toolbar {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -152,7 +152,7 @@
   border-bottom: 1px solid var(--border-color);
 }
 
-.mld-rack-editor__toolbar-group {
+.mint-rack-editor__toolbar-group {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -162,7 +162,7 @@
   border: 1px solid var(--border-color);
 }
 
-.mld-rack-editor__toolbar-label {
+.mint-rack-editor__toolbar-label {
   font-size: 0.75rem;
   font-weight: 500;
   text-transform: uppercase;
@@ -170,27 +170,27 @@
   color: var(--text-muted);
 }
 
-.mld-rack-editor__toolbar-section {
+.mint-rack-editor__toolbar-section {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-.mld-rack-editor__toolbar-divider {
+.mint-rack-editor__toolbar-divider {
   width: 1px;
   height: 1.5rem;
   background-color: var(--border-color);
 }
 
 /* Format selector buttons */
-.mld-rack-editor__format-btns {
+.mint-rack-editor__format-btns {
   display: flex;
   border-radius: var(--radius);
   overflow: hidden;
   border: 1px solid var(--border-color);
 }
 
-.mld-rack-editor__format-btn {
+.mint-rack-editor__format-btn {
   padding: 0.25rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 500;
@@ -199,24 +199,24 @@
   border: none;
 }
 
-.mld-rack-editor__format-btn--active {
+.mint-rack-editor__format-btn--active {
   background-color: var(--color-primary, #10b981);
   color: white;
   font-weight: 600;
 }
 
-.mld-rack-editor__format-btn--inactive {
+.mint-rack-editor__format-btn--inactive {
   background-color: var(--bg-secondary);
   color: var(--text-secondary);
 }
 
 /* Slot selector buttons */
-.mld-rack-editor__slot-btns {
+.mint-rack-editor__slot-btns {
   display: flex;
   gap: 2px;
 }
 
-.mld-rack-editor__slot-btn {
+.mint-rack-editor__slot-btn {
   width: 1.75rem;
   height: 1.75rem;
   border-radius: var(--radius);
@@ -228,12 +228,12 @@
 }
 
 /* Toolbar spacer */
-.mld-rack-editor__toolbar-spacer {
+.mint-rack-editor__toolbar-spacer {
   flex: 1;
 }
 
 /* Action buttons */
-.mld-rack-editor__action-btn {
+.mint-rack-editor__action-btn {
   display: flex;
   align-items: center;
   gap: 0.375rem;
@@ -247,19 +247,19 @@
   border: 1px solid var(--border-color);
 }
 
-.mld-rack-editor__action-btn:hover {
+.mint-rack-editor__action-btn:hover {
   opacity: 0.8;
 }
 
 /* Plate content area */
-.mld-rack-editor__plate {
+.mint-rack-editor__plate {
   padding: 1rem;
   flex: 1;
   overflow: auto;
 }
 
 /* Readonly overlay */
-.mld-rack-editor--readonly {
+.mint-rack-editor--readonly {
   pointer-events: none;
   opacity: 0.7;
 }

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

@@ -1,20 +1,20 @@
 /* BaseRadioGroup Component Styles */
 
-.mld-radio-group {
+.mint-radio-group {
   display: flex;
   gap: 1rem;
 }
 
-.mld-radio-group--vertical {
+.mint-radio-group--vertical {
   flex-direction: column;
 }
 
-.mld-radio-group--horizontal {
+.mint-radio-group--horizontal {
   flex-direction: row;
   flex-wrap: wrap;
 }
 
-.mld-radio-option {
+.mint-radio-option {
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
@@ -22,12 +22,12 @@
   user-select: none;
 }
 
-.mld-radio-option--disabled {
+.mint-radio-option--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
-.mld-radio-option__input-wrapper {
+.mint-radio-option__input-wrapper {
   position: relative;
   flex-shrink: 0;
   display: flex;
@@ -36,22 +36,22 @@
   margin-left: -0.25rem;
 }
 
-.mld-radio-option__input-wrapper--sm {
+.mint-radio-option__input-wrapper--sm {
   width: 2rem;
   height: 2rem;
 }
 
-.mld-radio-option__input-wrapper--md {
+.mint-radio-option__input-wrapper--md {
   width: 2.25rem;
   height: 2.25rem;
 }
 
-.mld-radio-option__input-wrapper--lg {
+.mint-radio-option__input-wrapper--lg {
   width: 2.5rem;
   height: 2.5rem;
 }
 
-.mld-radio-option__native {
+.mint-radio-option__native {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -63,7 +63,7 @@
   border: 0;
 }
 
-.mld-radio-option__circle {
+.mint-radio-option__circle {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -75,97 +75,97 @@
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.mld-radio-option__circle--sm {
+.mint-radio-option__circle--sm {
   width: 0.875rem;
   height: 0.875rem;
 }
 
-.mld-radio-option__circle--md {
+.mint-radio-option__circle--md {
   width: 1rem;
   height: 1rem;
 }
 
-.mld-radio-option__circle--lg {
+.mint-radio-option__circle--lg {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-.mld-radio-option__circle--checked {
+.mint-radio-option__circle--checked {
   border-color: var(--color-primary);
 }
 
-.mld-radio-option__native:focus-visible + .mld-radio-option__circle {
+.mint-radio-option__native:focus-visible + .mint-radio-option__circle {
   box-shadow: var(--focus-ring-soft);
 }
 
-.mld-radio-option__native:disabled + .mld-radio-option__circle {
+.mint-radio-option__native:disabled + .mint-radio-option__circle {
   background-color: var(--bg-secondary);
   border-color: var(--border-color);
   cursor: not-allowed;
 }
 
-.mld-radio-option__native:disabled + .mld-radio-option__circle.mld-radio-option__circle--checked {
+.mint-radio-option__native:disabled + .mint-radio-option__circle.mint-radio-option__circle--checked {
   border-color: var(--text-muted);
 }
 
-.mld-radio-option__native:disabled + .mld-radio-option__circle.mld-radio-option__circle--checked .mld-radio-option__dot {
+.mint-radio-option__native:disabled + .mint-radio-option__circle.mint-radio-option__circle--checked .mint-radio-option__dot {
   background-color: var(--text-muted);
 }
 
-.mld-radio-option__dot {
+.mint-radio-option__dot {
   border-radius: 9999px;
   background-color: var(--color-primary);
 }
 
-.mld-radio-option__dot--sm {
+.mint-radio-option__dot--sm {
   width: 0.4375rem;
   height: 0.4375rem;
 }
 
-.mld-radio-option__dot--md {
+.mint-radio-option__dot--md {
   width: 0.5rem;
   height: 0.5rem;
 }
 
-.mld-radio-option__dot--lg {
+.mint-radio-option__dot--lg {
   width: 0.625rem;
   height: 0.625rem;
 }
 
-.mld-radio-option__content {
+.mint-radio-option__content {
   display: flex;
   flex-direction: column;
 }
 
-.mld-radio-option__label {
+.mint-radio-option__label {
   color: var(--text-primary);
 }
 
-.mld-radio-option__label--sm {
+.mint-radio-option__label--sm {
   font-size: 0.875rem;
 }
 
-.mld-radio-option__label--md {
+.mint-radio-option__label--md {
   font-size: 0.875rem;
 }
 
-.mld-radio-option__label--lg {
+.mint-radio-option__label--lg {
   font-size: 1rem;
 }
 
-.mld-radio-option__description {
+.mint-radio-option__description {
   color: var(--text-muted);
 }
 
-.mld-radio-option__description--sm {
+.mint-radio-option__description--sm {
   font-size: 0.75rem;
 }
 
-.mld-radio-option__description--md {
+.mint-radio-option__description--md {
   font-size: 0.75rem;
 }
 
-.mld-radio-option__description--lg {
+.mint-radio-option__description--lg {
   font-size: 0.875rem;
 }
 
@@ -178,13 +178,13 @@
    title's left edge (rad width + gap).
    ======================================================================== */
 
-.mld-radio-group--tile {
+.mint-radio-group--tile {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
 
-.mld-radio-group--tile .mld-radio-option {
+.mint-radio-group--tile .mint-radio-option {
   display: block;
   padding: 0.875rem 1rem;
   background-color: var(--bg-card);
@@ -194,29 +194,29 @@
   transition: border-color 0.15s ease, background-color 0.15s ease;
 }
 
-.mld-radio-group--tile .mld-radio-option:hover:not(.mld-radio-option--disabled) {
+.mint-radio-group--tile .mint-radio-option:hover:not(.mint-radio-option--disabled) {
   border-color: var(--text-muted);
 }
 
-.mld-radio-group--tile .mld-radio-option--selected {
+.mint-radio-group--tile .mint-radio-option--selected {
   border-color: var(--color-primary);
   background-color: var(--color-primary-soft);
 }
 
-.mld-radio-group--tile .mld-radio-option__head {
+.mint-radio-group--tile .mint-radio-option__head {
   display: flex;
   align-items: center;
   gap: 0.75rem;
 }
 
-.mld-radio-group--tile .mld-radio-option__title {
+.mint-radio-group--tile .mint-radio-option__title {
   font-size: 0.875rem;
   font-weight: 500;
   color: var(--text-primary);
   line-height: 1.3;
 }
 
-.mld-radio-group--tile .mld-radio-option__description {
+.mint-radio-group--tile .mint-radio-option__description {
   display: block;
   /* md circle (1rem) + flex gap (0.75rem) = 28px — aligns with title's left edge. */
   padding-left: calc(1rem + 0.75rem);
@@ -226,12 +226,12 @@
   margin-top: 0.25rem;
 }
 
-.mld-radio-group--tile .mld-radio-option--disabled {
+.mint-radio-group--tile .mint-radio-option--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
-.mld-radio-group--tile .mld-radio-option__native {
+.mint-radio-group--tile .mint-radio-option__native {
   position: absolute;
   opacity: 0;
   width: 1px;