Updated DaisyUI, React, and Tailwind Deps

.gitignore

@@ -4,4 +4,6 @@ dist
 dist-ssr
 *.local
 .history
-.env
+.env
+.vscode
+.claude

package.json

@@ -35,10 +35,10 @@
     "generate": "plop"
   },
   "peerDependencies": {
-    "daisyui": "^5.0.22",
-    "react": ">=16",
-    "react-dom": ">=16",
-    "tailwindcss": ">=3.2.7"
+    "daisyui": "^5.5.19",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "tailwindcss": "^4.2.2"
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
@@ -82,4 +82,4 @@
     "typescript": "^4.9.3",
     "vite": "^4.2.0"
   }
-}
+}

src/Card/Card.test.tsx

@@ -17,24 +17,24 @@ describe('Card', () => {
     expect(container.firstChild).toHaveTextContent('Child element')
   })
 
-  it('Should apply the "bordered" prop', () => {
-    const { getByLabelText } = render(<Card bordered />)
-    expect(getByLabelText('Card')).toHaveClass('card-bordered')
+  it('Should apply the "border" prop', () => {
+    const { getByLabelText } = render(<Card border />)
+    expect(getByLabelText('Card')).toHaveClass('card-border')
   })
 
   it('Should apply the "imageFull" prop', () => {
     const { getByLabelText } = render(<Card imageFull />)
     expect(getByLabelText('Card')).toHaveClass('image-full')
   })
 
-  it('Should apply the "normal" prop', () => {
-    const { getByLabelText } = render(<Card normal />)
-    expect(getByLabelText('Card')).toHaveClass('card-normal')
+  it('Should apply the "md" size', () => {
+    const { getByLabelText } = render(<Card size="md" />)
+    expect(getByLabelText('Card')).toHaveClass('card-md')
   })
 
-  it('Should apply the "compact" prop', () => {
-    const { getByLabelText } = render(<Card compact />)
-    expect(getByLabelText('Card')).toHaveClass('card-compact')
+  it('Should apply the "sm" size', () => {
+    const { getByLabelText } = render(<Card size="sm" />)
+    expect(getByLabelText('Card')).toHaveClass('card-sm')
   })
 
   it('Should apply the "side" prop', () => {

src/Input/Input.test.tsx

@@ -30,14 +30,9 @@ describe('Input', () => {
     expect(mockType).toHaveBeenCalledTimes(0)
   })
 
-  it('Should forward the bordered prop to Input', () => {
-    render(<Input bordered={false} />)
-    expect(screen.getByRole('textbox')).not.toHaveClass('input-bordered')
-  })
-
-  it('Should forward the borderOffset prop to Input', () => {
-    render(<Input borderOffset={false} />)
-    expect(screen.getByRole('textbox')).toHaveClass('focus:outline-offset-0')
+  it('Should apply the base input class', () => {
+    render(<Input />)
+    expect(screen.getByRole('textbox')).toHaveClass('input')
   })
 
   it('Should forward the size prop to Input', () => {

src/Mask/Mask.tsx

@@ -42,10 +42,6 @@ const classesFn = ({
       'mask-diamond': variant === 'diamond',
       'mask-square': variant === 'square',
       'mask-circle': variant === 'circle',
-      'mask-parallelogram': variant === 'parallelogram',
-      'mask-parallelogram-2': variant === 'parallelogram-2',
-      'mask-parallelogram-3': variant === 'parallelogram-3',
-      'mask-parallelogram-4': variant === 'parallelogram-4',
       'mask-star': variant === 'star',
       'mask-star-2': variant === 'star-2',
       'mask-triangle': variant === 'triangle',

src/Modal/Modal.tsx

@@ -40,7 +40,6 @@ const Modal = forwardRef<HTMLDialogElement, ModalProps>(
         'modal-end': position === 'end',
         'modal-start': position === 'start',
         'modal-top': position === 'top',
-        'modal-middle': position === 'middle',
         'modal-bottom': position === 'bottom',
         'modal-bottom sm:modal-middle': responsive,
       })

src/Select/Select.test.tsx

@@ -160,9 +160,9 @@ describe('Select', () => {
     }
   )
 
-  it('Should not render border class if bordered prop value is false', () => {
-    render(<TestComponent bordered={false} />)
-    expect(screen.getByRole('combobox')).not.toHaveClass('select-bordered')
+  it('Should apply the base select class', () => {
+    render(<TestComponent />)
+    expect(screen.getByRole('combobox')).toHaveClass('select')
   })
 
   it('Should render class based on className prop', () => {