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

package/src/styles/components/textarea.css

@@ -1,6 +1,6 @@
 /* BaseTextarea Component Styles */
 
-.mld-textarea {
+.mint-textarea {
   display: block;
   width: 100%;
   font-family: inherit;
@@ -17,31 +17,31 @@
   box-sizing: border-box;
 }
 
-.mld-textarea::placeholder {
+.mint-textarea::placeholder {
   color: var(--text-muted);
 }
 
-.mld-textarea:hover:not(:focus-visible):not(.mld-textarea--disabled):not(.mld-textarea--error) {
+.mint-textarea:hover:not(:focus-visible):not(.mint-textarea--disabled):not(.mint-textarea--error) {
   border-color: var(--text-muted);
 }
 
-.mld-textarea:focus,
-.mld-textarea:focus-visible {
+.mint-textarea:focus,
+.mint-textarea:focus-visible {
   border-color: var(--color-primary);
   box-shadow: var(--focus-ring-soft);
 }
 
-.mld-textarea--error {
+.mint-textarea--error {
   border-color: var(--mint-error);
 }
 
-.mld-textarea--error:focus,
-.mld-textarea--error:focus-visible {
+.mint-textarea--error:focus,
+.mint-textarea--error:focus-visible {
   box-shadow: var(--focus-ring-soft-error);
 }
 
-.mld-textarea--disabled,
-.mld-textarea:disabled {
+.mint-textarea--disabled,
+.mint-textarea:disabled {
   background-color: var(--bg-tertiary);
   color: var(--text-muted);
   cursor: not-allowed;
@@ -50,33 +50,33 @@
 
 /* Size variants — 1px optical padding shift (0.16+).
    See CLAUDE.md § Optical Centering. */
-.mld-textarea--sm {
+.mint-textarea--sm {
   padding: 0.3125rem 0.625rem 0.4375rem;
   font-size: 0.8125rem;
 }
 
-.mld-textarea--md {
+.mint-textarea--md {
   padding: 0.4375rem 0.75rem 0.5625rem;
   font-size: 0.875rem;
 }
 
-.mld-textarea--lg {
+.mint-textarea--lg {
   padding: 0.6875rem 1rem 0.8125rem;
   font-size: 1rem;
 }
 
-.mld-textarea--resize-none {
+.mint-textarea--resize-none {
   resize: none;
 }
 
-.mld-textarea--resize-vertical {
+.mint-textarea--resize-vertical {
   resize: vertical;
 }
 
-.mld-textarea--resize-horizontal {
+.mint-textarea--resize-horizontal {
   resize: horizontal;
 }
 
-.mld-textarea--resize-both {
+.mint-textarea--resize-both {
   resize: both;
 }

package/src/styles/components/theme-toggle.css

@@ -1,6 +1,6 @@
 /* ThemeToggle Component Styles */
 
-.mld-theme-toggle {
+.mint-theme-toggle {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -16,54 +16,54 @@
   transform: translateY(0);
 }
 
-.mld-theme-toggle:hover {
+.mint-theme-toggle:hover {
   background-color: var(--bg-tertiary);
   color: var(--text-primary);
   transform: translateY(-1px);
 }
 
-.mld-theme-toggle:active {
+.mint-theme-toggle:active {
   transform: translateY(0);
   transition-duration: 0.05s;
 }
 
-.mld-theme-toggle:focus-visible {
+.mint-theme-toggle:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .mld-theme-toggle,
-  .mld-theme-toggle:hover,
-  .mld-theme-toggle:active {
+  .mint-theme-toggle,
+  .mint-theme-toggle:hover,
+  .mint-theme-toggle:active {
     transform: none;
     transition: color 0.15s ease, background-color 0.15s ease;
   }
 }
 
-.mld-theme-toggle--sm {
+.mint-theme-toggle--sm {
   padding: 0.375rem;
 }
 
-.mld-theme-toggle--md {
+.mint-theme-toggle--md {
   padding: 0.5rem;
 }
 
-.mld-theme-toggle--lg {
+.mint-theme-toggle--lg {
   padding: 0.75rem;
 }
 
-.mld-theme-toggle__icon--sm {
+.mint-theme-toggle__icon--sm {
   width: 1rem;
   height: 1rem;
 }
 
-.mld-theme-toggle__icon--md {
+.mint-theme-toggle__icon--md {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-.mld-theme-toggle__icon--lg {
+.mint-theme-toggle__icon--lg {
   width: 1.5rem;
   height: 1.5rem;
 }

package/src/styles/components/time-picker.css

@@ -1,15 +1,15 @@
 /* TimePicker Component Styles */
 
-.mld-time-picker {
+.mint-time-picker {
   position: relative;
 }
 
 /* Input wrapper */
-.mld-time-picker__input-wrapper {
+.mint-time-picker__input-wrapper {
   position: relative;
 }
 
-.mld-time-picker__input {
+.mint-time-picker__input {
   width: 100%;
   border-radius: var(--radius-md);
   border: 1px solid var(--border-color);
@@ -20,43 +20,43 @@
   padding-right: 2.5rem;
 }
 
-.mld-time-picker__input:focus-visible {
+.mint-time-picker__input:focus-visible {
   outline: none;
   border-color: transparent;
   box-shadow: var(--focus-ring);
 }
 
-.mld-time-picker__input--sm {
+.mint-time-picker__input--sm {
   padding: 0.375rem 0.625rem;
   font-size: 0.875rem;
 }
 
-.mld-time-picker__input--md {
+.mint-time-picker__input--md {
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
 }
 
-.mld-time-picker__input--lg {
+.mint-time-picker__input--lg {
   padding: 0.75rem 1rem;
   font-size: 1rem;
 }
 
-.mld-time-picker__input--error {
+.mint-time-picker__input--error {
   border-color: var(--mint-error);
 }
 
-.mld-time-picker__input--error:focus-visible {
+.mint-time-picker__input--error:focus-visible {
   box-shadow: var(--focus-ring-error);
 }
 
-.mld-time-picker__input--disabled {
+.mint-time-picker__input--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
   background-color: var(--bg-tertiary);
 }
 
 /* Clock icon */
-.mld-time-picker__icon {
+.mint-time-picker__icon {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -67,14 +67,14 @@
   pointer-events: none;
 }
 
-.mld-time-picker__icon svg {
+.mint-time-picker__icon svg {
   width: 1rem;
   height: 1rem;
   color: var(--text-muted);
 }
 
 /* Clear button */
-.mld-time-picker__clear-btn {
+.mint-time-picker__clear-btn {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -89,17 +89,17 @@
   transition: color 0.15s ease;
 }
 
-.mld-time-picker__clear-btn:hover {
+.mint-time-picker__clear-btn:hover {
   color: var(--text-primary);
 }
 
-.mld-time-picker__clear-btn svg {
+.mint-time-picker__clear-btn svg {
   width: 0.875rem;
   height: 0.875rem;
 }
 
 /* Dropdown */
-.mld-time-picker__dropdown {
+.mint-time-picker__dropdown {
   position: absolute;
   z-index: 50;
   margin-top: 0.25rem;
@@ -113,7 +113,7 @@
 }
 
 /* Slot list */
-.mld-time-picker__list {
+.mint-time-picker__list {
   max-height: 16rem;
   overflow-y: auto;
   padding: 0.25rem 0;
@@ -122,7 +122,7 @@
 }
 
 /* Individual time slot */
-.mld-time-picker__slot {
+.mint-time-picker__slot {
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
   color: var(--text-primary);
@@ -131,41 +131,41 @@
   white-space: nowrap;
 }
 
-.mld-time-picker__slot:hover:not(.mld-time-picker__slot--disabled):not(.mld-time-picker__slot--active) {
+.mint-time-picker__slot:hover:not(.mint-time-picker__slot--disabled):not(.mint-time-picker__slot--active) {
   background-color: var(--bg-hover);
 }
 
-.mld-time-picker__slot--active {
+.mint-time-picker__slot--active {
   background-color: var(--color-primary);
   color: white;
 }
 
-.mld-time-picker__slot--disabled {
+.mint-time-picker__slot--disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
-.mld-time-picker__slot--highlighted {
+.mint-time-picker__slot--highlighted {
   background-color: var(--bg-hover);
 }
 
 /* Transition classes */
-.mld-time-picker__dropdown-enter-active {
+.mint-time-picker__dropdown-enter-active {
   transition: opacity 0.1s ease-out, transform 0.1s ease-out;
 }
 
-.mld-time-picker__dropdown-leave-active {
+.mint-time-picker__dropdown-leave-active {
   transition: opacity 0.075s ease-in, transform 0.075s ease-in;
 }
 
-.mld-time-picker__dropdown-enter-from,
-.mld-time-picker__dropdown-leave-to {
+.mint-time-picker__dropdown-enter-from,
+.mint-time-picker__dropdown-leave-to {
   opacity: 0;
   transform: scale(0.95);
 }
 
-.mld-time-picker__dropdown-enter-to,
-.mld-time-picker__dropdown-leave-from {
+.mint-time-picker__dropdown-enter-to,
+.mint-time-picker__dropdown-leave-from {
   opacity: 1;
   transform: scale(1);
 }

package/src/styles/components/time-range-input.css

@@ -1,26 +1,26 @@
 /* TimeRangeInput Component Styles */
 
-.mld-time-range {
+.mint-time-range {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-.mld-time-range__start,
-.mld-time-range__end {
+.mint-time-range__start,
+.mint-time-range__end {
   flex: 1;
   min-width: 0;
 }
 
-.mld-time-range__separator {
+.mint-time-range__separator {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   flex-shrink: 0;
 }
 
-.mld-time-range__separator::before,
-.mld-time-range__separator::after {
+.mint-time-range__separator::before,
+.mint-time-range__separator::after {
   content: '';
   display: block;
   width: 1rem;
@@ -28,7 +28,7 @@
   background-color: var(--border-color);
 }
 
-.mld-time-range__duration {
+.mint-time-range__duration {
   font-size: 0.75rem;
   color: var(--text-muted);
   background-color: var(--bg-tertiary);
@@ -37,6 +37,6 @@
   white-space: nowrap;
 }
 
-.mld-time-range__duration--error {
+.mint-time-range__duration--error {
   color: var(--mint-error);
 }

package/src/styles/components/toast.css

@@ -1,6 +1,6 @@
 /* ToastNotification Component Styles */
 
-.mld-toast__container {
+.mint-toast__container {
   position: fixed;
   top: 1rem;
   right: 1rem;
@@ -11,7 +11,7 @@
   pointer-events: none;
 }
 
-.mld-toast__item {
+.mint-toast__item {
   position: relative;
   display: flex;
   align-items: center;
@@ -29,24 +29,24 @@
 }
 
 /* Dark mode: near-black bg + white text — toast always contrasts with page */
-html.dark .mld-toast__item {
+html.dark .mint-toast__item {
   background-color: #0F172A;
   border-color: rgba(255, 255, 255, 0.08);
 }
 
-.mld-toast__icon {
+.mint-toast__icon {
   width: 1rem;
   height: 1rem;
   flex-shrink: 0;
 }
 
 /* In dark mode, shift icons to 400-level (lighter) for contrast against near-black */
-html.dark .mld-toast__item--success .mld-toast__icon { color: #34D399 !important; }
-html.dark .mld-toast__item--error   .mld-toast__icon { color: #F87171 !important; }
-html.dark .mld-toast__item--warning .mld-toast__icon { color: #FBBF24 !important; }
-html.dark .mld-toast__item--info    .mld-toast__icon { color: #60A5FA !important; }
+html.dark .mint-toast__item--success .mint-toast__icon { color: #34D399 !important; }
+html.dark .mint-toast__item--error   .mint-toast__icon { color: #F87171 !important; }
+html.dark .mint-toast__item--warning .mint-toast__icon { color: #FBBF24 !important; }
+html.dark .mint-toast__item--info    .mint-toast__icon { color: #60A5FA !important; }
 
-.mld-toast__message {
+.mint-toast__message {
   font-size: 0.875rem;
   color: var(--text-primary);
   flex: 1;
@@ -54,35 +54,35 @@ html.dark .mld-toast__item--info    .mld-toast__icon { color: #60A5FA !important
 }
 
 /* Light mode: keep semantic-colored message text (existing behavior) */
-.mld-toast__item--success .mld-toast__message { color: var(--mint-success-hover); }
-.mld-toast__item--error   .mld-toast__message { color: var(--mint-error-hover); }
-.mld-toast__item--warning .mld-toast__message { color: var(--mint-warning-hover); }
-.mld-toast__item--info    .mld-toast__message { color: var(--color-primary-hover); }
+.mint-toast__item--success .mint-toast__message { color: var(--mint-success-hover); }
+.mint-toast__item--error   .mint-toast__message { color: var(--mint-error-hover); }
+.mint-toast__item--warning .mint-toast__message { color: var(--mint-warning-hover); }
+.mint-toast__item--info    .mint-toast__message { color: var(--color-primary-hover); }
 
 /* Dark mode: white text, accent stays on left stripe + icon */
-html.dark .mld-toast__item .mld-toast__message {
+html.dark .mint-toast__item .mint-toast__message {
   color: #FFFFFF;
 }
 
 /* TTL progress bar — shrinks 100% → 0 over duration */
-.mld-toast__progress {
+.mint-toast__progress {
   position: absolute;
   left: 0;
   bottom: 0;
   height: 2px;
   width: 100%;
   transform-origin: left center;
-  animation: mld-toast-progress linear forwards;
+  animation: mint-toast-progress linear forwards;
   /* animation-duration set inline via toast.duration */
 }
 
-@keyframes mld-toast-progress {
+@keyframes mint-toast-progress {
   from { transform: scaleX(1); }
   to   { transform: scaleX(0); }
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .mld-toast__progress { animation: none; opacity: 0.4; }
+  .mint-toast__progress { animation: none; opacity: 0.4; }
 }
 
 .toast-enter-active { transition: all 0.2s ease-out; }

package/src/styles/components/toggle.css

@@ -1,6 +1,6 @@
 /* BaseToggle Component Styles */
 
-.mld-toggle {
+.mint-toggle {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
@@ -8,28 +8,28 @@
   user-select: none;
 }
 
-.mld-toggle--reverse {
+.mint-toggle--reverse {
   flex-direction: row-reverse;
   justify-content: space-between;
   width: 100%;
 }
 
 /* Reverse label refinement for sidebar use */
-.mld-toggle--reverse .mld-toggle__label {
+.mint-toggle--reverse .mint-toggle__label {
   font-weight: 500;
   color: var(--text-secondary);
 }
 
-.mld-toggle--reverse .mld-toggle__label--sm {
+.mint-toggle--reverse .mint-toggle__label--sm {
   font-size: 0.8125rem;
 }
 
-.mld-toggle--disabled {
+.mint-toggle--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
-.mld-toggle__track {
+.mint-toggle__track {
   position: relative;
   display: inline-block;
   flex-shrink: 0;
@@ -43,43 +43,43 @@
   transition: background-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.mld-toggle__track--off {
+.mint-toggle__track--off {
   background-color: var(--bg-tertiary);
 }
 
-.mld-toggle__track--on {
+.mint-toggle__track--on {
   background-color: var(--color-primary);
 }
 
-.mld-toggle:not(.mld-toggle--disabled):hover .mld-toggle__track {
+.mint-toggle:not(.mint-toggle--disabled):hover .mint-toggle__track {
   box-shadow: var(--shadow-sm);
 }
 
-.mld-toggle__track:focus {
+.mint-toggle__track:focus {
   outline: none;
 }
 
-.mld-toggle__track:focus-visible {
+.mint-toggle__track:focus-visible {
   box-shadow: var(--focus-ring-soft);
   outline: none;
 }
 
-.mld-toggle__track--sm {
+.mint-toggle__track--sm {
   width: 28px;
   height: 16px;
 }
 
-.mld-toggle__track--md {
+.mint-toggle__track--md {
   width: 40px;
   height: 22px;
 }
 
-.mld-toggle__track--lg {
+.mint-toggle__track--lg {
   width: 52px;
   height: 28px;
 }
 
-.mld-toggle__knob {
+.mint-toggle__knob {
   position: absolute;
   top: 50%;
   border-radius: 9999px;
@@ -89,58 +89,58 @@
   pointer-events: none;
 }
 
-.mld-toggle__knob--sm {
+.mint-toggle__knob--sm {
   width: 12px;
   height: 12px;
   margin-top: -6px;
 }
 
-.mld-toggle__knob--md {
+.mint-toggle__knob--md {
   width: 18px;
   height: 18px;
   margin-top: -9px;
 }
 
-.mld-toggle__knob--lg {
+.mint-toggle__knob--lg {
   width: 24px;
   height: 24px;
   margin-top: -12px;
 }
 
-.mld-toggle__knob--off {
+.mint-toggle__knob--off {
   left: 2px;
 }
 
-.mld-toggle__knob--on-sm {
+.mint-toggle__knob--on-sm {
   left: 14px;
 }
 
-.mld-toggle__knob--on-md {
+.mint-toggle__knob--on-md {
   left: 20px;
 }
 
-.mld-toggle__knob--on-lg {
+.mint-toggle__knob--on-lg {
   left: 26px;
 }
 
-.mld-toggle__label {
+.mint-toggle__label {
   color: var(--text-primary);
 }
 
-.mld-toggle__label--sm {
+.mint-toggle__label--sm {
   font-size: 0.875rem;
 }
 
-.mld-toggle__label--md {
+.mint-toggle__label--md {
   font-size: 0.875rem;
 }
 
-.mld-toggle__label--lg {
+.mint-toggle__label--lg {
   font-size: 1rem;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .mld-toggle__knob {
+  .mint-toggle__knob {
     transition: none;
   }
 }