@opensite/ui 2.4.4 → 2.4.5

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.
@@ -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,
@@ -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,
@@ -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(
@@ -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(
@@ -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,
@@ -1088,9 +1088,11 @@ function HeroEventRegistration({
1088
1088
  "div",
1089
1089
  {
1090
1090
  className: cn(
1091
- "flex items-center justify-start md:justify-between gap-12 md:gap-24",
1091
+ "flex items-center justify-start md:justify-between",
1092
1092
  mobileOrder,
1093
- desktopOrder
1093
+ desktopOrder,
1094
+ directionConfig.mobile === "mediaTop" ? "gap-20" : "gap-12",
1095
+ "md:gap-24"
1094
1096
  ),
1095
1097
  children: [
1096
1098
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -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,
@@ -1067,9 +1067,11 @@ function HeroEventRegistration({
1067
1067
  "div",
1068
1068
  {
1069
1069
  className: cn(
1070
- "flex items-center justify-start md:justify-between gap-12 md:gap-24",
1070
+ "flex items-center justify-start md:justify-between",
1071
1071
  mobileOrder,
1072
- desktopOrder
1072
+ desktopOrder,
1073
+ directionConfig.mobile === "mediaTop" ? "gap-20" : "gap-12",
1074
+ "md:gap-24"
1073
1075
  ),
1074
1076
  children: [
1075
1077
  /* @__PURE__ */ jsxs(
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,
@@ -58504,9 +58533,11 @@ function HeroEventRegistration({
58504
58533
  "div",
58505
58534
  {
58506
58535
  className: cn(
58507
- "flex items-center justify-start md:justify-between gap-12 md:gap-24",
58536
+ "flex items-center justify-start md:justify-between",
58508
58537
  mobileOrder,
58509
- desktopOrder
58538
+ desktopOrder,
58539
+ directionConfig.mobile === "mediaTop" ? "gap-20" : "gap-12",
58540
+ "md:gap-24"
58510
58541
  ),
58511
58542
  children: [
58512
58543
  /* @__PURE__ */ jsxRuntime.jsxs(
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,
@@ -58464,9 +58493,11 @@ function HeroEventRegistration({
58464
58493
  "div",
58465
58494
  {
58466
58495
  className: cn(
58467
- "flex items-center justify-start md:justify-between gap-12 md:gap-24",
58496
+ "flex items-center justify-start md:justify-between",
58468
58497
  mobileOrder,
58469
- desktopOrder
58498
+ desktopOrder,
58499
+ directionConfig.mobile === "mediaTop" ? "gap-20" : "gap-12",
58500
+ "md:gap-24"
58470
58501
  ),
58471
58502
  children: [
58472
58503
  /* @__PURE__ */ jsxs(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "2.4.4",
3
+ "version": "2.4.5",
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",