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

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

@@ -8,30 +8,30 @@ describe('BasePill', () => {
       const wrapper = mount(BasePill, {
         slots: { default: 'Label' },
       })
-      expect(wrapper.find('.mld-pill').exists()).toBe(true)
-      expect(wrapper.find('.mld-pill--default').exists()).toBe(true)
-      expect(wrapper.find('.mld-pill--md').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--default').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--md').exists()).toBe(true)
     })
 
     it('should render label content', () => {
       const wrapper = mount(BasePill, {
         slots: { default: 'Test Label' },
       })
-      expect(wrapper.find('.mld-pill__label').text()).toBe('Test Label')
+      expect(wrapper.find('.mint-pill__label').text()).toBe('Test Label')
     })
 
     it('should not show remove button by default', () => {
       const wrapper = mount(BasePill, {
         slots: { default: 'Label' },
       })
-      expect(wrapper.find('.mld-pill__remove').exists()).toBe(false)
+      expect(wrapper.find('.mint-pill__remove').exists()).toBe(false)
     })
 
     it('should not show icon slot by default', () => {
       const wrapper = mount(BasePill, {
         slots: { default: 'Label' },
       })
-      expect(wrapper.find('.mld-pill__icon').exists()).toBe(false)
+      expect(wrapper.find('.mint-pill__icon').exists()).toBe(false)
     })
   })
 
@@ -41,7 +41,7 @@ describe('BasePill', () => {
         props: { variant: 'primary' },
         slots: { default: 'Primary' },
       })
-      expect(wrapper.find('.mld-pill--primary').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--primary').exists()).toBe(true)
     })
 
     it('should apply success variant class', () => {
@@ -49,7 +49,7 @@ describe('BasePill', () => {
         props: { variant: 'success' },
         slots: { default: 'Success' },
       })
-      expect(wrapper.find('.mld-pill--success').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--success').exists()).toBe(true)
     })
 
     it('should apply warning variant class', () => {
@@ -57,7 +57,7 @@ describe('BasePill', () => {
         props: { variant: 'warning' },
         slots: { default: 'Warning' },
       })
-      expect(wrapper.find('.mld-pill--warning').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--warning').exists()).toBe(true)
     })
 
     it('should apply error variant class', () => {
@@ -65,7 +65,7 @@ describe('BasePill', () => {
         props: { variant: 'error' },
         slots: { default: 'Error' },
       })
-      expect(wrapper.find('.mld-pill--error').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--error').exists()).toBe(true)
     })
 
     it('should apply info variant class', () => {
@@ -73,7 +73,7 @@ describe('BasePill', () => {
         props: { variant: 'info' },
         slots: { default: 'Info' },
       })
-      expect(wrapper.find('.mld-pill--info').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--info').exists()).toBe(true)
     })
 
     it('should apply outline variant class', () => {
@@ -81,7 +81,7 @@ describe('BasePill', () => {
         props: { variant: 'outline' },
         slots: { default: 'Outline' },
       })
-      expect(wrapper.find('.mld-pill--outline').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--outline').exists()).toBe(true)
     })
   })
 
@@ -91,7 +91,7 @@ describe('BasePill', () => {
         props: { size: 'sm' },
         slots: { default: 'Small' },
       })
-      expect(wrapper.find('.mld-pill--sm').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--sm').exists()).toBe(true)
     })
 
     it('should apply medium size class', () => {
@@ -99,7 +99,7 @@ describe('BasePill', () => {
         props: { size: 'md' },
         slots: { default: 'Medium' },
       })
-      expect(wrapper.find('.mld-pill--md').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--md').exists()).toBe(true)
     })
 
     it('should apply large size class', () => {
@@ -107,7 +107,7 @@ describe('BasePill', () => {
         props: { size: 'lg' },
         slots: { default: 'Large' },
       })
-      expect(wrapper.find('.mld-pill--lg').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--lg').exists()).toBe(true)
     })
   })
 
@@ -117,7 +117,7 @@ describe('BasePill', () => {
         props: { removable: true },
         slots: { default: 'Removable' },
       })
-      expect(wrapper.find('.mld-pill__remove').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill__remove').exists()).toBe(true)
     })
 
     it('should emit remove event when remove button is clicked', async () => {
@@ -125,7 +125,7 @@ describe('BasePill', () => {
         props: { removable: true },
         slots: { default: 'Removable' },
       })
-      await wrapper.find('.mld-pill__remove').trigger('click')
+      await wrapper.find('.mint-pill__remove').trigger('click')
       expect(wrapper.emitted('remove')).toHaveLength(1)
     })
 
@@ -134,7 +134,7 @@ describe('BasePill', () => {
         props: { removable: true, disabled: true },
         slots: { default: 'Disabled' },
       })
-      expect(wrapper.find('.mld-pill__remove').exists()).toBe(false)
+      expect(wrapper.find('.mint-pill__remove').exists()).toBe(false)
     })
 
     it('should stop event propagation on remove click', async () => {
@@ -142,7 +142,7 @@ describe('BasePill', () => {
         props: { removable: true },
         slots: { default: 'Removable' },
       })
-      const button = wrapper.find('.mld-pill__remove')
+      const button = wrapper.find('.mint-pill__remove')
       const clickEvent = new MouseEvent('click', { bubbles: true })
       const stopPropagationSpy = vi.spyOn(clickEvent, 'stopPropagation')
 
@@ -157,7 +157,7 @@ describe('BasePill', () => {
         props: { disabled: true },
         slots: { default: 'Disabled' },
       })
-      expect(wrapper.find('.mld-pill--disabled').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--disabled').exists()).toBe(true)
     })
 
     it('should not emit remove event when disabled', async () => {
@@ -166,7 +166,7 @@ describe('BasePill', () => {
         slots: { default: 'Disabled' },
       })
       // Remove button shouldn't exist when disabled + removable
-      expect(wrapper.find('.mld-pill__remove').exists()).toBe(false)
+      expect(wrapper.find('.mint-pill__remove').exists()).toBe(false)
     })
   })
 
@@ -179,7 +179,7 @@ describe('BasePill', () => {
           icon: '<svg class="test-icon"></svg>',
         },
       })
-      expect(wrapper.find('.mld-pill__icon').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill__icon').exists()).toBe(true)
       expect(wrapper.find('.test-icon').exists()).toBe(true)
     })
 
@@ -191,7 +191,7 @@ describe('BasePill', () => {
           icon: '<svg></svg>',
         },
       })
-      expect(wrapper.find('.mld-pill--with-icon').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill--with-icon').exists()).toBe(true)
     })
 
     it('should not show icon slot when icon is false', () => {
@@ -202,7 +202,7 @@ describe('BasePill', () => {
           icon: '<svg class="test-icon"></svg>',
         },
       })
-      expect(wrapper.find('.mld-pill__icon').exists()).toBe(false)
+      expect(wrapper.find('.mint-pill__icon').exists()).toBe(false)
     })
   })
 
@@ -220,11 +220,11 @@ describe('BasePill', () => {
           icon: '<svg></svg>',
         },
       })
-      const pill = wrapper.find('.mld-pill')
-      expect(pill.classes()).toContain('mld-pill--success')
-      expect(pill.classes()).toContain('mld-pill--sm')
-      expect(pill.classes()).toContain('mld-pill--disabled')
-      expect(pill.classes()).toContain('mld-pill--with-icon')
+      const pill = wrapper.find('.mint-pill')
+      expect(pill.classes()).toContain('mint-pill--success')
+      expect(pill.classes()).toContain('mint-pill--sm')
+      expect(pill.classes()).toContain('mint-pill--disabled')
+      expect(pill.classes()).toContain('mint-pill--with-icon')
     })
 
     it('should render with icon and remove button', () => {
@@ -238,8 +238,8 @@ describe('BasePill', () => {
           icon: '<svg class="icon"></svg>',
         },
       })
-      expect(wrapper.find('.mld-pill__icon').exists()).toBe(true)
-      expect(wrapper.find('.mld-pill__remove').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill__icon').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill__remove').exists()).toBe(true)
     })
   })
 
@@ -249,7 +249,7 @@ describe('BasePill', () => {
         props: { removable: true },
         slots: { default: 'Removable' },
       })
-      const button = wrapper.find('.mld-pill__remove')
+      const button = wrapper.find('.mint-pill__remove')
       expect(button.attributes('aria-label')).toBe('Remove')
     })
 
@@ -258,7 +258,7 @@ describe('BasePill', () => {
         props: { removable: true },
         slots: { default: 'Removable' },
       })
-      const button = wrapper.find('.mld-pill__remove')
+      const button = wrapper.find('.mint-pill__remove')
       expect(button.attributes('type')).toBe('button')
     })
   })
@@ -266,8 +266,8 @@ describe('BasePill', () => {
   describe('edge cases', () => {
     it('should handle empty label', () => {
       const wrapper = mount(BasePill)
-      expect(wrapper.find('.mld-pill__label').exists()).toBe(true)
-      expect(wrapper.find('.mld-pill__label').text()).toBe('')
+      expect(wrapper.find('.mint-pill__label').exists()).toBe(true)
+      expect(wrapper.find('.mint-pill__label').text()).toBe('')
     })
 
     it('should handle long text labels', () => {
@@ -275,7 +275,7 @@ describe('BasePill', () => {
       const wrapper = mount(BasePill, {
         slots: { default: longText },
       })
-      expect(wrapper.find('.mld-pill__label').text()).toBe(longText)
+      expect(wrapper.find('.mint-pill__label').text()).toBe(longText)
     })
 
     it('should render SVG icon in remove button', () => {
@@ -283,7 +283,7 @@ describe('BasePill', () => {
         props: { removable: true },
         slots: { default: 'Test' },
       })
-      const svg = wrapper.find('.mld-pill__remove-icon')
+      const svg = wrapper.find('.mint-pill__remove-icon')
       expect(svg.exists()).toBe(true)
       expect(svg.element.tagName).toBe('svg')
     })

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

@@ -7,26 +7,26 @@ describe('Calendar', () => {
   describe('rendering with default props', () => {
     it('should render calendar container', () => {
       const wrapper = mount(Calendar)
-      expect(wrapper.find('.mld-calendar').exists()).toBe(true)
+      expect(wrapper.find('.mint-calendar').exists()).toBe(true)
     })
 
     it('should show navigation by default', () => {
       const wrapper = mount(Calendar)
-      expect(wrapper.find('.mld-calendar__header').exists()).toBe(true)
-      expect(wrapper.findAll('.mld-calendar__nav-btn')).toHaveLength(2)
+      expect(wrapper.find('.mint-calendar__header').exists()).toBe(true)
+      expect(wrapper.findAll('.mint-calendar__nav-btn')).toHaveLength(2)
     })
 
     it('should display current month and year', () => {
       const wrapper = mount(Calendar, {
         props: { month: 0, year: 2024 },
       })
-      expect(wrapper.find('.mld-calendar__title').text()).toContain('January')
-      expect(wrapper.find('.mld-calendar__title').text()).toContain('2024')
+      expect(wrapper.find('.mint-calendar__title').text()).toContain('January')
+      expect(wrapper.find('.mint-calendar__title').text()).toContain('2024')
     })
 
     it('should render weekday labels', () => {
       const wrapper = mount(Calendar)
-      const weekdays = wrapper.findAll('.mld-calendar__weekday')
+      const weekdays = wrapper.findAll('.mint-calendar__weekday')
       expect(weekdays).toHaveLength(7)
     })
 
@@ -34,13 +34,13 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { fixedWeeks: true },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       expect(days).toHaveLength(42)
     })
 
     it('should render day grid', () => {
       const wrapper = mount(Calendar)
-      expect(wrapper.find('.mld-calendar__grid').exists()).toBe(true)
+      expect(wrapper.find('.mint-calendar__grid').exists()).toBe(true)
     })
   })
 
@@ -49,7 +49,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { month: 1, year: 2024 },
       })
-      const prevBtn = wrapper.findAll('.mld-calendar__nav-btn')[0]
+      const prevBtn = wrapper.findAll('.mint-calendar__nav-btn')[0]
       await prevBtn.trigger('click')
 
       expect(wrapper.emitted('update:month')).toHaveLength(1)
@@ -60,7 +60,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { month: 0, year: 2024 },
       })
-      const nextBtn = wrapper.findAll('.mld-calendar__nav-btn')[1]
+      const nextBtn = wrapper.findAll('.mint-calendar__nav-btn')[1]
       await nextBtn.trigger('click')
 
       expect(wrapper.emitted('update:month')).toHaveLength(1)
@@ -71,7 +71,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { month: 0, year: 2024 },
       })
-      const prevBtn = wrapper.findAll('.mld-calendar__nav-btn')[0]
+      const prevBtn = wrapper.findAll('.mint-calendar__nav-btn')[0]
       await prevBtn.trigger('click')
 
       expect(wrapper.emitted('update:month')?.[0]).toEqual([11])
@@ -82,7 +82,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { month: 11, year: 2024 },
       })
-      const nextBtn = wrapper.findAll('.mld-calendar__nav-btn')[1]
+      const nextBtn = wrapper.findAll('.mint-calendar__nav-btn')[1]
       await nextBtn.trigger('click')
 
       expect(wrapper.emitted('update:month')?.[0]).toEqual([0])
@@ -93,7 +93,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { month: 5, year: 2024 },
       })
-      const prevBtn = wrapper.findAll('.mld-calendar__nav-btn')[0]
+      const prevBtn = wrapper.findAll('.mint-calendar__nav-btn')[0]
       await prevBtn.trigger('click')
 
       expect(wrapper.emitted('navigate')).toHaveLength(1)
@@ -104,7 +104,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { showNavigation: false },
       })
-      expect(wrapper.find('.mld-calendar__header').exists()).toBe(false)
+      expect(wrapper.find('.mint-calendar__header').exists()).toBe(false)
     })
   })
 
@@ -113,7 +113,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { selectionMode: 'single', month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       await days[15].trigger('click') // Click a day
 
       expect(wrapper.emitted('update:modelValue')).toHaveLength(1)
@@ -131,7 +131,7 @@ describe('Calendar', () => {
           year: 2024,
         },
       })
-      const selectedDays = wrapper.findAll('.mld-calendar__day--selected')
+      const selectedDays = wrapper.findAll('.mint-calendar__day--selected')
       expect(selectedDays.length).toBeGreaterThan(0)
     })
 
@@ -139,7 +139,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { selectionMode: 'single', month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       await days[10].trigger('click')
 
       expect(wrapper.emitted('day-click')).toHaveLength(1)
@@ -155,7 +155,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { selectionMode: 'range', month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       await days[10].trigger('click')
 
       // First click doesn't emit yet (waiting for end date)
@@ -166,7 +166,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { selectionMode: 'range', month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       await days[10].trigger('click')
       await days[15].trigger('click')
 
@@ -182,7 +182,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { selectionMode: 'range', month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       await days[15].trigger('click')
       await days[10].trigger('click')
 
@@ -201,7 +201,7 @@ describe('Calendar', () => {
           year: 2024,
         },
       })
-      const inRangeDays = wrapper.findAll('.mld-calendar__day--in-range')
+      const inRangeDays = wrapper.findAll('.mint-calendar__day--in-range')
       expect(inRangeDays.length).toBeGreaterThan(0)
     })
   })
@@ -211,7 +211,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { selectionMode: 'multiple', modelValue: [], month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       await days[10].trigger('click')
 
       expect(wrapper.emitted('update:modelValue')).toHaveLength(1)
@@ -233,8 +233,8 @@ describe('Calendar', () => {
       })
 
       // Find and click the first selected date
-      const days = wrapper.findAll('.mld-calendar__day')
-      const dayToClick = days.find(d => d.classes().includes('mld-calendar__day--selected'))
+      const days = wrapper.findAll('.mint-calendar__day')
+      const dayToClick = days.find(d => d.classes().includes('mint-calendar__day--selected'))
       if (dayToClick) {
         await dayToClick.trigger('click')
         const newSelection = wrapper.emitted('update:modelValue')?.[0]?.[0] as Date[]
@@ -251,7 +251,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { markers, month: 0, year: 2024 },
       })
-      expect(wrapper.find('.mld-calendar__marker').exists()).toBe(true)
+      expect(wrapper.find('.mint-calendar__marker').exists()).toBe(true)
     })
 
     it('should apply marker color', () => {
@@ -261,7 +261,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { markers, month: 0, year: 2024 },
       })
-      const marker = wrapper.find('.mld-calendar__marker')
+      const marker = wrapper.find('.mint-calendar__marker')
       expect(marker.attributes('style')).toContain('--marker-color')
     })
 
@@ -272,7 +272,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { markers, month: 0, year: 2024 },
       })
-      const marker = wrapper.find('.mld-calendar__marker')
+      const marker = wrapper.find('.mint-calendar__marker')
       expect(marker.attributes('title')).toBe('Important Event')
     })
 
@@ -287,8 +287,8 @@ describe('Calendar', () => {
         props: { markers, month: 0, year: 2024 },
       })
       // Find the day with markers
-      const markersContainer = wrapper.find('.mld-calendar__markers')
-      const renderedMarkers = markersContainer.findAll('.mld-calendar__marker')
+      const markersContainer = wrapper.find('.mint-calendar__markers')
+      const renderedMarkers = markersContainer.findAll('.mint-calendar__marker')
       expect(renderedMarkers).toHaveLength(3)
     })
 
@@ -300,8 +300,8 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { markers, month: 0, year: 2024 },
       })
-      expect(wrapper.find('.mld-calendar__marker--dot').exists()).toBe(true)
-      expect(wrapper.find('.mld-calendar__marker--bar').exists()).toBe(true)
+      expect(wrapper.find('.mint-calendar__marker--dot').exists()).toBe(true)
+      expect(wrapper.find('.mint-calendar__marker--bar').exists()).toBe(true)
     })
   })
 
@@ -311,7 +311,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { minDate, month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       // Days before 15th should be disabled
       const firstDay = days[0]
       expect(firstDay.attributes('disabled')).toBeDefined()
@@ -322,7 +322,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { maxDate, month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       // Days after 15th should be disabled (later in the array)
       const lastDays = days.slice(-5)
       const hasDisabled = lastDays.some(d => d.attributes('disabled') !== undefined)
@@ -334,7 +334,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { disabledDates, month: 0, year: 2024 },
       })
-      const disabledDays = wrapper.findAll('.mld-calendar__day--disabled')
+      const disabledDays = wrapper.findAll('.mint-calendar__day--disabled')
       expect(disabledDays.length).toBeGreaterThan(0)
     })
 
@@ -346,7 +346,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { isDateDisabled: isWeekend, month: 0, year: 2024 },
       })
-      const disabledDays = wrapper.findAll('.mld-calendar__day--disabled')
+      const disabledDays = wrapper.findAll('.mint-calendar__day--disabled')
       // Should have disabled weekend days
       expect(disabledDays.length).toBeGreaterThan(0)
     })
@@ -356,7 +356,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { selectionMode: 'single', minDate, month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       const disabledDay = days.find(d => d.attributes('disabled') !== undefined)
 
       if (disabledDay) {
@@ -371,7 +371,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { weekStartsOn: 1 },
       })
-      const weekdays = wrapper.findAll('.mld-calendar__weekday')
+      const weekdays = wrapper.findAll('.mint-calendar__weekday')
       // First weekday should be Mon (depends on locale)
       expect(weekdays[0].text()).toBeTruthy()
     })
@@ -380,7 +380,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { weekStartsOn: 0 },
       })
-      const weekdays = wrapper.findAll('.mld-calendar__weekday')
+      const weekdays = wrapper.findAll('.mint-calendar__weekday')
       expect(weekdays).toHaveLength(7)
     })
   })
@@ -390,7 +390,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { month: 0, year: 2024, showOutsideDays: true },
       })
-      const outsideDays = wrapper.findAll('.mld-calendar__day--outside')
+      const outsideDays = wrapper.findAll('.mint-calendar__day--outside')
       expect(outsideDays.length).toBeGreaterThan(0)
     })
 
@@ -403,7 +403,7 @@ describe('Calendar', () => {
           showOutsideDays: false,
         },
       })
-      const outsideDay = wrapper.find('.mld-calendar__day--outside')
+      const outsideDay = wrapper.find('.mint-calendar__day--outside')
       if (outsideDay.exists()) {
         await outsideDay.trigger('click')
         expect(wrapper.emitted('update:modelValue')).toBeUndefined()
@@ -417,7 +417,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { month: today.getMonth(), year: today.getFullYear() },
       })
-      const todayDay = wrapper.find('.mld-calendar__day--today')
+      const todayDay = wrapper.find('.mint-calendar__day--today')
       expect(todayDay.exists()).toBe(true)
     })
   })
@@ -427,14 +427,14 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { month: 0, year: 2024 },
       })
-      expect(wrapper.find('.mld-calendar__title').text()).toContain('January')
+      expect(wrapper.find('.mint-calendar__title').text()).toContain('January')
     })
 
     it('should accept custom locale', () => {
       const wrapper = mount(Calendar, {
         props: { month: 0, year: 2024, locale: 'de-DE' },
       })
-      const title = wrapper.find('.mld-calendar__title').text()
+      const title = wrapper.find('.mint-calendar__title').text()
       expect(title).toBeTruthy()
     })
   })
@@ -442,7 +442,7 @@ describe('Calendar', () => {
   describe('accessibility', () => {
     it('should have button type on day cells', () => {
       const wrapper = mount(Calendar)
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       days.forEach(day => {
         expect(day.attributes('type')).toBe('button')
       })
@@ -450,7 +450,7 @@ describe('Calendar', () => {
 
     it('should have aria-label on navigation buttons', () => {
       const wrapper = mount(Calendar)
-      const navButtons = wrapper.findAll('.mld-calendar__nav-btn')
+      const navButtons = wrapper.findAll('.mint-calendar__nav-btn')
       expect(navButtons[0].attributes('aria-label')).toBe('Previous month')
       expect(navButtons[1].attributes('aria-label')).toBe('Next month')
     })
@@ -460,7 +460,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { minDate, month: 0, year: 2024 },
       })
-      const disabledDay = wrapper.find('.mld-calendar__day--disabled')
+      const disabledDay = wrapper.find('.mint-calendar__day--disabled')
       expect(disabledDay.attributes('disabled')).toBeDefined()
     })
   })
@@ -470,7 +470,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { selectionMode: 'none', month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       await days[10].trigger('click')
 
       expect(wrapper.emitted('update:modelValue')).toBeUndefined()
@@ -480,7 +480,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { selectionMode: 'none', month: 0, year: 2024 },
       })
-      const days = wrapper.findAll('.mld-calendar__day')
+      const days = wrapper.findAll('.mint-calendar__day')
       await days[10].trigger('click')
 
       expect(wrapper.emitted('day-click')).toHaveLength(1)
@@ -522,7 +522,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { month: 11, year: 2023 },
       })
-      const nextBtn = wrapper.findAll('.mld-calendar__nav-btn')[1]
+      const nextBtn = wrapper.findAll('.mint-calendar__nav-btn')[1]
       await nextBtn.trigger('click')
 
       expect(wrapper.emitted('update:year')?.[0]).toEqual([2024])
@@ -536,7 +536,7 @@ describe('Calendar', () => {
       const wrapper = mount(Calendar, {
         props: { markers, month: 0, year: 2024 },
       })
-      expect(wrapper.find('.mld-calendar__marker').exists()).toBe(true)
+      expect(wrapper.find('.mint-calendar__marker').exists()).toBe(true)
     })
 
     it('should handle string date inputs for disabled dates', () => {
@@ -547,7 +547,7 @@ describe('Calendar', () => {
           year: 2024,
         },
       })
-      const disabledDays = wrapper.findAll('.mld-calendar__day--disabled')
+      const disabledDays = wrapper.findAll('.mint-calendar__day--disabled')
       expect(disabledDays.length).toBeGreaterThan(0)
     })
 
@@ -559,7 +559,7 @@ describe('Calendar', () => {
           year: 2024,
         },
       })
-      const disabledDays = wrapper.findAll('.mld-calendar__day--disabled')
+      const disabledDays = wrapper.findAll('.mint-calendar__day--disabled')
       expect(disabledDays.length).toBeGreaterThan(0)
     })
   })