@possibly6400/ui-kit 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -7
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -39,7 +39,7 @@ A reusable, themeable component library built with React, TypeScript, and Tailwi
|
|
|
39
39
|
## Installation
|
|
40
40
|
|
|
41
41
|
```bash
|
|
42
|
-
npm install @
|
|
42
|
+
npm install @possibly6400/ui-kit
|
|
43
43
|
```
|
|
44
44
|
|
|
45
45
|
## Usage
|
|
@@ -47,8 +47,8 @@ npm install @ui-kit/ui-kit
|
|
|
47
47
|
Import components and styles separately:
|
|
48
48
|
|
|
49
49
|
```tsx
|
|
50
|
-
import { Button, Input, ThemeProvider } from '@
|
|
51
|
-
import '@
|
|
50
|
+
import { Button, Input, ThemeProvider } from '@possibly6400/ui-kit';
|
|
51
|
+
import '@possibly6400/ui-kit/styles'; // Required: Import styles explicitly
|
|
52
52
|
|
|
53
53
|
function App() {
|
|
54
54
|
return (
|
|
@@ -79,7 +79,7 @@ These global styles are intentional and necessary for the theme system to functi
|
|
|
79
79
|
The UI Kit supports dark and light themes:
|
|
80
80
|
|
|
81
81
|
```tsx
|
|
82
|
-
import { ThemeProvider, useTheme } from '@
|
|
82
|
+
import { ThemeProvider, useTheme } from '@possibly6400/ui-kit';
|
|
83
83
|
|
|
84
84
|
function App() {
|
|
85
85
|
const { theme, setTheme } = useTheme();
|
|
@@ -263,7 +263,7 @@ Animated toggle switch with celestial sparkle effects and smooth transitions. Fe
|
|
|
263
263
|
Animated theme toggle component with beautiful sun/moon and stars/clouds visual effects. Automatically integrates with the ThemeProvider to switch between dark and light modes.
|
|
264
264
|
|
|
265
265
|
```tsx
|
|
266
|
-
import { ThemeSwitch, ThemeProvider } from '@
|
|
266
|
+
import { ThemeSwitch, ThemeProvider } from '@possibly6400/ui-kit';
|
|
267
267
|
|
|
268
268
|
function App() {
|
|
269
269
|
return (
|
|
@@ -290,7 +290,7 @@ function App() {
|
|
|
290
290
|
Animated loading spinner with two rotating circular faces featuring glowing effects. Perfect for indicating loading states in your application.
|
|
291
291
|
|
|
292
292
|
```tsx
|
|
293
|
-
import { Loader, Spinner } from '@
|
|
293
|
+
import { Loader, Spinner } from '@possibly6400/ui-kit';
|
|
294
294
|
|
|
295
295
|
// Standalone spinner
|
|
296
296
|
<Spinner size="sm" | "md" | "lg" />
|
|
@@ -328,7 +328,7 @@ import { Loader, Spinner } from '@ui-kit/ui-kit';
|
|
|
328
328
|
Animated form container component with beautiful rotating border effect, backdrop blur, and composable form elements. Perfect for creating elegant login, signup, contact, and survey forms.
|
|
329
329
|
|
|
330
330
|
```tsx
|
|
331
|
-
import { Form, FormField, FormButton, FormFooter, FormFooterLink } from '@
|
|
331
|
+
import { Form, FormField, FormButton, FormFooter, FormFooterLink } from '@possibly6400/ui-kit';
|
|
332
332
|
|
|
333
333
|
// Basic login form
|
|
334
334
|
<Form
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@possibly6400/ui-kit",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "A reusable UI component library built with React and TypeScript",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
|
-
"url": "https://github.com/MoshikoKar/ui-kit.git"
|
|
7
|
+
"url": "git+https://github.com/MoshikoKar/ui-kit.git"
|
|
8
8
|
},
|
|
9
9
|
"main": "dist/index.js",
|
|
10
10
|
"module": "dist/index.mjs",
|
|
@@ -46,12 +46,12 @@
|
|
|
46
46
|
"**/*.css"
|
|
47
47
|
],
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"react": "^18.0.0",
|
|
50
|
-
"react-dom": "^18.0.0"
|
|
49
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
50
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"clsx": "^2.0.0",
|
|
54
|
-
"tailwind-merge": "^
|
|
54
|
+
"tailwind-merge": "^3.4.0"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@types/node": "^25.0.3",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@types/react-dom": "^18.2.17",
|
|
60
60
|
"@typescript-eslint/eslint-plugin": "^6.14.0",
|
|
61
61
|
"@typescript-eslint/parser": "^6.14.0",
|
|
62
|
-
"@vitejs/plugin-react": "^
|
|
62
|
+
"@vitejs/plugin-react": "^5.1.2",
|
|
63
63
|
"autoprefixer": "^10.4.16",
|
|
64
64
|
"eslint": "^8.55.0",
|
|
65
65
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
@@ -67,6 +67,6 @@
|
|
|
67
67
|
"postcss": "^8.4.32",
|
|
68
68
|
"tailwindcss": "^3.3.6",
|
|
69
69
|
"typescript": "^5.2.2",
|
|
70
|
-
"vite": "^
|
|
70
|
+
"vite": "^7.3.0"
|
|
71
71
|
}
|
|
72
72
|
}
|