lsp-uikit 1.0.14 → 1.0.16

package/README.md

@@ -0,0 +1,81 @@
+# LSP UI KIT
+
+## Installation
+
+To install the package, run:
+
+```sh
+npm install lsp-uikit
+# or (if you are using React 19)
+npm install lsp-uikit --force
+```
+
+## Usage
+
+### Importing Components
+
+You can import components directly from the package:
+
+```tsx
+import { Button } from 'lsp-uikit';
+```
+
+### Importing Hooks
+
+Hooks can be imported as follows:
+
+```tsx
+import { useMobile } from 'lsp-uikit/useMobile';
+import { useToast } from 'lsp-uikit/useToast';
+```
+
+### Importing Utility Functions
+
+Utility functions can be imported as follows:
+
+```tsx
+import { cn } from 'lsp-uikit/cn';
+```
+
+## Tailwind Configuration
+
+To use Tailwind with this library, extend your Tailwind config:
+
+1. Import the package's Tailwind base configuration:
+
+   ```js
+   // tailwind.config.js
+   module.exports = {
+     ...baseConfig,
+     content: [
+       ...,
+       './node_modules/lsp-uikit/**/*.{js,ts,jsx,tsx}',
+     ],
+   	 presets: [require('lsp-uikit/tailwind-config.js')],
+   };
+   ```
+
+2. Ensure you have Tailwind installed in your project:
+
+   ```sh
+   npm install tailwindcss postcss autoprefixer -D
+   ```
+
+## Importing Global Styles
+
+To apply global styles, import the CSS files in your main entry file:
+
+```css
+/* global.css */
+@import 'lsp-uikit/styles.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+	...
+}
+```
+
+This will ensure that the library's styles are applied properly.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lsp-uikit",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "LevelSkill.Pro UI components based on ShadCN and Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",
@@ -109,12 +109,8 @@
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
-    "./index.css": {
-      "import": "./dist/main.css"
-    },
-    "./styles.css": {
-      "import": "./dist/styles.css"
-    },
+    "./index.css": "./dist/main.css",
+    "./styles.css": "./dist/styles.css",
     "./tailwind-config.js": {
       "import": "./dist/tailwind-base.js",
       "require": "./dist/tailwind-base.js"