@morscherlab/mint-sdk 1.0.0-alpha.8 → 1.0.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morscherlab/mint-sdk",
-  "version": "1.0.0-alpha.8",
+  "version": "1.0.0-beta.1",
   "description": "MINT Platform SDK — Vue 3 components, composables, and types for plugin development. MINT = Mass-spec INtegrated Toolkit.",
   "type": "module",
   "main": "./dist/index.js",
@@ -92,7 +92,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/MorscherLab/mld",
+    "url": "https://github.com/MorscherLab/MINT",
     "directory": "packages/sdk-frontend"
   },
   "keywords": [

package/src/__tests__/components/AppLayout.test.ts

@@ -6,14 +6,14 @@ describe('AppLayout', () => {
   describe('rendering with default props', () => {
     it('should render layout with default classes', () => {
       const wrapper = mount(AppLayout)
-      expect(wrapper.find('.mld-layout').exists()).toBe(true)
-      expect(wrapper.find('.mld-layout--sidebar-right').exists()).toBe(false)
-      expect(wrapper.find('.mld-layout--floating').exists()).toBe(false)
+      expect(wrapper.find('.mint-layout').exists()).toBe(true)
+      expect(wrapper.find('.mint-layout--sidebar-right').exists()).toBe(false)
+      expect(wrapper.find('.mint-layout--floating').exists()).toBe(false)
     })
 
     it('should render body container', () => {
       const wrapper = mount(AppLayout)
-      expect(wrapper.find('.mld-layout__body').exists()).toBe(true)
+      expect(wrapper.find('.mint-layout__body').exists()).toBe(true)
     })
 
     it('should render main content slot', () => {
@@ -22,8 +22,8 @@ describe('AppLayout', () => {
           default: '<p>Main content</p>',
         },
       })
-      expect(wrapper.find('.mld-layout__main').exists()).toBe(true)
-      expect(wrapper.find('.mld-layout__main').text()).toBe('Main content')
+      expect(wrapper.find('.mint-layout__main').exists()).toBe(true)
+      expect(wrapper.find('.mint-layout__main').text()).toBe('Main content')
     })
   })
 
@@ -34,13 +34,13 @@ describe('AppLayout', () => {
           topbar: '<div class="custom-topbar">Topbar</div>',
         },
       })
-      expect(wrapper.find('.mld-layout__topbar').exists()).toBe(true)
+      expect(wrapper.find('.mint-layout__topbar').exists()).toBe(true)
       expect(wrapper.find('.custom-topbar').text()).toBe('Topbar')
     })
 
     it('should not render topbar when slot is not provided', () => {
       const wrapper = mount(AppLayout)
-      expect(wrapper.find('.mld-layout__topbar').exists()).toBe(false)
+      expect(wrapper.find('.mint-layout__topbar').exists()).toBe(false)
     })
   })
 
@@ -51,48 +51,48 @@ describe('AppLayout', () => {
           sidebar: '<div class="custom-sidebar">Sidebar</div>',
         },
       })
-      expect(wrapper.find('.mld-layout__sidebar').exists()).toBe(true)
+      expect(wrapper.find('.mint-layout__sidebar').exists()).toBe(true)
       expect(wrapper.find('.custom-sidebar').text()).toBe('Sidebar')
     })
 
     it('should not render sidebar when slot is not provided', () => {
       const wrapper = mount(AppLayout)
-      expect(wrapper.find('.mld-layout__sidebar').exists()).toBe(false)
+      expect(wrapper.find('.mint-layout__sidebar').exists()).toBe(false)
     })
   })
 
   describe('sidebarPosition prop', () => {
     it('should default to left position', () => {
       const wrapper = mount(AppLayout)
-      expect(wrapper.find('.mld-layout--sidebar-right').exists()).toBe(false)
+      expect(wrapper.find('.mint-layout--sidebar-right').exists()).toBe(false)
     })
 
     it('should add right class when sidebarPosition is right', () => {
       const wrapper = mount(AppLayout, {
         props: { sidebarPosition: 'right' },
       })
-      expect(wrapper.find('.mld-layout--sidebar-right').exists()).toBe(true)
+      expect(wrapper.find('.mint-layout--sidebar-right').exists()).toBe(true)
     })
 
     it('should not add right class when sidebarPosition is left', () => {
       const wrapper = mount(AppLayout, {
         props: { sidebarPosition: 'left' },
       })
-      expect(wrapper.find('.mld-layout--sidebar-right').exists()).toBe(false)
+      expect(wrapper.find('.mint-layout--sidebar-right').exists()).toBe(false)
     })
   })
 
   describe('floating prop', () => {
     it('should not add floating class by default', () => {
       const wrapper = mount(AppLayout)
-      expect(wrapper.find('.mld-layout--floating').exists()).toBe(false)
+      expect(wrapper.find('.mint-layout--floating').exists()).toBe(false)
     })
 
     it('should add floating class when floating is true', () => {
       const wrapper = mount(AppLayout, {
         props: { floating: true },
       })
-      expect(wrapper.find('.mld-layout--floating').exists()).toBe(true)
+      expect(wrapper.find('.mint-layout--floating').exists()).toBe(true)
     })
   })
 
@@ -101,7 +101,7 @@ describe('AppLayout', () => {
       const wrapper = mount(AppLayout, {
         slots: { sidebar: '<div>Sidebar</div>' },
       })
-      const sidebar = wrapper.find('.mld-layout__sidebar')
+      const sidebar = wrapper.find('.mint-layout__sidebar')
       expect(sidebar.attributes('style')).toBeUndefined()
     })
 
@@ -110,7 +110,7 @@ describe('AppLayout', () => {
         props: { sidebarWidth: '300px' },
         slots: { sidebar: '<div>Sidebar</div>' },
       })
-      const sidebar = wrapper.find('.mld-layout__sidebar')
+      const sidebar = wrapper.find('.mint-layout__sidebar')
       expect(sidebar.attributes('style')).toContain('width: 300px')
     })
 
@@ -119,7 +119,7 @@ describe('AppLayout', () => {
         props: { sidebarWidth: '20rem' },
         slots: { sidebar: '<div>Sidebar</div>' },
       })
-      const sidebar = wrapper.find('.mld-layout__sidebar')
+      const sidebar = wrapper.find('.mint-layout__sidebar')
       expect(sidebar.attributes('style')).toContain('width: 20rem')
     })
   })
@@ -147,17 +147,17 @@ describe('AppLayout', () => {
         },
       })
 
-      const layout = wrapper.find('.mld-layout')
-      expect(layout.classes()).toContain('mld-layout--sidebar-right')
-      expect(layout.classes()).toContain('mld-layout--floating')
+      const layout = wrapper.find('.mint-layout')
+      expect(layout.classes()).toContain('mint-layout--sidebar-right')
+      expect(layout.classes()).toContain('mint-layout--floating')
     })
   })
 
   describe('edge cases', () => {
     it('should handle empty default slot', () => {
       const wrapper = mount(AppLayout)
-      expect(wrapper.find('.mld-layout__main').exists()).toBe(true)
-      expect(wrapper.find('.mld-layout__main').text()).toBe('')
+      expect(wrapper.find('.mint-layout__main').exists()).toBe(true)
+      expect(wrapper.find('.mint-layout__main').text()).toBe('')
     })
   })
 })

package/src/__tests__/components/AppSidebar.test.ts

@@ -18,60 +18,60 @@ describe('AppSidebar', () => {
   describe('rendering with default props', () => {
     it('should render sidebar with default classes', () => {
       const wrapper = mount(AppSidebar)
-      expect(wrapper.find('.mld-sidebar').exists()).toBe(true)
-      expect(wrapper.find('.mld-sidebar--left').exists()).toBe(true)
-      expect(wrapper.find('.mld-sidebar--floating').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--left').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--floating').exists()).toBe(true)
     })
 
     it('should apply default width', () => {
       const wrapper = mount(AppSidebar, {
         props: { panels: samplePanels, activeView: 'analysis' },
       })
-      expect(wrapper.find('.mld-sidebar').attributes('style')).toContain('width: 280px')
+      expect(wrapper.find('.mint-sidebar').attributes('style')).toContain('width: 280px')
     })
 
     it('should be hidden when no panels match active view', () => {
       const wrapper = mount(AppSidebar, {
         props: { panels: samplePanels, activeView: 'settings' },
       })
-      expect(wrapper.find('.mld-sidebar--hidden').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--hidden').exists()).toBe(true)
     })
 
     it('should be hidden when activeView is empty', () => {
       const wrapper = mount(AppSidebar)
-      expect(wrapper.find('.mld-sidebar--hidden').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--hidden').exists()).toBe(true)
     })
   })
 
   describe('side prop', () => {
     it('should default to left side', () => {
       const wrapper = mount(AppSidebar)
-      expect(wrapper.find('.mld-sidebar--left').exists()).toBe(true)
-      expect(wrapper.find('.mld-sidebar--right').exists()).toBe(false)
+      expect(wrapper.find('.mint-sidebar--left').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--right').exists()).toBe(false)
     })
 
     it('should apply right side class', () => {
       const wrapper = mount(AppSidebar, {
         props: { side: 'right' },
       })
-      expect(wrapper.find('.mld-sidebar--right').exists()).toBe(true)
-      expect(wrapper.find('.mld-sidebar--left').exists()).toBe(false)
+      expect(wrapper.find('.mint-sidebar--right').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--left').exists()).toBe(false)
     })
   })
 
   describe('floating prop', () => {
     it('should apply floating class by default', () => {
       const wrapper = mount(AppSidebar)
-      expect(wrapper.find('.mld-sidebar--floating').exists()).toBe(true)
-      expect(wrapper.find('.mld-sidebar--static').exists()).toBe(false)
+      expect(wrapper.find('.mint-sidebar--floating').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--static').exists()).toBe(false)
     })
 
     it('should apply static class when floating is false', () => {
       const wrapper = mount(AppSidebar, {
         props: { floating: false },
       })
-      expect(wrapper.find('.mld-sidebar--static').exists()).toBe(true)
-      expect(wrapper.find('.mld-sidebar--floating').exists()).toBe(false)
+      expect(wrapper.find('.mint-sidebar--static').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--floating').exists()).toBe(false)
     })
   })
 
@@ -84,7 +84,7 @@ describe('AppSidebar', () => {
           width: '300px',
         },
       })
-      expect(wrapper.find('.mld-sidebar').attributes('style')).toContain('width: 300px')
+      expect(wrapper.find('.mint-sidebar').attributes('style')).toContain('width: 300px')
     })
 
     it('should handle different CSS units', () => {
@@ -95,7 +95,7 @@ describe('AppSidebar', () => {
           width: '20rem',
         },
       })
-      expect(wrapper.find('.mld-sidebar').attributes('style')).toContain('width: 20rem')
+      expect(wrapper.find('.mint-sidebar').attributes('style')).toContain('width: 20rem')
     })
   })
 
@@ -163,10 +163,10 @@ describe('AppSidebar', () => {
         props: { panels: samplePanels, activeView: 'analysis' },
         global: { components: { CollapsibleCard } },
       })
-      expect(wrapper.find('.mld-sidebar--hidden').exists()).toBe(false)
+      expect(wrapper.find('.mint-sidebar--hidden').exists()).toBe(false)
 
       await wrapper.setProps({ activeView: 'settings' })
-      expect(wrapper.find('.mld-sidebar--hidden').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--hidden').exists()).toBe(true)
     })
   })
 
@@ -206,7 +206,7 @@ describe('AppSidebar', () => {
           header: '<div class="custom-header">Header</div>',
         },
       })
-      expect(wrapper.find('.mld-sidebar__header').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar__header').exists()).toBe(true)
       expect(wrapper.find('.custom-header').text()).toBe('Header')
     })
 
@@ -217,7 +217,7 @@ describe('AppSidebar', () => {
           footer: '<div class="custom-footer">Footer</div>',
         },
       })
-      expect(wrapper.find('.mld-sidebar__footer').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar__footer').exists()).toBe(true)
       expect(wrapper.find('.custom-footer').text()).toBe('Footer')
     })
 
@@ -225,14 +225,14 @@ describe('AppSidebar', () => {
       const wrapper = mount(AppSidebar, {
         props: { panels: samplePanels, activeView: 'analysis' },
       })
-      expect(wrapper.find('.mld-sidebar__header').exists()).toBe(false)
+      expect(wrapper.find('.mint-sidebar__header').exists()).toBe(false)
     })
 
     it('should not render footer when slot is not provided', () => {
       const wrapper = mount(AppSidebar, {
         props: { panels: samplePanels, activeView: 'analysis' },
       })
-      expect(wrapper.find('.mld-sidebar__footer').exists()).toBe(false)
+      expect(wrapper.find('.mint-sidebar__footer').exists()).toBe(false)
     })
   })
 
@@ -241,21 +241,21 @@ describe('AppSidebar', () => {
       const wrapper = mount(AppSidebar, {
         props: { panels: {}, activeView: 'analysis' },
       })
-      expect(wrapper.find('.mld-sidebar--hidden').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--hidden').exists()).toBe(true)
     })
 
     it('should handle view with empty sections array', () => {
       const wrapper = mount(AppSidebar, {
         props: { panels: { empty: [] }, activeView: 'empty' },
       })
-      expect(wrapper.find('.mld-sidebar--hidden').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--hidden').exists()).toBe(true)
     })
 
     it('should handle undefined activeView', () => {
       const wrapper = mount(AppSidebar, {
         props: { panels: samplePanels },
       })
-      expect(wrapper.find('.mld-sidebar--hidden').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar--hidden').exists()).toBe(true)
     })
   })
 
@@ -268,9 +268,9 @@ describe('AppSidebar', () => {
         },
       })
 
-      const sidebar = wrapper.find('.mld-sidebar')
-      expect(sidebar.classes()).toContain('mld-sidebar--left')
-      expect(sidebar.classes()).toContain('mld-sidebar--static')
+      const sidebar = wrapper.find('.mint-sidebar')
+      expect(sidebar.classes()).toContain('mint-sidebar--left')
+      expect(sidebar.classes()).toContain('mint-sidebar--static')
     })
 
     it('should render all slots with sections', () => {
@@ -286,7 +286,7 @@ describe('AppSidebar', () => {
 
       expect(wrapper.find('.header').exists()).toBe(true)
       expect(wrapper.find('.footer').exists()).toBe(true)
-      expect(wrapper.find('.mld-sidebar__sections').exists()).toBe(true)
+      expect(wrapper.find('.mint-sidebar__sections').exists()).toBe(true)
     })
   })
 })

package/src/__tests__/components/AppTopBar.test.ts

@@ -65,7 +65,7 @@ describe('AppTopBar', () => {
 
     it('should render without settings button by default', () => {
       const wrapper = createWrapper({ title: 'Test App' })
-      expect(wrapper.find('.mld-topbar__settings-btn').exists()).toBe(false)
+      expect(wrapper.find('.mint-topbar__settings-btn').exists()).toBe(false)
     })
 
     it('should render without SettingsModal by default', () => {
@@ -75,8 +75,8 @@ describe('AppTopBar', () => {
 
     it('should show standalone badge by default when not integrated', () => {
       const wrapper = createWrapper({ title: 'Test App' })
-      expect(wrapper.find('.mld-topbar__standalone-badge').exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__standalone-badge').text()).toBe('Standalone')
+      expect(wrapper.find('.mint-topbar__standalone-badge').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__standalone-badge').text()).toBe('Standalone')
     })
   })
 
@@ -112,7 +112,7 @@ describe('AppTopBar', () => {
         title: 'Test App',
         showThemeToggle: true,
       })
-      const rightSection = wrapper.find('.mld-topbar__right')
+      const rightSection = wrapper.find('.mint-topbar__right')
       expect(rightSection.findComponent(ThemeToggle).exists()).toBe(true)
     })
   })
@@ -123,7 +123,7 @@ describe('AppTopBar', () => {
         title: 'Test App',
         showSettings: false,
       })
-      expect(wrapper.find('.mld-topbar__settings-btn').exists()).toBe(false)
+      expect(wrapper.find('.mint-topbar__settings-btn').exists()).toBe(false)
     })
 
     it('should render settings button when showSettings is true', () => {
@@ -131,7 +131,7 @@ describe('AppTopBar', () => {
         title: 'Test App',
         showSettings: true,
       })
-      const settingsBtn = wrapper.find('.mld-topbar__settings-btn')
+      const settingsBtn = wrapper.find('.mint-topbar__settings-btn')
       expect(settingsBtn.exists()).toBe(true)
     })
 
@@ -148,7 +148,7 @@ describe('AppTopBar', () => {
         title: 'Test App',
         showSettings: true,
       })
-      const settingsBtn = wrapper.find('.mld-topbar__settings-btn')
+      const settingsBtn = wrapper.find('.mint-topbar__settings-btn')
       expect(settingsBtn.attributes('aria-label')).toBe('Open settings')
     })
 
@@ -157,8 +157,8 @@ describe('AppTopBar', () => {
         title: 'Test App',
         showSettings: true,
       })
-      const settingsBtn = wrapper.find('.mld-topbar__settings-btn')
-      const icon = settingsBtn.find('.mld-topbar__settings-icon')
+      const settingsBtn = wrapper.find('.mint-topbar__settings-btn')
+      const icon = settingsBtn.find('.mint-topbar__settings-icon')
       expect(icon.exists()).toBe(true)
       expect(icon.element.tagName.toLowerCase()).toBe('svg')
     })
@@ -171,7 +171,7 @@ describe('AppTopBar', () => {
         showSettings: true,
       })
 
-      const settingsBtn = wrapper.find('.mld-topbar__settings-btn')
+      const settingsBtn = wrapper.find('.mint-topbar__settings-btn')
       await settingsBtn.trigger('click')
 
       const settingsModal = wrapper.findComponent(SettingsModal)
@@ -335,7 +335,7 @@ describe('AppTopBar', () => {
         title: 'Test App',
         showStandaloneLabel: true,
       })
-      expect(wrapper.find('.mld-topbar__standalone-badge').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__standalone-badge').exists()).toBe(true)
     })
 
     it('should hide standalone badge when showStandaloneLabel is false', () => {
@@ -343,7 +343,7 @@ describe('AppTopBar', () => {
         title: 'Test App',
         showStandaloneLabel: false,
       })
-      expect(wrapper.find('.mld-topbar__standalone-badge').exists()).toBe(false)
+      expect(wrapper.find('.mint-topbar__standalone-badge').exists()).toBe(false)
     })
   })
 
@@ -352,7 +352,7 @@ describe('AppTopBar', () => {
       const wrapper = createWrapper({
         title: 'Test App',
       })
-      const badge = wrapper.find('.mld-topbar__standalone-badge')
+      const badge = wrapper.find('.mint-topbar__standalone-badge')
       expect(badge.text()).toBe('Standalone')
     })
 
@@ -361,7 +361,7 @@ describe('AppTopBar', () => {
         title: 'Test App',
         standaloneLabel: 'Demo Mode',
       })
-      const badge = wrapper.find('.mld-topbar__standalone-badge')
+      const badge = wrapper.find('.mint-topbar__standalone-badge')
       expect(badge.text()).toBe('Demo Mode')
     })
 
@@ -370,7 +370,7 @@ describe('AppTopBar', () => {
         title: 'Test App',
         standaloneLabel: '',
       })
-      const badge = wrapper.find('.mld-topbar__standalone-badge')
+      const badge = wrapper.find('.mint-topbar__standalone-badge')
       expect(badge.text()).toBe('')
     })
   })
@@ -386,7 +386,7 @@ describe('AppTopBar', () => {
       })
 
       // In non-integrated mode (default mock), badge should be visible
-      expect(wrapper.find('.mld-topbar__standalone-badge').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__standalone-badge').exists()).toBe(true)
     })
   })
 
@@ -399,7 +399,7 @@ describe('AppTopBar', () => {
       })
 
       expect(wrapper.findComponent(ThemeToggle).exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__settings-btn').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__settings-btn').exists()).toBe(true)
     })
 
     it('should render standalone badge, ThemeToggle, and settings button together', () => {
@@ -411,10 +411,10 @@ describe('AppTopBar', () => {
         standaloneLabel: 'Offline',
       })
 
-      expect(wrapper.find('.mld-topbar__standalone-badge').exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__standalone-badge').text()).toBe('Offline')
+      expect(wrapper.find('.mint-topbar__standalone-badge').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__standalone-badge').text()).toBe('Offline')
       expect(wrapper.findComponent(ThemeToggle).exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__settings-btn').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__settings-btn').exists()).toBe(true)
     })
 
     it('should maintain existing topbar functionality with new features', () => {
@@ -432,8 +432,8 @@ describe('AppTopBar', () => {
 
       // Verify new features render
       expect(wrapper.findComponent(ThemeToggle).exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__settings-btn').exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__standalone-badge').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__settings-btn').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__standalone-badge').exists()).toBe(true)
     })
 
     it('should render all elements in correct order in right section', () => {
@@ -446,29 +446,29 @@ describe('AppTopBar', () => {
         actions: '<button class="custom-action">Action</button>',
       })
 
-      const rightSection = wrapper.find('.mld-topbar__right')
+      const rightSection = wrapper.find('.mint-topbar__right')
       expect(rightSection.exists()).toBe(true)
 
       // Verify all expected elements are present
-      expect(wrapper.find('.mld-topbar__standalone-badge').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__standalone-badge').exists()).toBe(true)
       expect(wrapper.find('.custom-action').exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__settings-btn').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__settings-btn').exists()).toBe(true)
       expect(wrapper.findComponent(ThemeToggle).exists()).toBe(true)
     })
   })
 
-  describe('backward compatibility', () => {
+  describe('classic prop surface', () => {
     it('should not break existing usage without new props', () => {
       const wrapper = createWrapper({
-        title: 'Legacy App',
+        title: 'Classic App',
         subtitle: 'Old API',
       })
 
-      expect(wrapper.find('.mld-topbar').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar').exists()).toBe(true)
       expect(wrapper.findComponent(ThemeToggle).exists()).toBe(false)
-      expect(wrapper.find('.mld-topbar__settings-btn').exists()).toBe(false)
+      expect(wrapper.find('.mint-topbar__settings-btn').exists()).toBe(false)
       // Standalone badge still shows by default in standalone mode
-      expect(wrapper.find('.mld-topbar__standalone-badge').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__standalone-badge').exists()).toBe(true)
     })
 
     it('should work with existing pages and tabs props', () => {
@@ -490,7 +490,7 @@ describe('AppTopBar', () => {
       expect(wrapper.text()).toContain('Test Plugin')
       expect(wrapper.text()).toContain('Dashboard')
       expect(wrapper.findComponent(ThemeToggle).exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__settings-btn').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__settings-btn').exists()).toBe(true)
     })
   })
 
@@ -536,7 +536,7 @@ describe('AppTopBar', () => {
         standaloneLabel: '🚀 Preview',
       })
 
-      const badge = wrapper.find('.mld-topbar__standalone-badge')
+      const badge = wrapper.find('.mint-topbar__standalone-badge')
       expect(badge.text()).toBe('🚀 Preview')
     })
 
@@ -547,7 +547,7 @@ describe('AppTopBar', () => {
         standaloneLabel: longLabel,
       })
 
-      const badge = wrapper.find('.mld-topbar__standalone-badge')
+      const badge = wrapper.find('.mint-topbar__standalone-badge')
       expect(badge.text()).toBe(longLabel)
     })
   })
@@ -619,9 +619,9 @@ describe('AppTopBar', () => {
     it('should render default M logo when no plugin icon and no #icon slot', () => {
       const wrapper = createWrapper({ title: 'Test App' })
 
-      expect(wrapper.find('.mld-topbar__logo-text').exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__logo-text').text()).toBe('M')
-      expect(wrapper.find('.mld-topbar__logo-svg').exists()).toBe(false)
+      expect(wrapper.find('.mint-topbar__logo-text').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__logo-text').text()).toBe('M')
+      expect(wrapper.find('.mint-topbar__logo-svg').exists()).toBe(false)
     })
 
     it('should render plugin metadata icon SVG when plugin has icon', () => {
@@ -633,10 +633,10 @@ describe('AppTopBar', () => {
 
       const wrapper = createWrapper({ title: 'Test App' })
 
-      const svg = wrapper.find('.mld-topbar__logo-svg')
+      const svg = wrapper.find('.mint-topbar__logo-svg')
       expect(svg.exists()).toBe(true)
       expect(svg.find('path').attributes('d')).toBe(iconPath)
-      expect(wrapper.find('.mld-topbar__logo-text').exists()).toBe(false)
+      expect(wrapper.find('.mint-topbar__logo-text').exists()).toBe(false)
     })
 
     it('should not render plugin icon when #icon slot is provided', () => {
@@ -651,7 +651,7 @@ describe('AppTopBar', () => {
       })
 
       expect(wrapper.find('.custom-icon').exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__logo-svg').exists()).toBe(false)
+      expect(wrapper.find('.mint-topbar__logo-svg').exists()).toBe(false)
     })
 
     it('should not render plugin icon when icon does not start with M', () => {
@@ -662,9 +662,9 @@ describe('AppTopBar', () => {
 
       const wrapper = createWrapper({ title: 'Test App' })
 
-      expect(wrapper.find('.mld-topbar__logo-svg').exists()).toBe(false)
-      expect(wrapper.find('.mld-topbar__logo-text').exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__logo-text').text()).toBe('M')
+      expect(wrapper.find('.mint-topbar__logo-svg').exists()).toBe(false)
+      expect(wrapper.find('.mint-topbar__logo-text').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__logo-text').text()).toBe('M')
     })
 
     it('should not render plugin icon when icon is empty string', () => {
@@ -675,9 +675,9 @@ describe('AppTopBar', () => {
 
       const wrapper = createWrapper({ title: 'Test App' })
 
-      expect(wrapper.find('.mld-topbar__logo-svg').exists()).toBe(false)
-      expect(wrapper.find('.mld-topbar__logo-text').exists()).toBe(true)
-      expect(wrapper.find('.mld-topbar__logo-text').text()).toBe('M')
+      expect(wrapper.find('.mint-topbar__logo-svg').exists()).toBe(false)
+      expect(wrapper.find('.mint-topbar__logo-text').exists()).toBe(true)
+      expect(wrapper.find('.mint-topbar__logo-text').text()).toBe('M')
     })
   })
 })

package/src/__tests__/components/BaseInput.test.ts

@@ -68,14 +68,14 @@ describe('BaseInput', () => {
       const wrapper = mount(BaseInput, {
         props: { modelValue: '', error: true },
       })
-      expect(wrapper.find('input').classes()).toContain('mld-input--error')
+      expect(wrapper.find('input').classes()).toContain('mint-input--error')
     })
 
     it('should apply size class', () => {
       const wrapper = mount(BaseInput, {
         props: { modelValue: '', size: 'lg' },
       })
-      expect(wrapper.find('input').classes()).toContain('mld-input--lg')
+      expect(wrapper.find('input').classes()).toContain('mint-input--lg')
     })
   })