@retinalabsllc/zairusjs 9.0.55 → 9.0.60
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.js +19 -31
- package/dist/index.mjs +19 -31
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -260,7 +260,6 @@ var ThreeDActionButton = ({
|
|
|
260
260
|
type,
|
|
261
261
|
disabled: isInteractionDisabled,
|
|
262
262
|
onClick,
|
|
263
|
-
"aria-label": ariaLabel,
|
|
264
263
|
className: `
|
|
265
264
|
relative inline-flex items-center justify-center py-2.5 px-8 rounded-full
|
|
266
265
|
bg-neutral-950 text-white text-xs tracking-widest
|
|
@@ -656,8 +655,7 @@ var Footer = ({
|
|
|
656
655
|
href: social.href,
|
|
657
656
|
target: "_blank",
|
|
658
657
|
rel: "noopener noreferrer",
|
|
659
|
-
className: "text-neutral-400 hover:text-black transition-colors"
|
|
660
|
-
"aria-label": social.name
|
|
658
|
+
className: "text-neutral-400 hover:text-black transition-colors"
|
|
661
659
|
},
|
|
662
660
|
/* @__PURE__ */ import_react7.default.createElement(import_react8.HugeiconsIcon, { icon: social.icon, size: 20 })
|
|
663
661
|
))))))));
|
|
@@ -838,8 +836,7 @@ var Banner = ({
|
|
|
838
836
|
"button",
|
|
839
837
|
{
|
|
840
838
|
onClick: handleDismiss,
|
|
841
|
-
className: `absolute top-3 right-3 p-1.5 rounded-full transition-colors outline-none shrink-0 ${currentConfig.closeHover}
|
|
842
|
-
"aria-label": "Dismiss banner"
|
|
839
|
+
className: `absolute top-3 right-3 p-1.5 rounded-full transition-colors outline-none shrink-0 ${currentConfig.closeHover}`
|
|
843
840
|
},
|
|
844
841
|
/* @__PURE__ */ import_react13.default.createElement(import_react14.HugeiconsIcon, { icon: import_core_free_icons2.Cancel01Icon, size: 16 })
|
|
845
842
|
));
|
|
@@ -936,7 +933,7 @@ var UniversalOrganizationPage = ({
|
|
|
936
933
|
};
|
|
937
934
|
const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== resolvedInitialUsername;
|
|
938
935
|
const isSaveDisabled = isSubmitting || isReadOnly || isCheckingSlug || !hasChanges || web3Name.length < 3 || slug.length < 3 || username.length < 3 || slug !== initialSlug && slugAvailable === false;
|
|
939
|
-
return /* @__PURE__ */ import_react15.default.createElement("div", { className: "
|
|
936
|
+
return /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in 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(
|
|
940
937
|
TextInput,
|
|
941
938
|
{
|
|
942
939
|
label: "Display Name",
|
|
@@ -1084,7 +1081,7 @@ var UniversalProfileSettings = ({
|
|
|
1084
1081
|
};
|
|
1085
1082
|
const hasChanges = firstName !== initialFirstName || lastName !== initialLastName;
|
|
1086
1083
|
const isSaveDisabled = isSubmitting || isReadOnly || !hasChanges || firstName.trim().length === 0 || lastName.trim().length === 0;
|
|
1087
|
-
return /* @__PURE__ */ import_react17.default.createElement("div", { className: "
|
|
1084
|
+
return /* @__PURE__ */ import_react17.default.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col 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(
|
|
1088
1085
|
TextInput,
|
|
1089
1086
|
{
|
|
1090
1087
|
label: "First Name",
|
|
@@ -1116,7 +1113,6 @@ var UniversalProfileSettings = ({
|
|
|
1116
1113
|
{
|
|
1117
1114
|
type: "button",
|
|
1118
1115
|
onClick: () => setIsPinModalOpen(true),
|
|
1119
|
-
"aria-label": "PIN Settings",
|
|
1120
1116
|
className: "w-9 h-9 flex items-center justify-center border border-neutral-200 rounded-full text-black hover:bg-neutral-50 transition-colors outline-none"
|
|
1121
1117
|
},
|
|
1122
1118
|
/* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.LockKeyIcon, size: 17, className: "text-black" })
|
|
@@ -1371,7 +1367,7 @@ var UniversalTransactionPage = ({
|
|
|
1371
1367
|
}
|
|
1372
1368
|
};
|
|
1373
1369
|
const isListLoading = isLoading || isTyping;
|
|
1374
|
-
return /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col
|
|
1370
|
+
return /* @__PURE__ */ import_react23.default.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react23.default.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-row flex-nowrap items-center justify-between gap-4 w-full" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "relative flex-1 min-w-0 max-w-full" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: import_core_free_icons7.Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ import_react23.default.createElement(
|
|
1375
1371
|
"input",
|
|
1376
1372
|
{
|
|
1377
1373
|
type: "text",
|
|
@@ -1384,16 +1380,14 @@ var UniversalTransactionPage = ({
|
|
|
1384
1380
|
"button",
|
|
1385
1381
|
{
|
|
1386
1382
|
onClick: () => setIsDirectionModalOpen(true),
|
|
1387
|
-
|
|
1388
|
-
className: "flex items-center justify-center bg-white w-10 h-10 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1383
|
+
className: "flex items-center justify-center bg-white w-9 h-9 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1389
1384
|
},
|
|
1390
1385
|
/* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: import_core_free_icons7.SearchList02Icon, size: 16 })
|
|
1391
1386
|
), /* @__PURE__ */ import_react23.default.createElement(
|
|
1392
1387
|
"button",
|
|
1393
1388
|
{
|
|
1394
1389
|
onClick: () => setIsTypeModalOpen(true),
|
|
1395
|
-
|
|
1396
|
-
className: "flex items-center justify-center bg-white w-10 h-10 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1390
|
+
className: "flex items-center justify-center bg-white w-9 h-9 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1397
1391
|
},
|
|
1398
1392
|
/* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: import_core_free_icons7.ListSettingIcon, size: 16 })
|
|
1399
1393
|
))), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ import_react23.default.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ import_react23.default.createElement("div", { className: "w-full overflow-hidden" }, isListLoading ? /* @__PURE__ */ import_react23.default.createElement(PageSpinner2, null) : /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react23.default.createElement("div", null, transactions.length === 0 ? /* @__PURE__ */ import_react23.default.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No transactions found") : transactions.map((tx) => /* @__PURE__ */ import_react23.default.createElement(
|
|
@@ -1561,7 +1555,7 @@ var UniversalHomeView = ({
|
|
|
1561
1555
|
"button",
|
|
1562
1556
|
{
|
|
1563
1557
|
onClick: secondaryAction.onClick,
|
|
1564
|
-
className: "flex items-center gap-1.5 px-6 py-2.
|
|
1558
|
+
className: "flex items-center gap-1.5 px-6 py-2.25 sm:px-8 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none"
|
|
1565
1559
|
},
|
|
1566
1560
|
/* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[13px] tracking-wide " }, secondaryAction.label),
|
|
1567
1561
|
secondaryAction.icon && /* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: secondaryAction.icon, size: 16 })
|
|
@@ -1620,7 +1614,7 @@ var UniversalWalletPage = ({
|
|
|
1620
1614
|
}
|
|
1621
1615
|
import_react_hot_toast6.default.success("Address copied to clipboard");
|
|
1622
1616
|
};
|
|
1623
|
-
return /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col
|
|
1617
|
+
return /* @__PURE__ */ import_react27.default.createElement("div", { className: "w-full max-w-5xl 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 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(
|
|
1624
1618
|
"input",
|
|
1625
1619
|
{
|
|
1626
1620
|
type: "text",
|
|
@@ -1918,7 +1912,7 @@ var UniversalCardPage = ({
|
|
|
1918
1912
|
const displayCardNumber = isRevealed ? activeCard.cardNumber : `XXXX XXXX XXXX ${activeCard.cardNumber.slice(-4)}`;
|
|
1919
1913
|
const displayExpiry = isRevealed ? activeCard.expiry : "XX/XX";
|
|
1920
1914
|
const displayCvv = isRevealed ? activeCard.cvv : "XXX";
|
|
1921
|
-
return /* @__PURE__ */ import_react35.default.createElement("div", { className: "w-full flex flex-col
|
|
1915
|
+
return /* @__PURE__ */ import_react35.default.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in fade-in duration-300" }, cards.length > 1 && /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex items-center bg-white rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar " }, cards.map((tab, idx) => {
|
|
1922
1916
|
const isActive = activeTabIndex === idx;
|
|
1923
1917
|
return /* @__PURE__ */ import_react35.default.createElement(
|
|
1924
1918
|
"button",
|
|
@@ -2023,7 +2017,7 @@ var UniversalCardPage = ({
|
|
|
2023
2017
|
/* @__PURE__ */ import_react35.default.createElement("div", { className: "absolute top-6 left-0 right-0 h-10 bg-black/80 w-full" }),
|
|
2024
2018
|
/* @__PURE__ */ import_react35.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-white text-3xl italic tracking-wide opacity-90", style: { fontFamily: "'Whisper', cursive" } }, activeCard.cardHolderName)), /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "Expiry"), /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-[14px] text-white font-light" }, displayExpiry)), /* @__PURE__ */ import_react35.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "CVV"), /* @__PURE__ */ import_react35.default.createElement("span", { className: "text-[14px] text-white font-light" }, displayCvv))))
|
|
2025
2019
|
)
|
|
2026
|
-
)), /* @__PURE__ */ import_react35.default.createElement("p", { className: "text-xs text-neutral-400 mb-6 mt-1" }, isActivated ? "Tap to flip card" : "Action Required"), /* @__PURE__ */ import_react35.default.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react35.default.createElement(
|
|
2020
|
+
)), /* @__PURE__ */ import_react35.default.createElement("p", { className: "w-full text-center text-xs text-neutral-400 mb-6 mt-1" }, isActivated ? "Tap to flip card" : "Action Required"), /* @__PURE__ */ import_react35.default.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ import_react35.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react35.default.createElement(
|
|
2027
2021
|
MenuRow,
|
|
2028
2022
|
{
|
|
2029
2023
|
icon: import_core_free_icons13.ViewOffSlashIcon,
|
|
@@ -2160,7 +2154,7 @@ var UniversalProfilePage = ({
|
|
|
2160
2154
|
setShowLogoutDialog(false);
|
|
2161
2155
|
}
|
|
2162
2156
|
};
|
|
2163
|
-
return /* @__PURE__ */ import_react37.default.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col
|
|
2157
|
+
return /* @__PURE__ */ import_react37.default.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "w-22 h-22 rounded-full bg-white p-1 mb-4 flex items-center justify-center" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ import_react37.default.createElement(import_react37.default.Fragment, null, !isAvatarLoaded && /* @__PURE__ */ import_react37.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-10 bg-neutral-100" }, /* @__PURE__ */ import_react37.default.createElement(import_react38.HugeiconsIcon, { icon: import_core_free_icons14.Loading03Icon, size: 24, className: "animate-spin text-black" })), /* @__PURE__ */ import_react37.default.createElement(
|
|
2164
2158
|
"img",
|
|
2165
2159
|
{
|
|
2166
2160
|
src: avatarSrc,
|
|
@@ -2381,8 +2375,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
|
|
|
2381
2375
|
{
|
|
2382
2376
|
onClick: onClose,
|
|
2383
2377
|
disabled: isLoading,
|
|
2384
|
-
className: "absolute top-4 right-4 p-2 text-neutral-700 hover:text-neutral-400 transition-colors disabled:opacity-50 outline-none"
|
|
2385
|
-
"aria-label": "Close dialog"
|
|
2378
|
+
className: "absolute top-4 right-4 p-2 text-neutral-700 hover:text-neutral-400 transition-colors disabled:opacity-50 outline-none"
|
|
2386
2379
|
},
|
|
2387
2380
|
/* @__PURE__ */ import_react41.default.createElement(
|
|
2388
2381
|
"svg",
|
|
@@ -2690,8 +2683,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
2690
2683
|
{
|
|
2691
2684
|
onClick: () => scroll("left"),
|
|
2692
2685
|
disabled: !canScrollLeft,
|
|
2693
|
-
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"
|
|
2694
|
-
"aria-label": "Previous feature"
|
|
2686
|
+
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"
|
|
2695
2687
|
},
|
|
2696
2688
|
/* @__PURE__ */ import_react45.default.createElement(import_react46.HugeiconsIcon, { icon: import_core_free_icons16.ArrowLeft01Icon, size: 20 })
|
|
2697
2689
|
), /* @__PURE__ */ import_react45.default.createElement(
|
|
@@ -2699,8 +2691,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
2699
2691
|
{
|
|
2700
2692
|
onClick: () => scroll("right"),
|
|
2701
2693
|
disabled: !canScrollRight,
|
|
2702
|
-
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"
|
|
2703
|
-
"aria-label": "Next feature"
|
|
2694
|
+
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"
|
|
2704
2695
|
},
|
|
2705
2696
|
/* @__PURE__ */ import_react45.default.createElement(import_react46.HugeiconsIcon, { icon: import_core_free_icons16.ArrowRight01Icon, size: 20 })
|
|
2706
2697
|
))), /* @__PURE__ */ import_react45.default.createElement(
|
|
@@ -2852,8 +2843,7 @@ var ManagedContactBlock = ({
|
|
|
2852
2843
|
href: social.href,
|
|
2853
2844
|
target: "_blank",
|
|
2854
2845
|
rel: "noopener noreferrer",
|
|
2855
|
-
className: "flex items-center gap-3 transition-colors group text-neutral-600 hover:text-black"
|
|
2856
|
-
"aria-label": social.label
|
|
2846
|
+
className: "flex items-center gap-3 transition-colors group text-neutral-600 hover:text-black"
|
|
2857
2847
|
},
|
|
2858
2848
|
/* @__PURE__ */ import_react50.default.createElement(import_react51.HugeiconsIcon, { icon: social.icon, size: 18 }),
|
|
2859
2849
|
/* @__PURE__ */ import_react50.default.createElement("span", { className: "text-[13px]" }, social.label)
|
|
@@ -2964,8 +2954,7 @@ var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ import_r
|
|
|
2964
2954
|
href,
|
|
2965
2955
|
target: "_blank",
|
|
2966
2956
|
rel: "noopener noreferrer",
|
|
2967
|
-
className: "text-neutral-400 hover:text-black transition-colors"
|
|
2968
|
-
"aria-label": `${name} on ${label}`
|
|
2957
|
+
className: "text-neutral-400 hover:text-black transition-colors"
|
|
2969
2958
|
},
|
|
2970
2959
|
/* @__PURE__ */ import_react53.default.createElement(import_react54.HugeiconsIcon, { icon, size: 16 })
|
|
2971
2960
|
);
|
|
@@ -3357,14 +3346,13 @@ var ConsultantShowcase = ({
|
|
|
3357
3346
|
/* @__PURE__ */ import_react62.default.createElement("div", { className: `absolute top-8 left-8 md:top-12 md:left-12 z-30 text-white max-w-lg transition-transform duration-700 ease-out ${isActive ? "translate-y-0" : "-translate-y-4"}` }, /* @__PURE__ */ import_react62.default.createElement("h2", { className: "text-[29px] tracking-tight mb-2 leading-none" }, profile.name), /* @__PURE__ */ import_react62.default.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ import_react62.default.createElement("p", { className: "text-[15px] text-white/80 tracking-wide" }, profile.role), profile.description && /* @__PURE__ */ import_react62.default.createElement("p", { className: "text-[15px] text-white/80 tracking-wide mt-1" }, profile.description)))
|
|
3358
3347
|
);
|
|
3359
3348
|
}),
|
|
3360
|
-
/* @__PURE__ */ import_react62.default.createElement("div", { className: "absolute top-0 left-0 w-[20%] h-full z-40 cursor-w-resize hidden md:block", onClick: prevSlide
|
|
3361
|
-
/* @__PURE__ */ import_react62.default.createElement("div", { className: "absolute top-0 right-0 w-[20%] h-full z-40 cursor-e-resize hidden md:block", onClick: nextSlide
|
|
3349
|
+
/* @__PURE__ */ import_react62.default.createElement("div", { className: "absolute top-0 left-0 w-[20%] h-full z-40 cursor-w-resize hidden md:block", onClick: prevSlide }),
|
|
3350
|
+
/* @__PURE__ */ import_react62.default.createElement("div", { className: "absolute top-0 right-0 w-[20%] h-full z-40 cursor-e-resize hidden md:block", onClick: nextSlide }),
|
|
3362
3351
|
/* @__PURE__ */ import_react62.default.createElement("div", { className: "absolute bottom-6 md:bottom-8 left-0 w-full px-4 z-30 flex justify-center items-center gap-2" }, profiles.map((_, idx) => /* @__PURE__ */ import_react62.default.createElement(
|
|
3363
3352
|
"button",
|
|
3364
3353
|
{
|
|
3365
3354
|
key: idx,
|
|
3366
3355
|
onClick: () => setCurrentIndex(idx),
|
|
3367
|
-
"aria-label": `Go to slide ${idx + 1}`,
|
|
3368
3356
|
className: `h-1 rounded-full transition-all duration-300 ease-out outline-none ${currentIndex === idx ? "w-8 bg-white" : "w-4 bg-white/30 hover:bg-white/60 cursor-pointer"}`
|
|
3369
3357
|
}
|
|
3370
3358
|
)))
|
package/dist/index.mjs
CHANGED
|
@@ -189,7 +189,6 @@ var ThreeDActionButton = ({
|
|
|
189
189
|
type,
|
|
190
190
|
disabled: isInteractionDisabled,
|
|
191
191
|
onClick,
|
|
192
|
-
"aria-label": ariaLabel,
|
|
193
192
|
className: `
|
|
194
193
|
relative inline-flex items-center justify-center py-2.5 px-8 rounded-full
|
|
195
194
|
bg-neutral-950 text-white text-xs tracking-widest
|
|
@@ -585,8 +584,7 @@ var Footer = ({
|
|
|
585
584
|
href: social.href,
|
|
586
585
|
target: "_blank",
|
|
587
586
|
rel: "noopener noreferrer",
|
|
588
|
-
className: "text-neutral-400 hover:text-black transition-colors"
|
|
589
|
-
"aria-label": social.name
|
|
587
|
+
className: "text-neutral-400 hover:text-black transition-colors"
|
|
590
588
|
},
|
|
591
589
|
/* @__PURE__ */ React6.createElement(HugeiconsIcon2, { icon: social.icon, size: 20 })
|
|
592
590
|
))))))));
|
|
@@ -772,8 +770,7 @@ var Banner = ({
|
|
|
772
770
|
"button",
|
|
773
771
|
{
|
|
774
772
|
onClick: handleDismiss,
|
|
775
|
-
className: `absolute top-3 right-3 p-1.5 rounded-full transition-colors outline-none shrink-0 ${currentConfig.closeHover}
|
|
776
|
-
"aria-label": "Dismiss banner"
|
|
773
|
+
className: `absolute top-3 right-3 p-1.5 rounded-full transition-colors outline-none shrink-0 ${currentConfig.closeHover}`
|
|
777
774
|
},
|
|
778
775
|
/* @__PURE__ */ React10.createElement(HugeiconsIcon4, { icon: Cancel01Icon, size: 16 })
|
|
779
776
|
));
|
|
@@ -872,7 +869,7 @@ var UniversalOrganizationPage = ({
|
|
|
872
869
|
};
|
|
873
870
|
const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== resolvedInitialUsername;
|
|
874
871
|
const isSaveDisabled = isSubmitting || isReadOnly || isCheckingSlug || !hasChanges || web3Name.length < 3 || slug.length < 3 || username.length < 3 || slug !== initialSlug && slugAvailable === false;
|
|
875
|
-
return /* @__PURE__ */ React11.createElement("div", { className: "
|
|
872
|
+
return /* @__PURE__ */ React11.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in 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(
|
|
876
873
|
TextInput,
|
|
877
874
|
{
|
|
878
875
|
label: "Display Name",
|
|
@@ -1025,7 +1022,7 @@ var UniversalProfileSettings = ({
|
|
|
1025
1022
|
};
|
|
1026
1023
|
const hasChanges = firstName !== initialFirstName || lastName !== initialLastName;
|
|
1027
1024
|
const isSaveDisabled = isSubmitting || isReadOnly || !hasChanges || firstName.trim().length === 0 || lastName.trim().length === 0;
|
|
1028
|
-
return /* @__PURE__ */ React12.createElement("div", { className: "
|
|
1025
|
+
return /* @__PURE__ */ React12.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col 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(
|
|
1029
1026
|
TextInput,
|
|
1030
1027
|
{
|
|
1031
1028
|
label: "First Name",
|
|
@@ -1057,7 +1054,6 @@ var UniversalProfileSettings = ({
|
|
|
1057
1054
|
{
|
|
1058
1055
|
type: "button",
|
|
1059
1056
|
onClick: () => setIsPinModalOpen(true),
|
|
1060
|
-
"aria-label": "PIN Settings",
|
|
1061
1057
|
className: "w-9 h-9 flex items-center justify-center border border-neutral-200 rounded-full text-black hover:bg-neutral-50 transition-colors outline-none"
|
|
1062
1058
|
},
|
|
1063
1059
|
/* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: LockKeyIcon, size: 17, className: "text-black" })
|
|
@@ -1323,7 +1319,7 @@ var UniversalTransactionPage = ({
|
|
|
1323
1319
|
}
|
|
1324
1320
|
};
|
|
1325
1321
|
const isListLoading = isLoading || isTyping;
|
|
1326
|
-
return /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col
|
|
1322
|
+
return /* @__PURE__ */ React15.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React15.createElement(ManagedToaster, null), !hideControls && /* @__PURE__ */ React15.createElement("div", { className: "flex flex-row flex-nowrap items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React15.createElement("div", { className: "relative flex-1 min-w-0 max-w-full" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React15.createElement(
|
|
1327
1323
|
"input",
|
|
1328
1324
|
{
|
|
1329
1325
|
type: "text",
|
|
@@ -1336,16 +1332,14 @@ var UniversalTransactionPage = ({
|
|
|
1336
1332
|
"button",
|
|
1337
1333
|
{
|
|
1338
1334
|
onClick: () => setIsDirectionModalOpen(true),
|
|
1339
|
-
|
|
1340
|
-
className: "flex items-center justify-center bg-white w-10 h-10 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1335
|
+
className: "flex items-center justify-center bg-white w-9 h-9 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1341
1336
|
},
|
|
1342
1337
|
/* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: SearchList02Icon, size: 16 })
|
|
1343
1338
|
), /* @__PURE__ */ React15.createElement(
|
|
1344
1339
|
"button",
|
|
1345
1340
|
{
|
|
1346
1341
|
onClick: () => setIsTypeModalOpen(true),
|
|
1347
|
-
|
|
1348
|
-
className: "flex items-center justify-center bg-white w-10 h-10 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1342
|
+
className: "flex items-center justify-center bg-white w-9 h-9 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1349
1343
|
},
|
|
1350
1344
|
/* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ListSettingIcon, size: 16 })
|
|
1351
1345
|
))), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ React15.createElement("div", { className: "w-full overflow-hidden" }, isListLoading ? /* @__PURE__ */ React15.createElement(PageSpinner2, null) : /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React15.createElement("div", null, transactions.length === 0 ? /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No transactions found") : transactions.map((tx) => /* @__PURE__ */ React15.createElement(
|
|
@@ -1513,7 +1507,7 @@ var UniversalHomeView = ({
|
|
|
1513
1507
|
"button",
|
|
1514
1508
|
{
|
|
1515
1509
|
onClick: secondaryAction.onClick,
|
|
1516
|
-
className: "flex items-center gap-1.5 px-6 py-2.
|
|
1510
|
+
className: "flex items-center gap-1.5 px-6 py-2.25 sm:px-8 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none"
|
|
1517
1511
|
},
|
|
1518
1512
|
/* @__PURE__ */ React16.createElement("span", { className: "text-[13px] tracking-wide " }, secondaryAction.label),
|
|
1519
1513
|
secondaryAction.icon && /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: secondaryAction.icon, size: 16 })
|
|
@@ -1576,7 +1570,7 @@ var UniversalWalletPage = ({
|
|
|
1576
1570
|
}
|
|
1577
1571
|
toast5.success("Address copied to clipboard");
|
|
1578
1572
|
};
|
|
1579
|
-
return /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col
|
|
1573
|
+
return /* @__PURE__ */ React17.createElement("div", { className: "w-full max-w-5xl 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 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(
|
|
1580
1574
|
"input",
|
|
1581
1575
|
{
|
|
1582
1576
|
type: "text",
|
|
@@ -1881,7 +1875,7 @@ var UniversalCardPage = ({
|
|
|
1881
1875
|
const displayCardNumber = isRevealed ? activeCard.cardNumber : `XXXX XXXX XXXX ${activeCard.cardNumber.slice(-4)}`;
|
|
1882
1876
|
const displayExpiry = isRevealed ? activeCard.expiry : "XX/XX";
|
|
1883
1877
|
const displayCvv = isRevealed ? activeCard.cvv : "XXX";
|
|
1884
|
-
return /* @__PURE__ */ React21.createElement("div", { className: "w-full flex flex-col
|
|
1878
|
+
return /* @__PURE__ */ React21.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in fade-in duration-300" }, cards.length > 1 && /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center bg-white rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar " }, cards.map((tab, idx) => {
|
|
1885
1879
|
const isActive = activeTabIndex === idx;
|
|
1886
1880
|
return /* @__PURE__ */ React21.createElement(
|
|
1887
1881
|
"button",
|
|
@@ -1986,7 +1980,7 @@ var UniversalCardPage = ({
|
|
|
1986
1980
|
/* @__PURE__ */ React21.createElement("div", { className: "absolute top-6 left-0 right-0 h-10 bg-black/80 w-full" }),
|
|
1987
1981
|
/* @__PURE__ */ React21.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ React21.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ React21.createElement("span", { className: "text-white text-3xl italic tracking-wide opacity-90", style: { fontFamily: "'Whisper', cursive" } }, activeCard.cardHolderName)), /* @__PURE__ */ React21.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React21.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "Expiry"), /* @__PURE__ */ React21.createElement("span", { className: "text-[14px] text-white font-light" }, displayExpiry)), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React21.createElement("span", { className: "text-[9px] text-white/60 tracking-widest uppercase" }, "CVV"), /* @__PURE__ */ React21.createElement("span", { className: "text-[14px] text-white font-light" }, displayCvv))))
|
|
1988
1982
|
)
|
|
1989
|
-
)), /* @__PURE__ */ React21.createElement("p", { className: "text-xs text-neutral-400 mb-6 mt-1" }, isActivated ? "Tap to flip card" : "Action Required"), /* @__PURE__ */ React21.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React21.createElement(
|
|
1983
|
+
)), /* @__PURE__ */ React21.createElement("p", { className: "w-full text-center text-xs text-neutral-400 mb-6 mt-1" }, isActivated ? "Tap to flip card" : "Action Required"), /* @__PURE__ */ React21.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React21.createElement(
|
|
1990
1984
|
MenuRow,
|
|
1991
1985
|
{
|
|
1992
1986
|
icon: ViewOffSlashIcon2,
|
|
@@ -2135,7 +2129,7 @@ var UniversalProfilePage = ({
|
|
|
2135
2129
|
setShowLogoutDialog(false);
|
|
2136
2130
|
}
|
|
2137
2131
|
};
|
|
2138
|
-
return /* @__PURE__ */ React22.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col
|
|
2132
|
+
return /* @__PURE__ */ React22.createElement("div", { className: "w-full max-w-5xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React22.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ React22.createElement("div", { className: "w-22 h-22 rounded-full bg-white p-1 mb-4 flex items-center justify-center" }, /* @__PURE__ */ React22.createElement("div", { className: "relative w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ React22.createElement(React22.Fragment, null, !isAvatarLoaded && /* @__PURE__ */ React22.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-10 bg-neutral-100" }, /* @__PURE__ */ React22.createElement(HugeiconsIcon16, { icon: Loading03Icon9, size: 24, className: "animate-spin text-black" })), /* @__PURE__ */ React22.createElement(
|
|
2139
2133
|
"img",
|
|
2140
2134
|
{
|
|
2141
2135
|
src: avatarSrc,
|
|
@@ -2358,8 +2352,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
|
|
|
2358
2352
|
{
|
|
2359
2353
|
onClick: onClose,
|
|
2360
2354
|
disabled: isLoading,
|
|
2361
|
-
className: "absolute top-4 right-4 p-2 text-neutral-700 hover:text-neutral-400 transition-colors disabled:opacity-50 outline-none"
|
|
2362
|
-
"aria-label": "Close dialog"
|
|
2355
|
+
className: "absolute top-4 right-4 p-2 text-neutral-700 hover:text-neutral-400 transition-colors disabled:opacity-50 outline-none"
|
|
2363
2356
|
},
|
|
2364
2357
|
/* @__PURE__ */ React24.createElement(
|
|
2365
2358
|
"svg",
|
|
@@ -2667,8 +2660,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
2667
2660
|
{
|
|
2668
2661
|
onClick: () => scroll("left"),
|
|
2669
2662
|
disabled: !canScrollLeft,
|
|
2670
|
-
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"
|
|
2671
|
-
"aria-label": "Previous feature"
|
|
2663
|
+
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"
|
|
2672
2664
|
},
|
|
2673
2665
|
/* @__PURE__ */ React27.createElement(HugeiconsIcon19, { icon: ArrowLeft01Icon2, size: 20 })
|
|
2674
2666
|
), /* @__PURE__ */ React27.createElement(
|
|
@@ -2676,8 +2668,7 @@ var FeatureScroll = ({ tagline, headline, features }) => {
|
|
|
2676
2668
|
{
|
|
2677
2669
|
onClick: () => scroll("right"),
|
|
2678
2670
|
disabled: !canScrollRight,
|
|
2679
|
-
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"
|
|
2680
|
-
"aria-label": "Next feature"
|
|
2671
|
+
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"
|
|
2681
2672
|
},
|
|
2682
2673
|
/* @__PURE__ */ React27.createElement(HugeiconsIcon19, { icon: ArrowRight01Icon4, size: 20 })
|
|
2683
2674
|
))), /* @__PURE__ */ React27.createElement(
|
|
@@ -2829,8 +2820,7 @@ var ManagedContactBlock = ({
|
|
|
2829
2820
|
href: social.href,
|
|
2830
2821
|
target: "_blank",
|
|
2831
2822
|
rel: "noopener noreferrer",
|
|
2832
|
-
className: "flex items-center gap-3 transition-colors group text-neutral-600 hover:text-black"
|
|
2833
|
-
"aria-label": social.label
|
|
2823
|
+
className: "flex items-center gap-3 transition-colors group text-neutral-600 hover:text-black"
|
|
2834
2824
|
},
|
|
2835
2825
|
/* @__PURE__ */ React30.createElement(HugeiconsIcon21, { icon: social.icon, size: 18 }),
|
|
2836
2826
|
/* @__PURE__ */ React30.createElement("span", { className: "text-[13px]" }, social.label)
|
|
@@ -2941,8 +2931,7 @@ var MemberSocialLink = ({ href, icon, label, name }) => /* @__PURE__ */ React32.
|
|
|
2941
2931
|
href,
|
|
2942
2932
|
target: "_blank",
|
|
2943
2933
|
rel: "noopener noreferrer",
|
|
2944
|
-
className: "text-neutral-400 hover:text-black transition-colors"
|
|
2945
|
-
"aria-label": `${name} on ${label}`
|
|
2934
|
+
className: "text-neutral-400 hover:text-black transition-colors"
|
|
2946
2935
|
},
|
|
2947
2936
|
/* @__PURE__ */ React32.createElement(HugeiconsIcon22, { icon, size: 16 })
|
|
2948
2937
|
);
|
|
@@ -3334,14 +3323,13 @@ var ConsultantShowcase = ({
|
|
|
3334
3323
|
/* @__PURE__ */ React38.createElement("div", { className: `absolute top-8 left-8 md:top-12 md:left-12 z-30 text-white max-w-lg transition-transform duration-700 ease-out ${isActive ? "translate-y-0" : "-translate-y-4"}` }, /* @__PURE__ */ React38.createElement("h2", { className: "text-[29px] tracking-tight mb-2 leading-none" }, profile.name), /* @__PURE__ */ React38.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React38.createElement("p", { className: "text-[15px] text-white/80 tracking-wide" }, profile.role), profile.description && /* @__PURE__ */ React38.createElement("p", { className: "text-[15px] text-white/80 tracking-wide mt-1" }, profile.description)))
|
|
3335
3324
|
);
|
|
3336
3325
|
}),
|
|
3337
|
-
/* @__PURE__ */ React38.createElement("div", { className: "absolute top-0 left-0 w-[20%] h-full z-40 cursor-w-resize hidden md:block", onClick: prevSlide
|
|
3338
|
-
/* @__PURE__ */ React38.createElement("div", { className: "absolute top-0 right-0 w-[20%] h-full z-40 cursor-e-resize hidden md:block", onClick: nextSlide
|
|
3326
|
+
/* @__PURE__ */ React38.createElement("div", { className: "absolute top-0 left-0 w-[20%] h-full z-40 cursor-w-resize hidden md:block", onClick: prevSlide }),
|
|
3327
|
+
/* @__PURE__ */ React38.createElement("div", { className: "absolute top-0 right-0 w-[20%] h-full z-40 cursor-e-resize hidden md:block", onClick: nextSlide }),
|
|
3339
3328
|
/* @__PURE__ */ React38.createElement("div", { className: "absolute bottom-6 md:bottom-8 left-0 w-full px-4 z-30 flex justify-center items-center gap-2" }, profiles.map((_, idx) => /* @__PURE__ */ React38.createElement(
|
|
3340
3329
|
"button",
|
|
3341
3330
|
{
|
|
3342
3331
|
key: idx,
|
|
3343
3332
|
onClick: () => setCurrentIndex(idx),
|
|
3344
|
-
"aria-label": `Go to slide ${idx + 1}`,
|
|
3345
3333
|
className: `h-1 rounded-full transition-all duration-300 ease-out outline-none ${currentIndex === idx ? "w-8 bg-white" : "w-4 bg-white/30 hover:bg-white/60 cursor-pointer"}`
|
|
3346
3334
|
}
|
|
3347
3335
|
)))
|