@opensite/ui 2.6.7 → 2.6.9

package/dist/article-compact-toc.cjs

@@ -476,7 +476,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -503,7 +503,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );
@@ -516,7 +516,7 @@ function BreadcrumbPage({ className, ...props }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
+      className: cn("font-normal", className),
       ...props
     }
   );
@@ -1035,23 +1035,6 @@ function ArticleCompactTocComponent({
       /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const shareContent = React5__namespace.useMemo(() => {
-    if (shareSlot) return shareSlot;
-    if (!socialLinks || socialLinks.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-6 flex items-center gap-2", shareClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Share:" }),
-      socialLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          href: link.href,
-          className: "flex h-8 w-8 items-center justify-center rounded-md hover:bg-muted",
-          "aria-label": link["aria-label"] || `Share on ${link.platform}`,
-          children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: `lucide/${link.platform}`, size: 16 })
-        },
-        index
-      ))
-    ] });
-  }, [shareSlot, socialLinks, shareClassName]);
   const renderTocLinks = React5__namespace.useCallback(
     (onLinkClick) => {
       if (!sections) return null;
@@ -1158,7 +1141,7 @@ function ArticleCompactTocComponent({
               "h1",
               {
                 className: cn(
-                  "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl",
+                  "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl mb-6",
                   titleClassName
                 ),
                 children: title
@@ -1168,7 +1151,7 @@ function ArticleCompactTocComponent({
               "div",
               {
                 className: cn(
-                  "mt-4 flex flex-wrap items-center gap-4 text-sm",
+                  "mt-4 flex flex-wrap items-center gap-2 md:gap-4 text-sm mb-6 md:mb-12",
                   metaClassName
                 ),
                 children: [
@@ -1180,7 +1163,6 @@ function ArticleCompactTocComponent({
                 ]
               }
             ),
-            shareContent,
             tocContent,
             children && /* @__PURE__ */ jsxRuntime.jsxs(
               "article",

package/dist/article-compact-toc.js

@@ -453,7 +453,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -480,7 +480,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );
@@ -493,7 +493,7 @@ function BreadcrumbPage({ className, ...props }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
+      className: cn("font-normal", className),
       ...props
     }
   );
@@ -1012,23 +1012,6 @@ function ArticleCompactTocComponent({
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const shareContent = React5.useMemo(() => {
-    if (shareSlot) return shareSlot;
-    if (!socialLinks || socialLinks.length === 0) return null;
-    return /* @__PURE__ */ jsxs("div", { className: cn("mt-6 flex items-center gap-2", shareClassName), children: [
-      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Share:" }),
-      socialLinks.map((link, index) => /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          href: link.href,
-          className: "flex h-8 w-8 items-center justify-center rounded-md hover:bg-muted",
-          "aria-label": link["aria-label"] || `Share on ${link.platform}`,
-          children: /* @__PURE__ */ jsx(DynamicIcon, { name: `lucide/${link.platform}`, size: 16 })
-        },
-        index
-      ))
-    ] });
-  }, [shareSlot, socialLinks, shareClassName]);
   const renderTocLinks = React5.useCallback(
     (onLinkClick) => {
       if (!sections) return null;
@@ -1135,7 +1118,7 @@ function ArticleCompactTocComponent({
               "h1",
               {
                 className: cn(
-                  "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl",
+                  "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl mb-6",
                   titleClassName
                 ),
                 children: title
@@ -1145,7 +1128,7 @@ function ArticleCompactTocComponent({
               "div",
               {
                 className: cn(
-                  "mt-4 flex flex-wrap items-center gap-4 text-sm",
+                  "mt-4 flex flex-wrap items-center gap-2 md:gap-4 text-sm mb-6 md:mb-12",
                   metaClassName
                 ),
                 children: [
@@ -1157,7 +1140,6 @@ function ArticleCompactTocComponent({
                 ]
               }
             ),
-            shareContent,
             tocContent,
             children && /* @__PURE__ */ jsxs(
               "article",

package/dist/article-hero-prose.cjs

@@ -896,7 +896,7 @@ function ArticleHeroProseComponent({
   dateFormat = "MMMM d, yyyy",
   optixFlowConfig,
   background,
-  containerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "hero",
   pattern,
   patternOpacity
@@ -1003,7 +1003,7 @@ function ArticleHeroProseComponent({
             ]
           }
         ) }),
-        children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col items-center", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+        children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: cn(

package/dist/article-hero-prose.js

@@ -874,7 +874,7 @@ function ArticleHeroProseComponent({
   dateFormat = "MMMM d, yyyy",
   optixFlowConfig,
   background,
-  containerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "hero",
   pattern,
   patternOpacity
@@ -981,7 +981,7 @@ function ArticleHeroProseComponent({
             ]
           }
         ) }),
-        children && /* @__PURE__ */ jsx("div", { className: cn("flex flex-col items-center", containerClassName), children: /* @__PURE__ */ jsx(
+        children && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx(
           "div",
           {
             className: cn(

package/dist/article-split-animated.cjs

@@ -1048,7 +1048,7 @@ function ArticleSplitAnimatedComponent({
             children: [
               heroMediaContent,
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-linear-to-t from-black/60 via-transparent to-transparent" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-0 p-6", children: categoryContent })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-0 p-4 md:p-6", children: categoryContent })
             ]
           }
         ),

package/dist/article-split-animated.js

@@ -1025,7 +1025,7 @@ function ArticleSplitAnimatedComponent({
             children: [
               heroMediaContent,
               /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-t from-black/60 via-transparent to-transparent" }),
-              /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 p-6", children: categoryContent })
+              /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 p-4 md:p-6", children: categoryContent })
             ]
           }
         ),

package/dist/blog-filtered-results.cjs

@@ -506,7 +506,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -533,7 +533,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );

package/dist/blog-filtered-results.js

@@ -482,7 +482,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -509,7 +509,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );

package/dist/case-study-stats-metrics.cjs

@@ -474,7 +474,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -501,7 +501,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );
@@ -514,7 +514,7 @@ function BreadcrumbPage({ className, ...props }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
+      className: cn("font-normal", className),
       ...props
     }
   );

package/dist/case-study-stats-metrics.js

@@ -452,7 +452,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -479,7 +479,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );
@@ -492,7 +492,7 @@ function BreadcrumbPage({ className, ...props }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
+      className: cn("font-normal", className),
       ...props
     }
   );

package/dist/case-study-toc-social-sidebar.cjs

@@ -505,7 +505,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -532,7 +532,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );
@@ -545,7 +545,7 @@ function BreadcrumbPage({ className, ...props }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
+      className: cn("font-normal", className),
       ...props
     }
   );

package/dist/case-study-toc-social-sidebar.js

@@ -482,7 +482,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -509,7 +509,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );
@@ -522,7 +522,7 @@ function BreadcrumbPage({ className, ...props }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
+      className: cn("font-normal", className),
       ...props
     }
   );

package/dist/hero-event-registration.cjs

@@ -944,7 +944,7 @@ function HeroEventRegistration({
   locationSublabel,
   locationSlot,
   background,
-  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",
+  containerClassName = "mx-auto w-full max-w-full md:max-w-7xl relative z-10 px-6",
   spacing = "py-16 md:py-40",
   pattern,
   patternOpacity,

package/dist/hero-event-registration.js

@@ -923,7 +923,7 @@ function HeroEventRegistration({
   locationSublabel,
   locationSlot,
   background,
-  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",
+  containerClassName = "mx-auto w-full max-w-full md:max-w-7xl relative z-10 px-6",
   spacing = "py-16 md:py-40",
   pattern,
   patternOpacity,

package/dist/registry.cjs

@@ -36468,7 +36468,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -36495,7 +36495,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );
@@ -36508,7 +36508,7 @@ function BreadcrumbPage({ className, ...props }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
+      className: cn("font-normal", className),
       ...props
     }
   );
@@ -37620,7 +37620,7 @@ function ArticleHeroProseComponent({
   dateFormat = "MMMM d, yyyy",
   optixFlowConfig,
   background,
-  containerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "hero",
   pattern,
   patternOpacity
@@ -37727,7 +37727,7 @@ function ArticleHeroProseComponent({
             ]
           }
         ) }),
-        children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col items-center", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+        children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: cn(
@@ -38400,23 +38400,6 @@ function ArticleCompactTocComponent({
       /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const shareContent = React30__namespace.useMemo(() => {
-    if (shareSlot) return shareSlot;
-    if (!socialLinks || socialLinks.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-6 flex items-center gap-2", shareClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Share:" }),
-      socialLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          href: link.href,
-          className: "flex h-8 w-8 items-center justify-center rounded-md hover:bg-muted",
-          "aria-label": link["aria-label"] || `Share on ${link.platform}`,
-          children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: `lucide/${link.platform}`, size: 16 })
-        },
-        index
-      ))
-    ] });
-  }, [shareSlot, socialLinks, shareClassName]);
   const renderTocLinks = React30__namespace.useCallback(
     (onLinkClick) => {
       if (!sections) return null;
@@ -38523,7 +38506,7 @@ function ArticleCompactTocComponent({
               "h1",
               {
                 className: cn(
-                  "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl",
+                  "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl mb-6",
                   titleClassName
                 ),
                 children: title
@@ -38533,7 +38516,7 @@ function ArticleCompactTocComponent({
               "div",
               {
                 className: cn(
-                  "mt-4 flex flex-wrap items-center gap-4 text-sm",
+                  "mt-4 flex flex-wrap items-center gap-2 md:gap-4 text-sm mb-6 md:mb-12",
                   metaClassName
                 ),
                 children: [
@@ -38545,7 +38528,6 @@ function ArticleCompactTocComponent({
                 ]
               }
             ),
-            shareContent,
             tocContent,
             children && /* @__PURE__ */ jsxRuntime.jsxs(
               "article",
@@ -38689,19 +38671,7 @@ function ArticleChaptersAuthorComponent({
     if (author.socialLinks) {
       if (Array.isArray(author.socialLinks)) {
         if (author.socialLinks.length > 0) {
-          socialLinksContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex gap-2", children: author.socialLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
-            {
-              href: link.href,
-              className: cn(
-                "flex h-8 w-8 items-center justify-center rounded-md border",
-                link.className
-              ),
-              "aria-label": link["aria-label"],
-              children: link.icon ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: `lucide/${link.platform}`, size: 14 })
-            },
-            index
-          )) });
+          socialLinksContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex gap-2", children: author.socialLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(SocialLinkIcon, { href: link.href }, index)) });
         }
       } else {
         const links = author.socialLinks;
@@ -39023,7 +38993,7 @@ function ArticleSplitAnimatedComponent({
             children: [
               heroMediaContent,
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-linear-to-t from-black/60 via-transparent to-transparent" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-0 p-6", children: categoryContent })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-0 p-4 md:p-6", children: categoryContent })
             ]
           }
         ),
@@ -58638,7 +58608,7 @@ function HeroEventRegistration({
   locationSublabel,
   locationSlot,
   background,
-  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",
+  containerClassName = "mx-auto w-full max-w-full md:max-w-7xl relative z-10 px-6",
   spacing = "py-16 md:py-40",
   pattern,
   patternOpacity,

package/dist/registry.js

@@ -36428,7 +36428,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -36455,7 +36455,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );
@@ -36468,7 +36468,7 @@ function BreadcrumbPage({ className, ...props }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
+      className: cn("font-normal", className),
       ...props
     }
   );
@@ -37580,7 +37580,7 @@ function ArticleHeroProseComponent({
   dateFormat = "MMMM d, yyyy",
   optixFlowConfig,
   background,
-  containerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "hero",
   pattern,
   patternOpacity
@@ -37687,7 +37687,7 @@ function ArticleHeroProseComponent({
             ]
           }
         ) }),
-        children && /* @__PURE__ */ jsx("div", { className: cn("flex flex-col items-center", containerClassName), children: /* @__PURE__ */ jsx(
+        children && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx(
           "div",
           {
             className: cn(
@@ -38360,23 +38360,6 @@ function ArticleCompactTocComponent({
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const shareContent = React30.useMemo(() => {
-    if (shareSlot) return shareSlot;
-    if (!socialLinks || socialLinks.length === 0) return null;
-    return /* @__PURE__ */ jsxs("div", { className: cn("mt-6 flex items-center gap-2", shareClassName), children: [
-      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Share:" }),
-      socialLinks.map((link, index) => /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          href: link.href,
-          className: "flex h-8 w-8 items-center justify-center rounded-md hover:bg-muted",
-          "aria-label": link["aria-label"] || `Share on ${link.platform}`,
-          children: /* @__PURE__ */ jsx(DynamicIcon, { name: `lucide/${link.platform}`, size: 16 })
-        },
-        index
-      ))
-    ] });
-  }, [shareSlot, socialLinks, shareClassName]);
   const renderTocLinks = React30.useCallback(
     (onLinkClick) => {
       if (!sections) return null;
@@ -38483,7 +38466,7 @@ function ArticleCompactTocComponent({
               "h1",
               {
                 className: cn(
-                  "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl",
+                  "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl mb-6",
                   titleClassName
                 ),
                 children: title
@@ -38493,7 +38476,7 @@ function ArticleCompactTocComponent({
               "div",
               {
                 className: cn(
-                  "mt-4 flex flex-wrap items-center gap-4 text-sm",
+                  "mt-4 flex flex-wrap items-center gap-2 md:gap-4 text-sm mb-6 md:mb-12",
                   metaClassName
                 ),
                 children: [
@@ -38505,7 +38488,6 @@ function ArticleCompactTocComponent({
                 ]
               }
             ),
-            shareContent,
             tocContent,
             children && /* @__PURE__ */ jsxs(
               "article",
@@ -38649,19 +38631,7 @@ function ArticleChaptersAuthorComponent({
     if (author.socialLinks) {
       if (Array.isArray(author.socialLinks)) {
         if (author.socialLinks.length > 0) {
-          socialLinksContent = /* @__PURE__ */ jsx("div", { className: "mt-4 flex gap-2", children: author.socialLinks.map((link, index) => /* @__PURE__ */ jsx(
-            Pressable,
-            {
-              href: link.href,
-              className: cn(
-                "flex h-8 w-8 items-center justify-center rounded-md border",
-                link.className
-              ),
-              "aria-label": link["aria-label"],
-              children: link.icon ?? /* @__PURE__ */ jsx(DynamicIcon, { name: `lucide/${link.platform}`, size: 14 })
-            },
-            index
-          )) });
+          socialLinksContent = /* @__PURE__ */ jsx("div", { className: "mt-4 flex gap-2", children: author.socialLinks.map((link, index) => /* @__PURE__ */ jsx(SocialLinkIcon, { href: link.href }, index)) });
         }
       } else {
         const links = author.socialLinks;
@@ -38983,7 +38953,7 @@ function ArticleSplitAnimatedComponent({
             children: [
               heroMediaContent,
               /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-t from-black/60 via-transparent to-transparent" }),
-              /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 p-6", children: categoryContent })
+              /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 p-4 md:p-6", children: categoryContent })
             ]
           }
         ),
@@ -58598,7 +58568,7 @@ function HeroEventRegistration({
   locationSublabel,
   locationSlot,
   background,
-  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",
+  containerClassName = "mx-auto w-full max-w-full md:max-w-7xl relative z-10 px-6",
   spacing = "py-16 md:py-40",
   pattern,
   patternOpacity,

package/dist/resource-detail-document-sidebar.cjs

@@ -505,7 +505,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5",
         className
       ),
       ...props
@@ -532,7 +532,7 @@ function BreadcrumbLink({
     Comp,
     {
       "data-slot": "breadcrumb-link",
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("hover:underline transition-colors", className),
       ...props
     }
   );
@@ -545,7 +545,7 @@ function BreadcrumbPage({ className, ...props }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("text-foreground font-normal", className),
+      className: cn("font-normal", className),
       ...props
     }
   );