@voxket-ai/voxket-live 1.0.22 → 1.0.24

package/README.md

@@ -29,13 +29,11 @@ npm install @voxket-ai/voxket-live@latest
 
 ## Usage
 
-To use the Voxket Live widget in your React application, you need to import both the component and its styles:
+To use the Voxket Live widget in your React application, simply import and use the component. **No separate CSS import is required** - styles are automatically included:
 
 ```tsx
 import React from 'react';
 import VoxketWidget, { VoxketWidgetProps } from '@voxket-ai/voxket-live';
-// Import the CSS styles - REQUIRED for proper styling
-import '@voxket-ai/voxket-live/dist/index.css';
 
 const MyCustomApp = () => {
   const widgetProps: VoxketWidgetProps = {
@@ -63,19 +61,9 @@ const MyCustomApp = () => {
 export default MyCustomApp;
 ```
 
-### Important Notes on CSS
+### ✅ Auto-Included Styles
 
-1. **CSS Import is Required**: You must import the CSS file for proper styling:
-   ```tsx
-   import '@voxket-ai/voxket-live/dist/index.css';
-   ```
-
-2. **Import Order**: Import the CSS after the component import for best practices.
-
-3. **Alternative CSS Import Methods**:
-   - In your main CSS file: `@import '@voxket-ai/voxket-live/dist/index.css';`
-   - In your application's entry point (e.g., `main.tsx` or `index.tsx`)
-   - Via your bundler's configuration (Webpack, Vite, etc.)
+As of version 1.0.22+, **CSS styles are automatically injected** when you import the component. You don't need to manually import any CSS files!
 
 ## Props