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

package/src/styles/components/slider.css

@@ -1,17 +1,17 @@
 /* BaseSlider Component Styles */
 
-.mld-slider {
+.mint-slider {
   display: flex;
   align-items: center;
   gap: 12px;
 }
 
-.mld-slider--disabled {
+.mint-slider--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
-.mld-slider__container {
+.mint-slider__container {
   position: relative;
   flex: 1;
   height: 24px;
@@ -19,7 +19,7 @@
   align-items: center;
 }
 
-.mld-slider__track {
+.mint-slider__track {
   position: absolute;
   left: 0;
   right: 0;
@@ -27,14 +27,14 @@
   background-color: var(--bg-tertiary);
 }
 
-.mld-slider__fill {
+.mint-slider__fill {
   position: absolute;
   left: 0;
   border-radius: 9999px;
   background-color: var(--color-primary);
 }
 
-.mld-slider__input {
+.mint-slider__input {
   position: absolute;
   inset: 0;
   width: 100%;
@@ -45,11 +45,11 @@
   margin: 0;
 }
 
-.mld-slider--disabled .mld-slider__input {
+.mint-slider--disabled .mint-slider__input {
   cursor: not-allowed;
 }
 
-.mld-slider__thumb {
+.mint-slider__thumb {
   position: absolute;
   top: 50%;
   transform: translateX(-50%) translateY(-50%);
@@ -61,11 +61,11 @@
   transition: transform 150ms ease;
 }
 
-.mld-slider__thumb--dragging {
+.mint-slider__thumb--dragging {
   transform: translateX(-50%) translateY(-50%) scale(1.1);
 }
 
-.mld-slider__value {
+.mint-slider__value {
   min-width: 40px;
   text-align: right;
   font-size: 14px;

package/src/styles/components/status-indicator.css

@@ -1,12 +1,12 @@
 /* StatusIndicator Component Styles */
 
-.mld-status {
+.mint-status {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-.mld-status__dot {
+.mint-status__dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
@@ -15,52 +15,52 @@
 }
 
 /* Status colors */
-.mld-status__dot--success {
+.mint-status__dot--success {
   background-color: var(--mint-success);
   color: var(--mint-success);
 }
 
-.mld-status__dot--warning {
+.mint-status__dot--warning {
   background-color: var(--mint-warning);
   color: var(--mint-warning);
 }
 
-.mld-status__dot--error {
+.mint-status__dot--error {
   background-color: var(--mint-error);
   color: var(--mint-error);
 }
 
-.mld-status__dot--info {
+.mint-status__dot--info {
   background-color: var(--mint-info);
   color: var(--mint-info);
 }
 
-.mld-status__dot--muted {
+.mint-status__dot--muted {
   background-color: var(--text-muted);
   color: var(--text-muted);
 }
 
-.mld-status__label {
+.mint-status__label {
   font-size: 0.875rem;
   color: var(--text-primary);
 }
 
 /* Pulse — expanding ring via ::before pseudo, 1.8s loop */
-.mld-status__dot--pulse::before {
+.mint-status__dot--pulse::before {
   content: '';
   position: absolute;
   inset: 0;
   border-radius: 50%;
   background-color: currentColor;
-  animation: mld-status-pulse 1.8s ease-out infinite;
+  animation: mint-status-pulse 1.8s ease-out infinite;
   pointer-events: none;
 }
 
-@keyframes mld-status-pulse {
+@keyframes mint-status-pulse {
   0%   { transform: scale(0.6); opacity: 0.6; }
   100% { transform: scale(1.8); opacity: 0; }
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .mld-status__dot--pulse::before { animation: none; opacity: 0; }
+  .mint-status__dot--pulse::before { animation: none; opacity: 0; }
 }

package/src/styles/components/step-wizard.css

@@ -1,4 +1,4 @@
-.mld-wizard {
+.mint-wizard {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -8,17 +8,17 @@
 }
 
 /* Progress indicator */
-.mld-wizard__progress {
+.mint-wizard__progress {
   flex-shrink: 0;
 }
 
-.mld-wizard__steps-indicator {
+.mint-wizard__steps-indicator {
   display: flex;
   align-items: flex-start;
   justify-content: center;
 }
 
-.mld-wizard__step-connector {
+.mint-wizard__step-connector {
   flex: 1;
   height: 2px;
   background-color: var(--border-color);
@@ -26,11 +26,11 @@
   transition: background-color 0.2s ease;
 }
 
-.mld-wizard__step-connector--completed {
+.mint-wizard__step-connector--completed {
   background-color: var(--mint-success);
 }
 
-.mld-wizard__step-indicator {
+.mint-wizard__step-indicator {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -39,12 +39,12 @@
   min-width: 4rem;
 }
 
-.mld-wizard__step-indicator--disabled {
+.mint-wizard__step-indicator--disabled {
   cursor: not-allowed;
   opacity: var(--mint-disabled-opacity);
 }
 
-.mld-wizard__step-dot {
+.mint-wizard__step-dot {
   width: 2rem;
   height: 2rem;
   border-radius: 9999px;
@@ -60,55 +60,55 @@
 }
 
 /* Size variants for dot */
-.mld-wizard--sm .mld-wizard__step-dot {
+.mint-wizard--sm .mint-wizard__step-dot {
   width: 1.5rem;
   height: 1.5rem;
   font-size: 0.625rem;
 }
 
-.mld-wizard--lg .mld-wizard__step-dot {
+.mint-wizard--lg .mint-wizard__step-dot {
   width: 2.5rem;
   height: 2.5rem;
   font-size: 0.875rem;
 }
 
-.mld-wizard__step-indicator--active .mld-wizard__step-dot {
+.mint-wizard__step-indicator--active .mint-wizard__step-dot {
   border-color: var(--color-primary);
   background-color: var(--color-primary);
   color: white;
 }
 
-.mld-wizard__step-indicator--completed .mld-wizard__step-dot {
+.mint-wizard__step-indicator--completed .mint-wizard__step-dot {
   border-color: var(--mint-success);
   background-color: var(--mint-success);
   color: white;
 }
 
-.mld-wizard__step-label {
+.mint-wizard__step-label {
   font-size: 0.75rem;
   color: var(--text-muted);
   text-align: center;
   white-space: nowrap;
 }
 
-.mld-wizard__step-indicator--active .mld-wizard__step-label {
+.mint-wizard__step-indicator--active .mint-wizard__step-label {
   color: var(--text-primary);
   font-weight: 500;
 }
 
-.mld-wizard__step-indicator--completed .mld-wizard__step-label {
+.mint-wizard__step-indicator--completed .mint-wizard__step-label {
   color: var(--text-secondary);
 }
 
 /* Body */
-.mld-wizard__body {
+.mint-wizard__body {
   flex: 1;
   min-height: 0;
   overflow-y: auto;
 }
 
 /* Navigation */
-.mld-wizard__navigation {
+.mint-wizard__navigation {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -117,7 +117,7 @@
   flex-shrink: 0;
 }
 
-.mld-wizard__nav-btn {
+.mint-wizard__nav-btn {
   padding: 0.5rem 1rem;
   border-radius: var(--radius-md);
   font-size: 0.875rem;
@@ -127,66 +127,66 @@
   border: none;
 }
 
-.mld-wizard__nav-btn:disabled {
+.mint-wizard__nav-btn:disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
-.mld-wizard__nav-btn--cancel {
+.mint-wizard__nav-btn--cancel {
   background: transparent;
   color: var(--text-muted);
 }
 
-.mld-wizard__nav-btn--cancel:hover:not(:disabled) {
+.mint-wizard__nav-btn--cancel:hover:not(:disabled) {
   color: var(--text-primary);
 }
 
-.mld-wizard__nav-btn--back {
+.mint-wizard__nav-btn--back {
   background-color: var(--bg-tertiary);
   color: var(--text-primary);
 }
 
-.mld-wizard__nav-btn--back:hover:not(:disabled) {
+.mint-wizard__nav-btn--back:hover:not(:disabled) {
   background-color: var(--bg-hover);
 }
 
-.mld-wizard__nav-btn--next {
+.mint-wizard__nav-btn--next {
   background-color: var(--color-primary);
   color: white;
 }
 
-.mld-wizard__nav-btn--next:hover:not(:disabled) {
+.mint-wizard__nav-btn--next:hover:not(:disabled) {
   background-color: var(--color-primary-hover);
 }
 
-.mld-wizard__nav-btn--finish {
+.mint-wizard__nav-btn--finish {
   background-color: var(--mint-success);
   color: white;
 }
 
-.mld-wizard__nav-btn--finish:hover:not(:disabled) {
+.mint-wizard__nav-btn--finish:hover:not(:disabled) {
   opacity: 0.9;
 }
 
 /* Size variants for connector alignment */
-.mld-wizard--sm .mld-wizard__step-connector {
+.mint-wizard--sm .mint-wizard__step-connector {
   margin-top: 0.75rem;
 }
 
-.mld-wizard--lg .mld-wizard__step-connector {
+.mint-wizard--lg .mint-wizard__step-connector {
   margin-top: 1.25rem;
 }
 
-.mld-wizard--sm .mld-wizard__step-label {
+.mint-wizard--sm .mint-wizard__step-label {
   font-size: 0.625rem;
 }
 
-.mld-wizard--sm .mld-wizard__nav-btn {
+.mint-wizard--sm .mint-wizard__nav-btn {
   padding: 0.375rem 0.75rem;
   font-size: 0.75rem;
 }
 
-.mld-wizard--lg .mld-wizard__nav-btn {
+.mint-wizard--lg .mint-wizard__nav-btn {
   padding: 0.625rem 1.25rem;
   font-size: 1rem;
 }

package/src/styles/components/tabs.css

@@ -1,14 +1,14 @@
 /* BaseTabs Component Styles */
 
-.mld-tabs {
+.mint-tabs {
   display: flex;
 }
 
-.mld-tabs--underline {
+.mint-tabs--underline {
   border-bottom: 1px solid var(--border-color);
 }
 
-.mld-tabs--pills {
+.mint-tabs--pills {
   gap: 0.5rem;
   padding: 0.25rem;
   background-color: var(--bg-tertiary);
@@ -16,7 +16,7 @@
 }
 
 /* 1px optical padding shift (0.16+). See CLAUDE.md § Optical Centering. */
-.mld-tab {
+.mint-tab {
   padding: 0.4375rem 1rem 0.5625rem;
   font-size: 0.875rem;
   font-weight: 500;
@@ -26,66 +26,66 @@
   cursor: pointer;
 }
 
-.mld-tab:focus {
+.mint-tab:focus {
   outline: none;
 }
 
-.mld-tab:focus-visible {
+.mint-tab:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
 
-.mld-tab--disabled {
+.mint-tab--disabled {
   color: var(--text-muted);
   cursor: not-allowed;
 }
 
 /* Underline variant */
-.mld-tabs--underline .mld-tab {
+.mint-tabs--underline .mint-tab {
   border-bottom: 2px solid transparent;
   margin-bottom: -1px;
   color: var(--text-secondary);
 }
 
-.mld-tabs--underline .mld-tab:hover:not(.mld-tab--disabled) {
+.mint-tabs--underline .mint-tab:hover:not(.mint-tab--disabled) {
   color: var(--text-primary);
 }
 
-.mld-tabs--underline .mld-tab--active {
+.mint-tabs--underline .mint-tab--active {
   border-bottom-color: var(--color-primary);
   color: var(--color-primary);
 }
 
 /* Pills variant — visually identical to SegmentedControl card */
-.mld-tabs--pills .mld-tab {
+.mint-tabs--pills .mint-tab {
   border-radius: var(--radius);
   color: var(--text-muted);
   background-color: transparent;
 }
 
-.mld-tabs--pills .mld-tab:hover:not(.mld-tab--disabled):not(.mld-tab--active) {
+.mint-tabs--pills .mint-tab:hover:not(.mint-tab--disabled):not(.mint-tab--active) {
   color: var(--text-primary);
   background-color: var(--bg-hover);
 }
 
-.mld-tabs--pills .mld-tab--active {
+.mint-tabs--pills .mint-tab--active {
   background-color: var(--bg-card);
   color: var(--text-primary);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 /* Tab content */
-.mld-tab__content {
+.mint-tab__content {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-.mld-tab__icon {
+.mint-tab__icon {
   color: currentColor;
 }
 
-.mld-tab__badge {
+.mint-tab__badge {
   margin-left: 0.25rem;
   padding: 0.125rem 0.375rem;
   font-size: 0.75rem;

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

@@ -1,6 +1,6 @@
 /* TagsInput Component Styles */
 
-.mld-tags-input {
+.mint-tags-input {
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
@@ -9,13 +9,13 @@
 
 /* ---------- Category switcher (variant="categorized") ---------- */
 
-.mld-tags-input__categories {
+.mint-tags-input__categories {
   display: flex;
   flex-wrap: wrap;
   gap: 0.375rem;
 }
 
-.mld-tags-input__category {
+.mint-tags-input__category {
   display: inline-flex;
   align-items: center;
   padding: 0.1875rem 0.5rem;
@@ -28,27 +28,27 @@
   transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
 }
 
-.mld-tags-input__category:disabled { cursor: not-allowed; opacity: var(--mint-disabled-opacity); }
+.mint-tags-input__category:disabled { cursor: not-allowed; opacity: var(--mint-disabled-opacity); }
 
 /* Inactive (color-muted bg, color-muted text) per variant */
-.mld-tags-input__category--primary { color: var(--color-primary-hover); border-color: var(--color-primary-soft); }
-.mld-tags-input__category--success { color: var(--mint-success-hover); border-color: var(--mint-success-bg); }
-.mld-tags-input__category--warning { color: var(--mint-warning-hover); border-color: var(--mint-warning-bg); }
-.mld-tags-input__category--error   { color: var(--mint-error-hover);   border-color: var(--mint-error-bg); }
-.mld-tags-input__category--info    { color: var(--color-primary-hover); border-color: var(--mint-info-bg); }
-.mld-tags-input__category--neutral { color: var(--text-secondary);    border-color: var(--border-color); }
+.mint-tags-input__category--primary { color: var(--color-primary-hover); border-color: var(--color-primary-soft); }
+.mint-tags-input__category--success { color: var(--mint-success-hover); border-color: var(--mint-success-bg); }
+.mint-tags-input__category--warning { color: var(--mint-warning-hover); border-color: var(--mint-warning-bg); }
+.mint-tags-input__category--error   { color: var(--mint-error-hover);   border-color: var(--mint-error-bg); }
+.mint-tags-input__category--info    { color: var(--color-primary-hover); border-color: var(--mint-info-bg); }
+.mint-tags-input__category--neutral { color: var(--text-secondary);    border-color: var(--border-color); }
 
 /* Active: semantic-tinted bg */
-.mld-tags-input__category--active.mld-tags-input__category--primary { background: var(--color-primary-soft); }
-.mld-tags-input__category--active.mld-tags-input__category--success { background: var(--mint-success-bg); }
-.mld-tags-input__category--active.mld-tags-input__category--warning { background: var(--mint-warning-bg); }
-.mld-tags-input__category--active.mld-tags-input__category--error   { background: var(--mint-error-bg); }
-.mld-tags-input__category--active.mld-tags-input__category--info    { background: var(--mint-info-bg); }
-.mld-tags-input__category--active.mld-tags-input__category--neutral { background: var(--bg-secondary); }
+.mint-tags-input__category--active.mint-tags-input__category--primary { background: var(--color-primary-soft); }
+.mint-tags-input__category--active.mint-tags-input__category--success { background: var(--mint-success-bg); }
+.mint-tags-input__category--active.mint-tags-input__category--warning { background: var(--mint-warning-bg); }
+.mint-tags-input__category--active.mint-tags-input__category--error   { background: var(--mint-error-bg); }
+.mint-tags-input__category--active.mint-tags-input__category--info    { background: var(--mint-info-bg); }
+.mint-tags-input__category--active.mint-tags-input__category--neutral { background: var(--bg-secondary); }
 
 /* ---------- Field — Clean Bordered DNA ---------- */
 
-.mld-tags-input__field {
+.mint-tags-input__field {
   position: relative;
   display: flex;
   flex-wrap: wrap;
@@ -63,24 +63,24 @@
   cursor: text;
 }
 
-.mld-tags-input--sm .mld-tags-input__field { min-height: var(--form-height-sm); }
-.mld-tags-input--md .mld-tags-input__field { min-height: var(--form-height-md); }
-.mld-tags-input--lg .mld-tags-input__field { min-height: var(--form-height-lg); }
+.mint-tags-input--sm .mint-tags-input__field { min-height: var(--form-height-sm); }
+.mint-tags-input--md .mint-tags-input__field { min-height: var(--form-height-md); }
+.mint-tags-input--lg .mint-tags-input__field { min-height: var(--form-height-lg); }
 
-.mld-tags-input__field:hover { border-color: var(--text-muted); }
-.mld-tags-input__field:focus-within {
+.mint-tags-input__field:hover { border-color: var(--text-muted); }
+.mint-tags-input__field:focus-within {
   border-color: var(--color-primary);
   box-shadow: var(--focus-ring-soft);
 }
 
-.mld-tags-input--error .mld-tags-input__field {
+.mint-tags-input--error .mint-tags-input__field {
   border-color: var(--mint-error);
 }
-.mld-tags-input--error .mld-tags-input__field:focus-within {
+.mint-tags-input--error .mint-tags-input__field:focus-within {
   box-shadow: var(--focus-ring-soft-error);
 }
 
-.mld-tags-input--disabled .mld-tags-input__field {
+.mint-tags-input--disabled .mint-tags-input__field {
   opacity: var(--mint-disabled-opacity);
   background-color: var(--bg-secondary);
   cursor: not-allowed;
@@ -88,7 +88,7 @@
 
 /* ---------- Tag pill ---------- */
 
-.mld-tags-input__tag {
+.mint-tags-input__tag {
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
@@ -102,17 +102,17 @@
 }
 
 /* Categorized color variants */
-.mld-tags-input__tag--success { background: var(--mint-success-bg); color: var(--mint-success-hover); }
-.mld-tags-input__tag--warning { background: var(--mint-warning-bg); color: var(--mint-warning-hover); }
-.mld-tags-input__tag--error   { background: var(--mint-error-bg);   color: var(--mint-error-hover); }
-.mld-tags-input__tag--info    { background: var(--mint-info-bg);    color: var(--color-primary-hover); }
-.mld-tags-input__tag--neutral { background: var(--bg-secondary);   color: var(--text-secondary); }
+.mint-tags-input__tag--success { background: var(--mint-success-bg); color: var(--mint-success-hover); }
+.mint-tags-input__tag--warning { background: var(--mint-warning-bg); color: var(--mint-warning-hover); }
+.mint-tags-input__tag--error   { background: var(--mint-error-bg);   color: var(--mint-error-hover); }
+.mint-tags-input__tag--info    { background: var(--mint-info-bg);    color: var(--color-primary-hover); }
+.mint-tags-input__tag--neutral { background: var(--bg-secondary);   color: var(--text-secondary); }
 
-.mld-tags-input__tag--sm { font-size: 0.6875rem; padding: 0.0625rem 0.4375rem; }
-.mld-tags-input__tag--md { font-size: 0.75rem; }
-.mld-tags-input__tag--lg { font-size: 0.8125rem; padding: 0.1875rem 0.625rem; }
+.mint-tags-input__tag--sm { font-size: 0.6875rem; padding: 0.0625rem 0.4375rem; }
+.mint-tags-input__tag--md { font-size: 0.75rem; }
+.mint-tags-input__tag--lg { font-size: 0.8125rem; padding: 0.1875rem 0.625rem; }
 
-.mld-tags-input__tag-remove {
+.mint-tags-input__tag-remove {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -125,16 +125,16 @@
   transition: opacity 0.15s ease;
 }
 
-.mld-tags-input__tag-remove:hover { opacity: 1; }
+.mint-tags-input__tag-remove:hover { opacity: 1; }
 
-.mld-tags-input__tag-remove-icon {
+.mint-tags-input__tag-remove-icon {
   width: 0.625rem;
   height: 0.625rem;
 }
 
 /* ---------- Input (grows to fill) ---------- */
 
-.mld-tags-input__input {
+.mint-tags-input__input {
   flex: 1;
   min-width: 6rem;
   background: transparent;
@@ -145,14 +145,14 @@
   padding: 0.125rem 0;
 }
 
-.mld-tags-input__input:disabled { cursor: not-allowed; }
+.mint-tags-input__input:disabled { cursor: not-allowed; }
 
-.mld-tags-input--sm .mld-tags-input__input { font-size: 0.8125rem; }
-.mld-tags-input--lg .mld-tags-input__input { font-size: 1rem; }
+.mint-tags-input--sm .mint-tags-input__input { font-size: 0.8125rem; }
+.mint-tags-input--lg .mint-tags-input__input { font-size: 1rem; }
 
 /* ---------- Autocomplete dropdown ---------- */
 
-.mld-tags-input__dropdown {
+.mint-tags-input__dropdown {
   position: absolute;
   top: calc(100% + 4px);
   left: 0;
@@ -167,7 +167,7 @@
   padding: 0.25rem;
 }
 
-.mld-tags-input__dropdown-item {
+.mint-tags-input__dropdown-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -183,12 +183,12 @@
   transition: background-color 0.1s ease;
 }
 
-.mld-tags-input__dropdown-item:hover,
-.mld-tags-input__dropdown-item--highlighted {
+.mint-tags-input__dropdown-item:hover,
+.mint-tags-input__dropdown-item--highlighted {
   background-color: var(--bg-secondary);
 }
 
-.mld-tags-input__dropdown-count {
+.mint-tags-input__dropdown-count {
   font-size: 0.6875rem;
   color: var(--text-muted);
   font-variant-numeric: tabular-nums;