@metricshift/react 1.3.0 → 1.4.0

package/README.md

@@ -217,26 +217,29 @@ Instead of treating feedback as something you “look at later”, callbacks let
 
 Act on feedback at the moment intent happens.
 
-🧩 Props
-Prop	Type	Default	Description
-projectId	string	required	MetricShift project ID
-apiKey	string	required	Project API key
-apiUrl	string	MetricShift API	Backend endpoint
-buttonText	string	'Feedback'	Main label
-subtitleText	string	undefined	Optional second line
-avatarSrc	string	undefined	Avatar / image URL
-avatarAlt	string	''	Accessible alt text
-avatarSize	number	40	Avatar diameter (px)
-variant	'solid' | 'outline' | 'ghost'	'outline'	Visual style
-accentColor	string	'#111827'	Brand color
-position	'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'inline'	'bottom-right'	Placement
-size	'small' | 'medium' | 'large'	'medium'	Button size
-customStyles	CSSProperties	{}	Inline overrides
-customClassName	string	''	Custom CSS class
-onOpen	() => void	—	Modal opened
-onClose	() => void	—	Modal closed
-onSuccess	(id: string) => void	—	Submission success
-onError	(error: Error) => void	—	Submission error
+## 🧩 Props
+
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `projectId` | `string` | **required** | MetricShift project ID |
+| `apiKey` | `string` | **required** | Project API key |
+| `apiUrl` | `string` | `https://metricshift-sdk-be-production.up.railway.app` | MetricShift API backend endpoint |
+| `buttonText` | `string` | `Feedback` | Main label |
+| `subtitleText` | `string` | `undefined` | Optional second line |
+| `avatarSrc` | `string` | `undefined` | Avatar / image URL |
+| `avatarAlt` | `string` | `''` | Accessible alt text |
+| `avatarSize` | `number` | `40` | Avatar diameter (px) |
+| `variant` | `'solid' \| 'outline' \| 'ghost'` | `'outline'` | Visual style |
+| `accentColor` | `string` | `'#111827'` | Brand accent color |
+| `position` | `'bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left' \| 'inline'` | `'bottom-right'` | Widget placement |
+| `size` | `'small' \| 'medium' \| 'large'` | `'medium'` | Button size |
+| `customStyles` | `CSSProperties` | `{}` | Inline style overrides |
+| `customClassName` | `string` | `''` | Custom CSS class |
+| `onOpen` | `() => void` | — | Fired when modal opens |
+| `onClose` | `() => void` | — | Fired when modal closes |
+| `onSuccess` | `(id: string) => void` | — | Fired on successful submission |
+| `onError` | `(error: Error) => void` | — | Fired on submission error |
+
 📊 Dashboard
 
 Your MetricShift dashboard includes:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metricshift/react",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "The intelligent feedback SDK for React - collect, store, and analyze user feedback with built-in AI insights",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",