@morscherlab/mint-sdk 1.2.0-beta.1 → 1.2.0-beta.3

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

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

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

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

package/src/styles/components/tabs.css

@@ -1,103 +0,0 @@
-/* BaseTabs Component Styles */
-
-.mint-tabs {
-  display: flex;
-}
-
-.mint-tabs--underline {
-  border-bottom: 1px solid var(--border-color);
-}
-
-.mint-tabs--pills {
-  width: fit-content;
-  max-width: 100%;
-  gap: 0.5rem;
-  padding: 0.25rem;
-  background-color: var(--bg-tertiary);
-  border-radius: var(--radius-md);
-  overflow-x: auto;
-}
-
-.mint-tab {
-  padding: 0.5rem 1rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
-  background: none;
-  border: none;
-  cursor: pointer;
-}
-
-.mint-tab:focus {
-  outline: none;
-}
-
-.mint-tab:focus-visible {
-  outline: none;
-  box-shadow: var(--focus-ring);
-}
-
-.mint-tab--disabled {
-  color: var(--text-muted);
-  cursor: not-allowed;
-}
-
-/* Underline variant */
-.mint-tabs--underline .mint-tab {
-  border-bottom: 2px solid transparent;
-  margin-bottom: -1px;
-  color: var(--text-secondary);
-}
-
-.mint-tabs--underline .mint-tab:hover:not(.mint-tab--disabled) {
-  color: var(--text-primary);
-}
-
-.mint-tabs--underline .mint-tab--active {
-  border-bottom-color: var(--color-primary);
-  color: var(--color-primary);
-}
-
-/* Pills variant — visually identical to SegmentedControl card */
-.mint-tabs--pills .mint-tab {
-  border-radius: var(--radius);
-  color: var(--text-muted);
-  background-color: transparent;
-}
-
-.mint-tabs--pills .mint-tab:hover:not(.mint-tab--disabled):not(.mint-tab--active) {
-  color: var(--text-primary);
-  background-color: var(--bg-hover);
-}
-
-.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 */
-.mint-tab__content {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.mint-tab__icon {
-  color: currentColor;
-}
-
-.mint-tab__icon--svg {
-  width: 1rem;
-  height: 1rem;
-  flex-shrink: 0;
-}
-
-.mint-tab__badge {
-  margin-left: 0.25rem;
-  padding: 0.125rem 0.375rem;
-  font-size: 0.75rem;
-  border-radius: 9999px;
-  background-color: var(--color-primary-soft, rgba(99, 102, 241, 0.12));
-  color: var(--color-primary);
-}

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

@@ -1,195 +0,0 @@
-/* TagsInput Component Styles */
-
-.mint-tags-input {
-  display: flex;
-  flex-direction: column;
-  gap: 0.375rem;
-  position: relative;
-}
-
-/* ---------- Category switcher (variant="categorized") ---------- */
-
-.mint-tags-input__categories {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.375rem;
-}
-
-.mint-tags-input__category {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.1875rem 0.5rem;
-  border: 1px solid transparent;
-  border-radius: 9999px;
-  font-size: 0.6875rem;
-  font-weight: 500;
-  background: transparent;
-  cursor: pointer;
-  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
-}
-
-.mint-tags-input__category:disabled { cursor: not-allowed; opacity: var(--mint-disabled-opacity); }
-
-/* Inactive (color-muted bg, color-muted text) per variant */
-.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 */
-.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 ---------- */
-
-.mint-tags-input__field {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.375rem;
-  padding: 0.25rem 0.5rem;
-  min-height: var(--form-height-md);
-  background-color: var(--bg-secondary);
-  border: 1px solid var(--border-color);
-  border-radius: 0.5rem;
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
-  cursor: text;
-}
-
-.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); }
-
-.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);
-}
-
-.mint-tags-input--error .mint-tags-input__field {
-  border-color: var(--mint-error);
-}
-.mint-tags-input--error .mint-tags-input__field:focus-within {
-  box-shadow: var(--focus-ring-soft-error);
-}
-
-.mint-tags-input--disabled .mint-tags-input__field {
-  opacity: var(--mint-disabled-opacity);
-  background-color: var(--bg-secondary);
-  cursor: not-allowed;
-}
-
-/* ---------- Tag pill ---------- */
-
-.mint-tags-input__tag {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25rem;
-  padding: 0.125rem 0.5rem;
-  background: var(--color-primary-soft);
-  color: var(--color-primary-hover);
-  border-radius: 9999px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  white-space: nowrap;
-}
-
-/* Categorized color variants */
-.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); }
-
-.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; }
-
-.mint-tags-input__tag-remove {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.0625rem;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  color: inherit;
-  opacity: 0.6;
-  transition: opacity 0.15s ease;
-}
-
-.mint-tags-input__tag-remove:hover { opacity: 1; }
-
-.mint-tags-input__tag-remove-icon {
-  width: 0.625rem;
-  height: 0.625rem;
-}
-
-/* ---------- Input (grows to fill) ---------- */
-
-.mint-tags-input__input {
-  flex: 1;
-  min-width: 6rem;
-  background: transparent;
-  border: none;
-  outline: none;
-  font-size: 0.875rem;
-  color: var(--text-primary);
-  padding: 0.125rem 0;
-}
-
-.mint-tags-input__input:disabled { cursor: not-allowed; }
-
-.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 ---------- */
-
-.mint-tags-input__dropdown {
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
-  right: 0;
-  background: var(--bg-card);
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-md);
-  box-shadow: var(--shadow-md);
-  z-index: 50;
-  max-height: 14rem;
-  overflow-y: auto;
-  padding: 0.25rem;
-}
-
-.mint-tags-input__dropdown-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  padding: 0.375rem 0.625rem;
-  border: none;
-  background: transparent;
-  color: var(--text-primary);
-  font-size: 0.8125rem;
-  text-align: left;
-  cursor: pointer;
-  border-radius: var(--radius-sm);
-  transition: background-color 0.1s ease;
-}
-
-.mint-tags-input__dropdown-item:hover,
-.mint-tags-input__dropdown-item--highlighted {
-  background-color: var(--bg-secondary);
-}
-
-.mint-tags-input__dropdown-count {
-  font-size: 0.6875rem;
-  color: var(--text-muted);
-  font-variant-numeric: tabular-nums;
-}

package/src/styles/components/textarea.css

@@ -1,81 +0,0 @@
-/* BaseTextarea Component Styles */
-
-.mint-textarea {
-  display: block;
-  width: 100%;
-  font-family: inherit;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  color: var(--text-primary);
-  background-color: var(--bg-secondary);
-  border: 1px solid var(--border-color);
-  border-radius: var(--radius-md);
-  outline: none;
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
-  resize: vertical;
-  min-height: 5rem;
-  box-sizing: border-box;
-}
-
-.mint-textarea::placeholder {
-  color: var(--text-muted);
-}
-
-.mint-textarea:hover:not(:focus-visible):not(.mint-textarea--disabled):not(.mint-textarea--error) {
-  border-color: var(--text-muted);
-}
-
-.mint-textarea:focus,
-.mint-textarea:focus-visible {
-  border-color: var(--color-primary);
-  box-shadow: var(--focus-ring-soft);
-}
-
-.mint-textarea--error {
-  border-color: var(--mint-error);
-}
-
-.mint-textarea--error:focus,
-.mint-textarea--error:focus-visible {
-  box-shadow: var(--focus-ring-soft-error);
-}
-
-.mint-textarea--disabled,
-.mint-textarea:disabled {
-  background-color: var(--bg-tertiary);
-  color: var(--text-muted);
-  cursor: not-allowed;
-  resize: none;
-}
-
-/* Size variants */
-.mint-textarea--sm {
-  padding: 0.375rem 0.625rem;
-  font-size: 0.8125rem;
-}
-
-.mint-textarea--md {
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-}
-
-.mint-textarea--lg {
-  padding: 0.75rem 1rem;
-  font-size: 1rem;
-}
-
-.mint-textarea--resize-none {
-  resize: none;
-}
-
-.mint-textarea--resize-vertical {
-  resize: vertical;
-}
-
-.mint-textarea--resize-horizontal {
-  resize: horizontal;
-}
-
-.mint-textarea--resize-both {
-  resize: both;
-}

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

@@ -1,6 +0,0 @@
-/* ThemeToggle Component Styles */
-
-.mint-theme-toggle__icon {
-  width: 100%;
-  height: 100%;
-}