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

package/src/styles/components/app-plugin-switcher.css

@@ -1,11 +1,11 @@
 /* AppPluginSwitcher — plugin chip + switcher dropdown */
 
-.mld-plugin-switcher {
+.mint-plugin-switcher {
   position: relative;
   flex-shrink: 0;
 }
 
-.mld-plugin-switcher__trigger {
+.mint-plugin-switcher__trigger {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
@@ -26,32 +26,32 @@
   transform: translateY(0);
 }
 
-.mld-plugin-switcher__trigger:hover:not(.mld-plugin-switcher__trigger--open) {
+.mint-plugin-switcher__trigger:hover:not(.mint-plugin-switcher__trigger--open) {
   background: var(--bg-hover);
   box-shadow: var(--shadow-sm);
   transform: translateY(-1px);
 }
 
-.mld-plugin-switcher__trigger:active:not(.mld-plugin-switcher__trigger--open) {
+.mint-plugin-switcher__trigger:active:not(.mint-plugin-switcher__trigger--open) {
   transform: translateY(0);
   box-shadow: none;
   transition-duration: 0.05s;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .mld-plugin-switcher__trigger,
-  .mld-plugin-switcher__trigger:hover,
-  .mld-plugin-switcher__trigger:active {
+  .mint-plugin-switcher__trigger,
+  .mint-plugin-switcher__trigger:hover,
+  .mint-plugin-switcher__trigger:active {
     transform: none;
   }
 }
 
-.mld-plugin-switcher__trigger--open {
+.mint-plugin-switcher__trigger--open {
   border-color: var(--color-primary);
   box-shadow: 0 0 0 3px var(--color-primary-soft);
 }
 
-.mld-plugin-switcher__swatch {
+.mint-plugin-switcher__swatch {
   width: 1.5rem;
   height: 1.5rem;
   border-radius: 0.375rem;
@@ -64,18 +64,18 @@
   flex-shrink: 0;
 }
 
-.mld-plugin-switcher__label {
+.mint-plugin-switcher__label {
   font-weight: 600;
   color: var(--text-primary);
 }
 
-.mld-plugin-switcher__version {
+.mint-plugin-switcher__version {
   color: var(--text-muted);
   font-family: var(--font-mono, ui-monospace, monospace);
   font-size: 0.6875rem;
 }
 
-.mld-plugin-switcher__chevron-wrap {
+.mint-plugin-switcher__chevron-wrap {
   width: 1.625rem;
   height: 1.625rem;
   border-radius: 0.375rem;
@@ -86,17 +86,17 @@
   margin-left: 0.125rem;
 }
 
-.mld-plugin-switcher__chevron {
+.mint-plugin-switcher__chevron {
   width: 0.8125rem;
   height: 0.8125rem;
   transition: transform var(--mint-transition);
 }
 
-.mld-plugin-switcher__chevron--open {
+.mint-plugin-switcher__chevron--open {
   transform: rotate(180deg);
 }
 
-.mld-plugin-switcher__menu {
+.mint-plugin-switcher__menu {
   position: absolute;
   top: calc(100% + 0.375rem);
   left: 0;
@@ -109,7 +109,7 @@
   z-index: 50;
 }
 
-.mld-plugin-switcher__menu-title {
+.mint-plugin-switcher__menu-title {
   padding: 0.375rem 0.625rem 0.5rem;
   font-size: 0.625rem;
   font-weight: 600;
@@ -118,7 +118,7 @@
   color: var(--text-muted);
 }
 
-.mld-plugin-switcher__item {
+.mint-plugin-switcher__item {
   display: flex;
   align-items: center;
   gap: 0.625rem;
@@ -137,15 +137,15 @@
   transition: background-color var(--mint-transition);
 }
 
-.mld-plugin-switcher__item:hover {
+.mint-plugin-switcher__item:hover {
   background: var(--bg-hover);
 }
 
-.mld-plugin-switcher__item--active {
+.mint-plugin-switcher__item--active {
   background: var(--bg-tertiary);
 }
 
-.mld-plugin-switcher__item-swatch {
+.mint-plugin-switcher__item-swatch {
   width: 1.375rem;
   height: 1.375rem;
   border-radius: 0.3125rem;
@@ -158,29 +158,29 @@
   flex-shrink: 0;
 }
 
-.mld-plugin-switcher__item-label {
+.mint-plugin-switcher__item-label {
   flex: 1;
 }
 
-.mld-plugin-switcher__item-version {
+.mint-plugin-switcher__item-version {
   color: var(--text-muted);
   font-family: var(--font-mono, ui-monospace, monospace);
   font-size: 0.6875rem;
 }
 
-.mld-plugin-switcher__item-check {
+.mint-plugin-switcher__item-check {
   width: 0.875rem;
   height: 0.875rem;
   color: var(--color-primary);
 }
 
-.mld-plugin-switcher__divider {
+.mint-plugin-switcher__divider {
   height: 1px;
   background: var(--border-light);
   margin: 0.375rem 0;
 }
 
-.mld-plugin-switcher__install {
+.mint-plugin-switcher__install {
   display: flex;
   align-items: center;
   gap: 0.625rem;
@@ -198,12 +198,12 @@
   transition: background-color var(--mint-transition), color var(--mint-transition);
 }
 
-.mld-plugin-switcher__install:hover {
+.mint-plugin-switcher__install:hover {
   background: var(--bg-hover);
   color: var(--text-primary);
 }
 
-.mld-plugin-switcher__install svg {
+.mint-plugin-switcher__install svg {
   width: 0.8125rem;
   height: 0.8125rem;
 }

package/src/styles/components/app-sidebar.css

@@ -1,6 +1,6 @@
 /* AppSidebar Component Styles */
 
-.mld-sidebar {
+.mint-sidebar {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -8,16 +8,16 @@
   background-color: var(--bg-secondary);
 }
 
-.mld-sidebar--hidden {
+.mint-sidebar--hidden {
   display: none;
 }
 
-.mld-sidebar--right:not(.mld-sidebar--floating) {
+.mint-sidebar--right:not(.mint-sidebar--floating) {
   border-right: none;
   border-left: 1px solid var(--border-color);
 }
 
-.mld-sidebar--floating {
+.mint-sidebar--floating {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -27,33 +27,33 @@
   z-index: 40;
 }
 
-.mld-sidebar--floating.mld-sidebar--left {
+.mint-sidebar--floating.mint-sidebar--left {
   left: 0;
 }
 
-.mld-sidebar--floating.mld-sidebar--right {
+.mint-sidebar--floating.mint-sidebar--right {
   right: 0;
 }
 
-.mld-sidebar--static {
+.mint-sidebar--static {
   height: 100%;
   border-right: 1px solid var(--border-color);
 }
 
 /* Header / Footer slots */
-.mld-sidebar__header {
+.mint-sidebar__header {
   padding: 0.75rem;
   flex-shrink: 0;
 }
 
-.mld-sidebar__footer {
+.mint-sidebar__footer {
   padding: 0.75rem;
   flex-shrink: 0;
   border-top: 1px solid var(--border-color);
 }
 
 /* Scrollable sections area */
-.mld-sidebar__sections {
+.mint-sidebar__sections {
   flex: 1 1 0;
   min-height: 0;
   overflow-y: auto;
@@ -64,18 +64,18 @@
 }
 
 /* Dense sidebar variant — compact sections */
-.mld-sidebar--dense .mld-sidebar__sections {
+.mint-sidebar--dense .mint-sidebar__sections {
   padding: 0.5rem;
   gap: 0.375rem;
 }
 
-.mld-sidebar--dense .mld-sidebar__sections > .mld-collapsible-card {
+.mint-sidebar--dense .mint-sidebar__sections > .mint-collapsible-card {
   box-shadow: none;
   border-color: var(--border-light);
 }
 
 /* CollapsibleCard appearance inside sidebar */
-.mld-sidebar__sections > .mld-collapsible-card {
+.mint-sidebar__sections > .mint-collapsible-card {
   flex-shrink: 0;
   border: 1px solid var(--border-light);
   border-radius: var(--radius-md);
@@ -83,43 +83,43 @@
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
 }
 
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__header {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__header {
   padding: 0.625rem 0.75rem;
   min-height: auto;
 }
 
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__icon-badge {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-badge {
   width: 2.25rem;
   height: 2.25rem;
   border-radius: var(--radius-md);
 }
 
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__icon {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon {
   width: 1.125rem;
   height: 1.125rem;
 }
 
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__icon-text {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__icon-text {
   font-size: 1.125rem;
 }
 
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__title {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__title {
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--text-primary);
 }
 
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__subtitle {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__subtitle {
   font-size: 0.75rem;
   color: var(--text-muted);
 }
 
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__chevron {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__chevron {
   width: 0.875rem;
   height: 0.875rem;
 }
 
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__toggle-track {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__toggle-track {
   width: 1.75rem;
   height: 1rem;
 }
@@ -127,17 +127,17 @@
 /* Scaled-down knob: 12px circle inside a 28px track. Must also override the
    base `--on` left position (1.125rem = 18px, calibrated for the 36px track)
    because otherwise the knob overflows the narrower track. */
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__toggle-knob {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__toggle-knob {
   width: 0.75rem;
   height: 0.75rem;
   margin-top: -0.375rem;
 }
 
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__toggle-knob--on {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__toggle-knob--on {
   left: 0.875rem;
 }
 
-.mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__content {
+.mint-sidebar__sections > .mint-collapsible-card .mint-collapsible-card__content {
   padding: 0.75rem;
   display: flex;
   flex-direction: column;