@retinalabsllc/zairusjs 9.0.85 → 10.0.0

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.
package/dist/index.d.mts CHANGED
@@ -141,6 +141,7 @@ interface UniversalOrganizationPageProps {
141
141
  isReadOnly?: boolean;
142
142
  slugPrefixUrl?: string;
143
143
  bannerProps?: BannerProps;
144
+ onBack?: () => void;
144
145
  onSaveConfiguration: (payload: {
145
146
  organizationId: string;
146
147
  organizationName?: string;
@@ -266,6 +267,7 @@ interface UniversalWalletPageProps {
266
267
  hideControls?: boolean;
267
268
  hideBalanceAmounts?: boolean;
268
269
  isGeneratingStatement?: boolean;
270
+ onBack?: () => void;
269
271
  wallets: UniversalWallet[];
270
272
  isLoading?: boolean;
271
273
  renderQrCode?: (wallet: UniversalWallet) => React.ReactNode;
package/dist/index.d.ts CHANGED
@@ -141,6 +141,7 @@ interface UniversalOrganizationPageProps {
141
141
  isReadOnly?: boolean;
142
142
  slugPrefixUrl?: string;
143
143
  bannerProps?: BannerProps;
144
+ onBack?: () => void;
144
145
  onSaveConfiguration: (payload: {
145
146
  organizationId: string;
146
147
  organizationName?: string;
@@ -266,6 +267,7 @@ interface UniversalWalletPageProps {
266
267
  hideControls?: boolean;
267
268
  hideBalanceAmounts?: boolean;
268
269
  isGeneratingStatement?: boolean;
270
+ onBack?: () => void;
269
271
  wallets: UniversalWallet[];
270
272
  isLoading?: boolean;
271
273
  renderQrCode?: (wallet: UniversalWallet) => React.ReactNode;
package/dist/index.js CHANGED
@@ -856,8 +856,12 @@ var UniversalOrganizationPage = ({
856
856
  slugPrefixUrl = ".aeona.eth",
857
857
  bannerProps,
858
858
  onSaveConfiguration,
859
- onCheckSlugAvailability
859
+ onCheckSlugAvailability,
860
+ onBack
860
861
  }) => {
862
+ const onBackHandler = onBack ?? (() => {
863
+ if (typeof window !== "undefined") window.history.back();
864
+ });
861
865
  const resolvedInitialUsername = initialUsername || initialSlug;
862
866
  const [web3Name, setWeb3Name] = (0, import_react15.useState)(initialOrgName);
863
867
  const [username, setUsername] = (0, import_react15.useState)(resolvedInitialUsername);
@@ -934,7 +938,15 @@ var UniversalOrganizationPage = ({
934
938
  };
935
939
  const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== resolvedInitialUsername;
936
940
  const isSaveDisabled = isSubmitting || isReadOnly || isCheckingSlug || !hasChanges || web3Name.length < 3 || slug.length < 3 || username.length < 3 || slug !== initialSlug && slugAvailable === false;
937
- return /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-3xl w-full mx-auto rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ import_react15.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ import_react15.default.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ import_react15.default.createElement(import_react16.HugeiconsIcon, { icon: import_core_free_icons3.CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ import_react15.default.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ import_react15.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ import_react15.default.createElement(
941
+ return /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ import_react15.default.createElement(
942
+ "button",
943
+ {
944
+ onClick: onBackHandler,
945
+ className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] font-medium outline-none"
946
+ },
947
+ /* @__PURE__ */ import_react15.default.createElement(import_react16.HugeiconsIcon, { icon: import_core_free_icons3.ArrowLeft01Icon, size: 16 }),
948
+ " Back"
949
+ )), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-3xl w-full mx-auto rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ import_react15.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ import_react15.default.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ import_react15.default.createElement(import_react16.HugeiconsIcon, { icon: import_core_free_icons3.CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ import_react15.default.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ import_react15.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ import_react15.default.createElement(
938
950
  TextInput,
939
951
  {
940
952
  label: "Display Name",
@@ -987,7 +999,7 @@ var UniversalOrganizationPage = ({
987
999
  className: "text-[11px] tracking-widest text-neutral-400 hover:text-black transition-colors outline-none"
988
1000
  },
989
1001
  "Cancel"
990
- )))));
1002
+ ))))));
991
1003
  };
992
1004
 
993
1005
  // src/components/UniversalProfileSettings.tsx
@@ -1086,7 +1098,7 @@ var UniversalProfileSettings = ({
1086
1098
  };
1087
1099
  const hasChanges = firstName !== initialFirstName || lastName !== initialLastName;
1088
1100
  const isSaveDisabled = isSubmitting || isReadOnly || !hasChanges || firstName.trim().length === 0 || lastName.trim().length === 0;
1089
- return /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "mb-3 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ import_react17.default.createElement(
1101
+ return /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ import_react17.default.createElement(
1090
1102
  "button",
1091
1103
  {
1092
1104
  onClick: onBackHandler,
@@ -1094,7 +1106,7 @@ var UniversalProfileSettings = ({
1094
1106
  },
1095
1107
  /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.ArrowLeft01Icon, size: 16 }),
1096
1108
  " Back"
1097
- )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col rounded-2xl p-6 bg-white gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react17.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ import_react17.default.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ import_react17.default.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ import_react17.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react17.default.createElement(
1109
+ )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col max-w-3xl w-full mx-auto rounded-2xl p-6 bg-white gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react17.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ import_react17.default.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ import_react17.default.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ import_react17.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react17.default.createElement(
1098
1110
  TextInput,
1099
1111
  {
1100
1112
  label: "First Name",
@@ -1620,8 +1632,12 @@ var UniversalWalletPage = ({
1620
1632
  isLoading = false,
1621
1633
  renderQrCode,
1622
1634
  onDownloadPayId,
1623
- onCopyAddress
1635
+ onCopyAddress,
1636
+ onBack
1624
1637
  }) => {
1638
+ const onBackHandler = onBack ?? (() => {
1639
+ if (typeof window !== "undefined") window.history.back();
1640
+ });
1625
1641
  const [selectedWallet, setSelectedWallet] = (0, import_react27.useState)(null);
1626
1642
  const [localSearchQuery, setLocalSearchQuery] = (0, import_react27.useState)("");
1627
1643
  const filteredWallets = wallets.filter((wallet) => {
@@ -1636,7 +1652,15 @@ var UniversalWalletPage = ({
1636
1652
  }
1637
1653
  import_react_hot_toast6.default.success("Copied");
1638
1654
  };
1639
- return /* @__PURE__ */ import_react27.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react27.default.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col sm:flex-row mb-4 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ import_react27.default.createElement(import_react28.HugeiconsIcon, { icon: import_core_free_icons9.Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ import_react27.default.createElement(
1655
+ return /* @__PURE__ */ import_react27.default.createElement("div", null, /* @__PURE__ */ import_react27.default.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ import_react27.default.createElement(
1656
+ "button",
1657
+ {
1658
+ onClick: onBackHandler,
1659
+ className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] font-medium outline-none"
1660
+ },
1661
+ /* @__PURE__ */ import_react27.default.createElement(import_react28.HugeiconsIcon, { icon: import_core_free_icons9.ArrowLeft01Icon, size: 16 }),
1662
+ " Back"
1663
+ )), /* @__PURE__ */ import_react27.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react27.default.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col sm:flex-row mb-4 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ import_react27.default.createElement(import_react28.HugeiconsIcon, { icon: import_core_free_icons9.Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ import_react27.default.createElement(
1640
1664
  "input",
1641
1665
  {
1642
1666
  type: "text",
@@ -1676,7 +1700,7 @@ var UniversalWalletPage = ({
1676
1700
  className: "w-full flex items-center justify-center py-2.5 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 outline-none text-[13px] tracking-wide transition-colors"
1677
1701
  },
1678
1702
  "Copy Wallet Address"
1679
- ))))));
1703
+ )))))));
1680
1704
  };
1681
1705
 
1682
1706
  // src/components/UniversalCardPage.tsx
package/dist/index.mjs CHANGED
@@ -779,6 +779,7 @@ var Banner = ({
779
779
  // src/components/UniversalOrganizationPage.tsx
780
780
  import { HugeiconsIcon as HugeiconsIcon5 } from "@hugeicons/react";
781
781
  import {
782
+ ArrowLeft01Icon,
782
783
  CircleLock02Icon
783
784
  } from "@hugeicons/core-free-icons";
784
785
  var InputSpinner2 = () => /* @__PURE__ */ React11.createElement("svg", { className: "animate-spin h-4 w-4 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React11.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React11.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
@@ -791,8 +792,12 @@ var UniversalOrganizationPage = ({
791
792
  slugPrefixUrl = ".aeona.eth",
792
793
  bannerProps,
793
794
  onSaveConfiguration,
794
- onCheckSlugAvailability
795
+ onCheckSlugAvailability,
796
+ onBack
795
797
  }) => {
798
+ const onBackHandler = onBack ?? (() => {
799
+ if (typeof window !== "undefined") window.history.back();
800
+ });
796
801
  const resolvedInitialUsername = initialUsername || initialSlug;
797
802
  const [web3Name, setWeb3Name] = useState6(initialOrgName);
798
803
  const [username, setUsername] = useState6(resolvedInitialUsername);
@@ -869,7 +874,15 @@ var UniversalOrganizationPage = ({
869
874
  };
870
875
  const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== resolvedInitialUsername;
871
876
  const isSaveDisabled = isSubmitting || isReadOnly || isCheckingSlug || !hasChanges || web3Name.length < 3 || slug.length < 3 || username.length < 3 || slug !== initialSlug && slugAvailable === false;
872
- return /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-3xl w-full mx-auto rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ React11.createElement(ManagedToaster, null), /* @__PURE__ */ React11.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ React11.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ React11.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React11.createElement(HugeiconsIcon5, { icon: CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React11.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React11.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React11.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React11.createElement(
877
+ return /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ React11.createElement(
878
+ "button",
879
+ {
880
+ onClick: onBackHandler,
881
+ className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] font-medium outline-none"
882
+ },
883
+ /* @__PURE__ */ React11.createElement(HugeiconsIcon5, { icon: ArrowLeft01Icon, size: 16 }),
884
+ " Back"
885
+ )), /* @__PURE__ */ React11.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-3xl w-full mx-auto rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ React11.createElement(ManagedToaster, null), /* @__PURE__ */ React11.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ React11.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ React11.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React11.createElement(HugeiconsIcon5, { icon: CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React11.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React11.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React11.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React11.createElement(
873
886
  TextInput,
874
887
  {
875
888
  label: "Display Name",
@@ -922,7 +935,7 @@ var UniversalOrganizationPage = ({
922
935
  className: "text-[11px] tracking-widest text-neutral-400 hover:text-black transition-colors outline-none"
923
936
  },
924
937
  "Cancel"
925
- )))));
938
+ ))))));
926
939
  };
927
940
 
928
941
  // src/components/UniversalProfileSettings.tsx
@@ -934,7 +947,7 @@ import {
934
947
  CancelCircleIcon,
935
948
  Loading03Icon as Loading03Icon2,
936
949
  LockKeyIcon,
937
- ArrowLeft01Icon
950
+ ArrowLeft01Icon as ArrowLeft01Icon2
938
951
  } from "@hugeicons/core-free-icons";
939
952
  var UniversalProfileSettings = ({
940
953
  initialFirstName,
@@ -1027,15 +1040,15 @@ var UniversalProfileSettings = ({
1027
1040
  };
1028
1041
  const hasChanges = firstName !== initialFirstName || lastName !== initialLastName;
1029
1042
  const isSaveDisabled = isSubmitting || isReadOnly || !hasChanges || firstName.trim().length === 0 || lastName.trim().length === 0;
1030
- return /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("div", { className: "mb-3 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ React12.createElement(
1043
+ return /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ React12.createElement(
1031
1044
  "button",
1032
1045
  {
1033
1046
  onClick: onBackHandler,
1034
1047
  className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] font-medium outline-none"
1035
1048
  },
1036
- /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: ArrowLeft01Icon, size: 16 }),
1049
+ /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: ArrowLeft01Icon2, size: 16 }),
1037
1050
  " Back"
1038
- )), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col rounded-2xl p-6 bg-white gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ React12.createElement(ManagedToaster, null), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ React12.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ React12.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CircleLock02Icon2, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React12.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React12.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React12.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React12.createElement(
1051
+ )), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col max-w-3xl w-full mx-auto rounded-2xl p-6 bg-white gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ React12.createElement(ManagedToaster, null), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ React12.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ React12.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CircleLock02Icon2, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React12.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React12.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React12.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React12.createElement(
1039
1052
  TextInput,
1040
1053
  {
1041
1054
  label: "First Name",
@@ -1229,7 +1242,7 @@ import React15, { useState as useState8, useEffect as useEffect6, useRef as useR
1229
1242
  import { HugeiconsIcon as HugeiconsIcon9 } from "@hugeicons/react";
1230
1243
  import toast4 from "react-hot-toast";
1231
1244
  import {
1232
- ArrowLeft01Icon as ArrowLeft01Icon2,
1245
+ ArrowLeft01Icon as ArrowLeft01Icon3,
1233
1246
  ArrowRight01Icon,
1234
1247
  Loading03Icon as Loading03Icon4,
1235
1248
  ArrowDownRight01Icon,
@@ -1376,7 +1389,7 @@ var UniversalTransactionPage = ({
1376
1389
  disabled: currentPage <= 1 || isListLoading,
1377
1390
  className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
1378
1391
  },
1379
- /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ArrowLeft01Icon2, size: 14 })
1392
+ /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ArrowLeft01Icon3, size: 14 })
1380
1393
  ), /* @__PURE__ */ React15.createElement(
1381
1394
  "button",
1382
1395
  {
@@ -1548,7 +1561,8 @@ import {
1548
1561
  Search01Icon as Search01Icon2,
1549
1562
  CancelCircleIcon as CancelCircleIcon3,
1550
1563
  Loading03Icon as Loading03Icon5,
1551
- Copy01Icon as Copy01Icon2
1564
+ Copy01Icon as Copy01Icon2,
1565
+ ArrowLeft01Icon as ArrowLeft01Icon4
1552
1566
  } from "@hugeicons/core-free-icons";
1553
1567
  var PageSpinner3 = () => /* @__PURE__ */ React17.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Loading03Icon5, size: 32, className: "animate-spin mb-4 text-black" }));
1554
1568
  var truncateAddress2 = (ref) => {
@@ -1577,8 +1591,12 @@ var UniversalWalletPage = ({
1577
1591
  isLoading = false,
1578
1592
  renderQrCode,
1579
1593
  onDownloadPayId,
1580
- onCopyAddress
1594
+ onCopyAddress,
1595
+ onBack
1581
1596
  }) => {
1597
+ const onBackHandler = onBack ?? (() => {
1598
+ if (typeof window !== "undefined") window.history.back();
1599
+ });
1582
1600
  const [selectedWallet, setSelectedWallet] = useState10(null);
1583
1601
  const [localSearchQuery, setLocalSearchQuery] = useState10("");
1584
1602
  const filteredWallets = wallets.filter((wallet) => {
@@ -1593,7 +1611,15 @@ var UniversalWalletPage = ({
1593
1611
  }
1594
1612
  toast5.success("Copied");
1595
1613
  };
1596
- return /* @__PURE__ */ React17.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React17.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col sm:flex-row mb-4 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React17.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React17.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Search01Icon2, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React17.createElement(
1614
+ return /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("div", { className: "mb-6 flex max-w-3xl w-full mx-auto items-center px-1" }, /* @__PURE__ */ React17.createElement(
1615
+ "button",
1616
+ {
1617
+ onClick: onBackHandler,
1618
+ className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] font-medium outline-none"
1619
+ },
1620
+ /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: ArrowLeft01Icon4, size: 16 }),
1621
+ " Back"
1622
+ )), /* @__PURE__ */ React17.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React17.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col sm:flex-row mb-4 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React17.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React17.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React17.createElement(HugeiconsIcon11, { icon: Search01Icon2, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React17.createElement(
1597
1623
  "input",
1598
1624
  {
1599
1625
  type: "text",
@@ -1633,7 +1659,7 @@ var UniversalWalletPage = ({
1633
1659
  className: "w-full flex items-center justify-center py-2.5 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 outline-none text-[13px] tracking-wide transition-colors"
1634
1660
  },
1635
1661
  "Copy Wallet Address"
1636
- ))))));
1662
+ )))))));
1637
1663
  };
1638
1664
 
1639
1665
  // src/components/UniversalCardPage.tsx
@@ -2622,7 +2648,7 @@ import {
2622
2648
  CancelCircleIcon as CancelCircleIcon6,
2623
2649
  Loading03Icon as Loading03Icon10,
2624
2650
  Copy01Icon as Copy01Icon3,
2625
- ArrowLeft01Icon as ArrowLeft01Icon3,
2651
+ ArrowLeft01Icon as ArrowLeft01Icon5,
2626
2652
  Shield02Icon,
2627
2653
  Key01Icon,
2628
2654
  ArrowRight01Icon as ArrowRight01Icon4
@@ -2766,7 +2792,7 @@ var UniversalSecurityPage = ({
2766
2792
  onClick: onBack,
2767
2793
  className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] font-medium outline-none"
2768
2794
  },
2769
- /* @__PURE__ */ React27.createElement(HugeiconsIcon19, { icon: ArrowLeft01Icon3, size: 16 }),
2795
+ /* @__PURE__ */ React27.createElement(HugeiconsIcon19, { icon: ArrowLeft01Icon5, size: 16 }),
2770
2796
  " Back"
2771
2797
  )), /* @__PURE__ */ React27.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React27.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React27.createElement(
2772
2798
  MenuRow3,
@@ -2897,7 +2923,7 @@ var MenuRow3 = ({
2897
2923
  import React28, { useRef as useRef7, useState as useState19, useEffect as useEffect12 } from "react";
2898
2924
  import Image4 from "next/image";
2899
2925
  import { HugeiconsIcon as HugeiconsIcon20 } from "@hugeicons/react";
2900
- import { ArrowLeft01Icon as ArrowLeft01Icon4, ArrowRight01Icon as ArrowRight01Icon5, Loading03Icon as Loading03Icon11 } from "@hugeicons/core-free-icons";
2926
+ import { ArrowLeft01Icon as ArrowLeft01Icon6, ArrowRight01Icon as ArrowRight01Icon5, Loading03Icon as Loading03Icon11 } from "@hugeicons/core-free-icons";
2901
2927
  var FeatureCard = ({ feature, bgImage }) => {
2902
2928
  const [isBgLoading, setIsBgLoading] = useState19(true);
2903
2929
  const [isFgLoading, setIsFgLoading] = useState19(!!feature.image);
@@ -2971,7 +2997,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
2971
2997
  disabled: !canScrollLeft,
2972
2998
  className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:hover:border-neutral-200 disabled:hover:text-neutral-500 disabled:cursor-not-allowed transition-all outline-none"
2973
2999
  },
2974
- /* @__PURE__ */ React28.createElement(HugeiconsIcon20, { icon: ArrowLeft01Icon4, size: 20 })
3000
+ /* @__PURE__ */ React28.createElement(HugeiconsIcon20, { icon: ArrowLeft01Icon6, size: 20 })
2975
3001
  ), /* @__PURE__ */ React28.createElement(
2976
3002
  "button",
2977
3003
  {
@@ -2995,7 +3021,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
2995
3021
  disabled: !canScrollLeft,
2996
3022
  className: "p-4 border border-neutral-200 rounded-full text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 transition-all outline-none"
2997
3023
  },
2998
- /* @__PURE__ */ React28.createElement(HugeiconsIcon20, { icon: ArrowLeft01Icon4, size: 20 })
3024
+ /* @__PURE__ */ React28.createElement(HugeiconsIcon20, { icon: ArrowLeft01Icon6, size: 20 })
2999
3025
  ), /* @__PURE__ */ React28.createElement(
3000
3026
  "button",
3001
3027
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@retinalabsllc/zairusjs",
3
- "version": "9.0.85",
3
+ "version": "10.0.0",
4
4
  "description": "A perceptive, Ai data driven Next.js UI component library.",
5
5
  "author": "Retina Labs Company",
6
6
  "license": "MIT",