react-radix-tooltip 1.0.0 → 1.0.2

package/README.md

@@ -49,23 +49,23 @@ const MyComponent = () => (
 More Details on [Radix-UI Documentation](https://www.radix-ui.com/primitives/docs/components/tooltip)
 
 | Prop | Type | Default | Description |
-|---|---|---|---|
-| title | React.ReactNode | — | The content to be displayed inside the tooltip. |
-| children | React.ReactElement | — | The trigger element that activates the tooltip on hover/focus. |
-| container | HTMLDivElement | null | — | The container element into which the tooltip will be rendered. |
-| placement | 'top' \| 'bottom' \| 'left' \| 'right' | 'top' | The preferred side of the trigger to render the tooltip. |
-| sideOffset | number | 0 | The distance in pixels from the trigger element. |
-| arrow | boolean | false | Whether to render an arrow pointing to the trigger. |
-| arrowWidth | number | — | The width of the arrow in pixels. |
-| arrowHeight | number | — | The height of the arrow in pixels. |
-| arrowPadding | number | — | The padding between the arrow and the edges of the tooltip. |
-| delayDuration | number | 700 | The duration in milliseconds to wait before showing the tooltip. |
-| skipDelayDuration | number | 300 | The duration to wait before resetting the delay. |
-| defaultOpen | boolean | false | The open state of the tooltip when it is initially rendered. |
-| onOpenChange | (open: boolean) => void | — | Event handler called when the open state of the tooltip changes. |
-| style | React.CSSProperties | — | Custom inline styles for the tooltip content. |
-| tooltipClassName | string | — | CSS class for the tooltip content container. |
-| tooltipArrowClassName | string | — | CSS class for the tooltip arrow element. |
+|-----|------|---------|-------------|
+| `title` | `React.ReactNode` | **Required** | Content to be displayed inside the tooltip. |
+| `children` | `React.ReactElement` | **Required** | The element that triggers the tooltip when hovered or focused. |
+| `container` | `HTMLDivElement \| null \| undefined` | `document.body` | Optional container where the tooltip portal will be rendered. |
+| `placement` | `'top' \| 'bottom' \| 'left' \| 'right'` | `'top'` | Position of the tooltip relative to the trigger element. |
+| `sideOffset` | `number` | `5` | Distance (in pixels) between the tooltip and the trigger element. |
+| `arrow` | `boolean` | `true` | Whether to display the tooltip arrow. |
+| `arrowWidth` | `number` | `10` | Width of the tooltip arrow in pixels. |
+| `arrowHeight` | `number` | `5` | Height of the tooltip arrow in pixels. |
+| `arrowPadding` | `number` | `2` | Padding between the arrow and the edge of the tooltip. |
+| `delayDuration` | `number` | `200` | Delay (in milliseconds) before the tooltip appears. |
+| `skipDelayDuration` | `number` | `300` | Time window where subsequent tooltips appear instantly without delay. |
+| `defaultOpen` | `boolean` | `false` | Whether the tooltip should be open by default. |
+| `onOpenChange` | `(open: boolean) => void` | `undefined` | Callback fired when the tooltip open state changes. |
+| `style` | `React.CSSProperties` | `{}` | Inline styles applied to the tooltip container. |
+| `tooltipClassName` | `string` | `""` | Custom CSS class for styling the tooltip container. |
+| `tooltipArrowClassName` | `string` | `""` | Custom CSS class for styling the tooltip arrow. |
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-radix-tooltip",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A streamlined, developer-friendly wrapper for [@radix-ui/react-tooltip](https://www.radix-ui.com). This component simplifies the Radix Tooltip implementation by allowing you to trigger tooltips using a single component and a simplified prop interface.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -24,7 +24,8 @@
   "peerDependencies": {
     "@radix-ui/react-tooltip": "^1.2.8",
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react-dom": ">=16.8.0",
+    "tailwindcss": ">=3.0.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.0",
@@ -34,10 +35,13 @@
     "@types/node": "^25.2.3",
     "@types/react": "^19.2.13",
     "@types/react-dom": "^19.2.3",
+    "autoprefixer": "^10.4.27",
+    "postcss": "^8.5.8",
     "react": "^19.2.4",
     "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
+    "tailwindcss": "^4.2.1",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"

package/rollup.config.js

@@ -28,7 +28,10 @@ export default [
             resolve(),
             commonjs(),
             typescript({ tsconfig: './tsconfig.json' }),
-            postcss(),
+            postcss({
+                inject: true,
+                extract: false,
+            }),
             terser(),
         ],
         external: ['react', 'react-dom'],