@retinalabsllc/zairusjs 4.0.30 → 4.0.32
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 +17 -17
- package/dist/index.mjs +17 -17
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -462,7 +462,7 @@ function AuthFormInner({
|
|
|
462
462
|
return /* @__PURE__ */ import_react5.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "p-8 md:p-12" }, step === "INPUT" && /* @__PURE__ */ import_react5.default.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "mb-12 text-center mt-2" }, /* @__PURE__ */ import_react5.default.createElement("h2", { className: " text-xl text-black mb-2 tracking-tight " }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ import_react5.default.createElement("div", { className: "text-[13px] text-neutral-500" }, mode === "LOGIN" ? /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, "Don't have an account? ", /* @__PURE__ */ import_react5.default.createElement("button", { type: "button", onClick: () => {
|
|
463
463
|
setMode("SIGNUP");
|
|
464
464
|
setSignupStep(getInitialSignupStep());
|
|
465
|
-
}, className: "text-
|
|
465
|
+
}, className: "text-[#1f26d6] transition-colors ml-1" }, "Sign up")) : /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, "Already have an account? ", /* @__PURE__ */ import_react5.default.createElement("button", { type: "button", onClick: () => setMode("LOGIN"), className: "text-[#1f26d6] transition-colors ml-1" }, "Log in")))), /* @__PURE__ */ import_react5.default.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
|
|
466
466
|
e.preventDefault();
|
|
467
467
|
if (mode === "SIGNUP" && signupStep === "NAME") handleNextSignupStep();
|
|
468
468
|
else if (mode === "SIGNUP" && signupStep === "ORGANIZATION") handleNextSignupStep();
|
|
@@ -520,7 +520,7 @@ function AuthFormInner({
|
|
|
520
520
|
className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer",
|
|
521
521
|
required: true
|
|
522
522
|
}
|
|
523
|
-
), /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ import_react5.default.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-
|
|
523
|
+
), /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ import_react5.default.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Terms of Service"), " and ", /* @__PURE__ */ import_react5.default.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Privacy Policy"), "."))), /* @__PURE__ */ import_react5.default.createElement(
|
|
524
524
|
ThreeDActionButton,
|
|
525
525
|
{
|
|
526
526
|
type: "submit",
|
|
@@ -722,7 +722,7 @@ function AuthFormInner2({
|
|
|
722
722
|
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "p-8 md:p-12" }, step === "INPUT" && /* @__PURE__ */ import_react6.default.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "mb-12 text-center mt-2" }, /* @__PURE__ */ import_react6.default.createElement("h2", { className: " text-xl text-black mb-2 tracking-tight " }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ import_react6.default.createElement("div", { className: "text-[13px] text-neutral-500" }, mode === "LOGIN" ? /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, "Don't have an account? ", /* @__PURE__ */ import_react6.default.createElement("button", { type: "button", onClick: () => {
|
|
723
723
|
setMode("SIGNUP");
|
|
724
724
|
setSignupStep(getInitialSignupStep());
|
|
725
|
-
}, className: "text-
|
|
725
|
+
}, className: "text-[#1f26d6] transition-colors ml-1" }, "Sign up")) : /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, "Already have an account? ", /* @__PURE__ */ import_react6.default.createElement("button", { type: "button", onClick: () => setMode("LOGIN"), className: "text-[#1f26d6] transition-colors ml-1" }, "Log in")))), /* @__PURE__ */ import_react6.default.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
|
|
726
726
|
e.preventDefault();
|
|
727
727
|
if (mode === "SIGNUP" && signupStep === "NAME") handleNextSignupStep();
|
|
728
728
|
else if (mode === "SIGNUP" && signupStep === "ORGANIZATION") handleNextSignupStep();
|
|
@@ -780,7 +780,7 @@ function AuthFormInner2({
|
|
|
780
780
|
className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer",
|
|
781
781
|
required: true
|
|
782
782
|
}
|
|
783
|
-
), /* @__PURE__ */ import_react6.default.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ import_react6.default.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-
|
|
783
|
+
), /* @__PURE__ */ import_react6.default.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ import_react6.default.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Terms of Service"), " and ", /* @__PURE__ */ import_react6.default.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Privacy Policy"), "."))), /* @__PURE__ */ import_react6.default.createElement(
|
|
784
784
|
ThreeDActionButton,
|
|
785
785
|
{
|
|
786
786
|
type: "submit",
|
|
@@ -1069,7 +1069,7 @@ var HeroSection = ({
|
|
|
1069
1069
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1070
1070
|
},
|
|
1071
1071
|
titlePrefix
|
|
1072
|
-
), /* @__PURE__ */ import_react12.default.createElement("
|
|
1072
|
+
), /* @__PURE__ */ import_react12.default.createElement("h1", { className: "text-[40px] font-light md:text-5xl lg:text-7xl mb-6 text-black tracking-tight leading-[1.05] max-w-4xl" }, highlightText), subtitle && /* @__PURE__ */ import_react12.default.createElement("p", { className: "text-[13px] md:text-[15px] text-neutral-500 max-w-xl mx-auto mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center w-full px-2 sm:px-0 mx-auto mb-10" }, ctaText && ctaHref && /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-full sm:w-60 flex justify-center *:w-full" }, /* @__PURE__ */ import_react12.default.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ import_react12.default.createElement(
|
|
1073
1073
|
import_link4.default,
|
|
1074
1074
|
{
|
|
1075
1075
|
href: secondaryCtaHref,
|
|
@@ -1390,7 +1390,7 @@ var ManagedDocument = ({
|
|
|
1390
1390
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1391
1391
|
},
|
|
1392
1392
|
title
|
|
1393
|
-
)), sections.map((section, index) => /* @__PURE__ */ import_react21.default.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ import_react21.default.createElement("
|
|
1393
|
+
)), sections.map((section, index) => /* @__PURE__ */ import_react21.default.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ import_react21.default.createElement("p", { className: " text-[11px] tracking-[0.2em] text-black mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-700 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ import_react21.default.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ import_react21.default.createElement("div", { className: `border-neutral-100 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-neutral-900 text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ import_react21.default.createElement(
|
|
1394
1394
|
"a",
|
|
1395
1395
|
{
|
|
1396
1396
|
href: `mailto:${contactEmail}`,
|
|
@@ -1431,21 +1431,21 @@ var ManagedContactBlock = ({
|
|
|
1431
1431
|
backgroundRepeat: "repeat"
|
|
1432
1432
|
}
|
|
1433
1433
|
}
|
|
1434
|
-
), /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ import_react22.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react22.default.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react22.default.createElement("
|
|
1434
|
+
), /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ import_react22.default.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ import_react22.default.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ import_react22.default.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react22.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Contact Details"), /* @__PURE__ */ import_react22.default.createElement("div", { className: "space-y-3 text-[13px] text-neutral-600 leading-[1.8]" }, company.name && /* @__PURE__ */ import_react22.default.createElement("p", { className: "text-black" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ import_react22.default.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ import_react22.default.createElement("p", { className: "pt-2" }, /* @__PURE__ */ import_react22.default.createElement(
|
|
1435
1435
|
"a",
|
|
1436
1436
|
{
|
|
1437
1437
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
1438
1438
|
className: "transition-colors hover:text-black"
|
|
1439
1439
|
},
|
|
1440
1440
|
company.phone
|
|
1441
|
-
)))), emails && emails.length > 0 && /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react22.default.createElement("
|
|
1441
|
+
)))), emails && emails.length > 0 && /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react22.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Email Directory"), /* @__PURE__ */ import_react22.default.createElement("div", { className: "space-y-6 text-[13px]" }, emails.map((email, idx) => /* @__PURE__ */ import_react22.default.createElement("div", { key: idx }, /* @__PURE__ */ import_react22.default.createElement("p", { className: "text-[11px] tracking-[0.2em] mb-1.5 text-neutral-500 " }, email.label), /* @__PURE__ */ import_react22.default.createElement(
|
|
1442
1442
|
SecureEmail,
|
|
1443
1443
|
{
|
|
1444
1444
|
user: email.user,
|
|
1445
1445
|
domain: email.domain,
|
|
1446
1446
|
className: "text-neutral-600 transition-colors hover:text-black"
|
|
1447
1447
|
}
|
|
1448
|
-
))))), socials && socials.length > 0 && /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react22.default.createElement("
|
|
1448
|
+
))))), socials && socials.length > 0 && /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ import_react22.default.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Find Us Online"), /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex flex-col space-y-5 pt-1" }, socials.map((social, idx) => /* @__PURE__ */ import_react22.default.createElement(
|
|
1449
1449
|
"a",
|
|
1450
1450
|
{
|
|
1451
1451
|
key: idx,
|
|
@@ -2132,7 +2132,7 @@ var UniversalSidebar = ({
|
|
|
2132
2132
|
${isCollapsed ? "md:w-16 w-64" : "w-64"}
|
|
2133
2133
|
`
|
|
2134
2134
|
},
|
|
2135
|
-
/* @__PURE__ */ import_react39.default.createElement("div", { className: `flex items-center shrink-0 p-5 ${isCollapsed && !isMobileOpen ? "justify-center min-h-18" : "justify-between"}` }, /* @__PURE__ */ import_react39.default.createElement("div", { className: `flex items-center gap-3 text-left ${!isCollapsed || isMobileOpen ? "w-full" : ""}` }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "w-
|
|
2135
|
+
/* @__PURE__ */ import_react39.default.createElement("div", { className: `flex items-center shrink-0 p-5 ${isCollapsed && !isMobileOpen ? "justify-center min-h-18" : "justify-between"}` }, /* @__PURE__ */ import_react39.default.createElement("div", { className: `flex items-center gap-3 text-left ${!isCollapsed || isMobileOpen ? "w-full" : ""}` }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "w-9 h-9 rounded-full flex items-center justify-center shrink-0 bg-[#1f26d6]" }, /* @__PURE__ */ import_react39.default.createElement("h3", { className: "text-[11px] text-white uppercase tracking-wider" }, userInitials.substring(0, 2))), (!isCollapsed || isMobileOpen) && /* @__PURE__ */ import_react39.default.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2 flex-1" }, /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-[13px] text-black leading-none truncate tracking-wide mb-1" }, userName), userTag && /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-[9px] text-[#1f26d6] truncate tracking-[0.2em] leading-none " }, userTag))), /* @__PURE__ */ import_react39.default.createElement("div", { className: "md:hidden flex shrink-0" }, /* @__PURE__ */ import_react39.default.createElement(
|
|
2136
2136
|
"button",
|
|
2137
2137
|
{
|
|
2138
2138
|
onClick: closeMobile,
|
|
@@ -2150,7 +2150,7 @@ var UniversalSidebar = ({
|
|
|
2150
2150
|
key: item.name,
|
|
2151
2151
|
href: item.path,
|
|
2152
2152
|
onClick: (e) => onNavClick ? onNavClick(e, item.path) : void 0,
|
|
2153
|
-
className: `flex items-center gap-3 px-3 py-2 rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-
|
|
2153
|
+
className: `flex items-center gap-3 px-3 py-2 rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-blue-50 text-[#1f26d6] " : "text-neutral-500 hover:text-[#1f26d6] hover:bg-blue-50"}`,
|
|
2154
2154
|
title: isCollapsed && !isMobileOpen ? item.name : void 0
|
|
2155
2155
|
},
|
|
2156
2156
|
/* @__PURE__ */ import_react39.default.createElement(
|
|
@@ -2158,7 +2158,7 @@ var UniversalSidebar = ({
|
|
|
2158
2158
|
{
|
|
2159
2159
|
icon: item.icon,
|
|
2160
2160
|
size: 18,
|
|
2161
|
-
className: `shrink-0 transition-colors ${isCurrentRoute ? "text-
|
|
2161
|
+
className: `shrink-0 transition-colors ${isCurrentRoute ? "text-[#1f26d6]" : "text-neutral-400 group-hover:text-[#1f26d6]"}`
|
|
2162
2162
|
}
|
|
2163
2163
|
),
|
|
2164
2164
|
(!isCollapsed || isMobileOpen) && /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-xs tracking-wide truncate" }, item.name)
|
|
@@ -2176,9 +2176,9 @@ var UniversalSidebar = ({
|
|
|
2176
2176
|
"button",
|
|
2177
2177
|
{
|
|
2178
2178
|
onClick: () => setIsCollapsed(!isCollapsed),
|
|
2179
|
-
className: "flex items-center justify-center md:justify-start gap-3 w-full p-2.5 rounded-full text-neutral-500 hover:text-
|
|
2179
|
+
className: "flex items-center justify-center md:justify-start gap-3 w-full p-2.5 rounded-full text-neutral-500 hover:text-[#1f26d6] hover:bg-blue-50 transition-colors outline-none"
|
|
2180
2180
|
},
|
|
2181
|
-
/* @__PURE__ */ import_react39.default.createElement(import_react40.HugeiconsIcon, { icon: import_core_free_icons9.SidebarLeft01Icon, size: 18, className: "shrink-0 text-neutral-400" }),
|
|
2181
|
+
/* @__PURE__ */ import_react39.default.createElement(import_react40.HugeiconsIcon, { icon: import_core_free_icons9.SidebarLeft01Icon, size: 18, className: "shrink-0 text-neutral-400 group-hover:text-[#1f26d6]" }),
|
|
2182
2182
|
!isCollapsed && /* @__PURE__ */ import_react39.default.createElement("span", { className: "text-xs" }, "Collapse")
|
|
2183
2183
|
)))
|
|
2184
2184
|
), showLogoutDialog && showLogoutAction && /* @__PURE__ */ import_react39.default.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react39.default.createElement(
|
|
@@ -2200,7 +2200,7 @@ var UniversalSidebar = ({
|
|
|
2200
2200
|
{
|
|
2201
2201
|
onClick: handleLogoutInitiation,
|
|
2202
2202
|
disabled: isLoggingOut,
|
|
2203
|
-
className: "flex-1 py-3 text-[13px] text-[#
|
|
2203
|
+
className: "flex-1 py-3 text-[13px] text-[#1f26d6] hover:bg-neutral-50 transition-colors disabled:opacity-50 flex justify-center items-center outline-none"
|
|
2204
2204
|
},
|
|
2205
2205
|
isLoggingOut ? /* @__PURE__ */ import_react39.default.createElement(ButtonSpinner, null) : "Log Out"
|
|
2206
2206
|
)))), showInterceptDialog && /* @__PURE__ */ import_react39.default.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react39.default.createElement(
|
|
@@ -2220,7 +2220,7 @@ var UniversalSidebar = ({
|
|
|
2220
2220
|
"button",
|
|
2221
2221
|
{
|
|
2222
2222
|
onClick: onConfirmIntercept,
|
|
2223
|
-
className: "flex-1 py-3 text-[13px] text-[#
|
|
2223
|
+
className: "flex-1 py-3 text-[13px] text-[#1f26d6] hover:bg-neutral-50 transition-colors flex justify-center items-center outline-none"
|
|
2224
2224
|
},
|
|
2225
2225
|
"Leave"
|
|
2226
2226
|
)))));
|
|
@@ -4904,7 +4904,7 @@ var ContentGridBlock = ({
|
|
|
4904
4904
|
middleBottomCard,
|
|
4905
4905
|
rightCards
|
|
4906
4906
|
}) => {
|
|
4907
|
-
return /* @__PURE__ */ import_react90.default.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react90.default.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react90.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-200 tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react90.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-100 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ import_react90.default.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ import_react90.default.createElement("div", { key: idx, className: "relative w-full h-80 bg-[#
|
|
4907
|
+
return /* @__PURE__ */ import_react90.default.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ import_react90.default.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ import_react90.default.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "mb-auto text-[11px] text-neutral-200 tracking-widest" }, leftCard.tag), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ import_react90.default.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-100 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ import_react90.default.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ import_react90.default.createElement(import_image13.default, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ import_react90.default.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ import_react90.default.createElement("div", { key: idx, className: "relative w-full h-80 bg-[#2027d7] rounded-3xl overflow-hidden group" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ import_react90.default.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ import_react90.default.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ import_react90.default.createElement("div", { className: "pt-3" }, /* @__PURE__ */ import_react90.default.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ import_react90.default.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
|
|
4908
4908
|
};
|
|
4909
4909
|
|
|
4910
4910
|
// src/components/UniversalAppDetails.tsx
|
package/dist/index.mjs
CHANGED
|
@@ -371,7 +371,7 @@ function AuthFormInner({
|
|
|
371
371
|
return /* @__PURE__ */ React4.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ React4.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React4.createElement("div", { className: "p-8 md:p-12" }, step === "INPUT" && /* @__PURE__ */ React4.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ React4.createElement("div", { className: "mb-12 text-center mt-2" }, /* @__PURE__ */ React4.createElement("h2", { className: " text-xl text-black mb-2 tracking-tight " }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ React4.createElement("div", { className: "text-[13px] text-neutral-500" }, mode === "LOGIN" ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, "Don't have an account? ", /* @__PURE__ */ React4.createElement("button", { type: "button", onClick: () => {
|
|
372
372
|
setMode("SIGNUP");
|
|
373
373
|
setSignupStep(getInitialSignupStep());
|
|
374
|
-
}, className: "text-
|
|
374
|
+
}, className: "text-[#1f26d6] transition-colors ml-1" }, "Sign up")) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, "Already have an account? ", /* @__PURE__ */ React4.createElement("button", { type: "button", onClick: () => setMode("LOGIN"), className: "text-[#1f26d6] transition-colors ml-1" }, "Log in")))), /* @__PURE__ */ React4.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
|
|
375
375
|
e.preventDefault();
|
|
376
376
|
if (mode === "SIGNUP" && signupStep === "NAME") handleNextSignupStep();
|
|
377
377
|
else if (mode === "SIGNUP" && signupStep === "ORGANIZATION") handleNextSignupStep();
|
|
@@ -429,7 +429,7 @@ function AuthFormInner({
|
|
|
429
429
|
className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer",
|
|
430
430
|
required: true
|
|
431
431
|
}
|
|
432
|
-
), /* @__PURE__ */ React4.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React4.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-
|
|
432
|
+
), /* @__PURE__ */ React4.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React4.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Terms of Service"), " and ", /* @__PURE__ */ React4.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Privacy Policy"), "."))), /* @__PURE__ */ React4.createElement(
|
|
433
433
|
ThreeDActionButton,
|
|
434
434
|
{
|
|
435
435
|
type: "submit",
|
|
@@ -631,7 +631,7 @@ function AuthFormInner2({
|
|
|
631
631
|
return /* @__PURE__ */ React5.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React5.createElement("div", { className: "p-8 md:p-12" }, step === "INPUT" && /* @__PURE__ */ React5.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ React5.createElement("div", { className: "mb-12 text-center mt-2" }, /* @__PURE__ */ React5.createElement("h2", { className: " text-xl text-black mb-2 tracking-tight " }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ React5.createElement("div", { className: "text-[13px] text-neutral-500" }, mode === "LOGIN" ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, "Don't have an account? ", /* @__PURE__ */ React5.createElement("button", { type: "button", onClick: () => {
|
|
632
632
|
setMode("SIGNUP");
|
|
633
633
|
setSignupStep(getInitialSignupStep());
|
|
634
|
-
}, className: "text-
|
|
634
|
+
}, className: "text-[#1f26d6] transition-colors ml-1" }, "Sign up")) : /* @__PURE__ */ React5.createElement(React5.Fragment, null, "Already have an account? ", /* @__PURE__ */ React5.createElement("button", { type: "button", onClick: () => setMode("LOGIN"), className: "text-[#1f26d6] transition-colors ml-1" }, "Log in")))), /* @__PURE__ */ React5.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
|
|
635
635
|
e.preventDefault();
|
|
636
636
|
if (mode === "SIGNUP" && signupStep === "NAME") handleNextSignupStep();
|
|
637
637
|
else if (mode === "SIGNUP" && signupStep === "ORGANIZATION") handleNextSignupStep();
|
|
@@ -689,7 +689,7 @@ function AuthFormInner2({
|
|
|
689
689
|
className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer",
|
|
690
690
|
required: true
|
|
691
691
|
}
|
|
692
|
-
), /* @__PURE__ */ React5.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React5.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-
|
|
692
|
+
), /* @__PURE__ */ React5.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React5.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Terms of Service"), " and ", /* @__PURE__ */ React5.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Privacy Policy"), "."))), /* @__PURE__ */ React5.createElement(
|
|
693
693
|
ThreeDActionButton,
|
|
694
694
|
{
|
|
695
695
|
type: "submit",
|
|
@@ -978,7 +978,7 @@ var HeroSection = ({
|
|
|
978
978
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
979
979
|
},
|
|
980
980
|
titlePrefix
|
|
981
|
-
), /* @__PURE__ */ React9.createElement("
|
|
981
|
+
), /* @__PURE__ */ React9.createElement("h1", { className: "text-[40px] font-light md:text-5xl lg:text-7xl mb-6 text-black tracking-tight leading-[1.05] max-w-4xl" }, highlightText), subtitle && /* @__PURE__ */ React9.createElement("p", { className: "text-[13px] md:text-[15px] text-neutral-500 max-w-xl mx-auto mb-10 font-light leading-relaxed" }, subtitle), /* @__PURE__ */ React9.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center w-full px-2 sm:px-0 mx-auto mb-10" }, ctaText && ctaHref && /* @__PURE__ */ React9.createElement("div", { className: "w-full sm:w-60 flex justify-center *:w-full" }, /* @__PURE__ */ React9.createElement(ThreeDButton, { href: ctaHref }, ctaText)), secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ React9.createElement(
|
|
982
982
|
Link4,
|
|
983
983
|
{
|
|
984
984
|
href: secondaryCtaHref,
|
|
@@ -1299,7 +1299,7 @@ var ManagedDocument = ({
|
|
|
1299
1299
|
style: isAnimating ? { animationIterationCount: 1 } : {}
|
|
1300
1300
|
},
|
|
1301
1301
|
title
|
|
1302
|
-
)), sections.map((section, index) => /* @__PURE__ */ React14.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ React14.createElement("
|
|
1302
|
+
)), sections.map((section, index) => /* @__PURE__ */ React14.createElement("div", { key: index, className: "relative px-5 md:px-12 py-8 md:py-10" }, section.heading && /* @__PURE__ */ React14.createElement("p", { className: " text-[11px] tracking-[0.2em] text-black mb-4 text-left " }, section.heading), section.paragraphs && section.paragraphs.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "text-[14px] leading-[1.8] text-neutral-700 space-y-4 text-left font-light" }, section.paragraphs.map((text, pIndex) => /* @__PURE__ */ React14.createElement("p", { key: pIndex }, text))), section.quote && /* @__PURE__ */ React14.createElement("div", { className: `border-neutral-100 border rounded-xl p-6 ${section.paragraphs && section.paragraphs.length > 0 ? "mt-6" : ""}` }, /* @__PURE__ */ React14.createElement("p", { className: "text-neutral-900 text-[14px] md:text-[14px] leading-relaxed" }, '"', section.quote, '"')))), (contactText || contactEmail) && /* @__PURE__ */ React14.createElement("div", { className: "relative px-5 md:px-12 py-8 md:py-10 pb-12 md:pb-14" }, /* @__PURE__ */ React14.createElement("p", { className: "text-[11px] text-neutral-600 text-left" }, contactText, contactEmail && /* @__PURE__ */ React14.createElement(
|
|
1303
1303
|
"a",
|
|
1304
1304
|
{
|
|
1305
1305
|
href: `mailto:${contactEmail}`,
|
|
@@ -1340,21 +1340,21 @@ var ManagedContactBlock = ({
|
|
|
1340
1340
|
backgroundRepeat: "repeat"
|
|
1341
1341
|
}
|
|
1342
1342
|
}
|
|
1343
|
-
), /* @__PURE__ */ React15.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React15.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React15.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ React15.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React15.createElement("
|
|
1343
|
+
), /* @__PURE__ */ React15.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React15.createElement("div", { className: "relative px-8 md:px-12 py-10" }, tagline && /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.4em] text-neutral-500 text-left block " }, tagline), /* @__PURE__ */ React15.createElement("h1", { className: " text-3xl mt-4 text-black tracking-tight text-left" }, title)), /* @__PURE__ */ React15.createElement("div", { className: "relative px-8 md:px-12 py-8 pb-14" }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-wrap gap-12 lg:gap-16 w-full" }, company && /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React15.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Contact Details"), /* @__PURE__ */ React15.createElement("div", { className: "space-y-3 text-[13px] text-neutral-600 leading-[1.8]" }, company.name && /* @__PURE__ */ React15.createElement("p", { className: "text-black" }, company.name), company.lines && company.lines.map((line, idx) => /* @__PURE__ */ React15.createElement("p", { key: idx }, line)), company.phone && /* @__PURE__ */ React15.createElement("p", { className: "pt-2" }, /* @__PURE__ */ React15.createElement(
|
|
1344
1344
|
"a",
|
|
1345
1345
|
{
|
|
1346
1346
|
href: `tel:${company.phone.replace(/\s+/g, "")}`,
|
|
1347
1347
|
className: "transition-colors hover:text-black"
|
|
1348
1348
|
},
|
|
1349
1349
|
company.phone
|
|
1350
|
-
)))), emails && emails.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React15.createElement("
|
|
1350
|
+
)))), emails && emails.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React15.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Email Directory"), /* @__PURE__ */ React15.createElement("div", { className: "space-y-6 text-[13px]" }, emails.map((email, idx) => /* @__PURE__ */ React15.createElement("div", { key: idx }, /* @__PURE__ */ React15.createElement("p", { className: "text-[11px] tracking-[0.2em] mb-1.5 text-neutral-500 " }, email.label), /* @__PURE__ */ React15.createElement(
|
|
1351
1351
|
SecureEmail,
|
|
1352
1352
|
{
|
|
1353
1353
|
user: email.user,
|
|
1354
1354
|
domain: email.domain,
|
|
1355
1355
|
className: "text-neutral-600 transition-colors hover:text-black"
|
|
1356
1356
|
}
|
|
1357
|
-
))))), socials && socials.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React15.createElement("
|
|
1357
|
+
))))), socials && socials.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "flex-1 min-w-65 space-y-6" }, /* @__PURE__ */ React15.createElement("p", { className: "text-[11px] tracking-[0.2em] text-black mb-4 " }, "Find Us Online"), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col space-y-5 pt-1" }, socials.map((social, idx) => /* @__PURE__ */ React15.createElement(
|
|
1358
1358
|
"a",
|
|
1359
1359
|
{
|
|
1360
1360
|
key: idx,
|
|
@@ -2046,7 +2046,7 @@ var UniversalSidebar = ({
|
|
|
2046
2046
|
${isCollapsed ? "md:w-16 w-64" : "w-64"}
|
|
2047
2047
|
`
|
|
2048
2048
|
},
|
|
2049
|
-
/* @__PURE__ */ React27.createElement("div", { className: `flex items-center shrink-0 p-5 ${isCollapsed && !isMobileOpen ? "justify-center min-h-18" : "justify-between"}` }, /* @__PURE__ */ React27.createElement("div", { className: `flex items-center gap-3 text-left ${!isCollapsed || isMobileOpen ? "w-full" : ""}` }, /* @__PURE__ */ React27.createElement("div", { className: "w-
|
|
2049
|
+
/* @__PURE__ */ React27.createElement("div", { className: `flex items-center shrink-0 p-5 ${isCollapsed && !isMobileOpen ? "justify-center min-h-18" : "justify-between"}` }, /* @__PURE__ */ React27.createElement("div", { className: `flex items-center gap-3 text-left ${!isCollapsed || isMobileOpen ? "w-full" : ""}` }, /* @__PURE__ */ React27.createElement("div", { className: "w-9 h-9 rounded-full flex items-center justify-center shrink-0 bg-[#1f26d6]" }, /* @__PURE__ */ React27.createElement("h3", { className: "text-[11px] text-white uppercase tracking-wider" }, userInitials.substring(0, 2))), (!isCollapsed || isMobileOpen) && /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col justify-center min-w-0 pr-2 flex-1" }, /* @__PURE__ */ React27.createElement("span", { className: "text-[13px] text-black leading-none truncate tracking-wide mb-1" }, userName), userTag && /* @__PURE__ */ React27.createElement("span", { className: "text-[9px] text-[#1f26d6] truncate tracking-[0.2em] leading-none " }, userTag))), /* @__PURE__ */ React27.createElement("div", { className: "md:hidden flex shrink-0" }, /* @__PURE__ */ React27.createElement(
|
|
2050
2050
|
"button",
|
|
2051
2051
|
{
|
|
2052
2052
|
onClick: closeMobile,
|
|
@@ -2064,7 +2064,7 @@ var UniversalSidebar = ({
|
|
|
2064
2064
|
key: item.name,
|
|
2065
2065
|
href: item.path,
|
|
2066
2066
|
onClick: (e) => onNavClick ? onNavClick(e, item.path) : void 0,
|
|
2067
|
-
className: `flex items-center gap-3 px-3 py-2 rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-
|
|
2067
|
+
className: `flex items-center gap-3 px-3 py-2 rounded-full transition-all outline-none group shrink-0 ${isCurrentRoute ? "bg-blue-50 text-[#1f26d6] " : "text-neutral-500 hover:text-[#1f26d6] hover:bg-blue-50"}`,
|
|
2068
2068
|
title: isCollapsed && !isMobileOpen ? item.name : void 0
|
|
2069
2069
|
},
|
|
2070
2070
|
/* @__PURE__ */ React27.createElement(
|
|
@@ -2072,7 +2072,7 @@ var UniversalSidebar = ({
|
|
|
2072
2072
|
{
|
|
2073
2073
|
icon: item.icon,
|
|
2074
2074
|
size: 18,
|
|
2075
|
-
className: `shrink-0 transition-colors ${isCurrentRoute ? "text-
|
|
2075
|
+
className: `shrink-0 transition-colors ${isCurrentRoute ? "text-[#1f26d6]" : "text-neutral-400 group-hover:text-[#1f26d6]"}`
|
|
2076
2076
|
}
|
|
2077
2077
|
),
|
|
2078
2078
|
(!isCollapsed || isMobileOpen) && /* @__PURE__ */ React27.createElement("span", { className: "text-xs tracking-wide truncate" }, item.name)
|
|
@@ -2090,9 +2090,9 @@ var UniversalSidebar = ({
|
|
|
2090
2090
|
"button",
|
|
2091
2091
|
{
|
|
2092
2092
|
onClick: () => setIsCollapsed(!isCollapsed),
|
|
2093
|
-
className: "flex items-center justify-center md:justify-start gap-3 w-full p-2.5 rounded-full text-neutral-500 hover:text-
|
|
2093
|
+
className: "flex items-center justify-center md:justify-start gap-3 w-full p-2.5 rounded-full text-neutral-500 hover:text-[#1f26d6] hover:bg-blue-50 transition-colors outline-none"
|
|
2094
2094
|
},
|
|
2095
|
-
/* @__PURE__ */ React27.createElement(HugeiconsIcon13, { icon: SidebarLeft01Icon, size: 18, className: "shrink-0 text-neutral-400" }),
|
|
2095
|
+
/* @__PURE__ */ React27.createElement(HugeiconsIcon13, { icon: SidebarLeft01Icon, size: 18, className: "shrink-0 text-neutral-400 group-hover:text-[#1f26d6]" }),
|
|
2096
2096
|
!isCollapsed && /* @__PURE__ */ React27.createElement("span", { className: "text-xs" }, "Collapse")
|
|
2097
2097
|
)))
|
|
2098
2098
|
), showLogoutDialog && showLogoutAction && /* @__PURE__ */ React27.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React27.createElement(
|
|
@@ -2114,7 +2114,7 @@ var UniversalSidebar = ({
|
|
|
2114
2114
|
{
|
|
2115
2115
|
onClick: handleLogoutInitiation,
|
|
2116
2116
|
disabled: isLoggingOut,
|
|
2117
|
-
className: "flex-1 py-3 text-[13px] text-[#
|
|
2117
|
+
className: "flex-1 py-3 text-[13px] text-[#1f26d6] hover:bg-neutral-50 transition-colors disabled:opacity-50 flex justify-center items-center outline-none"
|
|
2118
2118
|
},
|
|
2119
2119
|
isLoggingOut ? /* @__PURE__ */ React27.createElement(ButtonSpinner, null) : "Log Out"
|
|
2120
2120
|
)))), showInterceptDialog && /* @__PURE__ */ React27.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React27.createElement(
|
|
@@ -2134,7 +2134,7 @@ var UniversalSidebar = ({
|
|
|
2134
2134
|
"button",
|
|
2135
2135
|
{
|
|
2136
2136
|
onClick: onConfirmIntercept,
|
|
2137
|
-
className: "flex-1 py-3 text-[13px] text-[#
|
|
2137
|
+
className: "flex-1 py-3 text-[13px] text-[#1f26d6] hover:bg-neutral-50 transition-colors flex justify-center items-center outline-none"
|
|
2138
2138
|
},
|
|
2139
2139
|
"Leave"
|
|
2140
2140
|
)))));
|
|
@@ -4889,7 +4889,7 @@ var ContentGridBlock = ({
|
|
|
4889
4889
|
middleBottomCard,
|
|
4890
4890
|
rightCards
|
|
4891
4891
|
}) => {
|
|
4892
|
-
return /* @__PURE__ */ React54.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React54.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React54.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React54.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React54.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React54.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React54.createElement("span", { className: "mb-auto text-[11px] text-neutral-200 tracking-widest" }, leftCard.tag), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ React54.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React54.createElement(Image13, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React54.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React54.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React54.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React54.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React54.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React54.createElement(Image13, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React54.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React54.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React54.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-100 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ React54.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React54.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React54.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React54.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React54.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React54.createElement(Image13, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React54.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React54.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React54.createElement("div", { key: idx, className: "relative w-full h-80 bg-[#
|
|
4892
|
+
return /* @__PURE__ */ React54.createElement("section", { className: " w-full flex justify-center z-10 relative" }, /* @__PURE__ */ React54.createElement("div", { className: "max-w-300 w-full px-4 md:px-8 flex flex-col gap-12" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col lg:flex-row justify-between items-start lg:items-end gap-6 w-full" }, /* @__PURE__ */ React54.createElement("h2", { className: "text-3xl tracking-tight text-black leading-[1.15] max-w-lg" }, header.titlePrefix, " ", /* @__PURE__ */ React54.createElement("span", { className: "gradient-text" }, header.highlightText))), /* @__PURE__ */ React54.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col justify-end" }, /* @__PURE__ */ React54.createElement("div", { className: "bg-black rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[17px] text-white leading-snug mb-4" }, leftCard.mainText), leftCard.tag && /* @__PURE__ */ React54.createElement("span", { className: "mb-auto text-[11px] text-neutral-200 tracking-widest" }, leftCard.tag), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center justify-between mt-8" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] text-white" }, leftCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-neutral-300" }, leftCard.subtitle)), /* @__PURE__ */ React54.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React54.createElement(Image13, { src: leftCard.thumbnailSrc, alt: leftCard.title, fill: true, className: "object-cover" }))))), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React54.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col relative h-75" }, /* @__PURE__ */ React54.createElement("div", { className: "absolute top-6 right-6 flex flex-col items-end gap-1" }, /* @__PURE__ */ React54.createElement("span", { className: "text-[11px] text-neutral-400 tracking-wide" }, middleTopCard.topRightLabel), /* @__PURE__ */ React54.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React54.createElement("div", { className: "flex -space-x-2" }, middleTopCard.topRightAvatars.map((src, i) => /* @__PURE__ */ React54.createElement("div", { key: i, className: "w-7 h-7 rounded-full border-2 border-white overflow-hidden relative z-10" }, /* @__PURE__ */ React54.createElement(Image13, { src, alt: "Avatar", fill: true, className: "object-cover", sizes: "28px" })))), /* @__PURE__ */ React54.createElement("span", { className: "text-sm text-neutral-500" }, middleTopCard.topRightCount))), /* @__PURE__ */ React54.createElement("div", { className: "grow flex flex-col justify-center items-center py-6" }, /* @__PURE__ */ React54.createElement("div", { className: "px-5 py-2 rounded-full bg-neutral-50/50 border border-neutral-100 text-[13px] text-neutral-600" }, middleTopCard.badgePrefix, " ", /* @__PURE__ */ React54.createElement("span", { className: " text-black" }, middleTopCard.badgeHighlight), middleTopCard.badgeSuffix)), /* @__PURE__ */ React54.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[11px] text-neutral-400 tracking-wide mb-1" }, middleTopCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[14px] text-black leading-snug pr-4" }, middleTopCard.description))), /* @__PURE__ */ React54.createElement("div", { className: "bg-white rounded-3xl p-8 flex flex-col h-80" }, /* @__PURE__ */ React54.createElement("div", { className: "flex justify-between items-start mb-6" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] text-black leading-tight" }, middleBottomCard.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-neutral-400" }, middleBottomCard.subtitle)), /* @__PURE__ */ React54.createElement("div", { className: "w-10 h-10 rounded-full overflow-hidden relative" }, /* @__PURE__ */ React54.createElement(Image13, { src: middleBottomCard.thumbnailSrc, alt: middleBottomCard.title, fill: true, className: "object-cover" }))), /* @__PURE__ */ React54.createElement("div", { className: "mt-auto" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[16px] text-black leading-snug mb-4" }, middleBottomCard.mainText), middleBottomCard.tag && /* @__PURE__ */ React54.createElement("span", { className: "text-[11px] text-neutral-400 tracking-widest" }, middleBottomCard.tag)))), /* @__PURE__ */ React54.createElement("div", { className: "flex flex-col gap-6" }, rightCards.slice(0, 2).map((card, idx) => /* @__PURE__ */ React54.createElement("div", { key: idx, className: "relative w-full h-80 bg-[#2027d7] rounded-3xl overflow-hidden group" }, /* @__PURE__ */ React54.createElement("div", { className: "absolute inset-0 z-20 pointer-events-none" }), /* @__PURE__ */ React54.createElement("div", { className: "absolute inset-0 z-30 p-6 flex flex-col justify-end text-white" }, /* @__PURE__ */ React54.createElement("p", { className: "text-[14px] leading-snug mb-3 pr-2 text-white/90" }, card.mainText), card.tag && /* @__PURE__ */ React54.createElement("span", { className: "mb-4 text-[11px] text-white/50 tracking-widest" }, card.tag), /* @__PURE__ */ React54.createElement("div", { className: "pt-3" }, /* @__PURE__ */ React54.createElement("h4", { className: "text-[15px] tracking-wide" }, card.title), /* @__PURE__ */ React54.createElement("p", { className: "text-[13px] text-white/60" }, card.subtitle)))))))));
|
|
4893
4893
|
};
|
|
4894
4894
|
|
|
4895
4895
|
// src/components/UniversalAppDetails.tsx
|