@opensite/ui 0.5.7 → 0.5.9

package/dist/about-company-profile.cjs

@@ -994,7 +994,7 @@ function AboutCompanyProfile({
             )
           ] })
         ] }),
-        (companiesSlot || companies && companies.length > 0) && companiesContent,
+        companiesContent,
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {

package/dist/about-company-profile.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
-import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives--V294d8T.cjs';
+import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';
 
 interface BreakoutConfig {

package/dist/about-company-profile.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
-import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-An3w_HDN.js';
+import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface BreakoutConfig {

package/dist/about-company-profile.js

@@ -973,7 +973,7 @@ function AboutCompanyProfile({
             )
           ] })
         ] }),
-        (companiesSlot || companies && companies.length > 0) && companiesContent,
+        companiesContent,
         /* @__PURE__ */ jsxs(
           "div",
           {

package/dist/about-culture-tabs.d.cts

@@ -1,8 +1,8 @@
-export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-BudEyO90.cjs';
+export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives--V294d8T.cjs';
 import 'react';
 import './pattern-background-a7gKHzHy.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-qOnR4WhL.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';

package/dist/about-culture-tabs.d.ts

@@ -1,8 +1,8 @@
-export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-FG_f_Y4z.js';
+export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-An3w_HDN.js';
 import 'react';
 import './pattern-background-a7gKHzHy.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-MliqP3QH.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';

package/dist/about-developer-profile.cjs

@@ -860,7 +860,10 @@ function AboutDeveloperProfile({
       {
         href: link.href,
         "aria-label": link["aria-label"],
-        className: cn("text-muted-foreground hover:text-foreground", link.className),
+        className: cn(
+          "text-muted-foreground hover:text-foreground",
+          link.className
+        ),
         children: link.icon
       },
       idx
@@ -872,7 +875,10 @@ function AboutDeveloperProfile({
     return skills.map((skill, idx) => /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        className: cn("rounded-full bg-muted px-4 py-2 text-sm font-medium", skillTagClassName),
+        className: cn(
+          "rounded-full bg-muted px-4 py-2 text-sm font-medium",
+          skillTagClassName
+        ),
         children: skill
       },
       idx
@@ -882,7 +888,14 @@ function AboutDeveloperProfile({
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
@@ -915,22 +928,52 @@ function AboutDeveloperProfile({
             {
               src: avatar.src,
               alt: avatar.alt,
-              className: cn("h-48 w-48 rounded-full object-cover", avatarClassName),
+              className: cn(
+                "h-48 w-48 rounded-xl object-cover shadow-xl",
+                avatarClassName
+              ),
               optixFlowConfig
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center md:text-left", children: [
             name && (typeof name === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold", nameClassName), children: name }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: nameClassName, children: name })),
             role && (typeof role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-2 text-xl text-primary", roleClassName), children: role }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-2", roleClassName), children: role })),
-            (socialLinksSlot || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4 flex justify-center gap-4 md:justify-start", socialLinksClassName), children: socialLinksContent })
+            (socialLinksSlot || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "mt-4 flex justify-center gap-4 md:justify-start",
+                  socialLinksClassName
+                ),
+                children: socialLinksContent
+              }
+            )
           ] })
         ] }),
-        bio && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-12", children: typeof bio === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-muted-foreground whitespace-pre-line", bioClassName), children: bio }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: bioClassName, children: bio }) }),
+        bio && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-12", children: typeof bio === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: cn(
+              "text-lg text-muted-foreground whitespace-pre-line",
+              bioClassName
+            ),
+            children: bio
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: bioClassName, children: bio }) }),
         (skillsSlot || skills && skills.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-12", skillsClassName), children: [
           skillsTitle && (typeof skillsTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold", children: skillsTitle }) : skillsTitle),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: skillsContent })
         ] }),
-        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-12 text-center md:text-left", actionsClassName), children: actionsContent })
+        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "mt-12 text-center md:text-left flex gap-2 items-center flex-wrap",
+              actionsClassName
+            ),
+            children: actionsContent
+          }
+        )
       ] })
     }
   );

package/dist/about-developer-profile.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
-import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives--V294d8T.cjs';
+import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';
 
 interface AboutDeveloperProfileProps {

package/dist/about-developer-profile.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
-import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-An3w_HDN.js';
+import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface AboutDeveloperProfileProps {

package/dist/about-developer-profile.js

@@ -839,7 +839,10 @@ function AboutDeveloperProfile({
       {
         href: link.href,
         "aria-label": link["aria-label"],
-        className: cn("text-muted-foreground hover:text-foreground", link.className),
+        className: cn(
+          "text-muted-foreground hover:text-foreground",
+          link.className
+        ),
         children: link.icon
       },
       idx
@@ -851,7 +854,10 @@ function AboutDeveloperProfile({
     return skills.map((skill, idx) => /* @__PURE__ */ jsx(
       "span",
       {
-        className: cn("rounded-full bg-muted px-4 py-2 text-sm font-medium", skillTagClassName),
+        className: cn(
+          "rounded-full bg-muted px-4 py-2 text-sm font-medium",
+          skillTagClassName
+        ),
         children: skill
       },
       idx
@@ -861,7 +867,14 @@ function AboutDeveloperProfile({
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsx(
         Pressable,
         {
@@ -894,22 +907,52 @@ function AboutDeveloperProfile({
             {
               src: avatar.src,
               alt: avatar.alt,
-              className: cn("h-48 w-48 rounded-full object-cover", avatarClassName),
+              className: cn(
+                "h-48 w-48 rounded-xl object-cover shadow-xl",
+                avatarClassName
+              ),
               optixFlowConfig
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "text-center md:text-left", children: [
             name && (typeof name === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold", nameClassName), children: name }) : /* @__PURE__ */ jsx("div", { className: nameClassName, children: name })),
             role && (typeof role === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-2 text-xl text-primary", roleClassName), children: role }) : /* @__PURE__ */ jsx("div", { className: cn("mt-2", roleClassName), children: role })),
-            (socialLinksSlot || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mt-4 flex justify-center gap-4 md:justify-start", socialLinksClassName), children: socialLinksContent })
+            (socialLinksSlot || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "mt-4 flex justify-center gap-4 md:justify-start",
+                  socialLinksClassName
+                ),
+                children: socialLinksContent
+              }
+            )
           ] })
         ] }),
-        bio && /* @__PURE__ */ jsx("div", { className: "mt-12", children: typeof bio === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-muted-foreground whitespace-pre-line", bioClassName), children: bio }) : /* @__PURE__ */ jsx("div", { className: bioClassName, children: bio }) }),
+        bio && /* @__PURE__ */ jsx("div", { className: "mt-12", children: typeof bio === "string" ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "text-lg text-muted-foreground whitespace-pre-line",
+              bioClassName
+            ),
+            children: bio
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: bioClassName, children: bio }) }),
         (skillsSlot || skills && skills.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn("mt-12", skillsClassName), children: [
           skillsTitle && (typeof skillsTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: skillsTitle }) : skillsTitle),
           /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: skillsContent })
         ] }),
-        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mt-12 text-center md:text-left", actionsClassName), children: actionsContent })
+        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "mt-12 text-center md:text-left flex gap-2 items-center flex-wrap",
+              actionsClassName
+            ),
+            children: actionsContent
+          }
+        )
       ] })
     }
   );

package/dist/about-developer-story.cjs

@@ -1115,7 +1115,10 @@ function AboutDeveloperStory({
             {
               src: storyImage.src,
               alt: storyImage.alt,
-              className: cn("rounded-2xl object-cover", storyImageClassName),
+              className: cn(
+                "rounded-2xl object-cover rounded-2xl object-cover w-full h-auto",
+                storyImageClassName
+              ),
               optixFlowConfig
             }
           )

package/dist/about-developer-story.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
-import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives--V294d8T.cjs';
+import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';
 
 interface AboutDeveloperStoryProps {

package/dist/about-developer-story.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
-import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-An3w_HDN.js';
+import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface AboutDeveloperStoryProps {

package/dist/about-developer-story.js

@@ -1094,7 +1094,10 @@ function AboutDeveloperStory({
             {
               src: storyImage.src,
               alt: storyImage.alt,
-              className: cn("rounded-2xl object-cover", storyImageClassName),
+              className: cn(
+                "rounded-2xl object-cover rounded-2xl object-cover w-full h-auto",
+                storyImageClassName
+              ),
               optixFlowConfig
             }
           )

package/dist/about-expandable-values.cjs

@@ -976,7 +976,7 @@ function AboutExpandableValues({
   const valuesContent = React.useMemo(() => {
     if (valuesSlot) return valuesSlot;
     if (!values || values.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", valuesClassName), children: values.map((value) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-1 gap-6 mt-8", valuesClassName), children: values.map((value) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: cn(
@@ -992,7 +992,7 @@ function AboutExpandableValues({
               type: "button",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 rounded-md bg-primary/10 p-3", children: value.icon }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 rounded-md bg-primary/10 p-3", children: value.icon }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                     value.title && (typeof value.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold", children: value.title }) : value.title),
                     value.shortDescription && (typeof value.shortDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: value.shortDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: value.shortDescription }))
@@ -1004,7 +1004,7 @@ function AboutExpandableValues({
                     name: "lucide/chevron-down",
                     size: 20,
                     className: cn(
-                      "mt-1 flex-shrink-0 text-muted-foreground transition-transform duration-300",
+                      "mt-1 shrink-0 text-muted-foreground transition-transform duration-300",
                       expandedValue === value.id ? "rotate-180" : ""
                     )
                   }
@@ -1017,7 +1017,7 @@ function AboutExpandableValues({
             value.examples && value.examples.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "mb-2 text-sm font-semibold text-muted-foreground", children: "How we put this into practice:" }),
               /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: value.examples.map((example, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex-shrink-0 rounded-full bg-primary/10 p-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex size-5 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(
                   DynamicIcon,
                   {
                     name: "lucide/check",
@@ -1025,7 +1025,7 @@ function AboutExpandableValues({
                     className: "text-primary"
                   }
                 ) }),
-                typeof example === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: example }) : example
+                typeof example === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm pt-2", children: example }) : example
               ] }, index)) })
             ] })
           ] })
@@ -1044,17 +1044,68 @@ function AboutExpandableValues({
       className: cn(className),
       containerClassName,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl space-y-4 text-center", headerClassName), children: [
-          badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: badgeText })),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mx-auto max-w-3xl space-y-4 text-center",
+              headerClassName
+            ),
+            children: [
+              badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary",
+                    badgeClassName
+                  ),
+                  children: badgeText
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: badgeText })),
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-bold tracking-tight text-balance",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground text-balance",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+            ]
+          }
+        ),
         valuesContent,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative mt-8 rounded-lg bg-accent/50 p-8", ctaClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl space-y-6 text-center", children: [
-          ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ctaHeadingClassName, children: ctaHeading })),
-          ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground", ctaDescriptionClassName), children: ctaDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ctaDescriptionClassName, children: ctaDescription })),
-          actionsContent
-        ] }) })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "relative mt-8 rounded-lg bg-accent/50 p-8",
+              ctaClassName
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl space-y-6 text-center", children: [
+              ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ctaHeadingClassName, children: ctaHeading })),
+              ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn("text-muted-foreground", ctaDescriptionClassName),
+                  children: ctaDescription
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: ctaDescriptionClassName, children: ctaDescription })),
+              actionsContent
+            ] })
+          }
+        )
       ]
     }
   );

package/dist/about-expandable-values.d.cts

@@ -1,8 +1,8 @@
-export { b as AboutExpandableValues, n as AboutExpandableValuesProps } from './community-initiatives-BudEyO90.cjs';
+export { b as AboutExpandableValues, n as AboutExpandableValuesProps } from './community-initiatives--V294d8T.cjs';
 import 'react';
 import './pattern-background-a7gKHzHy.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-qOnR4WhL.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';

package/dist/about-expandable-values.d.ts

@@ -1,8 +1,8 @@
-export { b as AboutExpandableValues, n as AboutExpandableValuesProps } from './community-initiatives-FG_f_Y4z.js';
+export { b as AboutExpandableValues, n as AboutExpandableValuesProps } from './community-initiatives-An3w_HDN.js';
 import 'react';
 import './pattern-background-a7gKHzHy.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-MliqP3QH.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';

package/dist/about-expandable-values.js

@@ -955,7 +955,7 @@ function AboutExpandableValues({
   const valuesContent = useMemo(() => {
     if (valuesSlot) return valuesSlot;
     if (!values || values.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", valuesClassName), children: values.map((value) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-6 mt-8", valuesClassName), children: values.map((value) => /* @__PURE__ */ jsxs(
       "div",
       {
         className: cn(
@@ -971,7 +971,7 @@ function AboutExpandableValues({
               type: "button",
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-                  /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 rounded-md bg-primary/10 p-3", children: value.icon }),
+                  /* @__PURE__ */ jsx("div", { className: "shrink-0 rounded-md bg-primary/10 p-3", children: value.icon }),
                   /* @__PURE__ */ jsxs("div", { children: [
                     value.title && (typeof value.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold", children: value.title }) : value.title),
                     value.shortDescription && (typeof value.shortDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: value.shortDescription }) : /* @__PURE__ */ jsx("div", { className: "mt-1", children: value.shortDescription }))
@@ -983,7 +983,7 @@ function AboutExpandableValues({
                     name: "lucide/chevron-down",
                     size: 20,
                     className: cn(
-                      "mt-1 flex-shrink-0 text-muted-foreground transition-transform duration-300",
+                      "mt-1 shrink-0 text-muted-foreground transition-transform duration-300",
                       expandedValue === value.id ? "rotate-180" : ""
                     )
                   }
@@ -996,7 +996,7 @@ function AboutExpandableValues({
             value.examples && value.examples.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("h4", { className: "mb-2 text-sm font-semibold text-muted-foreground", children: "How we put this into practice:" }),
               /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: value.examples.map((example, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
-                /* @__PURE__ */ jsx("div", { className: "mt-0.5 flex-shrink-0 rounded-full bg-primary/10 p-1", children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("div", { className: "mt-1 flex size-5 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(
                   DynamicIcon,
                   {
                     name: "lucide/check",
@@ -1004,7 +1004,7 @@ function AboutExpandableValues({
                     className: "text-primary"
                   }
                 ) }),
-                typeof example === "string" ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: example }) : example
+                typeof example === "string" ? /* @__PURE__ */ jsx("span", { className: "text-sm pt-2", children: example }) : example
               ] }, index)) })
             ] })
           ] })
@@ -1023,17 +1023,68 @@ function AboutExpandableValues({
       className: cn(className),
       containerClassName,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl space-y-4 text-center", headerClassName), children: [
-          badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mx-auto max-w-3xl space-y-4 text-center",
+              headerClassName
+            ),
+            children: [
+              badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary",
+                    badgeClassName
+                  ),
+                  children: badgeText
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-bold tracking-tight text-balance",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground text-balance",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+            ]
+          }
+        ),
         valuesContent,
-        /* @__PURE__ */ jsx("div", { className: cn("relative mt-8 rounded-lg bg-accent/50 p-8", ctaClassName), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl space-y-6 text-center", children: [
-          ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : /* @__PURE__ */ jsx("div", { className: ctaHeadingClassName, children: ctaHeading })),
-          ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", ctaDescriptionClassName), children: ctaDescription }) : /* @__PURE__ */ jsx("div", { className: ctaDescriptionClassName, children: ctaDescription })),
-          actionsContent
-        ] }) })
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "relative mt-8 rounded-lg bg-accent/50 p-8",
+              ctaClassName
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl space-y-6 text-center", children: [
+              ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : /* @__PURE__ */ jsx("div", { className: ctaHeadingClassName, children: ctaHeading })),
+              ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn("text-muted-foreground", ctaDescriptionClassName),
+                  children: ctaDescription
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: ctaDescriptionClassName, children: ctaDescription })),
+              actionsContent
+            ] })
+          }
+        )
       ]
     }
   );