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

package/src/styles/components/calendar.css

@@ -1,6 +1,6 @@
 /* Calendar Component Styles */
 
-.mld-calendar {
+.mint-calendar {
   display: inline-block;
   background-color: var(--bg-secondary);
   border: 1px solid var(--border-color);
@@ -10,20 +10,20 @@
 }
 
 /* Header */
-.mld-calendar__header {
+.mint-calendar__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 0.5rem;
 }
 
-.mld-calendar__title {
+.mint-calendar__title {
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--text-primary);
 }
 
-.mld-calendar__nav-btn {
+.mint-calendar__nav-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -37,30 +37,30 @@
   transition: background-color 0.15s ease, color 0.15s ease;
 }
 
-.mld-calendar__nav-btn:hover {
+.mint-calendar__nav-btn:hover {
   background-color: var(--bg-hover);
   color: var(--text-primary);
 }
 
-.mld-calendar__nav-btn:focus-visible {
+.mint-calendar__nav-btn:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
 
-.mld-calendar__nav-btn svg {
+.mint-calendar__nav-btn svg {
   width: 1rem;
   height: 1rem;
 }
 
 /* Weekday labels */
-.mld-calendar__weekdays {
+.mint-calendar__weekdays {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 0;
   margin-bottom: 0.25rem;
 }
 
-.mld-calendar__weekday {
+.mint-calendar__weekday {
   text-align: center;
   font-size: 0.6875rem;
   font-weight: 600;
@@ -71,14 +71,14 @@
 }
 
 /* Day grid */
-.mld-calendar__grid {
+.mint-calendar__grid {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 0.125rem;
 }
 
 /* Day cells */
-.mld-calendar__day {
+.mint-calendar__day {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -96,60 +96,60 @@
   transition: background-color 0.1s ease, color 0.1s ease;
 }
 
-.mld-calendar__day--interactive {
+.mint-calendar__day--interactive {
   cursor: pointer;
 }
 
-.mld-calendar__day--interactive:hover:not(.mld-calendar__day--disabled):not(.mld-calendar__day--selected) {
+.mint-calendar__day--interactive:hover:not(.mint-calendar__day--disabled):not(.mint-calendar__day--selected) {
   background-color: var(--bg-hover);
 }
 
 /* Today */
-.mld-calendar__day--today:not(.mld-calendar__day--selected) {
+.mint-calendar__day--today:not(.mint-calendar__day--selected) {
   font-weight: 700;
   box-shadow: inset 0 0 0 1.5px var(--color-primary);
 }
 
 /* Selected */
-.mld-calendar__day--selected {
+.mint-calendar__day--selected {
   background-color: var(--color-primary);
   color: white;
   font-weight: 600;
 }
 
-.mld-calendar__day--selected:hover {
+.mint-calendar__day--selected:hover {
   background-color: var(--color-primary-hover);
 }
 
 /* In range */
-.mld-calendar__day--in-range {
+.mint-calendar__day--in-range {
   background-color: rgba(59, 130, 246, 0.1);
   border-radius: 0;
 }
 
-html.dark .mld-calendar__day--in-range {
+html.dark .mint-calendar__day--in-range {
   background-color: rgba(59, 130, 246, 0.2);
 }
 
 /* Outside month */
-.mld-calendar__day--outside {
+.mint-calendar__day--outside {
   color: var(--text-muted);
   opacity: 0.5;
 }
 
 /* Disabled */
-.mld-calendar__day--disabled {
+.mint-calendar__day--disabled {
   opacity: 0.3;
   cursor: not-allowed;
 }
 
 /* Day number */
-.mld-calendar__day-number {
+.mint-calendar__day-number {
   line-height: 1;
 }
 
 /* Markers */
-.mld-calendar__markers {
+.mint-calendar__markers {
   display: flex;
   gap: 0.125rem;
   position: absolute;
@@ -158,25 +158,25 @@ html.dark .mld-calendar__day--in-range {
   transform: translateX(-50%);
 }
 
-.mld-calendar__marker {
+.mint-calendar__marker {
   --marker-color: var(--color-primary);
 }
 
-.mld-calendar__marker--dot {
+.mint-calendar__marker--dot {
   width: 0.25rem;
   height: 0.25rem;
   border-radius: 9999px;
   background-color: var(--marker-color);
 }
 
-.mld-calendar__marker--bar {
+.mint-calendar__marker--bar {
   width: 0.75rem;
   height: 0.1875rem;
   border-radius: 9999px;
   background-color: var(--marker-color);
 }
 
-.mld-calendar__marker--highlight {
+.mint-calendar__marker--highlight {
   position: absolute;
   inset: 0;
   border-radius: inherit;
@@ -185,7 +185,7 @@ html.dark .mld-calendar__day--in-range {
 }
 
 /* Focus states */
-.mld-calendar__day:focus-visible {
+.mint-calendar__day:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   z-index: 1;

package/src/styles/components/chart-container.css

@@ -1,13 +1,13 @@
 /* ChartContainer Component Styles */
 
-.mld-chart {
+.mint-chart {
   background-color: var(--bg-card);
   border: 1px solid var(--border-color);
   border-radius: var(--radius-lg);
   overflow: hidden;
 }
 
-.mld-chart__header {
+.mint-chart__header {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -16,12 +16,12 @@
   border-bottom: 1px solid var(--border-color);
 }
 
-.mld-chart__header-text {
+.mint-chart__header-text {
   flex: 1;
   min-width: 0;
 }
 
-.mld-chart__title {
+.mint-chart__title {
   font-size: 1rem;
   font-weight: 600;
   color: var(--text-primary);
@@ -30,7 +30,7 @@
   padding: 0 !important;
 }
 
-.mld-chart__description {
+.mint-chart__description {
   font-size: 0.8125rem;
   color: var(--text-muted);
   margin-top: 0.25rem !important;
@@ -39,19 +39,19 @@
   padding: 0 !important;
 }
 
-.mld-chart__toolbar {
+.mint-chart__toolbar {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   flex-shrink: 0;
 }
 
-.mld-chart__body {
+.mint-chart__body {
   position: relative;
   min-height: 12rem;
 }
 
-.mld-chart__loading-overlay {
+.mint-chart__loading-overlay {
   position: absolute;
   inset: 0;
   display: flex;
@@ -61,7 +61,7 @@
   z-index: 1;
 }
 
-.mld-chart__legend {
+.mint-chart__legend {
   padding: 0.75rem 1.5rem;
   border-top: 1px solid var(--border-color);
   font-size: 0.8125rem;

package/src/styles/components/checkbox.css

@@ -1,6 +1,6 @@
 /* BaseCheckbox Component Styles */
 
-.mld-checkbox {
+.mint-checkbox {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
@@ -8,19 +8,19 @@
   user-select: none;
 }
 
-.mld-checkbox--disabled {
+.mint-checkbox--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
-.mld-checkbox__input-wrapper {
+.mint-checkbox__input-wrapper {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.mld-checkbox__native {
+.mint-checkbox__native {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -31,7 +31,7 @@
   border: 0;
 }
 
-.mld-checkbox__box {
+.mint-checkbox__box {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -44,80 +44,80 @@
   cursor: pointer;
 }
 
-.mld-checkbox__box--checked {
+.mint-checkbox__box--checked {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
   color: #FFFFFF;
 }
 
-.mld-checkbox__native:focus-visible + .mld-checkbox__box {
+.mint-checkbox__native:focus-visible + .mint-checkbox__box {
   box-shadow: var(--focus-ring-soft);
 }
 
-.mld-checkbox__native:disabled + .mld-checkbox__box {
+.mint-checkbox__native:disabled + .mint-checkbox__box {
   background-color: var(--bg-secondary);
   border-color: var(--border-color);
   cursor: not-allowed;
 }
 
-.mld-checkbox__native:disabled + .mld-checkbox__box.mld-checkbox__box--checked {
+.mint-checkbox__native:disabled + .mint-checkbox__box.mint-checkbox__box--checked {
   background-color: var(--text-muted);
   border-color: var(--text-muted);
   color: #FFFFFF;
 }
 
-.mld-checkbox__box--sm {
+.mint-checkbox__box--sm {
   width: 14px;
   height: 14px;
   min-width: 14px;
   min-height: 14px;
 }
 
-.mld-checkbox__box--md {
+.mint-checkbox__box--md {
   width: 16px;
   height: 16px;
   min-width: 16px;
   min-height: 16px;
 }
 
-.mld-checkbox__box--lg {
+.mint-checkbox__box--lg {
   width: 20px;
   height: 20px;
   min-width: 20px;
   min-height: 20px;
 }
 
-.mld-checkbox__icon {
+.mint-checkbox__icon {
   color: inherit;
 }
 
-.mld-checkbox__icon--sm {
+.mint-checkbox__icon--sm {
   width: 10px;
   height: 10px;
 }
 
-.mld-checkbox__icon--md {
+.mint-checkbox__icon--md {
   width: 12px;
   height: 12px;
 }
 
-.mld-checkbox__icon--lg {
+.mint-checkbox__icon--lg {
   width: 14px;
   height: 14px;
 }
 
-.mld-checkbox__label {
+.mint-checkbox__label {
   color: var(--text-primary);
 }
 
-.mld-checkbox__label--sm {
+.mint-checkbox__label--sm {
   font-size: 0.875rem;
 }
 
-.mld-checkbox__label--md {
+.mint-checkbox__label--md {
   font-size: 0.875rem;
 }
 
-.mld-checkbox__label--lg {
+.mint-checkbox__label--lg {
   font-size: 1rem;
 }

package/src/styles/components/chemical-formula.css

@@ -1,44 +1,44 @@
 /* ChemicalFormula Component Styles */
 
-.mld-chem-formula {
+.mint-chem-formula {
   display: inline;
   font-family: Arial, Helvetica, sans-serif;
   color: var(--text-primary);
   letter-spacing: 0.01em;
 }
 
-.mld-chem-formula--block {
+.mint-chem-formula--block {
   display: block;
   font-size: 1.25em;
   padding: 0.25rem 0;
 }
 
-.mld-chem-formula__element {
+.mint-chem-formula__element {
   /* default styling inherited */
 }
 
-.mld-chem-formula__subscript {
+.mint-chem-formula__subscript {
   vertical-align: sub;
   font-size: 0.75em;
   line-height: 0;
 }
 
-.mld-chem-formula__superscript {
+.mint-chem-formula__superscript {
   vertical-align: super;
   font-size: 0.75em;
   line-height: 0;
 }
 
-.mld-chem-formula__paren {
+.mint-chem-formula__paren {
   color: var(--text-secondary);
 }
 
-.mld-chem-formula__dot {
+.mint-chem-formula__dot {
   margin: 0 0.125em;
   color: var(--text-muted);
 }
 
-.mld-chem-formula__charge {
+.mint-chem-formula__charge {
   vertical-align: super;
   font-size: 0.75em;
   line-height: 0;

package/src/styles/components/collapsible-card.css

@@ -1,6 +1,6 @@
 /* CollapsibleCard Component Styles */
 
-.mld-collapsible-card {
+.mint-collapsible-card {
   border: 1px solid var(--border-color);
   border-radius: var(--radius-lg);
   overflow: hidden;
@@ -8,7 +8,7 @@
 }
 
 
-.mld-collapsible-card__header {
+.mint-collapsible-card__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -24,21 +24,21 @@
   min-height: 3rem;
 }
 
-.mld-collapsible-card__header:hover {
+.mint-collapsible-card__header:hover {
   background-color: var(--bg-hover);
 }
 
-.mld-collapsible-card__header:focus-visible {
+.mint-collapsible-card__header:focus-visible {
   outline: none;
   box-shadow: inset 0 0 0 2px var(--color-primary);
 }
 
-.mld-collapsible-card__header--disabled {
+.mint-collapsible-card__header--disabled {
   opacity: var(--mint-disabled-opacity);
   cursor: not-allowed;
 }
 
-.mld-collapsible-card__title-section {
+.mint-collapsible-card__title-section {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -46,7 +46,7 @@
   min-width: 0;
 }
 
-.mld-collapsible-card__icon-badge {
+.mint-collapsible-card__icon-badge {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -56,17 +56,17 @@
   flex-shrink: 0;
 }
 
-.mld-collapsible-card__icon {
+.mint-collapsible-card__icon {
   width: 1rem;
   height: 1rem;
 }
 
-.mld-collapsible-card__icon-text {
+.mint-collapsible-card__icon-text {
   font-size: 1rem;
   line-height: 1;
 }
 
-.mld-collapsible-card__titles {
+.mint-collapsible-card__titles {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -75,7 +75,7 @@
   padding: 0;
 }
 
-.mld-collapsible-card__title {
+.mint-collapsible-card__title {
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--text-primary);
@@ -87,7 +87,7 @@
   text-overflow: ellipsis;
 }
 
-.mld-collapsible-card__subtitle {
+.mint-collapsible-card__subtitle {
   font-size: 0.75rem;
   color: var(--text-muted);
   margin: 0 !important;
@@ -98,19 +98,19 @@
   text-overflow: ellipsis;
 }
 
-.mld-collapsible-card__actions {
+.mint-collapsible-card__actions {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   flex-shrink: 0;
 }
 
-.mld-collapsible-card__toggle {
+.mint-collapsible-card__toggle {
   display: flex;
   align-items: center;
 }
 
-.mld-collapsible-card__toggle-track {
+.mint-collapsible-card__toggle-track {
   position: relative;
   width: 2.25rem;
   height: 1.25rem;
@@ -120,16 +120,16 @@
   transition: background-color 0.15s ease;
 }
 
-.mld-collapsible-card__toggle-track:focus-visible {
+.mint-collapsible-card__toggle-track:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring-offset);
 }
 
-.mld-collapsible-card__toggle-track--on {
+.mint-collapsible-card__toggle-track--on {
   background-color: var(--color-primary);
 }
 
-.mld-collapsible-card__toggle-knob {
+.mint-collapsible-card__toggle-knob {
   position: absolute;
   top: 50%;
   margin-top: -0.5rem;
@@ -142,11 +142,11 @@
   box-shadow: 0 1px 2px rgb(0 0 0 / 0.15);
 }
 
-.mld-collapsible-card__toggle-knob--on {
+.mint-collapsible-card__toggle-knob--on {
   left: 1.125rem;
 }
 
-.mld-collapsible-card__chevron {
+.mint-collapsible-card__chevron {
   width: 1.25rem;
   height: 1.25rem;
   color: var(--text-muted);
@@ -154,66 +154,66 @@
   flex-shrink: 0;
 }
 
-.mld-collapsible-card__chevron--open {
+.mint-collapsible-card__chevron--open {
   transform: rotate(180deg);
 }
 
-.mld-collapsible-card__header:hover .mld-collapsible-card__chevron {
+.mint-collapsible-card__header:hover .mint-collapsible-card__chevron {
   color: var(--text-secondary);
 }
 
-.mld-collapsible-card__body {
+.mint-collapsible-card__body {
   border-top: 1px solid var(--border-color);
 }
 
-.mld-collapsible-card__content {
+.mint-collapsible-card__content {
   padding: 0.75rem;
 }
 
 /* --------------------------------------------------------------------------
    Dense variant — compact headers, no badge bg, tighter content
    -------------------------------------------------------------------------- */
-.mld-collapsible-card--dense .mld-collapsible-card__header {
+.mint-collapsible-card--dense .mint-collapsible-card__header {
   padding: 0.5rem 0.75rem;
   min-height: auto;
   gap: 0.5rem;
 }
 
-.mld-collapsible-card--dense .mld-collapsible-card__title-section {
+.mint-collapsible-card--dense .mint-collapsible-card__title-section {
   gap: 0.5rem;
 }
 
-.mld-collapsible-card--dense .mld-collapsible-card__icon-badge {
+.mint-collapsible-card--dense .mint-collapsible-card__icon-badge {
   width: 1.5rem;
   height: 1.5rem;
   border-radius: var(--radius);
   background: transparent !important;
 }
 
-.mld-collapsible-card--dense .mld-collapsible-card__icon {
+.mint-collapsible-card--dense .mint-collapsible-card__icon {
   width: 0.875rem;
   height: 0.875rem;
   opacity: 0.5;
 }
 
-.mld-collapsible-card--dense .mld-collapsible-card__title {
+.mint-collapsible-card--dense .mint-collapsible-card__title {
   font-size: 0.8125rem;
 }
 
-.mld-collapsible-card--dense .mld-collapsible-card__subtitle {
+.mint-collapsible-card--dense .mint-collapsible-card__subtitle {
   font-size: 0.6875rem;
 }
 
-.mld-collapsible-card--dense .mld-collapsible-card__actions {
+.mint-collapsible-card--dense .mint-collapsible-card__actions {
   gap: 0.5rem;
 }
 
-.mld-collapsible-card--dense .mld-collapsible-card__chevron {
+.mint-collapsible-card--dense .mint-collapsible-card__chevron {
   width: 0.875rem;
   height: 0.875rem;
 }
 
-.mld-collapsible-card--dense .mld-collapsible-card__content {
+.mint-collapsible-card--dense .mint-collapsible-card__content {
   padding: 0.5rem 0.75rem 0.75rem;
   gap: 0.625rem;
 }
@@ -238,11 +238,11 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .mld-collapsible-card__chevron {
+  .mint-collapsible-card__chevron {
     transition: none;
   }
 
-  .mld-collapsible-card__toggle-knob {
+  .mint-collapsible-card__toggle-knob {
     transition: none;
   }