ui-library-raushan-ranjan 1.0.0 → 1.0.2

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.
@@ -0,0 +1,26 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+
3
+ declare function Button({ variant, disabled, className, children, ...rest }: {
4
+ [x: string]: any;
5
+ variant?: string | undefined;
6
+ disabled?: boolean | undefined;
7
+ className?: string | undefined;
8
+ children: any;
9
+ }): react_jsx_runtime.JSX.Element;
10
+
11
+ declare function Card({ title, subtitle, image, children, className, ...rest }: {
12
+ [x: string]: any;
13
+ title: any;
14
+ subtitle: any;
15
+ image: any;
16
+ children: any;
17
+ className?: string | undefined;
18
+ }): react_jsx_runtime.JSX.Element;
19
+
20
+ declare function ProfileCard(): react_jsx_runtime.JSX.Element;
21
+
22
+ declare function Hello(): react_jsx_runtime.JSX.Element;
23
+
24
+ declare function Radha(): react_jsx_runtime.JSX.Element;
25
+
26
+ export { Button, Card, Hello, ProfileCard, Radha };
@@ -0,0 +1,26 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+
3
+ declare function Button({ variant, disabled, className, children, ...rest }: {
4
+ [x: string]: any;
5
+ variant?: string | undefined;
6
+ disabled?: boolean | undefined;
7
+ className?: string | undefined;
8
+ children: any;
9
+ }): react_jsx_runtime.JSX.Element;
10
+
11
+ declare function Card({ title, subtitle, image, children, className, ...rest }: {
12
+ [x: string]: any;
13
+ title: any;
14
+ subtitle: any;
15
+ image: any;
16
+ children: any;
17
+ className?: string | undefined;
18
+ }): react_jsx_runtime.JSX.Element;
19
+
20
+ declare function ProfileCard(): react_jsx_runtime.JSX.Element;
21
+
22
+ declare function Hello(): react_jsx_runtime.JSX.Element;
23
+
24
+ declare function Radha(): react_jsx_runtime.JSX.Element;
25
+
26
+ export { Button, Card, Hello, ProfileCard, Radha };
package/dist/index.js CHANGED
@@ -29,13 +29,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
29
29
  // src/index.js
30
30
  var index_exports = {};
31
31
  __export(index_exports, {
32
- Button: () => Button,
33
- Card: () => Card
32
+ Button: () => Button_default,
33
+ Card: () => Card_default,
34
+ Hello: () => Hello_default,
35
+ ProfileCard: () => ProfileCard_default,
36
+ Radha: () => Radha_default
34
37
  });
35
38
  module.exports = __toCommonJS(index_exports);
36
39
 
37
40
  // src/components/Button/Button.jsx
38
41
  var import_react = __toESM(require("react"));
42
+ var import_jsx_runtime = require("react/jsx-runtime");
39
43
  function Button({
40
44
  variant = "primary",
41
45
  disabled = false,
@@ -57,7 +61,7 @@ function Button({
57
61
  color: "#ffffff"
58
62
  }
59
63
  };
60
- return /* @__PURE__ */ import_react.default.createElement(
64
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
61
65
  "button",
62
66
  {
63
67
  type: rest.type ?? "button",
@@ -89,14 +93,16 @@ function Button({
89
93
  e.currentTarget.style.transform = "translateY(0px)";
90
94
  e.currentTarget.style.boxShadow = "0 8px 20px rgba(0,0,0,0.15)";
91
95
  }
92
- }
93
- },
94
- children
96
+ },
97
+ children
98
+ }
95
99
  );
96
100
  }
101
+ var Button_default = Button;
97
102
 
98
103
  // src/components/Card/Card.jsx
99
104
  var import_react2 = __toESM(require("react"));
105
+ var import_jsx_runtime2 = require("react/jsx-runtime");
100
106
  function Card({
101
107
  title,
102
108
  subtitle,
@@ -105,7 +111,7 @@ function Card({
105
111
  className = "",
106
112
  ...rest
107
113
  }) {
108
- return /* @__PURE__ */ import_react2.default.createElement(
114
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
109
115
  "div",
110
116
  {
111
117
  className: `vu-card ${className}`,
@@ -127,92 +133,116 @@ function Card({
127
133
  onMouseLeave: (e) => {
128
134
  e.currentTarget.style.transform = "translateY(0px)";
129
135
  e.currentTarget.style.boxShadow = "0 10px 30px rgba(0,0,0,0.12)";
130
- }
131
- },
132
- image && /* @__PURE__ */ import_react2.default.createElement(
133
- "img",
134
- {
135
- src: image,
136
- alt: title,
137
- style: {
138
- width: "100%",
139
- height: "200px",
140
- objectFit: "cover"
141
- }
142
- }
143
- ),
144
- /* @__PURE__ */ import_react2.default.createElement(
145
- "div",
146
- {
147
- style: {
148
- padding: "22px"
149
- }
150
136
  },
151
- title && /* @__PURE__ */ import_react2.default.createElement(
152
- "h2",
153
- {
154
- style: {
155
- margin: 0,
156
- fontSize: "24px",
157
- fontWeight: "700",
158
- color: "#111827"
159
- }
160
- },
161
- title
162
- ),
163
- subtitle && /* @__PURE__ */ import_react2.default.createElement(
164
- "p",
165
- {
166
- style: {
167
- marginTop: "8px",
168
- fontSize: "15px",
169
- color: "#6B7280",
170
- lineHeight: "1.6"
171
- }
172
- },
173
- subtitle
174
- ),
175
- /* @__PURE__ */ import_react2.default.createElement(
176
- "div",
177
- {
178
- style: {
179
- marginTop: "18px",
180
- color: "#374151",
181
- fontSize: "15px",
182
- lineHeight: "1.7"
137
+ children: [
138
+ image && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
139
+ "img",
140
+ {
141
+ src: image,
142
+ alt: title,
143
+ style: {
144
+ width: "100%",
145
+ height: "200px",
146
+ objectFit: "cover"
147
+ }
183
148
  }
184
- },
185
- children
186
- ),
187
- /* @__PURE__ */ import_react2.default.createElement(
188
- "button",
189
- {
190
- style: {
191
- marginTop: "20px",
192
- padding: "12px 18px",
193
- border: "none",
194
- borderRadius: "12px",
195
- background: "linear-gradient(135deg, #6366F1, #8B5CF6)",
196
- color: "#fff",
197
- fontWeight: "600",
198
- fontSize: "14px",
199
- cursor: "pointer",
200
- transition: "0.3s"
201
- },
202
- onMouseEnter: (e) => {
203
- e.currentTarget.style.opacity = "0.9";
204
- },
205
- onMouseLeave: (e) => {
206
- e.currentTarget.style.opacity = "1";
207
- }
208
- },
209
- "Explore More"
210
- )
211
- )
149
+ ),
150
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { padding: "22px" }, children: [
151
+ title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
152
+ "h2",
153
+ {
154
+ style: {
155
+ margin: 0,
156
+ fontSize: "24px",
157
+ fontWeight: "700",
158
+ color: "#111827"
159
+ },
160
+ children: title
161
+ }
162
+ ),
163
+ subtitle && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
164
+ "p",
165
+ {
166
+ style: {
167
+ marginTop: "8px",
168
+ fontSize: "15px",
169
+ color: "#6B7280",
170
+ lineHeight: "1.6"
171
+ },
172
+ children: subtitle
173
+ }
174
+ ),
175
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
176
+ "div",
177
+ {
178
+ style: {
179
+ marginTop: "18px",
180
+ color: "#374151",
181
+ fontSize: "15px",
182
+ lineHeight: "1.7"
183
+ },
184
+ children
185
+ }
186
+ ),
187
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
188
+ "button",
189
+ {
190
+ style: {
191
+ marginTop: "20px",
192
+ padding: "12px 18px",
193
+ border: "none",
194
+ borderRadius: "12px",
195
+ background: "linear-gradient(135deg, #6366F1, #8B5CF6)",
196
+ color: "#fff",
197
+ fontWeight: "600",
198
+ fontSize: "14px",
199
+ cursor: "pointer",
200
+ transition: "0.3s"
201
+ },
202
+ onMouseEnter: (e) => {
203
+ e.currentTarget.style.opacity = "0.9";
204
+ },
205
+ onMouseLeave: (e) => {
206
+ e.currentTarget.style.opacity = "1";
207
+ },
208
+ children: "Explore More"
209
+ }
210
+ )
211
+ ] })
212
+ ]
213
+ }
212
214
  );
213
215
  }
216
+ var Card_default = Card;
217
+
218
+ // src/components/ProfileCard/ProfileCard.jsx
219
+ var import_react3 = __toESM(require("react"));
220
+ var import_jsx_runtime3 = require("react/jsx-runtime");
221
+ function ProfileCard() {
222
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { children: "Profile Card Component" }) });
223
+ }
224
+ var ProfileCard_default = ProfileCard;
225
+
226
+ // src/components/Hello/Hello.jsx
227
+ var import_react4 = __toESM(require("react"));
228
+ var import_jsx_runtime4 = require("react/jsx-runtime");
229
+ function Hello() {
230
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { children: "Hello World" }) });
231
+ }
232
+ var Hello_default = Hello;
233
+
234
+ // src/components/Radha/Radha.jsx
235
+ var import_react5 = __toESM(require("react"));
236
+ var import_jsx_runtime5 = require("react/jsx-runtime");
237
+ function Radha() {
238
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { children: "Radha" }) });
239
+ }
240
+ var Radha_default = Radha;
214
241
  // Annotate the CommonJS export names for ESM import in node:
215
242
  0 && (module.exports = {
216
243
  Button,
217
- Card
244
+ Card,
245
+ Hello,
246
+ ProfileCard,
247
+ Radha
218
248
  });
package/dist/index.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  // src/components/Button/Button.jsx
2
2
  import React from "react";
3
+ import { jsx } from "react/jsx-runtime";
3
4
  function Button({
4
5
  variant = "primary",
5
6
  disabled = false,
@@ -21,7 +22,7 @@ function Button({
21
22
  color: "#ffffff"
22
23
  }
23
24
  };
24
- return /* @__PURE__ */ React.createElement(
25
+ return /* @__PURE__ */ jsx(
25
26
  "button",
26
27
  {
27
28
  type: rest.type ?? "button",
@@ -53,14 +54,16 @@ function Button({
53
54
  e.currentTarget.style.transform = "translateY(0px)";
54
55
  e.currentTarget.style.boxShadow = "0 8px 20px rgba(0,0,0,0.15)";
55
56
  }
56
- }
57
- },
58
- children
57
+ },
58
+ children
59
+ }
59
60
  );
60
61
  }
62
+ var Button_default = Button;
61
63
 
62
64
  // src/components/Card/Card.jsx
63
65
  import React2 from "react";
66
+ import { jsx as jsx2, jsxs } from "react/jsx-runtime";
64
67
  function Card({
65
68
  title,
66
69
  subtitle,
@@ -69,7 +72,7 @@ function Card({
69
72
  className = "",
70
73
  ...rest
71
74
  }) {
72
- return /* @__PURE__ */ React2.createElement(
75
+ return /* @__PURE__ */ jsxs(
73
76
  "div",
74
77
  {
75
78
  className: `vu-card ${className}`,
@@ -91,91 +94,115 @@ function Card({
91
94
  onMouseLeave: (e) => {
92
95
  e.currentTarget.style.transform = "translateY(0px)";
93
96
  e.currentTarget.style.boxShadow = "0 10px 30px rgba(0,0,0,0.12)";
94
- }
95
- },
96
- image && /* @__PURE__ */ React2.createElement(
97
- "img",
98
- {
99
- src: image,
100
- alt: title,
101
- style: {
102
- width: "100%",
103
- height: "200px",
104
- objectFit: "cover"
105
- }
106
- }
107
- ),
108
- /* @__PURE__ */ React2.createElement(
109
- "div",
110
- {
111
- style: {
112
- padding: "22px"
113
- }
114
97
  },
115
- title && /* @__PURE__ */ React2.createElement(
116
- "h2",
117
- {
118
- style: {
119
- margin: 0,
120
- fontSize: "24px",
121
- fontWeight: "700",
122
- color: "#111827"
123
- }
124
- },
125
- title
126
- ),
127
- subtitle && /* @__PURE__ */ React2.createElement(
128
- "p",
129
- {
130
- style: {
131
- marginTop: "8px",
132
- fontSize: "15px",
133
- color: "#6B7280",
134
- lineHeight: "1.6"
135
- }
136
- },
137
- subtitle
138
- ),
139
- /* @__PURE__ */ React2.createElement(
140
- "div",
141
- {
142
- style: {
143
- marginTop: "18px",
144
- color: "#374151",
145
- fontSize: "15px",
146
- lineHeight: "1.7"
98
+ children: [
99
+ image && /* @__PURE__ */ jsx2(
100
+ "img",
101
+ {
102
+ src: image,
103
+ alt: title,
104
+ style: {
105
+ width: "100%",
106
+ height: "200px",
107
+ objectFit: "cover"
108
+ }
147
109
  }
148
- },
149
- children
150
- ),
151
- /* @__PURE__ */ React2.createElement(
152
- "button",
153
- {
154
- style: {
155
- marginTop: "20px",
156
- padding: "12px 18px",
157
- border: "none",
158
- borderRadius: "12px",
159
- background: "linear-gradient(135deg, #6366F1, #8B5CF6)",
160
- color: "#fff",
161
- fontWeight: "600",
162
- fontSize: "14px",
163
- cursor: "pointer",
164
- transition: "0.3s"
165
- },
166
- onMouseEnter: (e) => {
167
- e.currentTarget.style.opacity = "0.9";
168
- },
169
- onMouseLeave: (e) => {
170
- e.currentTarget.style.opacity = "1";
171
- }
172
- },
173
- "Explore More"
174
- )
175
- )
110
+ ),
111
+ /* @__PURE__ */ jsxs("div", { style: { padding: "22px" }, children: [
112
+ title && /* @__PURE__ */ jsx2(
113
+ "h2",
114
+ {
115
+ style: {
116
+ margin: 0,
117
+ fontSize: "24px",
118
+ fontWeight: "700",
119
+ color: "#111827"
120
+ },
121
+ children: title
122
+ }
123
+ ),
124
+ subtitle && /* @__PURE__ */ jsx2(
125
+ "p",
126
+ {
127
+ style: {
128
+ marginTop: "8px",
129
+ fontSize: "15px",
130
+ color: "#6B7280",
131
+ lineHeight: "1.6"
132
+ },
133
+ children: subtitle
134
+ }
135
+ ),
136
+ /* @__PURE__ */ jsx2(
137
+ "div",
138
+ {
139
+ style: {
140
+ marginTop: "18px",
141
+ color: "#374151",
142
+ fontSize: "15px",
143
+ lineHeight: "1.7"
144
+ },
145
+ children
146
+ }
147
+ ),
148
+ /* @__PURE__ */ jsx2(
149
+ "button",
150
+ {
151
+ style: {
152
+ marginTop: "20px",
153
+ padding: "12px 18px",
154
+ border: "none",
155
+ borderRadius: "12px",
156
+ background: "linear-gradient(135deg, #6366F1, #8B5CF6)",
157
+ color: "#fff",
158
+ fontWeight: "600",
159
+ fontSize: "14px",
160
+ cursor: "pointer",
161
+ transition: "0.3s"
162
+ },
163
+ onMouseEnter: (e) => {
164
+ e.currentTarget.style.opacity = "0.9";
165
+ },
166
+ onMouseLeave: (e) => {
167
+ e.currentTarget.style.opacity = "1";
168
+ },
169
+ children: "Explore More"
170
+ }
171
+ )
172
+ ] })
173
+ ]
174
+ }
176
175
  );
177
176
  }
177
+ var Card_default = Card;
178
+
179
+ // src/components/ProfileCard/ProfileCard.jsx
180
+ import React3 from "react";
181
+ import { jsx as jsx3 } from "react/jsx-runtime";
182
+ function ProfileCard() {
183
+ return /* @__PURE__ */ jsx3("div", { children: /* @__PURE__ */ jsx3("h1", { children: "Profile Card Component" }) });
184
+ }
185
+ var ProfileCard_default = ProfileCard;
186
+
187
+ // src/components/Hello/Hello.jsx
188
+ import React4 from "react";
189
+ import { jsx as jsx4 } from "react/jsx-runtime";
190
+ function Hello() {
191
+ return /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4("h1", { children: "Hello World" }) });
192
+ }
193
+ var Hello_default = Hello;
194
+
195
+ // src/components/Radha/Radha.jsx
196
+ import React5 from "react";
197
+ import { jsx as jsx5 } from "react/jsx-runtime";
198
+ function Radha() {
199
+ return /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsx5("h1", { children: "Radha" }) });
200
+ }
201
+ var Radha_default = Radha;
178
202
  export {
179
- Button,
180
- Card
203
+ Button_default as Button,
204
+ Card_default as Card,
205
+ Hello_default as Hello,
206
+ ProfileCard_default as ProfileCard,
207
+ Radha_default as Radha
181
208
  };
package/package.json CHANGED
@@ -1,48 +1,42 @@
1
1
  {
2
2
  "name": "ui-library-raushan-ranjan",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Virtual UI React Library",
5
5
  "author": "Raushan Ranjan",
6
6
  "license": "ISC",
7
-
8
7
  "main": "./dist/index.js",
9
8
  "module": "./dist/index.mjs",
10
9
  "types": "./dist/index.d.ts",
11
-
12
10
  "files": [
13
11
  "dist"
14
12
  ],
15
-
16
13
  "scripts": {
17
14
  "build": "tsup",
18
15
  "dev": "tsup --watch",
19
16
  "clean": "rm -rf dist"
20
17
  },
21
-
22
18
  "keywords": [
23
19
  "react",
24
20
  "ui-library",
25
21
  "components",
26
22
  "virtualui"
27
23
  ],
28
-
29
24
  "peerDependencies": {
30
25
  "react": ">=18",
31
26
  "react-dom": ">=18"
32
27
  },
33
-
34
28
  "dependencies": {
35
29
  "@reduxjs/toolkit": "^2.11.2",
36
30
  "react-redux": "^9.2.0",
37
- "redux": "^5.0.1"
31
+ "redux": "^5.0.1",
32
+ "ui-library-raushan-ranjan": "^1.0.1"
38
33
  },
39
-
40
34
  "devDependencies": {
41
- "typescript": "^6.0.3",
42
- "tsup": "^8.5.1",
35
+ "@types/react": "^19.2.2",
36
+ "@types/react-dom": "^19.2.2",
43
37
  "express": "^5.2.1",
44
38
  "nodemon": "^3.1.14",
45
- "@types/react": "^19.2.2",
46
- "@types/react-dom": "^19.2.2"
39
+ "tsup": "^8.5.1",
40
+ "typescript": "^6.0.3"
47
41
  }
48
- }
42
+ }