bhoomi-virtual-ui-library 1.0.1 → 1.0.5

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.
Files changed (3) hide show
  1. package/dist/index.js +24 -0
  2. package/dist/index.mjs +23 -0
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -31,6 +31,7 @@ var index_exports = {};
31
31
  __export(index_exports, {
32
32
  Button: () => Button,
33
33
  Card: () => Card,
34
+ ECommerceCard: () => ECommerceCard,
34
35
  Profilecard: () => Profilecard
35
36
  });
36
37
  module.exports = __toCommonJS(index_exports);
@@ -621,9 +622,32 @@ var Profilecard = ({
621
622
  "Message"
622
623
  ))));
623
624
  };
625
+
626
+ // src/components/ECommerceCard/ECommerceCard.jsx
627
+ var import_react4 = __toESM(require("react"));
628
+ var ECommerceCard = ({
629
+ image = "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=600&q=80",
630
+ title = "Discover the Hidden Peaks",
631
+ description = "A breathtaking journey through untouched landscapes and snow-capped summits.",
632
+ buttonText = "Read More",
633
+ accent = "#6366f1",
634
+ bg = "#0f172a",
635
+ price = 29,
636
+ currency = "$",
637
+ period = "per month",
638
+ onButtonClick = () => {
639
+ }
640
+ }) => {
641
+ const alpha = (hex, op) => {
642
+ const r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16);
643
+ return "rgba(" + r + "," + g + "," + b + "," + op + ")";
644
+ };
645
+ return /* @__PURE__ */ import_react4.default.createElement("div", { style: { background: bg, borderRadius: "20px", padding: "28px 24px", width: "300px", color: "#fff", fontFamily: "system-ui,sans-serif", boxShadow: "0 10px 40px rgba(0,0,0,0.5)", border: "1px solid " + alpha(accent, 0.25), position: "relative", overflow: "hidden" } }, /* @__PURE__ */ import_react4.default.createElement("div", { style: { position: "absolute", top: 0, left: 0, right: 0, height: "3px", background: "linear-gradient(90deg, " + accent + ", " + alpha(accent, 0.3) + ")" } }), /* @__PURE__ */ import_react4.default.createElement("img", { src: image, alt: title, style: { width: "100%", height: "180px", objectFit: "cover", transform: "scale(1)", transition: "transform 0.4s ease" } }), /* @__PURE__ */ import_react4.default.createElement("div", { style: { fontSize: "20px", fontWeight: "700", marginBottom: "4px" } }, title), /* @__PURE__ */ import_react4.default.createElement("div", { style: { fontSize: "13px", color: "rgba(255,255,255,0.45)", marginBottom: "20px" } }, description), /* @__PURE__ */ import_react4.default.createElement("div", { style: { display: "flex", alignItems: "flex-end", gap: "3px", marginBottom: "4px" } }, /* @__PURE__ */ import_react4.default.createElement("span", { style: { fontSize: "18px", fontWeight: "700", color: "rgba(255,255,255,0.5)", lineHeight: 2 } }, currency), /* @__PURE__ */ import_react4.default.createElement("span", { style: { fontSize: "52px", fontWeight: "800", lineHeight: 1 } }, price)), /* @__PURE__ */ import_react4.default.createElement("div", { style: { fontSize: "12px", color: "rgba(255,255,255,0.35)", marginBottom: "20px" } }, period), /* @__PURE__ */ import_react4.default.createElement("button", { onClick: onButtonClick, style: { width: "100%", padding: "13px", borderRadius: "12px", border: "none", background: "linear-gradient(135deg, " + accent + ", " + alpha(accent, 0.7) + ")", color: "#fff", fontSize: "14px", fontWeight: "700", cursor: "pointer", fontFamily: "system-ui,sans-serif" } }, buttonText));
646
+ };
624
647
  // Annotate the CommonJS export names for ESM import in node:
625
648
  0 && (module.exports = {
626
649
  Button,
627
650
  Card,
651
+ ECommerceCard,
628
652
  Profilecard
629
653
  });
package/dist/index.mjs CHANGED
@@ -584,8 +584,31 @@ var Profilecard = ({
584
584
  "Message"
585
585
  ))));
586
586
  };
587
+
588
+ // src/components/ECommerceCard/ECommerceCard.jsx
589
+ import React4 from "react";
590
+ var ECommerceCard = ({
591
+ image = "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=600&q=80",
592
+ title = "Discover the Hidden Peaks",
593
+ description = "A breathtaking journey through untouched landscapes and snow-capped summits.",
594
+ buttonText = "Read More",
595
+ accent = "#6366f1",
596
+ bg = "#0f172a",
597
+ price = 29,
598
+ currency = "$",
599
+ period = "per month",
600
+ onButtonClick = () => {
601
+ }
602
+ }) => {
603
+ const alpha = (hex, op) => {
604
+ const r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16);
605
+ return "rgba(" + r + "," + g + "," + b + "," + op + ")";
606
+ };
607
+ return /* @__PURE__ */ React4.createElement("div", { style: { background: bg, borderRadius: "20px", padding: "28px 24px", width: "300px", color: "#fff", fontFamily: "system-ui,sans-serif", boxShadow: "0 10px 40px rgba(0,0,0,0.5)", border: "1px solid " + alpha(accent, 0.25), position: "relative", overflow: "hidden" } }, /* @__PURE__ */ React4.createElement("div", { style: { position: "absolute", top: 0, left: 0, right: 0, height: "3px", background: "linear-gradient(90deg, " + accent + ", " + alpha(accent, 0.3) + ")" } }), /* @__PURE__ */ React4.createElement("img", { src: image, alt: title, style: { width: "100%", height: "180px", objectFit: "cover", transform: "scale(1)", transition: "transform 0.4s ease" } }), /* @__PURE__ */ React4.createElement("div", { style: { fontSize: "20px", fontWeight: "700", marginBottom: "4px" } }, title), /* @__PURE__ */ React4.createElement("div", { style: { fontSize: "13px", color: "rgba(255,255,255,0.45)", marginBottom: "20px" } }, description), /* @__PURE__ */ React4.createElement("div", { style: { display: "flex", alignItems: "flex-end", gap: "3px", marginBottom: "4px" } }, /* @__PURE__ */ React4.createElement("span", { style: { fontSize: "18px", fontWeight: "700", color: "rgba(255,255,255,0.5)", lineHeight: 2 } }, currency), /* @__PURE__ */ React4.createElement("span", { style: { fontSize: "52px", fontWeight: "800", lineHeight: 1 } }, price)), /* @__PURE__ */ React4.createElement("div", { style: { fontSize: "12px", color: "rgba(255,255,255,0.35)", marginBottom: "20px" } }, period), /* @__PURE__ */ React4.createElement("button", { onClick: onButtonClick, style: { width: "100%", padding: "13px", borderRadius: "12px", border: "none", background: "linear-gradient(135deg, " + accent + ", " + alpha(accent, 0.7) + ")", color: "#fff", fontSize: "14px", fontWeight: "700", cursor: "pointer", fontFamily: "system-ui,sans-serif" } }, buttonText));
608
+ };
587
609
  export {
588
610
  Button,
589
611
  Card,
612
+ ECommerceCard,
590
613
  Profilecard
591
614
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bhoomi-virtual-ui-library",
3
- "version": "1.0.1",
3
+ "version": "1.0.5",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "files": [