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

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

@@ -1,6 +1,6 @@
 /* MoleculeInput Component Styles */
 
-.mld-molecule-input {
+.mint-molecule-input {
   display: flex;
   flex-direction: column;
   border-radius: var(--radius-md);
@@ -10,43 +10,43 @@
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.mld-molecule-input:focus-within {
+.mint-molecule-input:focus-within {
   border-color: transparent;
   box-shadow: var(--focus-ring);
 }
 
-.mld-molecule-input--disabled {
+.mint-molecule-input--disabled {
   opacity: var(--mint-disabled-opacity);
   pointer-events: none;
 }
 
-.mld-molecule-input--readonly {
+.mint-molecule-input--readonly {
   pointer-events: none;
 }
 
-.mld-molecule-input--error {
+.mint-molecule-input--error {
   border-color: var(--mint-error);
 }
 
-.mld-molecule-input--error:focus-within {
+.mint-molecule-input--error:focus-within {
   box-shadow: var(--focus-ring-error);
 }
 
 /* Editor container */
-.mld-molecule-input__editor {
+.mint-molecule-input__editor {
   position: relative;
   width: 100%;
   min-height: 200px;
   background-color: var(--bg-secondary);
 }
 
-.mld-molecule-input__editor iframe {
+.mint-molecule-input__editor iframe {
   border: none;
   display: block;
 }
 
 /* Skeleton loader */
-.mld-molecule-input__skeleton {
+.mint-molecule-input__skeleton {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -57,19 +57,19 @@
   background-color: var(--bg-tertiary);
 }
 
-.mld-molecule-input__skeleton-icon {
+.mint-molecule-input__skeleton-icon {
   width: 3rem;
   height: 3rem;
   color: var(--text-muted);
-  animation: mld-molecule-pulse 1.5s ease-in-out infinite;
+  animation: mint-molecule-pulse 1.5s ease-in-out infinite;
 }
 
-.mld-molecule-input__skeleton-text {
+.mint-molecule-input__skeleton-text {
   font-size: 0.875rem;
   color: var(--text-muted);
 }
 
-@keyframes mld-molecule-pulse {
+@keyframes mint-molecule-pulse {
   0%, 100% {
     opacity: 0.4;
   }
@@ -79,7 +79,7 @@
 }
 
 /* Readonly SVG display */
-.mld-molecule-input__readonly {
+.mint-molecule-input__readonly {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -88,13 +88,13 @@
   background-color: var(--bg-tertiary);
 }
 
-.mld-molecule-input__readonly svg {
+.mint-molecule-input__readonly svg {
   max-width: 100%;
   max-height: 100%;
 }
 
 /* Empty state */
-.mld-molecule-input__empty {
+.mint-molecule-input__empty {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -105,17 +105,17 @@
   color: var(--text-muted);
 }
 
-.mld-molecule-input__empty-icon {
+.mint-molecule-input__empty-icon {
   width: 2.5rem;
   height: 2.5rem;
 }
 
-.mld-molecule-input__empty-text {
+.mint-molecule-input__empty-text {
   font-size: 0.875rem;
 }
 
 /* SMILES preview */
-.mld-molecule-input__smiles {
+.mint-molecule-input__smiles {
   padding: 0.5rem 0.75rem;
   font-family: 'Fira Code', monospace;
   font-size: 0.75rem;
@@ -126,14 +126,14 @@
   user-select: all;
 }
 
-.mld-molecule-input__smiles-label {
+.mint-molecule-input__smiles-label {
   font-weight: 500;
   color: var(--text-muted);
   margin-right: 0.5rem;
 }
 
 /* Error state */
-.mld-molecule-input__error {
+.mint-molecule-input__error {
   padding: 0.75rem;
   font-size: 0.875rem;
   color: var(--mint-error);
@@ -141,7 +141,7 @@
   border-top: 1px solid var(--mint-error);
 }
 
-.mld-molecule-input__error-icon {
+.mint-molecule-input__error-icon {
   width: 1rem;
   height: 1rem;
   margin-right: 0.5rem;
@@ -149,7 +149,7 @@
 }
 
 /* Actions toolbar */
-.mld-molecule-input__actions {
+.mint-molecule-input__actions {
   display: flex;
   gap: 0.25rem;
   padding: 0.5rem;
@@ -157,7 +157,7 @@
   border-top: 1px solid var(--border-color);
 }
 
-.mld-molecule-input__action-btn {
+.mint-molecule-input__action-btn {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -170,17 +170,17 @@
   transition: color 0.15s ease, background-color 0.15s ease;
 }
 
-.mld-molecule-input__action-btn:hover:not(:disabled) {
+.mint-molecule-input__action-btn:hover:not(:disabled) {
   color: var(--text-primary);
   background-color: var(--bg-hover);
 }
 
-.mld-molecule-input__action-btn:disabled {
+.mint-molecule-input__action-btn:disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
-.mld-molecule-input__action-btn svg {
+.mint-molecule-input__action-btn svg {
   width: 1rem;
   height: 1rem;
 }

package/src/styles/components/multi-select.css

@@ -1,39 +1,39 @@
 /* MultiSelect Component Styles */
 
-.mld-multi-select {
+.mint-multi-select {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
 
-.mld-multi-select--disabled {
+.mint-multi-select--disabled {
   opacity: var(--mint-disabled-opacity);
   pointer-events: none;
 }
 
 /* Placeholder */
-.mld-multi-select__placeholder {
+.mint-multi-select__placeholder {
   font-size: 0.875rem;
   color: var(--text-muted);
 }
 
-.mld-multi-select--sm .mld-multi-select__placeholder {
+.mint-multi-select--sm .mint-multi-select__placeholder {
   font-size: 0.75rem;
 }
 
-.mld-multi-select--lg .mld-multi-select__placeholder {
+.mint-multi-select--lg .mint-multi-select__placeholder {
   font-size: 1rem;
 }
 
 /* Options container */
-.mld-multi-select__options {
+.mint-multi-select__options {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
 }
 
 /* Chip styles */
-.mld-multi-select__chip {
+.mint-multi-select__chip {
   display: inline-flex;
   align-items: center;
   gap: 0.375rem;
@@ -48,84 +48,84 @@
   transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
 }
 
-.mld-multi-select__chip:hover:not(.mld-multi-select__chip--active):not(.mld-multi-select__chip--disabled) {
+.mint-multi-select__chip:hover:not(.mint-multi-select__chip--active):not(.mint-multi-select__chip--disabled) {
   background-color: var(--bg-hover);
 }
 
-.mld-multi-select__chip:focus-visible {
+.mint-multi-select__chip:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring-offset);
 }
 
-.mld-multi-select__chip--active {
+.mint-multi-select__chip--active {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
   color: white;
 }
 
-.mld-multi-select__chip--active:hover {
+.mint-multi-select__chip--active:hover {
   background-color: var(--color-primary-dark, #4338ca);
 }
 
-.mld-multi-select__chip--disabled {
+.mint-multi-select__chip--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
 /* Size variants */
-.mld-multi-select__chip--sm {
+.mint-multi-select__chip--sm {
   padding: 0.25rem 0.5rem;
   font-size: 0.75rem;
   gap: 0.25rem;
 }
 
-.mld-multi-select__chip--md {
+.mint-multi-select__chip--md {
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
   gap: 0.375rem;
 }
 
-.mld-multi-select__chip--lg {
+.mint-multi-select__chip--lg {
   padding: 0.5rem 1rem;
   font-size: 1rem;
   gap: 0.5rem;
 }
 
 /* Chip label */
-.mld-multi-select__chip-label {
+.mint-multi-select__chip-label {
   line-height: 1.25;
 }
 
 /* Check icon */
-.mld-multi-select__chip-check {
+.mint-multi-select__chip-check {
   flex-shrink: 0;
 }
 
-.mld-multi-select__chip--sm .mld-multi-select__chip-check {
+.mint-multi-select__chip--sm .mint-multi-select__chip-check {
   width: 0.75rem;
   height: 0.75rem;
 }
 
-.mld-multi-select__chip--md .mld-multi-select__chip-check {
+.mint-multi-select__chip--md .mint-multi-select__chip-check {
   width: 0.875rem;
   height: 0.875rem;
 }
 
-.mld-multi-select__chip--lg .mld-multi-select__chip-check {
+.mint-multi-select__chip--lg .mint-multi-select__chip-check {
   width: 1rem;
   height: 1rem;
 }
 
 /* Summary text */
-.mld-multi-select__summary {
+.mint-multi-select__summary {
   font-size: 0.75rem;
   color: var(--text-muted);
 }
 
-.mld-multi-select--sm .mld-multi-select__summary {
+.mint-multi-select--sm .mint-multi-select__summary {
   font-size: 0.625rem;
 }
 
-.mld-multi-select--lg .mld-multi-select__summary {
+.mint-multi-select--lg .mint-multi-select__summary {
   font-size: 0.875rem;
 }

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

@@ -1,6 +1,6 @@
 /* NumberInput Component Styles */
 
-.mld-number-input {
+.mint-number-input {
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
@@ -9,7 +9,7 @@
 
 /* ---------- Field wrapper (numeric input + steppers + optional unit) ---------- */
 
-.mld-number-input__field {
+.mint-number-input__field {
   position: relative;
   display: flex;
   align-items: center;
@@ -19,35 +19,35 @@
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.mld-number-input--sm .mld-number-input__field { min-height: var(--form-height-sm); }
-.mld-number-input--md .mld-number-input__field { min-height: var(--form-height-md); }
-.mld-number-input--lg .mld-number-input__field { min-height: var(--form-height-lg); }
+.mint-number-input--sm .mint-number-input__field { min-height: var(--form-height-sm); }
+.mint-number-input--md .mint-number-input__field { min-height: var(--form-height-md); }
+.mint-number-input--lg .mint-number-input__field { min-height: var(--form-height-lg); }
 
-.mld-number-input__field:hover:not(:has(:disabled)) {
+.mint-number-input__field:hover:not(:has(:disabled)) {
   border-color: var(--text-muted);
 }
 
-.mld-number-input__field:focus-within {
+.mint-number-input__field:focus-within {
   border-color: var(--color-primary);
   box-shadow: var(--focus-ring-soft);
 }
 
-.mld-number-input--error .mld-number-input__field {
+.mint-number-input--error .mint-number-input__field {
   border-color: var(--mint-error);
 }
 
-.mld-number-input--error .mld-number-input__field:focus-within {
+.mint-number-input--error .mint-number-input__field:focus-within {
   box-shadow: var(--focus-ring-soft-error);
 }
 
-.mld-number-input--disabled .mld-number-input__field {
+.mint-number-input--disabled .mint-number-input__field {
   opacity: var(--mint-disabled-opacity);
   background-color: var(--bg-tertiary);
 }
 
 /* ---------- Numeric input — left-aligned, Fira Code ---------- */
 
-.mld-number-input__input {
+.mint-number-input__input {
   flex: 1;
   min-width: 0;
   text-align: left;
@@ -62,23 +62,23 @@
   appearance: textfield;
 }
 
-.mld-number-input__input::-webkit-outer-spin-button,
-.mld-number-input__input::-webkit-inner-spin-button {
+.mint-number-input__input::-webkit-outer-spin-button,
+.mint-number-input__input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
 
-.mld-number-input__input:disabled { cursor: not-allowed; }
+.mint-number-input__input:disabled { cursor: not-allowed; }
 
 /* Horizontal padding matches BaseInput canonical scale (10/12/16) so FormField's
    12px label indent aligns with the numeric text across all input types. */
-.mld-number-input__input--sm { padding: 0.3125rem 0.625rem 0.4375rem; font-size: 0.875rem; }
-.mld-number-input__input--md { padding: 0.4375rem 0.75rem 0.5625rem;  font-size: 0.875rem; }
-.mld-number-input__input--lg { padding: 0.6875rem 1rem 0.8125rem;     font-size: 1rem; }
+.mint-number-input__input--sm { padding: 0.3125rem 0.625rem 0.4375rem; font-size: 0.875rem; }
+.mint-number-input__input--md { padding: 0.4375rem 0.75rem 0.5625rem;  font-size: 0.875rem; }
+.mint-number-input__input--lg { padding: 0.6875rem 1rem 0.8125rem;     font-size: 1rem; }
 
 /* ---------- Unit suffix ---------- */
 
-.mld-number-input__unit {
+.mint-number-input__unit {
   padding: 0 0.625rem 0 0;
   color: var(--text-muted);
   font-size: 0.8125rem;
@@ -89,7 +89,7 @@
 
 /* ---------- Steppers — hover/focus reveal ---------- */
 
-.mld-number-input__steppers {
+.mint-number-input__steppers {
   display: flex;
   flex-direction: column;
   margin-right: 0.25rem;
@@ -99,14 +99,14 @@
   pointer-events: none;
 }
 
-.mld-number-input__field:hover .mld-number-input__steppers,
-.mld-number-input__field:focus-within .mld-number-input__steppers {
+.mint-number-input__field:hover .mint-number-input__steppers,
+.mint-number-input__field:focus-within .mint-number-input__steppers {
   opacity: 1;
   transform: translateX(0);
   pointer-events: auto;
 }
 
-.mld-number-input__stepper {
+.mint-number-input__stepper {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -120,22 +120,22 @@
   transition: color 0.1s ease;
 }
 
-.mld-number-input__stepper:hover:not(:disabled) {
+.mint-number-input__stepper:hover:not(:disabled) {
   color: var(--color-primary);
 }
 
-.mld-number-input__stepper:disabled {
+.mint-number-input__stepper:disabled {
   opacity: 0.35;
   cursor: not-allowed;
 }
 
-.mld-number-input__stepper svg {
+.mint-number-input__stepper svg {
   width: 0.625rem;
   height: 0.375rem;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .mld-number-input__steppers {
+  .mint-number-input__steppers {
     transition: none;
     opacity: 1;
     transform: none;
@@ -145,7 +145,7 @@
 
 /* ---------- Slider (variant="slider" auto-activated by min+max) ---------- */
 
-.mld-number-input__slider {
+.mint-number-input__slider {
   -webkit-appearance: none;
   appearance: none;
   width: 100%;
@@ -162,7 +162,7 @@
   cursor: pointer;
 }
 
-.mld-number-input__slider::-webkit-slider-thumb {
+.mint-number-input__slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 14px;
@@ -175,11 +175,11 @@
   transition: transform 0.1s ease;
 }
 
-.mld-number-input__slider::-webkit-slider-thumb:hover {
+.mint-number-input__slider::-webkit-slider-thumb:hover {
   transform: scale(1.12);
 }
 
-.mld-number-input__slider::-moz-range-thumb {
+.mint-number-input__slider::-moz-range-thumb {
   width: 14px;
   height: 14px;
   background: var(--bg-secondary);
@@ -189,11 +189,11 @@
   box-shadow: var(--shadow-sm);
 }
 
-.mld-number-input__slider:focus-visible {
+.mint-number-input__slider:focus-visible {
   box-shadow: var(--focus-ring-soft);
 }
 
-.mld-number-input__slider:disabled {
+.mint-number-input__slider:disabled {
   cursor: not-allowed;
   opacity: var(--mint-disabled-opacity);
 }