@opensite/ui 2.4.4 → 2.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/about-developer-profile.cjs +37 -17
  2. package/dist/about-developer-profile.js +37 -17
  3. package/dist/about-stats-sidebar.cjs +30 -21
  4. package/dist/about-stats-sidebar.js +30 -21
  5. package/dist/hero-event-registration.cjs +21 -11
  6. package/dist/hero-event-registration.js +21 -11
  7. package/dist/registry.cjs +88 -49
  8. package/dist/registry.js +88 -49
  9. package/package.json +1 -1
package/dist/about-developer-profile.cjs CHANGED
@@ -1045,10 +1045,19 @@ function AboutDeveloperProfile({
1045
1045
  "div",
1046
1046
  {
1047
1047
  className: cn(
1048
- "flex justify-center gap-4 md:justify-start items-center flex-wrap",
1048
+ "flex justify-center gap-2 md:justify-start items-center flex-wrap",
1049
1049
  socialLinksClassName
1050
1050
  ),
1051
- children: socialLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(SocialLinkIcon, { ...link, size: "icon-lg", asButton: true }, idx))
1051
+ children: socialLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
1052
+ SocialLinkIcon,
1053
+ {
1054
+ ...link,
1055
+ size: "icon-lg",
1056
+ variant: "outline",
1057
+ asButton: true
1058
+ },
1059
+ idx
1060
+ ))
1052
1061
  }
1053
1062
  );
1054
1063
  }, [socialLinksSlot, socialLinks, background]);
@@ -1091,24 +1100,35 @@ function AboutDeveloperProfile({
1091
1100
  }
1092
1101
  ),
1093
1102
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left flex flex-col items-start gap-4", children: [
1094
- name && (typeof name === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1095
- "h2",
1096
- {
1097
- className: cn(
1098
- "text-3xl md:text-4xl font-bold",
1099
- nameClassName
1100
- ),
1101
- children: name
1102
- }
1103
- ) : name),
1104
- role && (typeof role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xl opacity-50", roleClassName), children: role }) : role),
1103
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left flex flex-col items-start gap-0", children: [
1104
+ name && (typeof name === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1105
+ "h2",
1106
+ {
1107
+ className: cn(
1108
+ "text-3xl md:text-4xl font-bold",
1109
+ nameClassName
1110
+ ),
1111
+ children: name
1112
+ }
1113
+ ) : name),
1114
+ role && (typeof role === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1115
+ "p",
1116
+ {
1117
+ className: cn(
1118
+ "text-lg md:text-xl opacity-60",
1119
+ roleClassName
1120
+ ),
1121
+ children: role
1122
+ }
1123
+ ) : role)
1124
+ ] }),
1105
1125
  socialLinksContent
1106
1126
  ] })
1107
1127
  ] }),
1108
- bio && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-12", children: typeof bio === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg", bioClassName), children: bio }) : bio }),
1109
- (skillsSlot || skills && skills.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-12", skillsClassName), children: [
1110
- skillsTitle && (typeof skillsTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold opacity-50", children: skillsTitle }) : skillsTitle),
1111
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: skillsContent })
1128
+ bio && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: typeof bio === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg", bioClassName), children: bio }) : bio }),
1129
+ (skillsSlot || skills && skills.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", skillsClassName), children: [
1130
+ skillsTitle && (typeof skillsTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg opacity-60", children: skillsTitle }) : skillsTitle),
1131
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: skillsContent })
1112
1132
  ] }),
1113
1133
  /* @__PURE__ */ jsxRuntime.jsx(
1114
1134
  BlockActions,
package/dist/about-developer-profile.js CHANGED
@@ -1024,10 +1024,19 @@ function AboutDeveloperProfile({
1024
1024
  "div",
1025
1025
  {
1026
1026
  className: cn(
1027
- "flex justify-center gap-4 md:justify-start items-center flex-wrap",
1027
+ "flex justify-center gap-2 md:justify-start items-center flex-wrap",
1028
1028
  socialLinksClassName
1029
1029
  ),
1030
- children: socialLinks.map((link, idx) => /* @__PURE__ */ jsx(SocialLinkIcon, { ...link, size: "icon-lg", asButton: true }, idx))
1030
+ children: socialLinks.map((link, idx) => /* @__PURE__ */ jsx(
1031
+ SocialLinkIcon,
1032
+ {
1033
+ ...link,
1034
+ size: "icon-lg",
1035
+ variant: "outline",
1036
+ asButton: true
1037
+ },
1038
+ idx
1039
+ ))
1031
1040
  }
1032
1041
  );
1033
1042
  }, [socialLinksSlot, socialLinks, background]);
@@ -1070,24 +1079,35 @@ function AboutDeveloperProfile({
1070
1079
  }
1071
1080
  ),
1072
1081
  /* @__PURE__ */ jsxs("div", { className: "text-left flex flex-col items-start gap-4", children: [
1073
- name && (typeof name === "string" ? /* @__PURE__ */ jsx(
1074
- "h2",
1075
- {
1076
- className: cn(
1077
- "text-3xl md:text-4xl font-bold",
1078
- nameClassName
1079
- ),
1080
- children: name
1081
- }
1082
- ) : name),
1083
- role && (typeof role === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-xl opacity-50", roleClassName), children: role }) : role),
1082
+ /* @__PURE__ */ jsxs("div", { className: "text-left flex flex-col items-start gap-0", children: [
1083
+ name && (typeof name === "string" ? /* @__PURE__ */ jsx(
1084
+ "h2",
1085
+ {
1086
+ className: cn(
1087
+ "text-3xl md:text-4xl font-bold",
1088
+ nameClassName
1089
+ ),
1090
+ children: name
1091
+ }
1092
+ ) : name),
1093
+ role && (typeof role === "string" ? /* @__PURE__ */ jsx(
1094
+ "p",
1095
+ {
1096
+ className: cn(
1097
+ "text-lg md:text-xl opacity-60",
1098
+ roleClassName
1099
+ ),
1100
+ children: role
1101
+ }
1102
+ ) : role)
1103
+ ] }),
1084
1104
  socialLinksContent
1085
1105
  ] })
1086
1106
  ] }),
1087
- bio && /* @__PURE__ */ jsx("div", { className: "mt-12", children: typeof bio === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg", bioClassName), children: bio }) : bio }),
1088
- (skillsSlot || skills && skills.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn("mt-12", skillsClassName), children: [
1089
- skillsTitle && (typeof skillsTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold opacity-50", children: skillsTitle }) : skillsTitle),
1090
- /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: skillsContent })
1107
+ bio && /* @__PURE__ */ jsx("div", { className: "relative", children: typeof bio === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg", bioClassName), children: bio }) : bio }),
1108
+ (skillsSlot || skills && skills.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn("relative", skillsClassName), children: [
1109
+ skillsTitle && (typeof skillsTitle === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg opacity-60", children: skillsTitle }) : skillsTitle),
1110
+ /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: skillsContent })
1091
1111
  ] }),
1092
1112
  /* @__PURE__ */ jsx(
1093
1113
  BlockActions,
package/dist/about-stats-sidebar.cjs CHANGED
@@ -422,16 +422,16 @@ function AboutStatsSidebar({
422
422
  "div",
423
423
  {
424
424
  className: cn(
425
- "p-6 flex flex-col items-start gap-6",
425
+ "p-6 flex flex-col items-between gap-12",
426
426
  "bg-card text-card-foreground",
427
427
  "rounded-xl ring-2"
428
428
  ),
429
429
  children: [
430
430
  stat.icon,
431
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-2", children: [
431
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-0", children: [
432
432
  typeof stat.value === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-3xl md:text-4xl font-bold", children: stat.value }) : stat.value,
433
433
  typeof stat.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: stat.label }) : stat.label,
434
- stat.description && (typeof stat.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm opacity-60 font-semibold"), children: stat.description }) : stat.description)
434
+ stat.description && (typeof stat.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm opacity-75"), children: stat.description }) : stat.description)
435
435
  ] })
436
436
  ]
437
437
  },
@@ -443,24 +443,33 @@ function AboutStatsSidebar({
443
443
  const featuresContent = React.useMemo(() => {
444
444
  if (featuresSlot) return featuresSlot;
445
445
  if (!features || features.length === 0) return null;
446
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-12 space-y-6", featuresClassName), children: features.map((feature, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
447
- /* @__PURE__ */ jsxRuntime.jsx(
448
- "div",
449
- {
450
- className: cn(
451
- "flex size-12 shrink-0 items-center justify-center",
452
- "bg-primary text-primary-foreground",
453
- "shadow-lg rounded-lg",
454
- feature.iconBgClass
446
+ return /* @__PURE__ */ jsxRuntime.jsx(
447
+ "div",
448
+ {
449
+ className: cn(
450
+ "mt-8 space-y-6 p-6 bg-card text-card-foreground rounded-xl shadow-xl",
451
+ featuresClassName
452
+ ),
453
+ children: features.map((feature, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
454
+ /* @__PURE__ */ jsxRuntime.jsx(
455
+ "div",
456
+ {
457
+ className: cn(
458
+ "flex size-12 shrink-0 items-center justify-center",
459
+ "bg-primary text-primary-foreground",
460
+ "shadow-lg rounded-lg",
461
+ feature.iconBgClass
462
+ ),
463
+ children: feature.icon
464
+ }
455
465
  ),
456
- children: feature.icon
457
- }
458
- ),
459
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
460
- feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
461
- feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-75", children: feature.description }) : feature.description)
462
- ] })
463
- ] }, idx)) });
466
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
467
+ feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
468
+ feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-75", children: feature.description }) : feature.description)
469
+ ] })
470
+ ] }, idx))
471
+ }
472
+ );
464
473
  }, [featuresSlot, features, featuresClassName]);
465
474
  return /* @__PURE__ */ jsxRuntime.jsx(
466
475
  Section,
@@ -469,7 +478,7 @@ function AboutStatsSidebar({
469
478
  spacing,
470
479
  pattern,
471
480
  patternOpacity,
472
- className,
481
+ className: cn(pattern && "overflow-visible", className),
473
482
  containerClassName,
474
483
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-12 lg:grid-cols-3", children: [
475
484
  /* @__PURE__ */ jsxRuntime.jsxs(
package/dist/about-stats-sidebar.js CHANGED
@@ -416,16 +416,16 @@ function AboutStatsSidebar({
416
416
  "div",
417
417
  {
418
418
  className: cn(
419
- "p-6 flex flex-col items-start gap-6",
419
+ "p-6 flex flex-col items-between gap-12",
420
420
  "bg-card text-card-foreground",
421
421
  "rounded-xl ring-2"
422
422
  ),
423
423
  children: [
424
424
  stat.icon,
425
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-2", children: [
425
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-0", children: [
426
426
  typeof stat.value === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-2 text-3xl md:text-4xl font-bold", children: stat.value }) : stat.value,
427
427
  typeof stat.label === "string" ? /* @__PURE__ */ jsx("p", { className: "font-semibold", children: stat.label }) : stat.label,
428
- stat.description && (typeof stat.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm opacity-60 font-semibold"), children: stat.description }) : stat.description)
428
+ stat.description && (typeof stat.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm opacity-75"), children: stat.description }) : stat.description)
429
429
  ] })
430
430
  ]
431
431
  },
@@ -437,24 +437,33 @@ function AboutStatsSidebar({
437
437
  const featuresContent = useMemo(() => {
438
438
  if (featuresSlot) return featuresSlot;
439
439
  if (!features || features.length === 0) return null;
440
- return /* @__PURE__ */ jsx("div", { className: cn("mt-12 space-y-6", featuresClassName), children: features.map((feature, idx) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
441
- /* @__PURE__ */ jsx(
442
- "div",
443
- {
444
- className: cn(
445
- "flex size-12 shrink-0 items-center justify-center",
446
- "bg-primary text-primary-foreground",
447
- "shadow-lg rounded-lg",
448
- feature.iconBgClass
440
+ return /* @__PURE__ */ jsx(
441
+ "div",
442
+ {
443
+ className: cn(
444
+ "mt-8 space-y-6 p-6 bg-card text-card-foreground rounded-xl shadow-xl",
445
+ featuresClassName
446
+ ),
447
+ children: features.map((feature, idx) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
448
+ /* @__PURE__ */ jsx(
449
+ "div",
450
+ {
451
+ className: cn(
452
+ "flex size-12 shrink-0 items-center justify-center",
453
+ "bg-primary text-primary-foreground",
454
+ "shadow-lg rounded-lg",
455
+ feature.iconBgClass
456
+ ),
457
+ children: feature.icon
458
+ }
449
459
  ),
450
- children: feature.icon
451
- }
452
- ),
453
- /* @__PURE__ */ jsxs("div", { children: [
454
- feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
455
- feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "opacity-75", children: feature.description }) : feature.description)
456
- ] })
457
- ] }, idx)) });
460
+ /* @__PURE__ */ jsxs("div", { children: [
461
+ feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
462
+ feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "opacity-75", children: feature.description }) : feature.description)
463
+ ] })
464
+ ] }, idx))
465
+ }
466
+ );
458
467
  }, [featuresSlot, features, featuresClassName]);
459
468
  return /* @__PURE__ */ jsx(
460
469
  Section,
@@ -463,7 +472,7 @@ function AboutStatsSidebar({
463
472
  spacing,
464
473
  pattern,
465
474
  patternOpacity,
466
- className,
475
+ className: cn(pattern && "overflow-visible", className),
467
476
  containerClassName,
468
477
  children: /* @__PURE__ */ jsxs("div", { className: "grid gap-12 lg:grid-cols-3", children: [
469
478
  /* @__PURE__ */ jsxs(
package/dist/hero-event-registration.cjs CHANGED
@@ -944,7 +944,7 @@ function HeroEventRegistration({
944
944
  locationSlot,
945
945
  background,
946
946
  containerClassName = "mx-auto w-full max-w-full md:max-w-7xl relative z-10 px-6 sm:px-8 md:px-12 lg:px-18",
947
- spacing = "xl",
947
+ spacing = "py-16 md:py-40",
948
948
  pattern,
949
949
  patternOpacity,
950
950
  className,
@@ -1014,8 +1014,8 @@ function HeroEventRegistration({
1014
1014
  {
1015
1015
  className: cn(
1016
1016
  "bg-card text-card-foreground",
1017
- "rounded-xl p-2 md:p-4 shadow-lg",
1018
- "absolute -bottom-4",
1017
+ "rounded-2xl p-2 md:p-4 shadow-lg",
1018
+ "absolute bottom-1/2 -translate-y-1/2",
1019
1019
  "left-1/2 -translate-x-1/2 w-[90%]",
1020
1020
  "md:-left-4 md:translate-x-0 md:w-auto",
1021
1021
  "ring-4 ring-primary"
@@ -1036,11 +1036,19 @@ function HeroEventRegistration({
1036
1036
  {
1037
1037
  className: cn(
1038
1038
  "flex flex-col items-start justify-center",
1039
- "text-card-foreground gap-0 pr-1 md:pr-2"
1039
+ "text-card-foreground gap-0 pr-0 md:pr-2"
1040
1040
  ),
1041
1041
  children: [
1042
- locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
1043
- locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
1042
+ locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm md:text-base text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal font-semibold", children: locationLabel }) : locationLabel),
1043
+ locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1044
+ "div",
1045
+ {
1046
+ className: cn(
1047
+ "text-xs md:text-sm text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal"
1048
+ ),
1049
+ children: locationSublabel
1050
+ }
1051
+ ) : locationSublabel)
1044
1052
  ]
1045
1053
  }
1046
1054
  )
@@ -1056,7 +1064,7 @@ function HeroEventRegistration({
1056
1064
  "div",
1057
1065
  {
1058
1066
  className: cn(
1059
- "overflow-hidden rounded-2xl shadow-xl",
1067
+ "overflow-hidden rounded-2xl shadow-xl ring-4 ring-primary",
1060
1068
  imageClassName
1061
1069
  ),
1062
1070
  children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1064,7 +1072,7 @@ function HeroEventRegistration({
1064
1072
  {
1065
1073
  src: image.src,
1066
1074
  alt: image.alt,
1067
- className: cn("aspect-4/3 w-full object-cover", image.className),
1075
+ className: cn("aspect-square w-full object-cover", image.className),
1068
1076
  optixFlowConfig
1069
1077
  }
1070
1078
  )
@@ -1088,9 +1096,11 @@ function HeroEventRegistration({
1088
1096
  "div",
1089
1097
  {
1090
1098
  className: cn(
1091
- "flex items-center justify-start md:justify-between gap-12 md:gap-24",
1099
+ "flex items-center justify-start md:justify-between",
1092
1100
  mobileOrder,
1093
- desktopOrder
1101
+ desktopOrder,
1102
+ directionConfig.mobile === "mediaTop" ? "gap-20" : "gap-12",
1103
+ "md:gap-24"
1094
1104
  ),
1095
1105
  children: [
1096
1106
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1127,7 +1137,7 @@ function HeroEventRegistration({
1127
1137
  {
1128
1138
  actions,
1129
1139
  actionsSlot,
1130
- actionsClassName
1140
+ actionsClassName: cn("w-full md:w-fit", actionsClassName)
1131
1141
  }
1132
1142
  ),
1133
1143
  renderStats
package/dist/hero-event-registration.js CHANGED
@@ -923,7 +923,7 @@ function HeroEventRegistration({
923
923
  locationSlot,
924
924
  background,
925
925
  containerClassName = "mx-auto w-full max-w-full md:max-w-7xl relative z-10 px-6 sm:px-8 md:px-12 lg:px-18",
926
- spacing = "xl",
926
+ spacing = "py-16 md:py-40",
927
927
  pattern,
928
928
  patternOpacity,
929
929
  className,
@@ -993,8 +993,8 @@ function HeroEventRegistration({
993
993
  {
994
994
  className: cn(
995
995
  "bg-card text-card-foreground",
996
- "rounded-xl p-2 md:p-4 shadow-lg",
997
- "absolute -bottom-4",
996
+ "rounded-2xl p-2 md:p-4 shadow-lg",
997
+ "absolute bottom-1/2 -translate-y-1/2",
998
998
  "left-1/2 -translate-x-1/2 w-[90%]",
999
999
  "md:-left-4 md:translate-x-0 md:w-auto",
1000
1000
  "ring-4 ring-primary"
@@ -1015,11 +1015,19 @@ function HeroEventRegistration({
1015
1015
  {
1016
1016
  className: cn(
1017
1017
  "flex flex-col items-start justify-center",
1018
- "text-card-foreground gap-0 pr-1 md:pr-2"
1018
+ "text-card-foreground gap-0 pr-0 md:pr-2"
1019
1019
  ),
1020
1020
  children: [
1021
- locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
1022
- locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
1021
+ locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "text-sm md:text-base text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal font-semibold", children: locationLabel }) : locationLabel),
1022
+ locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx(
1023
+ "div",
1024
+ {
1025
+ className: cn(
1026
+ "text-xs md:text-sm text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal"
1027
+ ),
1028
+ children: locationSublabel
1029
+ }
1030
+ ) : locationSublabel)
1023
1031
  ]
1024
1032
  }
1025
1033
  )
@@ -1035,7 +1043,7 @@ function HeroEventRegistration({
1035
1043
  "div",
1036
1044
  {
1037
1045
  className: cn(
1038
- "overflow-hidden rounded-2xl shadow-xl",
1046
+ "overflow-hidden rounded-2xl shadow-xl ring-4 ring-primary",
1039
1047
  imageClassName
1040
1048
  ),
1041
1049
  children: /* @__PURE__ */ jsx(
@@ -1043,7 +1051,7 @@ function HeroEventRegistration({
1043
1051
  {
1044
1052
  src: image.src,
1045
1053
  alt: image.alt,
1046
- className: cn("aspect-4/3 w-full object-cover", image.className),
1054
+ className: cn("aspect-square w-full object-cover", image.className),
1047
1055
  optixFlowConfig
1048
1056
  }
1049
1057
  )
@@ -1067,9 +1075,11 @@ function HeroEventRegistration({
1067
1075
  "div",
1068
1076
  {
1069
1077
  className: cn(
1070
- "flex items-center justify-start md:justify-between gap-12 md:gap-24",
1078
+ "flex items-center justify-start md:justify-between",
1071
1079
  mobileOrder,
1072
- desktopOrder
1080
+ desktopOrder,
1081
+ directionConfig.mobile === "mediaTop" ? "gap-20" : "gap-12",
1082
+ "md:gap-24"
1073
1083
  ),
1074
1084
  children: [
1075
1085
  /* @__PURE__ */ jsxs(
@@ -1106,7 +1116,7 @@ function HeroEventRegistration({
1106
1116
  {
1107
1117
  actions,
1108
1118
  actionsSlot,
1109
- actionsClassName
1119
+ actionsClassName: cn("w-full md:w-fit", actionsClassName)
1110
1120
  }
1111
1121
  ),
1112
1122
  renderStats
package/dist/registry.cjs CHANGED
@@ -8095,10 +8095,19 @@ function AboutDeveloperProfile({
8095
8095
  "div",
8096
8096
  {
8097
8097
  className: cn(
8098
- "flex justify-center gap-4 md:justify-start items-center flex-wrap",
8098
+ "flex justify-center gap-2 md:justify-start items-center flex-wrap",
8099
8099
  socialLinksClassName
8100
8100
  ),
8101
- children: socialLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(SocialLinkIcon, { ...link, size: "icon-lg", asButton: true }, idx))
8101
+ children: socialLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
8102
+ SocialLinkIcon,
8103
+ {
8104
+ ...link,
8105
+ size: "icon-lg",
8106
+ variant: "outline",
8107
+ asButton: true
8108
+ },
8109
+ idx
8110
+ ))
8102
8111
  }
8103
8112
  );
8104
8113
  }, [socialLinksSlot, socialLinks, background]);
@@ -8141,24 +8150,35 @@ function AboutDeveloperProfile({
8141
8150
  }
8142
8151
  ),
8143
8152
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left flex flex-col items-start gap-4", children: [
8144
- name && (typeof name === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
8145
- "h2",
8146
- {
8147
- className: cn(
8148
- "text-3xl md:text-4xl font-bold",
8149
- nameClassName
8150
- ),
8151
- children: name
8152
- }
8153
- ) : name),
8154
- role && (typeof role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xl opacity-50", roleClassName), children: role }) : role),
8153
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left flex flex-col items-start gap-0", children: [
8154
+ name && (typeof name === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
8155
+ "h2",
8156
+ {
8157
+ className: cn(
8158
+ "text-3xl md:text-4xl font-bold",
8159
+ nameClassName
8160
+ ),
8161
+ children: name
8162
+ }
8163
+ ) : name),
8164
+ role && (typeof role === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
8165
+ "p",
8166
+ {
8167
+ className: cn(
8168
+ "text-lg md:text-xl opacity-60",
8169
+ roleClassName
8170
+ ),
8171
+ children: role
8172
+ }
8173
+ ) : role)
8174
+ ] }),
8155
8175
  socialLinksContent
8156
8176
  ] })
8157
8177
  ] }),
8158
- bio && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-12", children: typeof bio === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg", bioClassName), children: bio }) : bio }),
8159
- (skillsSlot || skills && skills.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-12", skillsClassName), children: [
8160
- skillsTitle && (typeof skillsTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold opacity-50", children: skillsTitle }) : skillsTitle),
8161
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: skillsContent })
8178
+ bio && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: typeof bio === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg", bioClassName), children: bio }) : bio }),
8179
+ (skillsSlot || skills && skills.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", skillsClassName), children: [
8180
+ skillsTitle && (typeof skillsTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg opacity-60", children: skillsTitle }) : skillsTitle),
8181
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: skillsContent })
8162
8182
  ] }),
8163
8183
  /* @__PURE__ */ jsxRuntime.jsx(
8164
8184
  BlockActions,
@@ -8631,16 +8651,16 @@ function AboutStatsSidebar({
8631
8651
  "div",
8632
8652
  {
8633
8653
  className: cn(
8634
- "p-6 flex flex-col items-start gap-6",
8654
+ "p-6 flex flex-col items-between gap-12",
8635
8655
  "bg-card text-card-foreground",
8636
8656
  "rounded-xl ring-2"
8637
8657
  ),
8638
8658
  children: [
8639
8659
  stat.icon,
8640
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-2", children: [
8660
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-0", children: [
8641
8661
  typeof stat.value === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-3xl md:text-4xl font-bold", children: stat.value }) : stat.value,
8642
8662
  typeof stat.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: stat.label }) : stat.label,
8643
- stat.description && (typeof stat.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm opacity-60 font-semibold"), children: stat.description }) : stat.description)
8663
+ stat.description && (typeof stat.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm opacity-75"), children: stat.description }) : stat.description)
8644
8664
  ] })
8645
8665
  ]
8646
8666
  },
@@ -8652,24 +8672,33 @@ function AboutStatsSidebar({
8652
8672
  const featuresContent = React27.useMemo(() => {
8653
8673
  if (featuresSlot) return featuresSlot;
8654
8674
  if (!features || features.length === 0) return null;
8655
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-12 space-y-6", featuresClassName), children: features.map((feature, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
8656
- /* @__PURE__ */ jsxRuntime.jsx(
8657
- "div",
8658
- {
8659
- className: cn(
8660
- "flex size-12 shrink-0 items-center justify-center",
8661
- "bg-primary text-primary-foreground",
8662
- "shadow-lg rounded-lg",
8663
- feature.iconBgClass
8675
+ return /* @__PURE__ */ jsxRuntime.jsx(
8676
+ "div",
8677
+ {
8678
+ className: cn(
8679
+ "mt-8 space-y-6 p-6 bg-card text-card-foreground rounded-xl shadow-xl",
8680
+ featuresClassName
8681
+ ),
8682
+ children: features.map((feature, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
8683
+ /* @__PURE__ */ jsxRuntime.jsx(
8684
+ "div",
8685
+ {
8686
+ className: cn(
8687
+ "flex size-12 shrink-0 items-center justify-center",
8688
+ "bg-primary text-primary-foreground",
8689
+ "shadow-lg rounded-lg",
8690
+ feature.iconBgClass
8691
+ ),
8692
+ children: feature.icon
8693
+ }
8664
8694
  ),
8665
- children: feature.icon
8666
- }
8667
- ),
8668
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
8669
- feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
8670
- feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-75", children: feature.description }) : feature.description)
8671
- ] })
8672
- ] }, idx)) });
8695
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
8696
+ feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
8697
+ feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-75", children: feature.description }) : feature.description)
8698
+ ] })
8699
+ ] }, idx))
8700
+ }
8701
+ );
8673
8702
  }, [featuresSlot, features, featuresClassName]);
8674
8703
  return /* @__PURE__ */ jsxRuntime.jsx(
8675
8704
  Section,
@@ -8678,7 +8707,7 @@ function AboutStatsSidebar({
8678
8707
  spacing,
8679
8708
  pattern,
8680
8709
  patternOpacity,
8681
- className,
8710
+ className: cn(pattern && "overflow-visible", className),
8682
8711
  containerClassName,
8683
8712
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-12 lg:grid-cols-3", children: [
8684
8713
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -58360,7 +58389,7 @@ function HeroEventRegistration({
58360
58389
  locationSlot,
58361
58390
  background,
58362
58391
  containerClassName = "mx-auto w-full max-w-full md:max-w-7xl relative z-10 px-6 sm:px-8 md:px-12 lg:px-18",
58363
- spacing = "xl",
58392
+ spacing = "py-16 md:py-40",
58364
58393
  pattern,
58365
58394
  patternOpacity,
58366
58395
  className,
@@ -58430,8 +58459,8 @@ function HeroEventRegistration({
58430
58459
  {
58431
58460
  className: cn(
58432
58461
  "bg-card text-card-foreground",
58433
- "rounded-xl p-2 md:p-4 shadow-lg",
58434
- "absolute -bottom-4",
58462
+ "rounded-2xl p-2 md:p-4 shadow-lg",
58463
+ "absolute bottom-1/2 -translate-y-1/2",
58435
58464
  "left-1/2 -translate-x-1/2 w-[90%]",
58436
58465
  "md:-left-4 md:translate-x-0 md:w-auto",
58437
58466
  "ring-4 ring-primary"
@@ -58452,11 +58481,19 @@ function HeroEventRegistration({
58452
58481
  {
58453
58482
  className: cn(
58454
58483
  "flex flex-col items-start justify-center",
58455
- "text-card-foreground gap-0 pr-1 md:pr-2"
58484
+ "text-card-foreground gap-0 pr-0 md:pr-2"
58456
58485
  ),
58457
58486
  children: [
58458
- locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
58459
- locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
58487
+ locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm md:text-base text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal font-semibold", children: locationLabel }) : locationLabel),
58488
+ locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
58489
+ "div",
58490
+ {
58491
+ className: cn(
58492
+ "text-xs md:text-sm text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal"
58493
+ ),
58494
+ children: locationSublabel
58495
+ }
58496
+ ) : locationSublabel)
58460
58497
  ]
58461
58498
  }
58462
58499
  )
@@ -58472,7 +58509,7 @@ function HeroEventRegistration({
58472
58509
  "div",
58473
58510
  {
58474
58511
  className: cn(
58475
- "overflow-hidden rounded-2xl shadow-xl",
58512
+ "overflow-hidden rounded-2xl shadow-xl ring-4 ring-primary",
58476
58513
  imageClassName
58477
58514
  ),
58478
58515
  children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -58480,7 +58517,7 @@ function HeroEventRegistration({
58480
58517
  {
58481
58518
  src: image.src,
58482
58519
  alt: image.alt,
58483
- className: cn("aspect-4/3 w-full object-cover", image.className),
58520
+ className: cn("aspect-square w-full object-cover", image.className),
58484
58521
  optixFlowConfig
58485
58522
  }
58486
58523
  )
@@ -58504,9 +58541,11 @@ function HeroEventRegistration({
58504
58541
  "div",
58505
58542
  {
58506
58543
  className: cn(
58507
- "flex items-center justify-start md:justify-between gap-12 md:gap-24",
58544
+ "flex items-center justify-start md:justify-between",
58508
58545
  mobileOrder,
58509
- desktopOrder
58546
+ desktopOrder,
58547
+ directionConfig.mobile === "mediaTop" ? "gap-20" : "gap-12",
58548
+ "md:gap-24"
58510
58549
  ),
58511
58550
  children: [
58512
58551
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -58543,7 +58582,7 @@ function HeroEventRegistration({
58543
58582
  {
58544
58583
  actions,
58545
58584
  actionsSlot,
58546
- actionsClassName
58585
+ actionsClassName: cn("w-full md:w-fit", actionsClassName)
58547
58586
  }
58548
58587
  ),
58549
58588
  renderStats
package/dist/registry.js CHANGED
@@ -8055,10 +8055,19 @@ function AboutDeveloperProfile({
8055
8055
  "div",
8056
8056
  {
8057
8057
  className: cn(
8058
- "flex justify-center gap-4 md:justify-start items-center flex-wrap",
8058
+ "flex justify-center gap-2 md:justify-start items-center flex-wrap",
8059
8059
  socialLinksClassName
8060
8060
  ),
8061
- children: socialLinks.map((link, idx) => /* @__PURE__ */ jsx(SocialLinkIcon, { ...link, size: "icon-lg", asButton: true }, idx))
8061
+ children: socialLinks.map((link, idx) => /* @__PURE__ */ jsx(
8062
+ SocialLinkIcon,
8063
+ {
8064
+ ...link,
8065
+ size: "icon-lg",
8066
+ variant: "outline",
8067
+ asButton: true
8068
+ },
8069
+ idx
8070
+ ))
8062
8071
  }
8063
8072
  );
8064
8073
  }, [socialLinksSlot, socialLinks, background]);
@@ -8101,24 +8110,35 @@ function AboutDeveloperProfile({
8101
8110
  }
8102
8111
  ),
8103
8112
  /* @__PURE__ */ jsxs("div", { className: "text-left flex flex-col items-start gap-4", children: [
8104
- name && (typeof name === "string" ? /* @__PURE__ */ jsx(
8105
- "h2",
8106
- {
8107
- className: cn(
8108
- "text-3xl md:text-4xl font-bold",
8109
- nameClassName
8110
- ),
8111
- children: name
8112
- }
8113
- ) : name),
8114
- role && (typeof role === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-xl opacity-50", roleClassName), children: role }) : role),
8113
+ /* @__PURE__ */ jsxs("div", { className: "text-left flex flex-col items-start gap-0", children: [
8114
+ name && (typeof name === "string" ? /* @__PURE__ */ jsx(
8115
+ "h2",
8116
+ {
8117
+ className: cn(
8118
+ "text-3xl md:text-4xl font-bold",
8119
+ nameClassName
8120
+ ),
8121
+ children: name
8122
+ }
8123
+ ) : name),
8124
+ role && (typeof role === "string" ? /* @__PURE__ */ jsx(
8125
+ "p",
8126
+ {
8127
+ className: cn(
8128
+ "text-lg md:text-xl opacity-60",
8129
+ roleClassName
8130
+ ),
8131
+ children: role
8132
+ }
8133
+ ) : role)
8134
+ ] }),
8115
8135
  socialLinksContent
8116
8136
  ] })
8117
8137
  ] }),
8118
- bio && /* @__PURE__ */ jsx("div", { className: "mt-12", children: typeof bio === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg", bioClassName), children: bio }) : bio }),
8119
- (skillsSlot || skills && skills.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn("mt-12", skillsClassName), children: [
8120
- skillsTitle && (typeof skillsTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold opacity-50", children: skillsTitle }) : skillsTitle),
8121
- /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: skillsContent })
8138
+ bio && /* @__PURE__ */ jsx("div", { className: "relative", children: typeof bio === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg", bioClassName), children: bio }) : bio }),
8139
+ (skillsSlot || skills && skills.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn("relative", skillsClassName), children: [
8140
+ skillsTitle && (typeof skillsTitle === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg opacity-60", children: skillsTitle }) : skillsTitle),
8141
+ /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: skillsContent })
8122
8142
  ] }),
8123
8143
  /* @__PURE__ */ jsx(
8124
8144
  BlockActions,
@@ -8591,16 +8611,16 @@ function AboutStatsSidebar({
8591
8611
  "div",
8592
8612
  {
8593
8613
  className: cn(
8594
- "p-6 flex flex-col items-start gap-6",
8614
+ "p-6 flex flex-col items-between gap-12",
8595
8615
  "bg-card text-card-foreground",
8596
8616
  "rounded-xl ring-2"
8597
8617
  ),
8598
8618
  children: [
8599
8619
  stat.icon,
8600
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-2", children: [
8620
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-0", children: [
8601
8621
  typeof stat.value === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-2 text-3xl md:text-4xl font-bold", children: stat.value }) : stat.value,
8602
8622
  typeof stat.label === "string" ? /* @__PURE__ */ jsx("p", { className: "font-semibold", children: stat.label }) : stat.label,
8603
- stat.description && (typeof stat.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm opacity-60 font-semibold"), children: stat.description }) : stat.description)
8623
+ stat.description && (typeof stat.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm opacity-75"), children: stat.description }) : stat.description)
8604
8624
  ] })
8605
8625
  ]
8606
8626
  },
@@ -8612,24 +8632,33 @@ function AboutStatsSidebar({
8612
8632
  const featuresContent = useMemo(() => {
8613
8633
  if (featuresSlot) return featuresSlot;
8614
8634
  if (!features || features.length === 0) return null;
8615
- return /* @__PURE__ */ jsx("div", { className: cn("mt-12 space-y-6", featuresClassName), children: features.map((feature, idx) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
8616
- /* @__PURE__ */ jsx(
8617
- "div",
8618
- {
8619
- className: cn(
8620
- "flex size-12 shrink-0 items-center justify-center",
8621
- "bg-primary text-primary-foreground",
8622
- "shadow-lg rounded-lg",
8623
- feature.iconBgClass
8635
+ return /* @__PURE__ */ jsx(
8636
+ "div",
8637
+ {
8638
+ className: cn(
8639
+ "mt-8 space-y-6 p-6 bg-card text-card-foreground rounded-xl shadow-xl",
8640
+ featuresClassName
8641
+ ),
8642
+ children: features.map((feature, idx) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
8643
+ /* @__PURE__ */ jsx(
8644
+ "div",
8645
+ {
8646
+ className: cn(
8647
+ "flex size-12 shrink-0 items-center justify-center",
8648
+ "bg-primary text-primary-foreground",
8649
+ "shadow-lg rounded-lg",
8650
+ feature.iconBgClass
8651
+ ),
8652
+ children: feature.icon
8653
+ }
8624
8654
  ),
8625
- children: feature.icon
8626
- }
8627
- ),
8628
- /* @__PURE__ */ jsxs("div", { children: [
8629
- feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
8630
- feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "opacity-75", children: feature.description }) : feature.description)
8631
- ] })
8632
- ] }, idx)) });
8655
+ /* @__PURE__ */ jsxs("div", { children: [
8656
+ feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
8657
+ feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "opacity-75", children: feature.description }) : feature.description)
8658
+ ] })
8659
+ ] }, idx))
8660
+ }
8661
+ );
8633
8662
  }, [featuresSlot, features, featuresClassName]);
8634
8663
  return /* @__PURE__ */ jsx(
8635
8664
  Section,
@@ -8638,7 +8667,7 @@ function AboutStatsSidebar({
8638
8667
  spacing,
8639
8668
  pattern,
8640
8669
  patternOpacity,
8641
- className,
8670
+ className: cn(pattern && "overflow-visible", className),
8642
8671
  containerClassName,
8643
8672
  children: /* @__PURE__ */ jsxs("div", { className: "grid gap-12 lg:grid-cols-3", children: [
8644
8673
  /* @__PURE__ */ jsxs(
@@ -58320,7 +58349,7 @@ function HeroEventRegistration({
58320
58349
  locationSlot,
58321
58350
  background,
58322
58351
  containerClassName = "mx-auto w-full max-w-full md:max-w-7xl relative z-10 px-6 sm:px-8 md:px-12 lg:px-18",
58323
- spacing = "xl",
58352
+ spacing = "py-16 md:py-40",
58324
58353
  pattern,
58325
58354
  patternOpacity,
58326
58355
  className,
@@ -58390,8 +58419,8 @@ function HeroEventRegistration({
58390
58419
  {
58391
58420
  className: cn(
58392
58421
  "bg-card text-card-foreground",
58393
- "rounded-xl p-2 md:p-4 shadow-lg",
58394
- "absolute -bottom-4",
58422
+ "rounded-2xl p-2 md:p-4 shadow-lg",
58423
+ "absolute bottom-1/2 -translate-y-1/2",
58395
58424
  "left-1/2 -translate-x-1/2 w-[90%]",
58396
58425
  "md:-left-4 md:translate-x-0 md:w-auto",
58397
58426
  "ring-4 ring-primary"
@@ -58412,11 +58441,19 @@ function HeroEventRegistration({
58412
58441
  {
58413
58442
  className: cn(
58414
58443
  "flex flex-col items-start justify-center",
58415
- "text-card-foreground gap-0 pr-1 md:pr-2"
58444
+ "text-card-foreground gap-0 pr-0 md:pr-2"
58416
58445
  ),
58417
58446
  children: [
58418
- locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
58419
- locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
58447
+ locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "text-sm md:text-base text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal font-semibold", children: locationLabel }) : locationLabel),
58448
+ locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx(
58449
+ "div",
58450
+ {
58451
+ className: cn(
58452
+ "text-xs md:text-sm text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal"
58453
+ ),
58454
+ children: locationSublabel
58455
+ }
58456
+ ) : locationSublabel)
58420
58457
  ]
58421
58458
  }
58422
58459
  )
@@ -58432,7 +58469,7 @@ function HeroEventRegistration({
58432
58469
  "div",
58433
58470
  {
58434
58471
  className: cn(
58435
- "overflow-hidden rounded-2xl shadow-xl",
58472
+ "overflow-hidden rounded-2xl shadow-xl ring-4 ring-primary",
58436
58473
  imageClassName
58437
58474
  ),
58438
58475
  children: /* @__PURE__ */ jsx(
@@ -58440,7 +58477,7 @@ function HeroEventRegistration({
58440
58477
  {
58441
58478
  src: image.src,
58442
58479
  alt: image.alt,
58443
- className: cn("aspect-4/3 w-full object-cover", image.className),
58480
+ className: cn("aspect-square w-full object-cover", image.className),
58444
58481
  optixFlowConfig
58445
58482
  }
58446
58483
  )
@@ -58464,9 +58501,11 @@ function HeroEventRegistration({
58464
58501
  "div",
58465
58502
  {
58466
58503
  className: cn(
58467
- "flex items-center justify-start md:justify-between gap-12 md:gap-24",
58504
+ "flex items-center justify-start md:justify-between",
58468
58505
  mobileOrder,
58469
- desktopOrder
58506
+ desktopOrder,
58507
+ directionConfig.mobile === "mediaTop" ? "gap-20" : "gap-12",
58508
+ "md:gap-24"
58470
58509
  ),
58471
58510
  children: [
58472
58511
  /* @__PURE__ */ jsxs(
@@ -58503,7 +58542,7 @@ function HeroEventRegistration({
58503
58542
  {
58504
58543
  actions,
58505
58544
  actionsSlot,
58506
- actionsClassName
58545
+ actionsClassName: cn("w-full md:w-fit", actionsClassName)
58507
58546
  }
58508
58547
  ),
58509
58548
  renderStats
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "2.4.4",
3
+ "version": "2.4.6",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",