@opensite/ui 0.4.1 → 0.4.3

package/dist/project-carousel-detail-cards.js

@@ -894,6 +894,7 @@ var Section = React6__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -913,7 +914,7 @@ var Section = React6__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1095,39 +1096,48 @@ function ProjectCarouselDetailCards({
   const renderProjects = () => {
     if (projectsSlot) return projectsSlot;
     if (!projects || projects.length === 0) return null;
-    return projects.map((project) => /* @__PURE__ */ jsx(CarouselItem, { className: "basis-auto pl-8", children: /* @__PURE__ */ jsxs("div", { className: cn("w-[600px] space-y-5 rounded-2xl border border-border bg-card p-6 shadow-sm", cardClassName), children: [
-      /* @__PURE__ */ jsx("div", { className: "aspect-4/3 overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(
-        Img,
-        {
-          src: project.image,
-          alt: project.title,
-          className: "h-full w-full object-cover",
-          optixFlowConfig
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold tracking-tight", children: project.title }),
-          /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: project.category })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-sm text-muted-foreground", children: project.description }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/calendar", size: 14 }),
-            project.year
-          ] }),
-          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/map-pin", size: 14 }),
-            project.location
-          ] }),
-          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/tag", size: 14 }),
-            project.category
+    return projects.map((project) => /* @__PURE__ */ jsx(CarouselItem, { className: "basis-auto pl-8", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "w-[600px] space-y-5 rounded-2xl border border-border bg-card p-6 shadow-sm",
+          cardClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "aspect-4/3 overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(
+            Img,
+            {
+              src: project.image,
+              alt: project.title,
+              className: "h-full w-full object-cover",
+              optixFlowConfig
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold tracking-tight", children: project.title }),
+              /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: project.category })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-sm text-muted-foreground", children: project.description }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/calendar", size: 14 }),
+                project.year
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/map-pin", size: 14 }),
+                project.location
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/tag", size: 14 }),
+                project.category
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Pressable, { variant: "outline", className: "w-full", children: "View Project" })
           ] })
-        ] }),
-        /* @__PURE__ */ jsx(Pressable, { variant: "outline", className: "w-full", children: "View Project" })
-      ] })
-    ] }) }, project.id));
+        ]
+      }
+    ) }, project.id));
   };
   return /* @__PURE__ */ jsx(
     Section,
@@ -1139,8 +1149,26 @@ function ProjectCarouselDetailCards({
       className: cn(className),
       children: /* @__PURE__ */ jsxs("div", { className: cn("w-full", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mb-16 px-8", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-3xl font-medium tracking-tight lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-lg text-muted-foreground", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading }))
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: cn(
+                "text-3xl font-medium tracking-tight lg:text-6xl",
+                headingClassName
+              ),
+              children: heading
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "mt-4 text-lg text-muted-foreground",
+                subheadingClassName
+              ),
+              children: subheading
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading }))
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
           /* @__PURE__ */ jsx(

package/dist/project-carousel-minimal.cjs

@@ -885,6 +885,7 @@ var Section = React6__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -904,7 +905,7 @@ var Section = React6__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1112,7 +1113,16 @@ function ProjectCarouselMinimal({
       patternOpacity,
       className: cn(className),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", containerClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-16 px-8", headerClassName), children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-3xl font-medium tracking-tight lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-16 px-8", headerClassName), children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "h1",
+          {
+            className: cn(
+              "text-3xl font-medium tracking-tight lg:text-6xl",
+              headingClassName
+            ),
+            children: heading
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Carousel,

package/dist/project-carousel-minimal.d.cts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
 import { SectionBackground, SectionSpacing } from './types.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
@@ -44,7 +45,7 @@ interface ProjectCarouselMinimalProps {
     /**
      * Background pattern
      */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern opacity (0-1)
      */

package/dist/project-carousel-minimal.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
 import { SectionBackground, SectionSpacing } from './types.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
@@ -44,7 +45,7 @@ interface ProjectCarouselMinimalProps {
     /**
      * Background pattern
      */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern opacity (0-1)
      */

package/dist/project-carousel-minimal.js

@@ -861,6 +861,7 @@ var Section = React6__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -880,7 +881,7 @@ var Section = React6__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1088,7 +1089,16 @@ function ProjectCarouselMinimal({
       patternOpacity,
       className: cn(className),
       children: /* @__PURE__ */ jsxs("div", { className: cn("w-full", containerClassName), children: [
-        /* @__PURE__ */ jsx("div", { className: cn("mb-16 px-8", headerClassName), children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-3xl font-medium tracking-tight lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })) }),
+        /* @__PURE__ */ jsx("div", { className: cn("mb-16 px-8", headerClassName), children: heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+          "h1",
+          {
+            className: cn(
+              "text-3xl font-medium tracking-tight lg:text-6xl",
+              headingClassName
+            ),
+            children: heading
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })) }),
         /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
           /* @__PURE__ */ jsx(
             Carousel,

package/dist/project-detail-architecture-carousel.cjs

@@ -361,6 +361,7 @@ var Section = React3__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -380,7 +381,7 @@ var Section = React3__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/project-detail-architecture-carousel.d.cts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { I as ImageItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -44,7 +46,7 @@ interface ProjectDetailArchitectureCarouselProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Background pattern */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /** Pattern opacity */
     patternOpacity?: number;
     /** Additional CSS classes for the section */

package/dist/project-detail-architecture-carousel.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { I as ImageItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -44,7 +46,7 @@ interface ProjectDetailArchitectureCarouselProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Background pattern */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /** Pattern opacity */
     patternOpacity?: number;
     /** Additional CSS classes for the section */

package/dist/project-detail-architecture-carousel.js

@@ -340,6 +340,7 @@ var Section = React3__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -359,7 +360,7 @@ var Section = React3__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),

package/dist/project-experience-quote.cjs

@@ -903,6 +903,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -922,7 +923,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -962,7 +963,10 @@ function ProjectExperienceQuote({
     return experiences.map((experience, index) => /* @__PURE__ */ jsxRuntime.jsx(
       Card,
       {
-        className: cn("flex h-full flex-col overflow-hidden p-0 shadow-sm transition-all hover:shadow-md", cardClassName),
+        className: cn(
+          "flex h-full flex-col overflow-hidden p-0 shadow-sm transition-all hover:shadow-md",
+          cardClassName
+        ),
         children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex h-full flex-col p-0", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-primary text-primary-foreground p-6", children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 text-xl font-bold", children: experience.role }),
@@ -997,17 +1001,10 @@ function ProjectExperienceQuote({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
               /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "mb-2 text-sm font-semibold", children: "Key Achievements" }),
               /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "text-muted-foreground space-y-1 text-sm", children: experience.achievements.map(
-                (achievement, achievementIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
-                  "li",
-                  {
-                    className: "flex items-start",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-primary/10 text-primary mr-2 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs", children: "\u2022" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: achievement })
-                    ]
-                  },
-                  achievementIndex
-                )
+                (achievement, achievementIndex) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-primary/10 text-primary mr-2 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs", children: "\u2022" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: achievement })
+                ] }, achievementIndex)
               ) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted/50 mt-auto rounded-lg p-4", children: [
@@ -1047,13 +1044,49 @@ function ProjectExperienceQuote({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container mx-auto px-4 md:px-6 2xl:max-w-[1400px]", containerClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 text-center md:mb-16", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground mx-auto max-w-3xl text-lg", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading }))
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-8 md:grid-cols-2 lg:grid-cols-3", gridClassName), children: renderExperiences() })
-      ] })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "container mx-auto px-4 md:px-6 2xl:max-w-[1400px]",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 text-center md:mb-16", headerClassName), children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground mx-auto max-w-3xl text-lg",
+                    subheadingClassName
+                  ),
+                  children: subheading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading }))
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "grid gap-8 md:grid-cols-2 lg:grid-cols-3",
+                  gridClassName
+                ),
+                children: renderExperiences()
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }

package/dist/project-experience-quote.d.cts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
@@ -48,7 +49,7 @@ interface ProjectExperienceQuoteProps {
     /**
      * Background pattern
      */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern opacity (0-1)
      */

package/dist/project-experience-quote.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
@@ -48,7 +49,7 @@ interface ProjectExperienceQuoteProps {
     /**
      * Background pattern
      */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern opacity (0-1)
      */

package/dist/project-experience-quote.js

@@ -882,6 +882,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -901,7 +902,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -941,7 +942,10 @@ function ProjectExperienceQuote({
     return experiences.map((experience, index) => /* @__PURE__ */ jsx(
       Card,
       {
-        className: cn("flex h-full flex-col overflow-hidden p-0 shadow-sm transition-all hover:shadow-md", cardClassName),
+        className: cn(
+          "flex h-full flex-col overflow-hidden p-0 shadow-sm transition-all hover:shadow-md",
+          cardClassName
+        ),
         children: /* @__PURE__ */ jsxs(CardContent, { className: "flex h-full flex-col p-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "bg-primary text-primary-foreground p-6", children: [
             /* @__PURE__ */ jsx("h3", { className: "mb-1 text-xl font-bold", children: experience.role }),
@@ -976,17 +980,10 @@ function ProjectExperienceQuote({
             /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
               /* @__PURE__ */ jsx("h4", { className: "mb-2 text-sm font-semibold", children: "Key Achievements" }),
               /* @__PURE__ */ jsx("ul", { className: "text-muted-foreground space-y-1 text-sm", children: experience.achievements.map(
-                (achievement, achievementIndex) => /* @__PURE__ */ jsxs(
-                  "li",
-                  {
-                    className: "flex items-start",
-                    children: [
-                      /* @__PURE__ */ jsx("span", { className: "bg-primary/10 text-primary mr-2 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs", children: "\u2022" }),
-                      /* @__PURE__ */ jsx("span", { children: achievement })
-                    ]
-                  },
-                  achievementIndex
-                )
+                (achievement, achievementIndex) => /* @__PURE__ */ jsxs("li", { className: "flex items-start", children: [
+                  /* @__PURE__ */ jsx("span", { className: "bg-primary/10 text-primary mr-2 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-xs", children: "\u2022" }),
+                  /* @__PURE__ */ jsx("span", { children: achievement })
+                ] }, achievementIndex)
               ) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "bg-muted/50 mt-auto rounded-lg p-4", children: [
@@ -1026,13 +1023,49 @@ function ProjectExperienceQuote({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxs("div", { className: cn("container mx-auto px-4 md:px-6 2xl:max-w-[1400px]", containerClassName), children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mb-12 text-center md:mb-16", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground mx-auto max-w-3xl text-lg", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading }))
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("grid gap-8 md:grid-cols-2 lg:grid-cols-3", gridClassName), children: renderExperiences() })
-      ] })
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "container mx-auto px-4 md:px-6 2xl:max-w-[1400px]",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: cn("mb-12 text-center md:mb-16", headerClassName), children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-muted-foreground mx-auto max-w-3xl text-lg",
+                    subheadingClassName
+                  ),
+                  children: subheading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading }))
+            ] }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "grid gap-8 md:grid-cols-2 lg:grid-cols-3",
+                  gridClassName
+                ),
+                children: renderExperiences()
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }