ui-library-raushan-ranjan 1.0.1 → 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,14 +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,
34
- ProfileCard: () => ProfileCard_default
32
+ Button: () => Button_default,
33
+ Card: () => Card_default,
34
+ Hello: () => Hello_default,
35
+ ProfileCard: () => ProfileCard_default,
36
+ Radha: () => Radha_default
35
37
  });
36
38
  module.exports = __toCommonJS(index_exports);
37
39
 
38
40
  // src/components/Button/Button.jsx
39
41
  var import_react = __toESM(require("react"));
42
+ var import_jsx_runtime = require("react/jsx-runtime");
40
43
  function Button({
41
44
  variant = "primary",
42
45
  disabled = false,
@@ -58,7 +61,7 @@ function Button({
58
61
  color: "#ffffff"
59
62
  }
60
63
  };
61
- return /* @__PURE__ */ import_react.default.createElement(
64
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
62
65
  "button",
63
66
  {
64
67
  type: rest.type ?? "button",
@@ -90,14 +93,16 @@ function Button({
90
93
  e.currentTarget.style.transform = "translateY(0px)";
91
94
  e.currentTarget.style.boxShadow = "0 8px 20px rgba(0,0,0,0.15)";
92
95
  }
93
- }
94
- },
95
- children
96
+ },
97
+ children
98
+ }
96
99
  );
97
100
  }
101
+ var Button_default = Button;
98
102
 
99
103
  // src/components/Card/Card.jsx
100
104
  var import_react2 = __toESM(require("react"));
105
+ var import_jsx_runtime2 = require("react/jsx-runtime");
101
106
  function Card({
102
107
  title,
103
108
  subtitle,
@@ -106,7 +111,7 @@ function Card({
106
111
  className = "",
107
112
  ...rest
108
113
  }) {
109
- return /* @__PURE__ */ import_react2.default.createElement(
114
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
110
115
  "div",
111
116
  {
112
117
  className: `vu-card ${className}`,
@@ -128,100 +133,116 @@ function Card({
128
133
  onMouseLeave: (e) => {
129
134
  e.currentTarget.style.transform = "translateY(0px)";
130
135
  e.currentTarget.style.boxShadow = "0 10px 30px rgba(0,0,0,0.12)";
131
- }
132
- },
133
- image && /* @__PURE__ */ import_react2.default.createElement(
134
- "img",
135
- {
136
- src: image,
137
- alt: title,
138
- style: {
139
- width: "100%",
140
- height: "200px",
141
- objectFit: "cover"
142
- }
143
- }
144
- ),
145
- /* @__PURE__ */ import_react2.default.createElement(
146
- "div",
147
- {
148
- style: {
149
- padding: "22px"
150
- }
151
136
  },
152
- title && /* @__PURE__ */ import_react2.default.createElement(
153
- "h2",
154
- {
155
- style: {
156
- margin: 0,
157
- fontSize: "24px",
158
- fontWeight: "700",
159
- color: "#111827"
160
- }
161
- },
162
- title
163
- ),
164
- subtitle && /* @__PURE__ */ import_react2.default.createElement(
165
- "p",
166
- {
167
- style: {
168
- marginTop: "8px",
169
- fontSize: "15px",
170
- color: "#6B7280",
171
- lineHeight: "1.6"
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
+ }
172
148
  }
173
- },
174
- subtitle
175
- ),
176
- /* @__PURE__ */ import_react2.default.createElement(
177
- "div",
178
- {
179
- style: {
180
- marginTop: "18px",
181
- color: "#374151",
182
- fontSize: "15px",
183
- lineHeight: "1.7"
184
- }
185
- },
186
- children
187
- ),
188
- /* @__PURE__ */ import_react2.default.createElement(
189
- "button",
190
- {
191
- style: {
192
- marginTop: "20px",
193
- padding: "12px 18px",
194
- border: "none",
195
- borderRadius: "12px",
196
- background: "linear-gradient(135deg, #6366F1, #8B5CF6)",
197
- color: "#fff",
198
- fontWeight: "600",
199
- fontSize: "14px",
200
- cursor: "pointer",
201
- transition: "0.3s"
202
- },
203
- onMouseEnter: (e) => {
204
- e.currentTarget.style.opacity = "0.9";
205
- },
206
- onMouseLeave: (e) => {
207
- e.currentTarget.style.opacity = "1";
208
- }
209
- },
210
- "Explore More"
211
- )
212
- )
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
+ }
213
214
  );
214
215
  }
216
+ var Card_default = Card;
215
217
 
216
218
  // src/components/ProfileCard/ProfileCard.jsx
217
219
  var import_react3 = __toESM(require("react"));
220
+ var import_jsx_runtime3 = require("react/jsx-runtime");
218
221
  function ProfileCard() {
219
- return /* @__PURE__ */ import_react3.default.createElement("div", null, /* @__PURE__ */ import_react3.default.createElement("h1", null, "Profile Card Component"));
222
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { children: "Profile Card Component" }) });
220
223
  }
221
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;
222
241
  // Annotate the CommonJS export names for ESM import in node:
223
242
  0 && (module.exports = {
224
243
  Button,
225
244
  Card,
226
- ProfileCard
245
+ Hello,
246
+ ProfileCard,
247
+ Radha
227
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,99 +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"
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
+ }
135
109
  }
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"
147
- }
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
178
 
179
179
  // src/components/ProfileCard/ProfileCard.jsx
180
180
  import React3 from "react";
181
+ import { jsx as jsx3 } from "react/jsx-runtime";
181
182
  function ProfileCard() {
182
- return /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement("h1", null, "Profile Card Component"));
183
+ return /* @__PURE__ */ jsx3("div", { children: /* @__PURE__ */ jsx3("h1", { children: "Profile Card Component" }) });
183
184
  }
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;
185
202
  export {
186
- Button,
187
- Card,
188
- ProfileCard_default as ProfileCard
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
189
208
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ui-library-raushan-ranjan",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Virtual UI React Library",
5
5
  "author": "Raushan Ranjan",
6
6
  "license": "ISC",
@@ -29,7 +29,7 @@
29
29
  "@reduxjs/toolkit": "^2.11.2",
30
30
  "react-redux": "^9.2.0",
31
31
  "redux": "^5.0.1",
32
- "ui-library-raushan-ranjan": "^1.0.0"
32
+ "ui-library-raushan-ranjan": "^1.0.1"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/react": "^19.2.2",