@voxket-ai/voxket-live 1.0.69 → 1.0.71

package/README.md

@@ -29,11 +29,26 @@ npm install @voxket-ai/voxket-live@latest
 
 ## Usage
 
-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:
+To use the Voxket Live widget in your React application, simply import and use the component. **Styles are automatically included**, but you can also import them manually if needed:
 
+### Automatic Styles (Recommended)
 ```tsx
 import React from 'react';
 import VoxketWidget, { VoxketWidgetProps } from '@voxket-ai/voxket-live';
+// Styles are automatically injected - no manual import needed!
+
+const MyCustomApp = () => {
+  // ... component code
+};
+```
+
+### Manual CSS Import (If needed)
+If automatic style injection doesn't work in your setup, you can manually import the CSS:
+
+```tsx
+import React from 'react';
+import VoxketWidget, { VoxketWidgetProps } from '@voxket-ai/voxket-live';
+import '@voxket-ai/voxket-live/style.css'; // Manual CSS import
 
 const MyCustomApp = () => {
   const widgetProps: VoxketWidgetProps = {
@@ -61,9 +76,14 @@ const MyCustomApp = () => {
 export default MyCustomApp;
 ```
 
-### ✅ Auto-Included Styles
+### ✅ Flexible Style Loading
+
+As of version 1.0.70+, **CSS styles are automatically injected** when you import any component. If automatic injection doesn't work in your environment, you can manually import the CSS file as shown above.
 
-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!
+**Troubleshooting Style Issues:**
+- For Next.js apps, see our [Next.js Troubleshooting Guide](./NEXT_JS_TROUBLESHOOTING.md)
+- For React conflicts, see our [React Conflict Prevention Guide](./REACT_CONFLICTS.md)
+- If styles don't load automatically, use the manual CSS import method above
 
 ## Props