@retinalabsllc/zairusjs 9.0.8 → 9.0.9

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 +6 -6
  2. package/dist/index.mjs +6 -6
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1659,7 +1659,7 @@ var UniversalCardPage = ({
1659
1659
  onDelete
1660
1660
  }) => {
1661
1661
  const [isFlipped, setIsFlipped] = (0, import_react29.useState)(false);
1662
- return /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full px-4 pt-6 pb-2", style: { perspective: "1000px" } }, /* @__PURE__ */ import_react29.default.createElement(
1662
+ return /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full pt-6 pb-2", style: { perspective: "1000px" } }, /* @__PURE__ */ import_react29.default.createElement(
1663
1663
  "div",
1664
1664
  {
1665
1665
  onClick: () => setIsFlipped(!isFlipped),
@@ -1672,7 +1672,7 @@ var UniversalCardPage = ({
1672
1672
  /* @__PURE__ */ import_react29.default.createElement(
1673
1673
  "div",
1674
1674
  {
1675
- className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden shadow-xl",
1675
+ className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden ",
1676
1676
  style: { backfaceVisibility: "hidden" }
1677
1677
  },
1678
1678
  /* @__PURE__ */ import_react29.default.createElement(
@@ -1687,7 +1687,7 @@ var UniversalCardPage = ({
1687
1687
  /* @__PURE__ */ import_react29.default.createElement(
1688
1688
  "div",
1689
1689
  {
1690
- className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden shadow-xl",
1690
+ className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden ",
1691
1691
  style: {
1692
1692
  backfaceVisibility: "hidden",
1693
1693
  transform: "rotateY(180deg)"
@@ -1702,7 +1702,7 @@ var UniversalCardPage = ({
1702
1702
  ),
1703
1703
  /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-white text-3xl font-serif italic tracking-wide opacity-90" }, cardHolderName)), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest" }, "Expiry"), /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[12px] text-white font-light" }, expiry)), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest" }, "CVV"), /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[12px] text-white font-light" }, cvv))))
1704
1704
  )
1705
- )), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full px-4 flex flex-col gap-4" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react29.default.createElement(
1705
+ )), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react29.default.createElement(
1706
1706
  MenuRow,
1707
1707
  {
1708
1708
  icon: import_core_free_icons10.EyeIcon,
@@ -1766,14 +1766,14 @@ var UniversalProfilePage = ({
1766
1766
  onLogoutTap,
1767
1767
  onDeleteTap
1768
1768
  }) => {
1769
- return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-24 h-24 rounded-full bg-white p-1 mb-4 flex items-center justify-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ import_react31.default.createElement(
1769
+ return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-22 h-22 rounded-full bg-white p-1 mb-4 flex items-center justify-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ import_react31.default.createElement(
1770
1770
  "img",
1771
1771
  {
1772
1772
  src: avatarSrc,
1773
1773
  alt: "User Avatar",
1774
1774
  className: "w-full h-full object-cover"
1775
1775
  }
1776
- ) : /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "bg-white rounded-full px-4 py-2 flex items-center justify-center gap-2 mb-3" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-[12px] font-medium text-black" }, roleName), /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.ArrowRight01Icon, size: 14, className: "text-neutral-400" })), /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-[12px] text-neutral-500" }, memberSince)), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full px-4 flex flex-col gap-4 mt-2" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden " }, /* @__PURE__ */ import_react31.default.createElement(
1776
+ ) : /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "bg-white rounded-full px-4 py-2 flex items-center justify-center gap-2 mb-3" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-[12px] font-medium text-black" }, roleName), /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.ArrowRight01Icon, size: 14, className: "text-neutral-400" })), /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-[12px] text-neutral-500" }, memberSince)), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full flex flex-col gap-4 mt-2" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden " }, /* @__PURE__ */ import_react31.default.createElement(
1777
1777
  MenuRow2,
1778
1778
  {
1779
1779
  icon: import_core_free_icons11.UserIcon,
package/dist/index.mjs CHANGED
@@ -1621,7 +1621,7 @@ var UniversalCardPage = ({
1621
1621
  onDelete
1622
1622
  }) => {
1623
1623
  const [isFlipped, setIsFlipped] = useState11(false);
1624
- return /* @__PURE__ */ React18.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full px-4 pt-6 pb-2", style: { perspective: "1000px" } }, /* @__PURE__ */ React18.createElement(
1624
+ return /* @__PURE__ */ React18.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full pt-6 pb-2", style: { perspective: "1000px" } }, /* @__PURE__ */ React18.createElement(
1625
1625
  "div",
1626
1626
  {
1627
1627
  onClick: () => setIsFlipped(!isFlipped),
@@ -1634,7 +1634,7 @@ var UniversalCardPage = ({
1634
1634
  /* @__PURE__ */ React18.createElement(
1635
1635
  "div",
1636
1636
  {
1637
- className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden shadow-xl",
1637
+ className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden ",
1638
1638
  style: { backfaceVisibility: "hidden" }
1639
1639
  },
1640
1640
  /* @__PURE__ */ React18.createElement(
@@ -1649,7 +1649,7 @@ var UniversalCardPage = ({
1649
1649
  /* @__PURE__ */ React18.createElement(
1650
1650
  "div",
1651
1651
  {
1652
- className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden shadow-xl",
1652
+ className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden ",
1653
1653
  style: {
1654
1654
  backfaceVisibility: "hidden",
1655
1655
  transform: "rotateY(180deg)"
@@ -1664,7 +1664,7 @@ var UniversalCardPage = ({
1664
1664
  ),
1665
1665
  /* @__PURE__ */ React18.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ React18.createElement("span", { className: "text-white text-3xl font-serif italic tracking-wide opacity-90" }, cardHolderName)), /* @__PURE__ */ React18.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[9px] text-white/60 tracking-widest" }, "Expiry"), /* @__PURE__ */ React18.createElement("span", { className: "text-[12px] text-white font-light" }, expiry)), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[9px] text-white/60 tracking-widest" }, "CVV"), /* @__PURE__ */ React18.createElement("span", { className: "text-[12px] text-white font-light" }, cvv))))
1666
1666
  )
1667
- )), /* @__PURE__ */ React18.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ React18.createElement("div", { className: "w-full px-4 flex flex-col gap-4" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18.createElement(
1667
+ )), /* @__PURE__ */ React18.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ React18.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18.createElement(
1668
1668
  MenuRow,
1669
1669
  {
1670
1670
  icon: EyeIcon,
@@ -1738,14 +1738,14 @@ var UniversalProfilePage = ({
1738
1738
  onLogoutTap,
1739
1739
  onDeleteTap
1740
1740
  }) => {
1741
- return /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React19.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ React19.createElement("div", { className: "w-24 h-24 rounded-full bg-white p-1 mb-4 flex items-center justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ React19.createElement(
1741
+ return /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React19.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ React19.createElement("div", { className: "w-22 h-22 rounded-full bg-white p-1 mb-4 flex items-center justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ React19.createElement(
1742
1742
  "img",
1743
1743
  {
1744
1744
  src: avatarSrc,
1745
1745
  alt: "User Avatar",
1746
1746
  className: "w-full h-full object-cover"
1747
1747
  }
1748
- ) : /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ React19.createElement("div", { className: "bg-white rounded-full px-4 py-2 flex items-center justify-center gap-2 mb-3" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[12px] font-medium text-black" }, roleName), /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: ArrowRight01Icon3, size: 14, className: "text-neutral-400" })), /* @__PURE__ */ React19.createElement("span", { className: "text-[12px] text-neutral-500" }, memberSince)), /* @__PURE__ */ React19.createElement("div", { className: "w-full px-4 flex flex-col gap-4 mt-2" }, /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden " }, /* @__PURE__ */ React19.createElement(
1748
+ ) : /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ React19.createElement("div", { className: "bg-white rounded-full px-4 py-2 flex items-center justify-center gap-2 mb-3" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[12px] font-medium text-black" }, roleName), /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: ArrowRight01Icon3, size: 14, className: "text-neutral-400" })), /* @__PURE__ */ React19.createElement("span", { className: "text-[12px] text-neutral-500" }, memberSince)), /* @__PURE__ */ React19.createElement("div", { className: "w-full flex flex-col gap-4 mt-2" }, /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden " }, /* @__PURE__ */ React19.createElement(
1749
1749
  MenuRow2,
1750
1750
  {
1751
1751
  icon: UserIcon,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "9.0.8",
3
+ "version": "9.0.9",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",