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

package/src/styles/components/avatar.css

@@ -1,7 +1,7 @@
 /* Avatar Component Styles */
 
 /* Outer wrapper — anchors the status dot; NO overflow hidden */
-.mld-avatar {
+.mint-avatar {
   position: relative;
   display: inline-block;
   flex-shrink: 0;
@@ -9,7 +9,7 @@
 }
 
 /* Inner face — holds photo/initials; CLIPS its own contents */
-.mld-avatar__face {
+.mint-avatar__face {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -27,34 +27,34 @@
 /* Sizes — applied on the wrapper so face fills 100%.
    md = 32px to match the platform's canonical w-8 h-8 admin/user listing
    size. Pre-0.16.5, md was 40px. */
-.mld-avatar--xs { width: 24px; height: 24px; font-size: 0.625rem; }
-.mld-avatar--sm { width: 28px; height: 28px; font-size: 0.75rem; }
-.mld-avatar--md { width: 32px; height: 32px; font-size: 0.875rem; }
-.mld-avatar--lg { width: 40px; height: 40px; font-size: 1rem; }
-.mld-avatar--xl { width: 56px; height: 56px; font-size: 1.25rem; }
+.mint-avatar--xs { width: 24px; height: 24px; font-size: 0.625rem; }
+.mint-avatar--sm { width: 28px; height: 28px; font-size: 0.75rem; }
+.mint-avatar--md { width: 32px; height: 32px; font-size: 0.875rem; }
+.mint-avatar--lg { width: 40px; height: 40px; font-size: 1rem; }
+.mint-avatar--xl { width: 56px; height: 56px; font-size: 1.25rem; }
 
 /* Image */
-.mld-avatar__image {
+.mint-avatar__image {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
 /* Initials */
-.mld-avatar__initials {
+.mint-avatar__initials {
   line-height: 1;
   user-select: none;
 }
 
 /* Fallback SVG icon */
-.mld-avatar__fallback {
+.mint-avatar__fallback {
   width: 60%;
   height: 60%;
   color: var(--text-muted);
 }
 
 /* Status dot — absolutely positioned on the outer wrapper, unclipped by face */
-.mld-avatar__status {
+.mint-avatar__status {
   position: absolute;
   right: -2px;
   bottom: -2px;
@@ -67,7 +67,7 @@
   box-sizing: border-box;
 }
 
-.mld-avatar__status--online  { background-color: var(--mint-success); }
-.mld-avatar__status--away    { background-color: var(--mint-warning); }
-.mld-avatar__status--busy    { background-color: var(--mint-error); }
-.mld-avatar__status--offline { background-color: var(--text-muted); }
+.mint-avatar__status--online  { background-color: var(--mint-success); }
+.mint-avatar__status--away    { background-color: var(--mint-warning); }
+.mint-avatar__status--busy    { background-color: var(--mint-error); }
+.mint-avatar__status--offline { background-color: var(--text-muted); }

package/src/styles/components/batch-progress-list.css

@@ -1,30 +1,30 @@
 /* BatchProgressList Component Styles */
 
-.mld-batch-progress {
+.mint-batch-progress {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 }
 
-.mld-batch-progress__header {
+.mint-batch-progress__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
-.mld-batch-progress__title {
+.mint-batch-progress__title {
   font-weight: 600;
   font-size: 0.875rem;
   color: var(--text-primary);
 }
 
-.mld-batch-progress__percent {
+.mint-batch-progress__percent {
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--text-muted);
 }
 
-.mld-batch-progress__overall {
+.mint-batch-progress__overall {
   width: 100%;
   height: 0.375rem;
   background-color: var(--bg-tertiary);
@@ -32,20 +32,20 @@
   overflow: hidden;
 }
 
-.mld-batch-progress__overall-bar {
+.mint-batch-progress__overall-bar {
   height: 100%;
   background-color: var(--color-primary);
   border-radius: 9999px;
   transition: width 0.3s ease;
 }
 
-.mld-batch-progress__summary {
+.mint-batch-progress__summary {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
 }
 
-.mld-batch-progress__summary-item {
+.mint-batch-progress__summary-item {
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
@@ -54,19 +54,19 @@
   border-radius: 9999px;
 }
 
-.mld-batch-progress__summary-item--completed { background-color: var(--mint-success-bg); color: var(--mint-success); }
-.mld-batch-progress__summary-item--processing { background-color: var(--mint-info-bg); color: var(--mint-info); }
-.mld-batch-progress__summary-item--error { background-color: var(--mint-error-bg); color: var(--mint-error); }
-.mld-batch-progress__summary-item--pending { background-color: var(--bg-tertiary); color: var(--text-muted); }
-.mld-batch-progress__summary-item--skipped { background-color: var(--bg-tertiary); color: var(--text-muted); }
+.mint-batch-progress__summary-item--completed { background-color: var(--mint-success-bg); color: var(--mint-success); }
+.mint-batch-progress__summary-item--processing { background-color: var(--mint-info-bg); color: var(--mint-info); }
+.mint-batch-progress__summary-item--error { background-color: var(--mint-error-bg); color: var(--mint-error); }
+.mint-batch-progress__summary-item--pending { background-color: var(--bg-tertiary); color: var(--text-muted); }
+.mint-batch-progress__summary-item--skipped { background-color: var(--bg-tertiary); color: var(--text-muted); }
 
-.mld-batch-progress__list {
+.mint-batch-progress__list {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
 
-.mld-batch-progress__item {
+.mint-batch-progress__item {
   display: flex;
   flex-direction: column;
   padding: 0.5rem 0.75rem;
@@ -76,43 +76,43 @@
   transition: background-color 0.15s ease;
 }
 
-.mld-batch-progress__item-row {
+.mint-batch-progress__item-row {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-.mld-batch-progress__item--processing {
+.mint-batch-progress__item--processing {
   border-color: rgba(59, 130, 246, 0.3);
   background-color: var(--mint-info-bg);
 }
 
-.mld-batch-progress__item--error {
+.mint-batch-progress__item--error {
   border-color: rgba(239, 68, 68, 0.3);
 }
 
-.mld-batch-progress__item--completed {
+.mint-batch-progress__item--completed {
   opacity: 0.7;
 }
 
-.mld-batch-progress__item-icon {
+.mint-batch-progress__item-icon {
   flex-shrink: 0;
   width: 1rem;
   height: 1rem;
 }
 
-.mld-batch-progress__item-icon--pending { color: var(--text-muted); }
-.mld-batch-progress__item-icon--processing { color: var(--mint-info); animation: mld-batch-spin 1s linear infinite; }
-.mld-batch-progress__item-icon--completed { color: var(--mint-success); }
-.mld-batch-progress__item-icon--error { color: var(--mint-error); }
-.mld-batch-progress__item-icon--skipped { color: var(--text-muted); }
+.mint-batch-progress__item-icon--pending { color: var(--text-muted); }
+.mint-batch-progress__item-icon--processing { color: var(--mint-info); animation: mint-batch-spin 1s linear infinite; }
+.mint-batch-progress__item-icon--completed { color: var(--mint-success); }
+.mint-batch-progress__item-icon--error { color: var(--mint-error); }
+.mint-batch-progress__item-icon--skipped { color: var(--text-muted); }
 
-@keyframes mld-batch-spin {
+@keyframes mint-batch-spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
 
-.mld-batch-progress__item-label {
+.mint-batch-progress__item-label {
   flex: 1;
   font-size: 0.8125rem;
   color: var(--text-primary);
@@ -122,7 +122,7 @@
   white-space: nowrap;
 }
 
-.mld-batch-progress__item-progress {
+.mint-batch-progress__item-progress {
   width: 4rem;
   height: 0.25rem;
   background-color: var(--bg-tertiary);
@@ -131,17 +131,17 @@
   flex-shrink: 0;
 }
 
-.mld-batch-progress__item-progress-bar {
+.mint-batch-progress__item-progress-bar {
   height: 100%;
   background-color: var(--color-primary);
   transition: width 0.3s ease;
 }
 
-.mld-batch-progress__item-error {
+.mint-batch-progress__item-error {
   padding: 0.25rem 0 0 1.5rem;
 }
 
-.mld-batch-progress__error-toggle {
+.mint-batch-progress__error-toggle {
   font-size: 0.6875rem;
   color: var(--text-muted);
   background: none;
@@ -151,24 +151,24 @@
   text-decoration: underline;
 }
 
-.mld-batch-progress__error-toggle:hover {
+.mint-batch-progress__error-toggle:hover {
   color: var(--text-secondary);
 }
 
-.mld-batch-progress__item-message {
+.mint-batch-progress__item-message {
   font-size: 0.75rem;
   color: var(--mint-error);
   margin-top: 0.25rem;
 }
 
-.mld-batch-progress__item-actions {
+.mint-batch-progress__item-actions {
   display: flex;
   gap: 0.25rem;
   flex-shrink: 0;
 }
 
-.mld-batch-progress__retry-btn,
-.mld-batch-progress__cancel-btn {
+.mint-batch-progress__retry-btn,
+.mint-batch-progress__cancel-btn {
   padding: 0.125rem 0.5rem;
   font-size: 0.6875rem;
   border-radius: var(--radius-sm);
@@ -178,19 +178,19 @@
   transition: background-color 0.15s ease;
 }
 
-.mld-batch-progress__retry-btn {
+.mint-batch-progress__retry-btn {
   background-color: var(--mint-warning-bg);
   color: var(--mint-warning);
 }
-.mld-batch-progress__retry-btn:hover {
+.mint-batch-progress__retry-btn:hover {
   background-color: rgba(245, 158, 11, 0.2);
 }
 
-.mld-batch-progress__cancel-btn {
+.mint-batch-progress__cancel-btn {
   background-color: var(--bg-tertiary);
   color: var(--text-muted);
 }
-.mld-batch-progress__cancel-btn:hover {
+.mint-batch-progress__cancel-btn:hover {
   background-color: var(--bg-hover);
   color: var(--text-primary);
 }

package/src/styles/components/breadcrumb.css

@@ -1,6 +1,6 @@
 /* Breadcrumb Component Styles */
 
-.mld-breadcrumb__list {
+.mint-breadcrumb__list {
   display: flex;
   align-items: center;
   list-style: none;
@@ -10,14 +10,14 @@
   gap: 0;
 }
 
-.mld-breadcrumb__item {
+.mint-breadcrumb__item {
   display: flex;
   align-items: center;
   font-size: 0.8125rem;
 }
 
 /* Ancestor link — text-secondary at rest, promoted to text-primary + soft pill on hover */
-.mld-breadcrumb__link {
+.mint-breadcrumb__link {
   color: var(--text-secondary);
   cursor: pointer;
   text-decoration: none;
@@ -31,18 +31,18 @@
   font-size: 0.8125rem;
 }
 
-.mld-breadcrumb__link:hover {
+.mint-breadcrumb__link:hover {
   color: var(--text-primary);
   background-color: var(--bg-secondary);
 }
 
-.mld-breadcrumb__link:focus-visible {
+.mint-breadcrumb__link:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
 
 /* Current segment — text-primary + 500 weight */
-.mld-breadcrumb__current {
+.mint-breadcrumb__current {
   color: var(--text-primary);
   font-weight: 500;
   padding: 0.1875rem 0.5rem;
@@ -50,7 +50,7 @@
 }
 
 /* Chevron separator — thin, text-muted */
-.mld-breadcrumb__separator {
+.mint-breadcrumb__separator {
   color: var(--text-muted);
   user-select: none;
   display: inline-flex;
@@ -58,7 +58,7 @@
   padding: 0 0.25rem;
 }
 
-.mld-breadcrumb__chevron {
+.mint-breadcrumb__chevron {
   width: 0.875rem;
   height: 0.875rem;
 }

package/src/styles/components/button.css

@@ -1,6 +1,6 @@
 /* BaseButton Component Styles */
 
-.mld-button {
+.mint-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -28,55 +28,55 @@
 }
 
 /* Hover: gentle lift. Per-variant shadows deepen on hover below. */
-.mld-button:hover:not(.mld-button--disabled) {
+.mint-button:hover:not(.mint-button--disabled) {
   transform: translateY(-1px);
 }
 
 /* Press: 50ms snap back to baseline, shadow off.
    The asymmetry between 50ms press and 150ms rise creates the spring-release
    sensation users recognize from mechanical keyboards. */
-.mld-button:active:not(.mld-button--disabled) {
+.mint-button:active:not(.mint-button--disabled) {
   transform: translateY(0);
   box-shadow: none;
   transition-duration: 0.05s;
 }
 
-.mld-button:focus-visible {
+.mint-button:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring-offset);
 }
 
-.mld-button--disabled {
+.mint-button--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
 /* Colored variants shift to neutral bg when disabled for WCAG AA contrast */
-.mld-button--primary.mld-button--disabled,
-.mld-button--cta.mld-button--disabled,
-.mld-button--danger.mld-button--disabled,
-.mld-button--success.mld-button--disabled {
+.mint-button--primary.mint-button--disabled,
+.mint-button--cta.mint-button--disabled,
+.mint-button--danger.mint-button--disabled,
+.mint-button--success.mint-button--disabled {
   background-color: var(--bg-tertiary);
   color: var(--text-muted);
 }
 
-.mld-button--full-width {
+.mint-button--full-width {
   width: 100%;
 }
 
 /* Variants */
-.mld-button--primary {
+.mint-button--primary {
   background-color: var(--color-primary);
   color: white;
   box-shadow: 0 1px 2px rgba(99, 102, 241, 0.20);
 }
 
-.mld-button--primary:hover:not(.mld-button--disabled) {
+.mint-button--primary:hover:not(.mint-button--disabled) {
   background-color: var(--color-primary-hover);
   box-shadow: 0 2px 5px rgba(99, 102, 241, 0.28);
 }
 
-.mld-button--secondary {
+.mint-button--secondary {
   background-color: var(--bg-secondary);
   color: var(--text-primary);
   border: 1px solid var(--border-color);
@@ -85,50 +85,50 @@
   box-shadow: 0 1px 1px rgba(15, 23, 42, 0.03);
 }
 
-.mld-button--secondary:hover:not(.mld-button--disabled) {
+.mint-button--secondary:hover:not(.mint-button--disabled) {
   background-color: var(--bg-tertiary);
   box-shadow: 0 2px 4px rgba(15, 23, 42, 0.06);
 }
 
-.mld-button--cta {
+.mint-button--cta {
   background-color: var(--color-cta);
   color: white;
   box-shadow: 0 1px 2px rgba(249, 115, 22, 0.20);
 }
 
-.mld-button--cta:hover:not(.mld-button--disabled) {
+.mint-button--cta:hover:not(.mint-button--disabled) {
   background-color: var(--color-cta-hover);
   box-shadow: 0 2px 5px rgba(249, 115, 22, 0.28);
 }
 
-.mld-button--danger {
+.mint-button--danger {
   background-color: var(--mint-error);
   color: white;
   box-shadow: 0 1px 2px rgba(239, 68, 68, 0.20);
 }
 
-.mld-button--danger:hover:not(.mld-button--disabled) {
+.mint-button--danger:hover:not(.mint-button--disabled) {
   background-color: var(--mint-error-hover);
   box-shadow: 0 2px 5px rgba(239, 68, 68, 0.28);
 }
 
-.mld-button--success {
+.mint-button--success {
   background-color: var(--mint-success);
   color: white;
   box-shadow: 0 1px 2px rgba(16, 185, 129, 0.20);
 }
 
-.mld-button--success:hover:not(.mld-button--disabled) {
+.mint-button--success:hover:not(.mint-button--disabled) {
   background-color: var(--mint-success-hover);
   box-shadow: 0 2px 5px rgba(16, 185, 129, 0.28);
 }
 
-.mld-button--ghost {
+.mint-button--ghost {
   background-color: transparent;
   color: var(--text-primary);
 }
 
-.mld-button--ghost:hover:not(.mld-button--disabled) {
+.mint-button--ghost:hover:not(.mint-button--disabled) {
   background-color: var(--bg-tertiary);
 }
 
@@ -137,32 +137,32 @@
    Old rule (pre-0.16) compensated with a 2px upward shift; user testing showed
    that read as "too high" across sizes. New rule: 1px upward shift universally.
    See CLAUDE.md § Optical Centering. */
-.mld-button--sm {
+.mint-button--sm {
   padding: 0.3125rem 0.75rem 0.4375rem;
   font-size: 0.875rem;
   min-height: var(--form-height-sm);
 }
 
-.mld-button--md {
+.mint-button--md {
   padding: 0.4375rem 1rem 0.5625rem;
   font-size: 0.875rem;
   min-height: var(--form-height-md);
 }
 
-.mld-button--lg {
+.mint-button--lg {
   padding: 0.6875rem 1.5rem 0.8125rem;
   font-size: 1rem;
   min-height: var(--form-height-lg);
 }
 
 /* Spinner */
-.mld-button__spinner {
-  animation: mld-button-spin 1s linear infinite;
+.mint-button__spinner {
+  animation: mint-button-spin 1s linear infinite;
   width: 1rem;
   height: 1rem;
 }
 
-@keyframes mld-button-spin {
+@keyframes mint-button-spin {
   from {
     transform: rotate(0deg);
   }
@@ -174,15 +174,15 @@
 /* Respect motion preferences: disable lift/press but keep color/shadow
    transitions (those don't trigger vestibular responses). */
 @media (prefers-reduced-motion: reduce) {
-  .mld-button {
+  .mint-button {
     transition:
       color 0.15s ease,
       background-color 0.15s ease,
       border-color 0.15s ease,
       box-shadow 0.15s ease;
   }
-  .mld-button:hover:not(.mld-button--disabled),
-  .mld-button:active:not(.mld-button--disabled) {
+  .mint-button:hover:not(.mint-button--disabled),
+  .mint-button:active:not(.mint-button--disabled) {
     transform: none;
   }
 }