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

package/src/styles/components/color-slider.css

@@ -1,36 +1,36 @@
 /* ColorSlider Component Styles */
 
-.mld-color-slider {
+.mint-color-slider {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
 
-.mld-color-slider--disabled {
+.mint-color-slider--disabled {
   opacity: var(--mint-disabled-opacity);
 }
 
-.mld-color-slider__row {
+.mint-color-slider__row {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-.mld-color-slider__track {
+.mint-color-slider__track {
   position: relative;
   flex: 1;
 }
 
-.mld-color-slider__input {
+.mint-color-slider__input {
   width: 100%;
   cursor: pointer;
 }
 
-.mld-color-slider__input:disabled {
+.mint-color-slider__input:disabled {
   cursor: not-allowed;
 }
 
-.mld-color-slider__badge {
+.mint-color-slider__badge {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -38,7 +38,7 @@
   font-weight: 700;
 }
 
-.mld-color-slider__labels {
+.mint-color-slider__labels {
   display: flex;
   justify-content: space-between;
   color: var(--text-muted);

package/src/styles/components/concentration-input.css

@@ -1,12 +1,12 @@
 /* ConcentrationInput Component Styles */
 
-.mld-concentration-input {
+.mint-concentration-input {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
 
-.mld-concentration-input__controls {
+.mint-concentration-input__controls {
   display: flex;
   border-radius: var(--radius-md);
   border: 1px solid var(--border-color);
@@ -15,37 +15,37 @@
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.mld-concentration-input__controls--sm {
+.mint-concentration-input__controls--sm {
   min-height: var(--form-height-sm);
 }
 
-.mld-concentration-input__controls--md {
+.mint-concentration-input__controls--md {
   min-height: var(--form-height-md);
 }
 
-.mld-concentration-input__controls--lg {
+.mint-concentration-input__controls--lg {
   min-height: var(--form-height-lg);
 }
 
-.mld-concentration-input__controls:focus-within {
+.mint-concentration-input__controls:focus-within {
   border-color: transparent;
   box-shadow: var(--focus-ring);
 }
 
-.mld-concentration-input--error .mld-concentration-input__controls {
+.mint-concentration-input--error .mint-concentration-input__controls {
   border-color: var(--mint-error);
 }
 
-.mld-concentration-input--error .mld-concentration-input__controls:focus-within {
+.mint-concentration-input--error .mint-concentration-input__controls:focus-within {
   box-shadow: var(--focus-ring-error);
 }
 
-.mld-concentration-input--disabled .mld-concentration-input__controls {
+.mint-concentration-input--disabled .mint-concentration-input__controls {
   opacity: var(--mint-disabled-opacity);
 }
 
 /* Value input */
-.mld-concentration-input__value {
+.mint-concentration-input__value {
   flex: 1;
   min-width: 0;
   background-color: var(--bg-secondary);
@@ -58,44 +58,44 @@
   appearance: textfield;
 }
 
-.mld-concentration-input__value::-webkit-outer-spin-button,
-.mld-concentration-input__value::-webkit-inner-spin-button {
+.mint-concentration-input__value::-webkit-outer-spin-button,
+.mint-concentration-input__value::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
 
-.mld-concentration-input__value::placeholder {
+.mint-concentration-input__value::placeholder {
   color: var(--text-muted);
 }
 
-.mld-concentration-input__value--sm {
+.mint-concentration-input__value--sm {
   padding: 0.375rem 0.625rem;
   font-size: 0.875rem;
 }
 
-.mld-concentration-input__value--md {
+.mint-concentration-input__value--md {
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
 }
 
-.mld-concentration-input__value--lg {
+.mint-concentration-input__value--lg {
   padding: 0.75rem 1rem;
   font-size: 1rem;
 }
 
-.mld-concentration-input__value--disabled {
+.mint-concentration-input__value--disabled {
   cursor: not-allowed;
   background-color: var(--bg-tertiary);
 }
 
 /* Unit select */
-.mld-concentration-input__unit {
+.mint-concentration-input__unit {
   position: relative;
   flex-shrink: 0;
   border-left: 1px solid var(--border-color);
 }
 
-.mld-concentration-input__unit-select {
+.mint-concentration-input__unit-select {
   height: 100%;
   background-color: var(--bg-tertiary);
   color: var(--text-primary);
@@ -111,46 +111,46 @@
   background-size: 1rem 1rem;
 }
 
-.mld-concentration-input__unit-select--sm {
+.mint-concentration-input__unit-select--sm {
   padding: 0.375rem 1.5rem 0.375rem 0.5rem;
   font-size: 0.75rem;
   min-width: 4rem;
 }
 
-.mld-concentration-input__unit-select--md {
+.mint-concentration-input__unit-select--md {
   padding: 0.5rem 1.75rem 0.5rem 0.625rem;
   font-size: 0.875rem;
   min-width: 4.5rem;
 }
 
-.mld-concentration-input__unit-select--lg {
+.mint-concentration-input__unit-select--lg {
   padding: 0.75rem 2rem 0.75rem 0.75rem;
   font-size: 0.875rem;
   min-width: 5rem;
 }
 
-.mld-concentration-input__unit-select:disabled {
+.mint-concentration-input__unit-select:disabled {
   cursor: not-allowed;
   opacity: 0.7;
 }
 
-.mld-concentration-input__unit-select:hover:not(:disabled) {
+.mint-concentration-input__unit-select:hover:not(:disabled) {
   background-color: var(--bg-hover);
 }
 
 /* Unit option group */
-.mld-concentration-input__unit-group {
+.mint-concentration-input__unit-group {
   font-weight: 600;
   color: var(--text-secondary);
 }
 
 /* Conversion hint */
-.mld-concentration-input__conversion {
+.mint-concentration-input__conversion {
   font-size: 0.75rem;
   color: var(--text-muted);
   padding-left: 0.125rem;
 }
 
-.mld-concentration-input__conversion::before {
+.mint-concentration-input__conversion::before {
   content: '≈ ';
 }

package/src/styles/components/confirm-dialog.css

@@ -5,14 +5,14 @@
    - Optional `#icon` slot — if consumer passes one, it renders above the message
      in a variant-colored badge. */
 
-.mld-confirm {
+.mint-confirm {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 }
 
 /* Opt-in icon — only rendered when the #icon slot is provided. */
-.mld-confirm__icon {
+.mint-confirm__icon {
   align-self: flex-start;
   width: 2.25rem;
   height: 2.25rem;
@@ -22,27 +22,27 @@
   padding: 0.5rem;
 }
 
-.mld-confirm__icon svg {
+.mint-confirm__icon svg {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-.mld-confirm__icon--danger {
+.mint-confirm__icon--danger {
   background-color: var(--mint-error-bg);
   color: var(--mint-error);
 }
 
-.mld-confirm__icon--warning {
+.mint-confirm__icon--warning {
   background-color: var(--mint-warning-bg);
   color: var(--mint-warning);
 }
 
-.mld-confirm__icon--info {
+.mint-confirm__icon--info {
   background-color: var(--color-primary-soft);
   color: var(--color-primary);
 }
 
-.mld-confirm__message {
+.mint-confirm__message {
   font-size: 0.875rem;
   color: var(--text-primary);
   margin-top: 0 !important;
@@ -52,14 +52,14 @@
 }
 
 /* ─── Footer buttons — refresh-design tactile system ─── */
-.mld-confirm__footer {
+.mint-confirm__footer {
   display: flex;
   justify-content: flex-end;
   gap: 0.625rem;
 }
 
-.mld-confirm__btn-cancel,
-.mld-confirm__btn-confirm {
+.mint-confirm__btn-cancel,
+.mint-confirm__btn-confirm {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -83,29 +83,29 @@
     opacity 0.15s var(--mint-ease-out-quart, cubic-bezier(0.25, 1, 0.5, 1));
 }
 
-.mld-confirm__btn-cancel {
+.mint-confirm__btn-cancel {
   color: var(--text-primary);
   background-color: var(--bg-secondary);
   border: 1px solid var(--border-color);
 }
 
-.mld-confirm__btn-cancel:hover:not(:disabled) {
+.mint-confirm__btn-cancel:hover:not(:disabled) {
   background-color: var(--bg-tertiary);
   transform: translateY(-1px);
 }
 
-.mld-confirm__btn-cancel:active:not(:disabled) {
+.mint-confirm__btn-cancel:active:not(:disabled) {
   transform: translateY(0);
   box-shadow: none;
   transition-duration: 0.05s;
 }
 
-.mld-confirm__btn-cancel:disabled {
+.mint-confirm__btn-cancel:disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
-.mld-confirm__btn-confirm {
+.mint-confirm__btn-confirm {
   color: white;
   border: none;
   background-image: linear-gradient(
@@ -115,58 +115,58 @@
   );
 }
 
-.mld-confirm__btn-confirm:hover:not(:disabled) {
+.mint-confirm__btn-confirm:hover:not(:disabled) {
   box-shadow: var(--shadow-sm);
   transform: translateY(-1px);
 }
 
-.mld-confirm__btn-confirm:active:not(:disabled) {
+.mint-confirm__btn-confirm:active:not(:disabled) {
   transform: translateY(0);
   box-shadow: none;
   background-image: none;
   transition-duration: 0.05s;
 }
 
-.mld-confirm__btn-confirm:disabled {
+.mint-confirm__btn-confirm:disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
   background-image: none;
 }
 
-.mld-confirm__btn-confirm--danger {
+.mint-confirm__btn-confirm--danger {
   background-color: var(--mint-error);
 }
 
-.mld-confirm__btn-confirm--danger:hover:not(:disabled) {
+.mint-confirm__btn-confirm--danger:hover:not(:disabled) {
   background-color: var(--mint-error-hover, color-mix(in srgb, var(--mint-error) 90%, black));
 }
 
-.mld-confirm__btn-confirm--warning {
+.mint-confirm__btn-confirm--warning {
   background-color: var(--mint-warning);
 }
 
-.mld-confirm__btn-confirm--warning:hover:not(:disabled) {
+.mint-confirm__btn-confirm--warning:hover:not(:disabled) {
   background-color: var(--mint-warning-hover, color-mix(in srgb, var(--mint-warning) 90%, black));
 }
 
-.mld-confirm__btn-confirm--info {
+.mint-confirm__btn-confirm--info {
   background-color: var(--color-primary);
 }
 
-.mld-confirm__btn-confirm--info:hover:not(:disabled) {
+.mint-confirm__btn-confirm--info:hover:not(:disabled) {
   background-color: var(--color-primary-hover);
 }
 
-.mld-confirm__btn-spinner {
+.mint-confirm__btn-spinner {
   width: 1rem;
   height: 1rem;
-  animation: mld-spin 1s linear infinite;
+  animation: mint-spin 1s linear infinite;
 }
 
 /* Respect motion preferences */
 @media (prefers-reduced-motion: reduce) {
-  .mld-confirm__btn-cancel,
-  .mld-confirm__btn-confirm {
+  .mint-confirm__btn-cancel,
+  .mint-confirm__btn-confirm {
     transition:
       color 0.15s ease,
       background-color 0.15s ease,
@@ -174,10 +174,10 @@
       box-shadow 0.15s ease,
       opacity 0.15s ease;
   }
-  .mld-confirm__btn-cancel:hover,
-  .mld-confirm__btn-cancel:active,
-  .mld-confirm__btn-confirm:hover,
-  .mld-confirm__btn-confirm:active {
+  .mint-confirm__btn-cancel:hover,
+  .mint-confirm__btn-cancel:active,
+  .mint-confirm__btn-confirm:hover,
+  .mint-confirm__btn-confirm:active {
     transform: none;
   }
 }