virtual-ui-lib 1.0.63 → 1.0.65

package/dist/index.js

@@ -37,6 +37,8 @@ __export(index_exports, {
   DividerLine: () => DividerLine,
   FileUpload: () => FileUpload,
   Footer: () => Footer,
+  ImageCard: () => ImageCard,
+  ImageSlider: () => ImageSlider,
   Loader: () => Loader,
   LoadingSpinner: () => LoadingSpinner,
   Navbar: () => Navbar,
@@ -1945,6 +1947,324 @@ var Charts = ({
     textTransform: "capitalize"
   } }, type)), renderChart());
 };
+
+// src/components/ImageCard/ImageCard.jsx
+var import_react24 = __toESM(require("react"));
+var ImageCard = ({
+  image = "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=600&q=80",
+  tag = "Travel",
+  title = "Discover the Hidden Peaks of the Himalayas",
+  description = "A breathtaking journey through untouched landscapes, ancient monasteries, and snow-capped summits that few have ever seen.",
+  buttonText = "Read More",
+  accent = "#6366f1",
+  bg = "#0f172a",
+  radius = "20px",
+  onButtonClick = () => {
+  }
+}) => {
+  const [hovered, setHovered] = (0, import_react24.useState)(false);
+  const alpha = (hex, op) => {
+    const r = parseInt(hex.slice(1, 3), 16);
+    const g = parseInt(hex.slice(3, 5), 16);
+    const b = parseInt(hex.slice(5, 7), 16);
+    return `rgba(${r},${g},${b},${op})`;
+  };
+  return /* @__PURE__ */ import_react24.default.createElement(
+    "div",
+    {
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      style: {
+        background: bg,
+        borderRadius: radius,
+        overflow: "hidden",
+        width: "300px",
+        border: `1px solid ${hovered ? alpha(accent, 0.3) : "rgba(255,255,255,0.07)"}`,
+        fontFamily: "system-ui, sans-serif",
+        transition: "border-color 0.25s, transform 0.25s",
+        transform: hovered ? "translateY(-4px)" : "none",
+        boxShadow: hovered ? `0 16px 40px rgba(0,0,0,0.5)` : "0 4px 20px rgba(0,0,0,0.3)"
+      }
+    },
+    /* @__PURE__ */ import_react24.default.createElement("div", { style: { position: "relative", width: "100%", height: "180px", overflow: "hidden" } }, /* @__PURE__ */ import_react24.default.createElement(
+      "img",
+      {
+        src: image,
+        alt: title,
+        style: {
+          width: "100%",
+          height: "100%",
+          objectFit: "cover",
+          transform: hovered ? "scale(1.05)" : "scale(1)",
+          transition: "transform 0.4s ease"
+        }
+      }
+    ), /* @__PURE__ */ import_react24.default.createElement("div", { style: {
+      position: "absolute",
+      inset: 0,
+      background: "linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 60%)"
+    } }), tag && /* @__PURE__ */ import_react24.default.createElement("div", { style: {
+      position: "absolute",
+      top: "12px",
+      left: "12px",
+      padding: "4px 10px",
+      borderRadius: "20px",
+      background: alpha(accent, 0.85),
+      fontSize: "10px",
+      fontWeight: "700",
+      color: "#fff",
+      letterSpacing: "0.5px",
+      textTransform: "uppercase"
+    } }, tag)),
+    /* @__PURE__ */ import_react24.default.createElement("div", { style: { padding: "18px" } }, /* @__PURE__ */ import_react24.default.createElement("h3", { style: {
+      fontSize: "15px",
+      fontWeight: "700",
+      color: "#fff",
+      margin: "0 0 8px",
+      lineHeight: 1.4
+    } }, title), /* @__PURE__ */ import_react24.default.createElement("p", { style: {
+      fontSize: "13px",
+      color: "rgba(255,255,255,0.45)",
+      lineHeight: 1.65,
+      margin: "0 0 18px"
+    } }, description), /* @__PURE__ */ import_react24.default.createElement(
+      "button",
+      {
+        onClick: onButtonClick,
+        style: {
+          width: "100%",
+          padding: "11px",
+          borderRadius: "12px",
+          border: "none",
+          background: `linear-gradient(135deg, ${accent}, ${alpha(accent, 0.7)})`,
+          color: "#fff",
+          fontSize: "13px",
+          fontWeight: "700",
+          cursor: "pointer",
+          fontFamily: "inherit",
+          transition: "opacity 0.2s"
+        },
+        onMouseEnter: (e) => e.currentTarget.style.opacity = "0.85",
+        onMouseLeave: (e) => e.currentTarget.style.opacity = "1"
+      },
+      buttonText
+    ))
+  );
+};
+
+// src/components/ImageSlider/ImageSlider.jsx
+var import_react25 = __toESM(require("react"));
+var ImageSlider = ({
+  images = [
+    {
+      src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=600&q=80",
+      title: "Hidden Peaks of Himalayas",
+      tag: "Travel"
+    },
+    {
+      src: "https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?w=600&q=80",
+      title: "City Lights at Night",
+      tag: "Urban"
+    },
+    {
+      src: "https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?w=600&q=80",
+      title: "Tropical Beach Paradise",
+      tag: "Nature"
+    },
+    {
+      src: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=600&q=80",
+      title: "Starry Mountain Night",
+      tag: "Adventure"
+    }
+  ],
+  accent = "#6366f1",
+  bg = "#0f172a",
+  radius = "20px",
+  showDots = true,
+  showCaption = true,
+  autoPlay = false
+}) => {
+  const [current, setCurrent] = (0, import_react25.useState)(0);
+  const [dir, setDir] = (0, import_react25.useState)(null);
+  const alpha = (hex, op) => {
+    const r = parseInt(hex.slice(1, 3), 16);
+    const g = parseInt(hex.slice(3, 5), 16);
+    const b = parseInt(hex.slice(5, 7), 16);
+    return `rgba(${r},${g},${b},${op})`;
+  };
+  const prev = () => {
+    setDir("left");
+    setCurrent((c) => (c - 1 + images.length) % images.length);
+  };
+  const next = () => {
+    setDir("right");
+    setCurrent((c) => (c + 1) % images.length);
+  };
+  const goTo = (i) => {
+    setDir(i > current ? "right" : "left");
+    setCurrent(i);
+  };
+  const img = images[current];
+  return /* @__PURE__ */ import_react25.default.createElement("div", { style: {
+    background: bg,
+    borderRadius: radius,
+    overflow: "hidden",
+    width: "300px",
+    border: "1px solid rgba(255,255,255,0.07)",
+    fontFamily: "system-ui, sans-serif",
+    boxShadow: "0 10px 40px rgba(0,0,0,0.4)"
+  } }, /* @__PURE__ */ import_react25.default.createElement("div", { style: { position: "relative", width: "100%", height: "200px", overflow: "hidden", background: "#000" } }, /* @__PURE__ */ import_react25.default.createElement(
+    "img",
+    {
+      key: current,
+      src: img.src,
+      alt: img.title,
+      style: {
+        width: "100%",
+        height: "100%",
+        objectFit: "cover",
+        animation: `sliderFade 0.35s ease`
+      }
+    }
+  ), /* @__PURE__ */ import_react25.default.createElement("style", null, `@keyframes sliderFade { from { opacity: 0; transform: scale(1.03); } to { opacity: 1; transform: scale(1); } }`), /* @__PURE__ */ import_react25.default.createElement("div", { style: {
+    position: "absolute",
+    inset: 0,
+    background: "linear-gradient(to top, rgba(0,0,0,0.65) 0%, transparent 55%)"
+  } }), img.tag && /* @__PURE__ */ import_react25.default.createElement("div", { style: {
+    position: "absolute",
+    top: "12px",
+    left: "12px",
+    padding: "4px 10px",
+    borderRadius: "20px",
+    background: alpha(accent, 0.85),
+    fontSize: "10px",
+    fontWeight: "700",
+    color: "#fff",
+    letterSpacing: "0.5px",
+    textTransform: "uppercase"
+  } }, img.tag), /* @__PURE__ */ import_react25.default.createElement("div", { style: {
+    position: "absolute",
+    top: "12px",
+    right: "12px",
+    padding: "4px 10px",
+    borderRadius: "20px",
+    background: "rgba(0,0,0,0.5)",
+    fontSize: "10px",
+    fontWeight: "600",
+    color: "rgba(255,255,255,0.7)"
+  } }, current + 1, " / ", images.length), /* @__PURE__ */ import_react25.default.createElement(
+    "button",
+    {
+      onClick: prev,
+      style: {
+        position: "absolute",
+        left: "10px",
+        top: "50%",
+        transform: "translateY(-50%)",
+        width: "34px",
+        height: "34px",
+        borderRadius: "50%",
+        background: "rgba(0,0,0,0.5)",
+        border: "1px solid rgba(255,255,255,0.15)",
+        color: "#fff",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "background 0.2s",
+        padding: 0
+      },
+      onMouseEnter: (e) => e.currentTarget.style.background = alpha(accent, 0.8),
+      onMouseLeave: (e) => e.currentTarget.style.background = "rgba(0,0,0,0.5)"
+    },
+    /* @__PURE__ */ import_react25.default.createElement(
+      "svg",
+      {
+        width: "14",
+        height: "14",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round"
+      },
+      /* @__PURE__ */ import_react25.default.createElement("polyline", { points: "15 18 9 12 15 6" })
+    )
+  ), /* @__PURE__ */ import_react25.default.createElement(
+    "button",
+    {
+      onClick: next,
+      style: {
+        position: "absolute",
+        right: "10px",
+        top: "50%",
+        transform: "translateY(-50%)",
+        width: "34px",
+        height: "34px",
+        borderRadius: "50%",
+        background: "rgba(0,0,0,0.5)",
+        border: "1px solid rgba(255,255,255,0.15)",
+        color: "#fff",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "background 0.2s",
+        padding: 0
+      },
+      onMouseEnter: (e) => e.currentTarget.style.background = alpha(accent, 0.8),
+      onMouseLeave: (e) => e.currentTarget.style.background = "rgba(0,0,0,0.5)"
+    },
+    /* @__PURE__ */ import_react25.default.createElement(
+      "svg",
+      {
+        width: "14",
+        height: "14",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round"
+      },
+      /* @__PURE__ */ import_react25.default.createElement("polyline", { points: "9 18 15 12 9 6" })
+    )
+  )), showCaption && /* @__PURE__ */ import_react25.default.createElement("div", { style: { padding: "14px 16px 4px" } }, /* @__PURE__ */ import_react25.default.createElement(
+    "p",
+    {
+      style: {
+        fontSize: "14px",
+        fontWeight: "700",
+        color: "#fff",
+        margin: 0,
+        lineHeight: 1.4,
+        animation: "sliderFade 0.3s ease"
+      },
+      key: current + "-title"
+    },
+    img.title
+  )), showDots && /* @__PURE__ */ import_react25.default.createElement("div", { style: {
+    display: "flex",
+    justifyContent: "center",
+    gap: "6px",
+    padding: "12px 16px 16px"
+  } }, images.map((_, i) => /* @__PURE__ */ import_react25.default.createElement(
+    "button",
+    {
+      key: i,
+      onClick: () => goTo(i),
+      style: {
+        width: i === current ? "20px" : "6px",
+        height: "6px",
+        borderRadius: "3px",
+        border: "none",
+        cursor: "pointer",
+        padding: 0,
+        background: i === current ? accent : "rgba(255,255,255,0.2)",
+        transition: "all 0.25s ease"
+      }
+    }
+  ))));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Avatar,
@@ -1955,6 +2275,8 @@ var Charts = ({
   DividerLine,
   FileUpload,
   Footer,
+  ImageCard,
+  ImageSlider,
   Loader,
   LoadingSpinner,
   Navbar,

package/dist/index.mjs

@@ -1888,6 +1888,324 @@ var Charts = ({
     textTransform: "capitalize"
   } }, type)), renderChart());
 };
+
+// src/components/ImageCard/ImageCard.jsx
+import React24, { useState as useState17 } from "react";
+var ImageCard = ({
+  image = "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=600&q=80",
+  tag = "Travel",
+  title = "Discover the Hidden Peaks of the Himalayas",
+  description = "A breathtaking journey through untouched landscapes, ancient monasteries, and snow-capped summits that few have ever seen.",
+  buttonText = "Read More",
+  accent = "#6366f1",
+  bg = "#0f172a",
+  radius = "20px",
+  onButtonClick = () => {
+  }
+}) => {
+  const [hovered, setHovered] = useState17(false);
+  const alpha = (hex, op) => {
+    const r = parseInt(hex.slice(1, 3), 16);
+    const g = parseInt(hex.slice(3, 5), 16);
+    const b = parseInt(hex.slice(5, 7), 16);
+    return `rgba(${r},${g},${b},${op})`;
+  };
+  return /* @__PURE__ */ React24.createElement(
+    "div",
+    {
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      style: {
+        background: bg,
+        borderRadius: radius,
+        overflow: "hidden",
+        width: "300px",
+        border: `1px solid ${hovered ? alpha(accent, 0.3) : "rgba(255,255,255,0.07)"}`,
+        fontFamily: "system-ui, sans-serif",
+        transition: "border-color 0.25s, transform 0.25s",
+        transform: hovered ? "translateY(-4px)" : "none",
+        boxShadow: hovered ? `0 16px 40px rgba(0,0,0,0.5)` : "0 4px 20px rgba(0,0,0,0.3)"
+      }
+    },
+    /* @__PURE__ */ React24.createElement("div", { style: { position: "relative", width: "100%", height: "180px", overflow: "hidden" } }, /* @__PURE__ */ React24.createElement(
+      "img",
+      {
+        src: image,
+        alt: title,
+        style: {
+          width: "100%",
+          height: "100%",
+          objectFit: "cover",
+          transform: hovered ? "scale(1.05)" : "scale(1)",
+          transition: "transform 0.4s ease"
+        }
+      }
+    ), /* @__PURE__ */ React24.createElement("div", { style: {
+      position: "absolute",
+      inset: 0,
+      background: "linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 60%)"
+    } }), tag && /* @__PURE__ */ React24.createElement("div", { style: {
+      position: "absolute",
+      top: "12px",
+      left: "12px",
+      padding: "4px 10px",
+      borderRadius: "20px",
+      background: alpha(accent, 0.85),
+      fontSize: "10px",
+      fontWeight: "700",
+      color: "#fff",
+      letterSpacing: "0.5px",
+      textTransform: "uppercase"
+    } }, tag)),
+    /* @__PURE__ */ React24.createElement("div", { style: { padding: "18px" } }, /* @__PURE__ */ React24.createElement("h3", { style: {
+      fontSize: "15px",
+      fontWeight: "700",
+      color: "#fff",
+      margin: "0 0 8px",
+      lineHeight: 1.4
+    } }, title), /* @__PURE__ */ React24.createElement("p", { style: {
+      fontSize: "13px",
+      color: "rgba(255,255,255,0.45)",
+      lineHeight: 1.65,
+      margin: "0 0 18px"
+    } }, description), /* @__PURE__ */ React24.createElement(
+      "button",
+      {
+        onClick: onButtonClick,
+        style: {
+          width: "100%",
+          padding: "11px",
+          borderRadius: "12px",
+          border: "none",
+          background: `linear-gradient(135deg, ${accent}, ${alpha(accent, 0.7)})`,
+          color: "#fff",
+          fontSize: "13px",
+          fontWeight: "700",
+          cursor: "pointer",
+          fontFamily: "inherit",
+          transition: "opacity 0.2s"
+        },
+        onMouseEnter: (e) => e.currentTarget.style.opacity = "0.85",
+        onMouseLeave: (e) => e.currentTarget.style.opacity = "1"
+      },
+      buttonText
+    ))
+  );
+};
+
+// src/components/ImageSlider/ImageSlider.jsx
+import React25, { useState as useState18 } from "react";
+var ImageSlider = ({
+  images = [
+    {
+      src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=600&q=80",
+      title: "Hidden Peaks of Himalayas",
+      tag: "Travel"
+    },
+    {
+      src: "https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?w=600&q=80",
+      title: "City Lights at Night",
+      tag: "Urban"
+    },
+    {
+      src: "https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?w=600&q=80",
+      title: "Tropical Beach Paradise",
+      tag: "Nature"
+    },
+    {
+      src: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=600&q=80",
+      title: "Starry Mountain Night",
+      tag: "Adventure"
+    }
+  ],
+  accent = "#6366f1",
+  bg = "#0f172a",
+  radius = "20px",
+  showDots = true,
+  showCaption = true,
+  autoPlay = false
+}) => {
+  const [current, setCurrent] = useState18(0);
+  const [dir, setDir] = useState18(null);
+  const alpha = (hex, op) => {
+    const r = parseInt(hex.slice(1, 3), 16);
+    const g = parseInt(hex.slice(3, 5), 16);
+    const b = parseInt(hex.slice(5, 7), 16);
+    return `rgba(${r},${g},${b},${op})`;
+  };
+  const prev = () => {
+    setDir("left");
+    setCurrent((c) => (c - 1 + images.length) % images.length);
+  };
+  const next = () => {
+    setDir("right");
+    setCurrent((c) => (c + 1) % images.length);
+  };
+  const goTo = (i) => {
+    setDir(i > current ? "right" : "left");
+    setCurrent(i);
+  };
+  const img = images[current];
+  return /* @__PURE__ */ React25.createElement("div", { style: {
+    background: bg,
+    borderRadius: radius,
+    overflow: "hidden",
+    width: "300px",
+    border: "1px solid rgba(255,255,255,0.07)",
+    fontFamily: "system-ui, sans-serif",
+    boxShadow: "0 10px 40px rgba(0,0,0,0.4)"
+  } }, /* @__PURE__ */ React25.createElement("div", { style: { position: "relative", width: "100%", height: "200px", overflow: "hidden", background: "#000" } }, /* @__PURE__ */ React25.createElement(
+    "img",
+    {
+      key: current,
+      src: img.src,
+      alt: img.title,
+      style: {
+        width: "100%",
+        height: "100%",
+        objectFit: "cover",
+        animation: `sliderFade 0.35s ease`
+      }
+    }
+  ), /* @__PURE__ */ React25.createElement("style", null, `@keyframes sliderFade { from { opacity: 0; transform: scale(1.03); } to { opacity: 1; transform: scale(1); } }`), /* @__PURE__ */ React25.createElement("div", { style: {
+    position: "absolute",
+    inset: 0,
+    background: "linear-gradient(to top, rgba(0,0,0,0.65) 0%, transparent 55%)"
+  } }), img.tag && /* @__PURE__ */ React25.createElement("div", { style: {
+    position: "absolute",
+    top: "12px",
+    left: "12px",
+    padding: "4px 10px",
+    borderRadius: "20px",
+    background: alpha(accent, 0.85),
+    fontSize: "10px",
+    fontWeight: "700",
+    color: "#fff",
+    letterSpacing: "0.5px",
+    textTransform: "uppercase"
+  } }, img.tag), /* @__PURE__ */ React25.createElement("div", { style: {
+    position: "absolute",
+    top: "12px",
+    right: "12px",
+    padding: "4px 10px",
+    borderRadius: "20px",
+    background: "rgba(0,0,0,0.5)",
+    fontSize: "10px",
+    fontWeight: "600",
+    color: "rgba(255,255,255,0.7)"
+  } }, current + 1, " / ", images.length), /* @__PURE__ */ React25.createElement(
+    "button",
+    {
+      onClick: prev,
+      style: {
+        position: "absolute",
+        left: "10px",
+        top: "50%",
+        transform: "translateY(-50%)",
+        width: "34px",
+        height: "34px",
+        borderRadius: "50%",
+        background: "rgba(0,0,0,0.5)",
+        border: "1px solid rgba(255,255,255,0.15)",
+        color: "#fff",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "background 0.2s",
+        padding: 0
+      },
+      onMouseEnter: (e) => e.currentTarget.style.background = alpha(accent, 0.8),
+      onMouseLeave: (e) => e.currentTarget.style.background = "rgba(0,0,0,0.5)"
+    },
+    /* @__PURE__ */ React25.createElement(
+      "svg",
+      {
+        width: "14",
+        height: "14",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round"
+      },
+      /* @__PURE__ */ React25.createElement("polyline", { points: "15 18 9 12 15 6" })
+    )
+  ), /* @__PURE__ */ React25.createElement(
+    "button",
+    {
+      onClick: next,
+      style: {
+        position: "absolute",
+        right: "10px",
+        top: "50%",
+        transform: "translateY(-50%)",
+        width: "34px",
+        height: "34px",
+        borderRadius: "50%",
+        background: "rgba(0,0,0,0.5)",
+        border: "1px solid rgba(255,255,255,0.15)",
+        color: "#fff",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "background 0.2s",
+        padding: 0
+      },
+      onMouseEnter: (e) => e.currentTarget.style.background = alpha(accent, 0.8),
+      onMouseLeave: (e) => e.currentTarget.style.background = "rgba(0,0,0,0.5)"
+    },
+    /* @__PURE__ */ React25.createElement(
+      "svg",
+      {
+        width: "14",
+        height: "14",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round"
+      },
+      /* @__PURE__ */ React25.createElement("polyline", { points: "9 18 15 12 9 6" })
+    )
+  )), showCaption && /* @__PURE__ */ React25.createElement("div", { style: { padding: "14px 16px 4px" } }, /* @__PURE__ */ React25.createElement(
+    "p",
+    {
+      style: {
+        fontSize: "14px",
+        fontWeight: "700",
+        color: "#fff",
+        margin: 0,
+        lineHeight: 1.4,
+        animation: "sliderFade 0.3s ease"
+      },
+      key: current + "-title"
+    },
+    img.title
+  )), showDots && /* @__PURE__ */ React25.createElement("div", { style: {
+    display: "flex",
+    justifyContent: "center",
+    gap: "6px",
+    padding: "12px 16px 16px"
+  } }, images.map((_, i) => /* @__PURE__ */ React25.createElement(
+    "button",
+    {
+      key: i,
+      onClick: () => goTo(i),
+      style: {
+        width: i === current ? "20px" : "6px",
+        height: "6px",
+        borderRadius: "3px",
+        border: "none",
+        cursor: "pointer",
+        padding: 0,
+        background: i === current ? accent : "rgba(255,255,255,0.2)",
+        transition: "all 0.25s ease"
+      }
+    }
+  ))));
+};
 export {
   Avatar,
   AvatarCard,
@@ -1897,6 +2215,8 @@ export {
   DividerLine,
   FileUpload,
   Footer,
+  ImageCard,
+  ImageSlider,
   Loader,
   LoadingSpinner,
   Navbar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "virtual-ui-lib",
-  "version": "1.0.63",
+  "version": "1.0.65",
   "description": "Virtual UI React Component Library",
   "author": "Ankush",
   "license": "ISC",