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

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

@@ -15,36 +15,36 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      expect(wrapper.find('.mld-dropdown-button').exists()).toBe(true)
-      expect(wrapper.find('.mld-dropdown-button__trigger').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__trigger').exists()).toBe(true)
     })
 
     it('should show placeholder when no value is selected', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      expect(wrapper.find('.mld-dropdown-button__label').text()).toBe('Select...')
+      expect(wrapper.find('.mint-dropdown-button__label').text()).toBe('Select...')
     })
 
     it('should show custom placeholder', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, placeholder: 'Choose an option' },
       })
-      expect(wrapper.find('.mld-dropdown-button__label').text()).toBe('Choose an option')
+      expect(wrapper.find('.mint-dropdown-button__label').text()).toBe('Choose an option')
     })
 
     it('should be closed by default', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(false)
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(false)
     })
 
     it('should have chevron icon', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      expect(wrapper.find('.mld-dropdown-button__chevron').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__chevron').exists()).toBe(true)
     })
   })
 
@@ -53,22 +53,22 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, modelValue: 'b' },
       })
-      expect(wrapper.find('.mld-dropdown-button__label').text()).toBe('Option B')
+      expect(wrapper.find('.mint-dropdown-button__label').text()).toBe('Option B')
     })
 
     it('should fallback to value when option not found', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, modelValue: 'unknown' },
       })
-      expect(wrapper.find('.mld-dropdown-button__label').text()).toBe('unknown')
+      expect(wrapper.find('.mint-dropdown-button__label').text()).toBe('unknown')
     })
 
     it('should emit update:modelValue when option is selected', async () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      await wrapper.findAll('.mld-dropdown-button__option')[0].trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      await wrapper.findAll('.mint-dropdown-button__option')[0].trigger('click')
 
       expect(wrapper.emitted('update:modelValue')).toHaveLength(1)
       expect(wrapper.emitted('update:modelValue')?.[0]).toEqual(['a'])
@@ -78,8 +78,8 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      await wrapper.findAll('.mld-dropdown-button__option')[1].trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      await wrapper.findAll('.mint-dropdown-button__option')[1].trigger('click')
 
       expect(wrapper.emitted('select')).toHaveLength(1)
       expect(wrapper.emitted('select')?.[0]).toEqual([mockOptions[1]])
@@ -91,46 +91,46 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(true)
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(true)
     })
 
     it('should close menu when trigger is clicked again', async () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      const trigger = wrapper.find('.mld-dropdown-button__trigger')
+      const trigger = wrapper.find('.mint-dropdown-button__trigger')
       await trigger.trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(true)
       await trigger.trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(false)
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(false)
     })
 
     it('should apply open class to trigger when menu is open', async () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__trigger--open').exists()).toBe(true)
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__trigger--open').exists()).toBe(true)
     })
 
     it('should rotate chevron when open', async () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__chevron--open').exists()).toBe(true)
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__chevron--open').exists()).toBe(true)
     })
 
     it('should close menu after selecting an option', async () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(true)
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(true)
 
-      await wrapper.findAll('.mld-dropdown-button__option')[0].trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(false)
+      await wrapper.findAll('.mint-dropdown-button__option')[0].trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(false)
     })
   })
 
@@ -139,9 +139,9 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
 
-      const options = wrapper.findAll('.mld-dropdown-button__option')
+      const options = wrapper.findAll('.mint-dropdown-button__option')
       expect(options).toHaveLength(3)
     })
 
@@ -149,9 +149,9 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
 
-      const labels = wrapper.findAll('.mld-dropdown-button__option-label')
+      const labels = wrapper.findAll('.mint-dropdown-button__option-label')
       expect(labels[0].text()).toBe('Option A')
       expect(labels[1].text()).toBe('Option B')
       expect(labels[2].text()).toBe('Option C')
@@ -161,9 +161,9 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
 
-      const descriptions = wrapper.findAll('.mld-dropdown-button__option-description')
+      const descriptions = wrapper.findAll('.mint-dropdown-button__option-description')
       expect(descriptions).toHaveLength(1)
       expect(descriptions[0].text()).toBe('Description for B')
     })
@@ -172,9 +172,9 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, modelValue: 'a' },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
 
-      const selectedOption = wrapper.find('.mld-dropdown-button__option--selected')
+      const selectedOption = wrapper.find('.mint-dropdown-button__option--selected')
       expect(selectedOption.exists()).toBe(true)
     })
 
@@ -182,10 +182,10 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, modelValue: 'b' },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
 
-      const options = wrapper.findAll('.mld-dropdown-button__option')
-      const checkmark = options[1].find('.mld-dropdown-button__option-check')
+      const options = wrapper.findAll('.mint-dropdown-button__option')
+      const checkmark = options[1].find('.mint-dropdown-button__option-check')
       expect(checkmark.exists()).toBe(true)
     })
 
@@ -193,19 +193,19 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
 
-      const options = wrapper.findAll('.mld-dropdown-button__option')
-      expect(options[2].classes()).toContain('mld-dropdown-button__option--disabled')
+      const options = wrapper.findAll('.mint-dropdown-button__option')
+      expect(options[2].classes()).toContain('mint-dropdown-button__option--disabled')
     })
 
     it('should not select disabled options', async () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
 
-      const disabledOption = wrapper.findAll('.mld-dropdown-button__option')[2]
+      const disabledOption = wrapper.findAll('.mint-dropdown-button__option')[2]
       await disabledOption.trigger('click')
 
       expect(wrapper.emitted('update:modelValue')).toBeUndefined()
@@ -217,21 +217,21 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      expect(wrapper.find('.mld-dropdown-button__trigger--secondary').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__trigger--secondary').exists()).toBe(true)
     })
 
     it('should apply primary variant', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, variant: 'primary' },
       })
-      expect(wrapper.find('.mld-dropdown-button__trigger--primary').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__trigger--primary').exists()).toBe(true)
     })
 
     it('should apply danger variant', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, variant: 'danger' },
       })
-      expect(wrapper.find('.mld-dropdown-button__trigger--danger').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__trigger--danger').exists()).toBe(true)
     })
   })
 
@@ -240,21 +240,21 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      expect(wrapper.find('.mld-dropdown-button__trigger--md').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__trigger--md').exists()).toBe(true)
     })
 
     it('should apply small size', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, size: 'sm' },
       })
-      expect(wrapper.find('.mld-dropdown-button__trigger--sm').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__trigger--sm').exists()).toBe(true)
     })
 
     it('should apply large size', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, size: 'lg' },
       })
-      expect(wrapper.find('.mld-dropdown-button__trigger--lg').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__trigger--lg').exists()).toBe(true)
     })
   })
 
@@ -263,7 +263,7 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, disabled: true },
       })
-      const trigger = wrapper.find('.mld-dropdown-button__trigger')
+      const trigger = wrapper.find('.mint-dropdown-button__trigger')
       expect(trigger.attributes('disabled')).toBeDefined()
     })
 
@@ -271,15 +271,15 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, disabled: true },
       })
-      expect(wrapper.find('.mld-dropdown-button__trigger--disabled').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__trigger--disabled').exists()).toBe(true)
     })
 
     it('should not open menu when disabled', async () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, disabled: true },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(false)
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(false)
     })
   })
 
@@ -288,14 +288,14 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, loading: true },
       })
-      expect(wrapper.find('.mld-dropdown-button__spinner').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button__spinner').exists()).toBe(true)
     })
 
     it('should disable button when loading', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, loading: true },
       })
-      const trigger = wrapper.find('.mld-dropdown-button__trigger')
+      const trigger = wrapper.find('.mint-dropdown-button__trigger')
       expect(trigger.attributes('disabled')).toBeDefined()
     })
 
@@ -303,8 +303,8 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, loading: true },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(false)
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(false)
     })
   })
 
@@ -323,14 +323,14 @@ describe('DropdownButton', () => {
         attachTo: document.body,
       })
 
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(true)
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(true)
 
       // Simulate click outside
       document.body.click()
       await wrapper.vm.$nextTick()
 
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(false)
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(false)
       wrapper.unmount()
     })
 
@@ -339,12 +339,12 @@ describe('DropdownButton', () => {
         props: { options: mockOptions },
       })
 
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(true)
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(true)
 
       // Click on the container itself
-      await wrapper.find('.mld-dropdown-button').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(true)
+      await wrapper.find('.mint-dropdown-button').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(true)
     })
   })
 
@@ -355,15 +355,15 @@ describe('DropdownButton', () => {
         attachTo: document.body,
       })
 
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(true)
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(true)
 
       // Simulate Escape key press
       const event = new KeyboardEvent('keydown', { key: 'Escape' })
       document.dispatchEvent(event)
       await wrapper.vm.$nextTick()
 
-      expect(wrapper.find('.mld-dropdown-button__menu').exists()).toBe(false)
+      expect(wrapper.find('.mint-dropdown-button__menu').exists()).toBe(false)
       wrapper.unmount()
     })
   })
@@ -373,14 +373,14 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      expect(wrapper.find('.mld-dropdown-button__trigger').attributes('type')).toBe('button')
+      expect(wrapper.find('.mint-dropdown-button__trigger').attributes('type')).toBe('button')
     })
 
     it('should have aria-expanded attribute', async () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      const trigger = wrapper.find('.mld-dropdown-button__trigger')
+      const trigger = wrapper.find('.mint-dropdown-button__trigger')
       expect(trigger.attributes('aria-expanded')).toBe('false')
 
       await trigger.trigger('click')
@@ -391,23 +391,23 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      expect(wrapper.find('.mld-dropdown-button__trigger').attributes('aria-haspopup')).toBe('listbox')
+      expect(wrapper.find('.mint-dropdown-button__trigger').attributes('aria-haspopup')).toBe('listbox')
     })
 
     it('should have role="listbox" on menu', async () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      expect(wrapper.find('.mld-dropdown-button__menu').attributes('role')).toBe('listbox')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      expect(wrapper.find('.mint-dropdown-button__menu').attributes('role')).toBe('listbox')
     })
 
     it('should have role="option" on options', async () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
-      const options = wrapper.findAll('.mld-dropdown-button__option')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
+      const options = wrapper.findAll('.mint-dropdown-button__option')
       options.forEach(opt => {
         expect(opt.attributes('role')).toBe('option')
       })
@@ -417,9 +417,9 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions, modelValue: 'a' },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
 
-      const options = wrapper.findAll('.mld-dropdown-button__option')
+      const options = wrapper.findAll('.mint-dropdown-button__option')
       expect(options[0].attributes('aria-selected')).toBe('true')
       expect(options[1].attributes('aria-selected')).toBe('false')
     })
@@ -428,9 +428,9 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: mockOptions },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
 
-      const disabledOption = wrapper.findAll('.mld-dropdown-button__option')[2]
+      const disabledOption = wrapper.findAll('.mint-dropdown-button__option')[2]
       expect(disabledOption.attributes('aria-disabled')).toBe('true')
     })
   })
@@ -440,7 +440,7 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: [] },
       })
-      expect(wrapper.find('.mld-dropdown-button').exists()).toBe(true)
+      expect(wrapper.find('.mint-dropdown-button').exists()).toBe(true)
     })
 
     it('should handle numeric option values', async () => {
@@ -451,7 +451,7 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: numericOptions, modelValue: 1 },
       })
-      expect(wrapper.find('.mld-dropdown-button__label').text()).toBe('One')
+      expect(wrapper.find('.mint-dropdown-button__label').text()).toBe('One')
     })
 
     it('should handle options with same labels', async () => {
@@ -462,9 +462,9 @@ describe('DropdownButton', () => {
       const wrapper = mount(DropdownButton, {
         props: { options: duplicateLabels },
       })
-      await wrapper.find('.mld-dropdown-button__trigger').trigger('click')
+      await wrapper.find('.mint-dropdown-button__trigger').trigger('click')
 
-      const options = wrapper.findAll('.mld-dropdown-button__option')
+      const options = wrapper.findAll('.mint-dropdown-button__option')
       expect(options).toHaveLength(2)
     })
   })

package/src/__tests__/composables/usePlatformContext.test.ts

@@ -27,7 +27,7 @@ function sendThemeMessage(origin: string, theme: 'light' | 'dark' | 'system'): v
     source: window.parent,
     origin,
     data: {
-      type: 'mld:theme-changed',
+      type: 'mint:theme-changed',
       payload: theme,
     },
   } as MessageEvent)

package/src/components/AlertBox.story.vue

@@ -122,7 +122,7 @@ function handleAction(label: string) {
       <div style="padding: 2rem; max-width: 600px; margin: 0 auto;">
         <AlertBox type="error" title="Plugin conflict detected">
           <template #default>
-            mld-plugin-drp requires numpy &gt;=2.0 but the current environment has numpy 1.26.4.
+            mint-plugin-drp requires numpy &gt;=2.0 but the current environment has numpy 1.26.4.
           </template>
           <template #actions>
             <button

package/src/components/AlertBox.vue

@@ -26,42 +26,42 @@ const hasActions = () => !!props.actionLabel || !!slots.actions
 
 <template>
   <div
-    class="mld-alert"
-    :class="`mld-alert--${props.type}`"
+    class="mint-alert"
+    :class="`mint-alert--${props.type}`"
     role="alert"
   >
     <!-- Lucide circle-check -->
-    <svg v-if="props.type === 'success'" class="mld-alert__icon mld-alert__icon--success" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <svg v-if="props.type === 'success'" class="mint-alert__icon mint-alert__icon--success" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <circle cx="12" cy="12" r="10" /><path d="m9 12 2 2 4-4" />
     </svg>
     <!-- Lucide circle-x -->
-    <svg v-else-if="props.type === 'error'" class="mld-alert__icon mld-alert__icon--error" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <svg v-else-if="props.type === 'error'" class="mint-alert__icon mint-alert__icon--error" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" />
     </svg>
     <!-- Lucide triangle-alert -->
-    <svg v-else-if="props.type === 'warning'" class="mld-alert__icon mld-alert__icon--warning" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <svg v-else-if="props.type === 'warning'" class="mint-alert__icon mint-alert__icon--warning" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" /><path d="M12 9v4" /><path d="M12 17h.01" />
     </svg>
     <!-- Lucide info -->
-    <svg v-else class="mld-alert__icon mld-alert__icon--info" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <svg v-else class="mint-alert__icon mint-alert__icon--info" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" />
     </svg>
 
-    <div class="mld-alert__content">
-      <h4 v-if="props.title" class="mld-alert__title">
+    <div class="mint-alert__content">
+      <h4 v-if="props.title" class="mint-alert__title">
         {{ props.title }}
       </h4>
-      <div class="mld-alert__message">
+      <div class="mint-alert__message">
         <slot />
       </div>
     </div>
 
-    <div v-if="hasActions()" class="mld-alert__actions">
+    <div v-if="hasActions()" class="mint-alert__actions">
       <slot name="actions">
         <button
           type="button"
-          class="mld-alert__action-btn"
-          :class="`mld-alert__action-btn--${props.type}`"
+          class="mint-alert__action-btn"
+          :class="`mint-alert__action-btn--${props.type}`"
           @click="emit('action')"
         >
           {{ props.actionLabel }}
@@ -72,11 +72,11 @@ const hasActions = () => !!props.actionLabel || !!slots.actions
     <button
       v-if="props.dismissible"
       type="button"
-      class="mld-alert__dismiss"
+      class="mint-alert__dismiss"
       aria-label="Dismiss"
       @click="emit('dismiss')"
     >
-      <svg class="mld-alert__dismiss-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <svg class="mint-alert__dismiss-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
         <path d="M18 6 6 18" /><path d="m6 6 12 12" />
       </svg>
     </button>