@opensite/ui 0.5.3 → 0.5.5

package/dist/about-story-expertise.js

@@ -1,10 +1,10 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { motion } from 'framer-motion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
-import * as React from 'react';
-import React__default from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -430,125 +430,6 @@ var Pressable = React.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-
-// lib/mediaPlaceholders.ts
-var imagePlaceholders = [
-  "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-  "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-  "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-  "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-  "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-  "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q",
-  "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz",
-  "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs",
-  "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0",
-  "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x",
-  "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc",
-  "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v",
-  "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac",
-  "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm",
-  "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v",
-  "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc",
-  "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt",
-  "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov",
-  "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6",
-  "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82",
-  "https://toastability-production.s3.amazonaws.com/a3m42usevv0iet0fpfwa1fsytxmv",
-  "https://toastability-production.s3.amazonaws.com/qghzqu1i99vaubyew9s5dxcbel9l",
-  "https://toastability-production.s3.amazonaws.com/9covpitzpuuobkg1m4mfokpi0enw",
-  "https://toastability-production.s3.amazonaws.com/2d4k8d5shwg82276hzj2ztbj7mxq",
-  "https://toastability-production.s3.amazonaws.com/op92dycs7w856e2jsvx20st0nyz9",
-  "https://toastability-production.s3.amazonaws.com/f921uoblxbv8f9bmr4s2ik7xxugl",
-  "https://toastability-production.s3.amazonaws.com/gl7n7p6atndufbsm6q2ac5jeqttp",
-  "https://toastability-production.s3.amazonaws.com/sj8cs2gpbanaowqwxar1uhhwd23z",
-  "https://toastability-production.s3.amazonaws.com/hu4gmd93sp95wdyr9qijze0rgim9",
-  "https://toastability-production.s3.amazonaws.com/uh2vd59np82h8sevbmfnsha89sf1",
-  "https://toastability-production.s3.amazonaws.com/gxs6zevccphti0hdq5l9fwytprpr",
-  "https://toastability-production.s3.amazonaws.com/s4vho0wfbjhf758oife8qfuekou8",
-  "https://toastability-production.s3.amazonaws.com/1b0gd8ul22q799d62dvm3sgyll85",
-  "https://toastability-production.s3.amazonaws.com/102grjqg8aigxkj585s9x3xbxfv7",
-  "https://toastability-production.s3.amazonaws.com/dvz0441h9fxjhh88lzqbwdoyxv52",
-  "https://toastability-production.s3.amazonaws.com/50y066ms7rb5sw62u9u08jzkk8rj",
-  "https://toastability-production.s3.amazonaws.com/9uxe0jw1zl1tujy0m5yalo7m2ht8",
-  "https://toastability-production.s3.amazonaws.com/cyhcpla6me8vs936i3fw6wbhypi2",
-  "https://toastability-production.s3.amazonaws.com/6ntdz6xwid3fswjz8y0otdxmzs40",
-  "https://toastability-production.s3.amazonaws.com/y1aezpa78m2fhfvj8whcx337y9cb",
-  "https://toastability-production.s3.amazonaws.com/eoa76d31ynbg34urr6e4619la1f7",
-  "https://toastability-production.s3.amazonaws.com/0mh8a1dg7ftcqnyzgv303u501c8y",
-  "https://toastability-production.s3.amazonaws.com/vvucxqs128w2d0z3n4s2z131rq7p",
-  "https://toastability-production.s3.amazonaws.com/2rbqbw9778770i8izdeabx8v2w2k",
-  "https://toastability-production.s3.amazonaws.com/90rcw2mljzpeuxlac8q77mor15xz",
-  "https://toastability-production.s3.amazonaws.com/vh1aowwr93yz4qrzct2s4je0cxdo",
-  "https://toastability-production.s3.amazonaws.com/ssgb7unxdwdqokfvhkp7cok2v79s",
-  "https://toastability-production.s3.amazonaws.com/vvkma6b8whdkiq5nq8z4eyfe00vo",
-  "https://toastability-production.s3.amazonaws.com/9797jh6slgbf9oq6lzlimcdiuziv",
-  "https://toastability-production.s3.amazonaws.com/betxbx61fkijt0aygineplf489ze",
-  "https://toastability-production.s3.amazonaws.com/0o6d7z4mm9nzeufhv9kefrhihbip",
-  "https://toastability-production.s3.amazonaws.com/1xdx70c7gp9l883soyh5d3exesvt",
-  "https://toastability-production.s3.amazonaws.com/jhjfvkmdzktacyijd9fh6acc7o2c",
-  "https://toastability-production.s3.amazonaws.com/n001o4pfpszmyw03ubctig7kvf0e",
-  "https://toastability-production.s3.amazonaws.com/l080sx0lcx51x44dqrb8006nqf08",
-  "https://toastability-production.s3.amazonaws.com/2t36c7l0ywchaz4nys8yj2l5amae",
-  "https://toastability-production.s3.amazonaws.com/gg5qnvb4nsl2k3g4dw4ls8bsllwh",
-  "https://toastability-production.s3.amazonaws.com/3nqc7xvjy3e8d7jo1gdvbzty0oqg",
-  "https://toastability-production.s3.amazonaws.com/0kx9umbfmv881wt9dfqnohv8efgi",
-  "https://toastability-production.s3.amazonaws.com/9z0sbfnskx70vse99e3dfhper7i1",
-  "https://toastability-production.s3.amazonaws.com/9keidwrag6g7jtqr7rdwb1ryt6ht",
-  "https://toastability-production.s3.amazonaws.com/zm88vf14geh1gh0frd3yrdlb6pl8",
-  "https://toastability-production.s3.amazonaws.com/0x7ktdk01jfaoysst0emzvqevu19",
-  "https://toastability-production.s3.amazonaws.com/e83zsyvl0an0owzdmpwjnnty641x",
-  "https://toastability-production.s3.amazonaws.com/t3k42fbzq7r7j93feldqm5cj1o1n",
-  "https://toastability-production.s3.amazonaws.com/5sm6wc4no8fyzxfki5njmnv6gql5",
-  "https://toastability-production.s3.amazonaws.com/w41h7890eivogu3sr78vlwkpzz8g",
-  "https://toastability-production.s3.amazonaws.com/vrezhtksoqbw1nyo4hwnoqizrus5",
-  "https://toastability-production.s3.amazonaws.com/8qkikcd43paeqgvw9gc1032j3yup",
-  "https://toastability-production.s3.amazonaws.com/ihhq8unynafk4aikmys3rhbfibaz",
-  "https://toastability-production.s3.amazonaws.com/rews5enr9ynu6izioj66s8ec90nc",
-  "https://toastability-production.s3.amazonaws.com/6ku135fhv528eei3agnoc3zd7y75",
-  "https://toastability-production.s3.amazonaws.com/x4scuzhsozrwrg703df5wbhygkgo",
-  "https://toastability-production.s3.amazonaws.com/73e0s79u4crdu7cmjfp99j1l2v55",
-  "https://toastability-production.s3.amazonaws.com/rddfyzvfpdlbzwhgep2myppwxn05",
-  "https://toastability-production.s3.amazonaws.com/mat88x8zzdek7wpgtocjrehfivsh",
-  "https://toastability-production.s3.amazonaws.com/3vwfdbekbkskxj2mvlvu85fz787u",
-  "https://toastability-production.s3.amazonaws.com/ms4s4zyqpmboh0slez1cwat9qhw4",
-  "https://toastability-production.s3.amazonaws.com/5jsc0b4e3gxnjs81iotw2c3e6da3",
-  "https://toastability-production.s3.amazonaws.com/0g6t701zqr2r7najmdgftpeqnxmz",
-  "https://toastability-production.s3.amazonaws.com/u3p1hlbm2c1vvkwlm8h668pe132z",
-  "https://toastability-production.s3.amazonaws.com/ehgbcugs782765ke1l2dtbtzd918",
-  "https://toastability-production.s3.amazonaws.com/kka8f550on7acx1lf82xleu6zhzo",
-  "https://toastability-production.s3.amazonaws.com/67fnapqepn7f8vwt0x4nqho70hbz",
-  "https://toastability-production.s3.amazonaws.com/t4cidbsfz3z468bn45yqdrkbx7ou",
-  "https://toastability-production.s3.amazonaws.com/gq3c9qalkiomu0rzdzxymkdaazdu",
-  "https://toastability-production.s3.amazonaws.com/9ujya2tfhxja7y5s9wb7d2u8crhd",
-  "https://toastability-production.s3.amazonaws.com/hotlo54tsvl2k3eht9gg0460l9zw",
-  "https://toastability-production.s3.amazonaws.com/ytbyjrcvrghc7wl6w1g7g8fwka22",
-  "https://toastability-production.s3.amazonaws.com/uv0g605yf5mz106nrm1uspt9l0rr",
-  "https://toastability-production.s3.amazonaws.com/yrp5k5xszwpe26fquupey6a6g0uu",
-  "https://toastability-production.s3.amazonaws.com/97gctpna2hdozl1f8u5xq4ew8h0o",
-  "https://toastability-production.s3.amazonaws.com/xjtepune0scj9yjkkqgaiwlq9hls",
-  "https://toastability-production.s3.amazonaws.com/g607vblaarqctl1cvgxffhx4pw6g",
-  "https://toastability-production.s3.amazonaws.com/4xpu1ljr9c8g6qzmfum5ygjzbzpb",
-  "https://toastability-production.s3.amazonaws.com/yw5f7iwyypf4kctpr5ye5e495swt",
-  "https://toastability-production.s3.amazonaws.com/z37cidvud212bzqhhalrhvk7ipaa",
-  "https://toastability-production.s3.amazonaws.com/pfllskt7q7144l288lrnpc6gx606",
-  "https://toastability-production.s3.amazonaws.com/fokd3hxzvdtsomagbfhqooyvndyv",
-  "https://toastability-production.s3.amazonaws.com/6fffnb4phovtqkjhtzifs4rhb84u",
-  "https://toastability-production.s3.amazonaws.com/mt87xjr79wxdhjy7496v3r6m2m9t",
-  "https://toastability-production.s3.amazonaws.com/3dy9ge962uarlaf2xl7imdcviqgx",
-  "https://toastability-production.s3.amazonaws.com/okf6fg4n9yv59up8ivgcdjy3w030",
-  "https://toastability-production.s3.amazonaws.com/t7iteqw4xhtppkiws88bsoia25hv",
-  "https://toastability-production.s3.amazonaws.com/klr5tuvulkyqfb721txtu4hgzxdm",
-  "https://toastability-production.s3.amazonaws.com/9eddibiq5ovc9cvs3ekijkrjpahg",
-  "https://toastability-production.s3.amazonaws.com/3ghn8dz3g9qtt4pf4nwbriaydvzb",
-  "https://toastability-production.s3.amazonaws.com/82ykd8s8boiqaxypkulb0v0s2qiw",
-  "https://toastability-production.s3.amazonaws.com/4eqmdeanxfk6jzvigo42y5ryv2c8",
-  "https://toastability-production.s3.amazonaws.com/9ughnl9wnko2vdboib8n3wl3cxsy",
-  "https://toastability-production.s3.amazonaws.com/4xjcgtlwseruezhoh3o1ga4umhj4",
-  "https://toastability-production.s3.amazonaws.com/xwh1zzxgyd887thfm1j9lu9qnd6c",
-  "https://toastability-production.s3.amazonaws.com/ri0dqx79spe6771np76mkmno5xfd",
-  "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
-  "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
-];
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -933,17 +814,14 @@ function AboutStoryExpertise({
   actions,
   actionsSlot,
   actionsClassName,
-  image = {
-    src: imagePlaceholders[7],
-    alt: "OpenSite AI team collaboration"
-  },
+  image,
   imageClassName,
   highlight,
   highlightSlot,
   highlightClassName,
-  expertiseHeading = "Why teams choose OpenSite AI",
+  expertiseHeading,
   expertiseHeadingClassName,
-  expertiseDescription = "Experience, independence, and intelligent tooling combine to deliver better outcomes.",
+  expertiseDescription,
   expertiseDescriptionClassName,
   expertiseAreas,
   expertiseAreasSlot,
@@ -956,14 +834,14 @@ function AboutStoryExpertise({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderStory = () => {
+  const storyContent = useMemo(() => {
     if (storySlot) return storySlot;
     if (!storyParagraphs || storyParagraphs.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("space-y-4 text-muted-foreground", storyClassName), children: storyParagraphs.map(
       (paragraph, idx) => typeof paragraph === "string" ? /* @__PURE__ */ jsx("p", { children: paragraph }, idx) : /* @__PURE__ */ jsx("div", { children: paragraph }, idx)
     ) });
-  };
-  const renderActions = () => {
+  }, [storySlot, storyParagraphs, storyClassName]);
+  const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-4", actionsClassName), children: actions.map((action, idx) => /* @__PURE__ */ jsx(
@@ -977,8 +855,8 @@ function AboutStoryExpertise({
       },
       idx
     )) });
-  };
-  const renderHighlight = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const highlightContent = useMemo(() => {
     if (highlightSlot) return highlightSlot;
     if (!highlight) return null;
     return /* @__PURE__ */ jsxs(
@@ -1000,8 +878,8 @@ function AboutStoryExpertise({
         ]
       }
     );
-  };
-  const renderExpertiseAreas = () => {
+  }, [highlightSlot, highlight, highlightClassName]);
+  const expertiseAreasContent = useMemo(() => {
     if (expertiseAreasSlot) return expertiseAreasSlot;
     if (!expertiseAreas || expertiseAreas.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -1031,7 +909,7 @@ function AboutStoryExpertise({
         ))
       }
     );
-  };
+  }, [expertiseAreasSlot, expertiseAreas, expertiseAreasClassName]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -1073,12 +951,12 @@ function AboutStoryExpertise({
                     }
                   ) : /* @__PURE__ */ jsx("div", { className: cn("mt-2", headingClassName), children: heading }))
                 ] }),
-                renderStory(),
-                renderActions()
+                storyContent,
+                actionsContent
               ]
             }
           ),
-          /* @__PURE__ */ jsx(
+          image && /* @__PURE__ */ jsx(
             motion.div,
             {
               initial: { opacity: 0, x: 20 },
@@ -1104,7 +982,7 @@ function AboutStoryExpertise({
                       }
                     ),
                     /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-tr from-foreground/60 via-transparent to-transparent" }),
-                    /* @__PURE__ */ jsx("div", { className: "absolute bottom-6 left-6 right-6", children: renderHighlight() })
+                    /* @__PURE__ */ jsx("div", { className: "absolute bottom-6 left-6 right-6", children: highlightContent })
                   ]
                 }
               )
@@ -1151,7 +1029,7 @@ function AboutStoryExpertise({
                   }
                 ))
               ] }),
-              renderExpertiseAreas()
+              expertiseAreasContent
             ]
           }
         )

package/dist/about-story-gallery.cjs

@@ -1,12 +1,13 @@
 "use client";
 'use strict';
 
+var react = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
 var jsxRuntime = require('react/jsx-runtime');
 
-// lib/utils.ts
+// components/blocks/about/about-story-gallery.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -15,18 +16,14 @@ function AboutStoryGallery({
   containerClassName,
   title,
   titleClassName,
-  description = `We started with a vision to transform how businesses build software. What began as a small team with big ideas has grown into a platform trusted by thousands of companies worldwide.
-
-Our journey has been defined by a commitment to innovation, user experience, and making powerful tools accessible to everyone. We believe that the best software is built when creativity meets simplicity.
-
-Today, we continue to push boundaries, helping teams of all sizes bring their ideas to life without the traditional barriers of software development.`,
+  description,
   descriptionClassName,
   images,
   imagesSlot,
   imagesClassName,
   optixFlowConfig
 }) {
-  const renderImages = () => {
+  const imagesContent = react.useMemo(() => {
     if (imagesSlot) return imagesSlot;
     if (!images || images.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-16 grid gap-4 md:grid-cols-3", imagesClassName), children: images.map((image, idx) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -42,13 +39,13 @@ Today, we continue to push boundaries, helping teams of all sizes bring their id
       },
       idx
     )) });
-  };
+  }, [imagesSlot, images, imagesClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl text-center", children: [
       title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
       description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 text-lg text-muted-foreground whitespace-pre-line", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-6", descriptionClassName), children: description }))
     ] }),
-    renderImages()
+    imagesContent
   ] }) });
 }
 

package/dist/about-story-gallery.js

@@ -1,10 +1,11 @@
 "use client";
+import { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// lib/utils.ts
+// components/blocks/about/about-story-gallery.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -13,18 +14,14 @@ function AboutStoryGallery({
   containerClassName,
   title,
   titleClassName,
-  description = `We started with a vision to transform how businesses build software. What began as a small team with big ideas has grown into a platform trusted by thousands of companies worldwide.
-
-Our journey has been defined by a commitment to innovation, user experience, and making powerful tools accessible to everyone. We believe that the best software is built when creativity meets simplicity.
-
-Today, we continue to push boundaries, helping teams of all sizes bring their ideas to life without the traditional barriers of software development.`,
+  description,
   descriptionClassName,
   images,
   imagesSlot,
   imagesClassName,
   optixFlowConfig
 }) {
-  const renderImages = () => {
+  const imagesContent = useMemo(() => {
     if (imagesSlot) return imagesSlot;
     if (!images || images.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("mt-16 grid gap-4 md:grid-cols-3", imagesClassName), children: images.map((image, idx) => /* @__PURE__ */ jsx(
@@ -40,13 +37,13 @@ Today, we continue to push boundaries, helping teams of all sizes bring their id
       },
       idx
     )) });
-  };
+  }, [imagesSlot, images, imagesClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
     /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl text-center", children: [
       title && (typeof title === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
       description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-lg text-muted-foreground whitespace-pre-line", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-6", descriptionClassName), children: description }))
     ] }),
-    renderImages()
+    imagesContent
   ] }) });
 }
 

package/dist/about-story-hero.cjs

@@ -1,23 +1,20 @@
 "use client";
 'use strict';
 
+var react = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
 var jsxRuntime = require('react/jsx-runtime');
 
-// lib/utils.ts
+// components/blocks/about/about-story-hero.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 function AboutStoryHero({
   title,
   subtitle,
-  content = `We started with a bold idea: what if anyone could build professional software without years of training? This question drove us to create a platform that bridges the gap between imagination and implementation.
-
-Our team combines decades of experience in software engineering, design, and user experience. We've worked at companies like Google, Meta, and Stripe, and we've brought that expertise to bear on solving one of technology's most persistent challenges.
-
-The result is a platform that's powerful enough for professional developers yet accessible enough for anyone with an idea. We're not just building tools\u2014we're democratizing software development.`,
+  content,
   heroImage,
   teamInfo,
   teamInfoSlot,
@@ -31,20 +28,20 @@ The result is a platform that's powerful enough for professional developers yet
   imageClassName,
   optixFlowConfig
 }) {
-  const renderTeamInfo = () => {
+  const teamInfoContent = react.useMemo(() => {
     if (teamInfoSlot) return teamInfoSlot;
     if (!teamInfo) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 rounded-xl bg-muted p-6", teamInfoClassName), children: [
       typeof teamInfo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: teamInfo.title }) : teamInfo.title,
       typeof teamInfo.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-muted-foreground", children: teamInfo.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: teamInfo.description })
     ] });
-  };
+  }, [teamInfoSlot, teamInfo, teamInfoClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2 lg:items-center", contentClassName), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm font-semibold uppercase tracking-wider text-primary", subtitleClassName), children: subtitle }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subtitleClassName, children: subtitle })),
       title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mt-4 text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", titleClassName), children: title })),
       content && (typeof content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 text-lg text-muted-foreground whitespace-pre-line", bodyClassName), children: content }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-6", bodyClassName), children: content })),
-      (teamInfoSlot || teamInfo) && renderTeamInfo()
+      (teamInfoSlot || teamInfo) && teamInfoContent
     ] }),
     heroImage && /* @__PURE__ */ jsxRuntime.jsx(
       img.Img,

package/dist/about-story-hero.js

@@ -1,21 +1,18 @@
 "use client";
+import { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-// lib/utils.ts
+// components/blocks/about/about-story-hero.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 function AboutStoryHero({
   title,
   subtitle,
-  content = `We started with a bold idea: what if anyone could build professional software without years of training? This question drove us to create a platform that bridges the gap between imagination and implementation.
-
-Our team combines decades of experience in software engineering, design, and user experience. We've worked at companies like Google, Meta, and Stripe, and we've brought that expertise to bear on solving one of technology's most persistent challenges.
-
-The result is a platform that's powerful enough for professional developers yet accessible enough for anyone with an idea. We're not just building tools\u2014we're democratizing software development.`,
+  content,
   heroImage,
   teamInfo,
   teamInfoSlot,
@@ -29,20 +26,20 @@ The result is a platform that's powerful enough for professional developers yet
   imageClassName,
   optixFlowConfig
 }) {
-  const renderTeamInfo = () => {
+  const teamInfoContent = useMemo(() => {
     if (teamInfoSlot) return teamInfoSlot;
     if (!teamInfo) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-8 rounded-xl bg-muted p-6", teamInfoClassName), children: [
       typeof teamInfo.title === "string" ? /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold", children: teamInfo.title }) : teamInfo.title,
       typeof teamInfo.description === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-muted-foreground", children: teamInfo.description }) : /* @__PURE__ */ jsx("div", { className: "mt-1", children: teamInfo.description })
     ] });
-  };
+  }, [teamInfoSlot, teamInfo, teamInfoClassName]);
   return /* @__PURE__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2 lg:items-center", contentClassName), children: [
     /* @__PURE__ */ jsxs("div", { children: [
       subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm font-semibold uppercase tracking-wider text-primary", subtitleClassName), children: subtitle }) : /* @__PURE__ */ jsx("div", { className: subtitleClassName, children: subtitle })),
       title && (typeof title === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mt-4 text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", titleClassName), children: title })),
       content && (typeof content === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-lg text-muted-foreground whitespace-pre-line", bodyClassName), children: content }) : /* @__PURE__ */ jsx("div", { className: cn("mt-6", bodyClassName), children: content })),
-      (teamInfoSlot || teamInfo) && renderTeamInfo()
+      (teamInfoSlot || teamInfo) && teamInfoContent
     ] }),
     heroImage && /* @__PURE__ */ jsx(
       Img,

package/dist/about-streamline-team.cjs

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
-var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/about/about-streamline-team.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -566,9 +566,9 @@ function AboutStreamlineTeam({
   primaryImageClassName,
   secondaryImage,
   secondaryImageClassName,
-  teamTitle = "Meet Our Team",
+  teamTitle,
   teamTitleClassName,
-  teamDescription = "We're a diverse group of thinkers, builders, and dreamers united by a common goal: making software development accessible to everyone.",
+  teamDescription,
   teamDescriptionClassName,
   actions,
   actionsSlot,
@@ -579,7 +579,7 @@ function AboutStreamlineTeam({
   teamSectionClassName,
   optixFlowConfig
 }) {
-  const renderFeatures = () => {
+  const featuresContent = React.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10 space-y-6", featuresClassName), children: features.map((feature, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
@@ -589,8 +589,8 @@ function AboutStreamlineTeam({
         feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: feature.description }) : feature.description)
       ] })
     ] }, idx)) });
-  };
-  const renderActions = () => {
+  }, [featuresSlot, features, featuresClassName]);
+  const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8", actionsClassName), children: actions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -608,7 +608,7 @@ function AboutStreamlineTeam({
       },
       idx
     )) });
-  };
+  }, [actionsSlot, actions, actionsClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-12 lg:grid-cols-2 lg:items-center", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
@@ -634,13 +634,13 @@ function AboutStreamlineTeam({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
         description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-6", descriptionClassName), children: description })),
-        renderFeatures()
+        featuresContent
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-32 rounded-2xl bg-muted p-8 md:p-16", teamSectionClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [
       teamTitle && (typeof teamTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-bold md:text-4xl", teamTitleClassName), children: teamTitle }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: teamTitleClassName, children: teamTitle })),
       teamDescription && (typeof teamDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg text-muted-foreground", teamDescriptionClassName), children: teamDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", teamDescriptionClassName), children: teamDescription })),
-      renderActions()
+      actionsContent
     ] }) })
   ] }) });
 }

package/dist/about-streamline-team.js

@@ -1,12 +1,13 @@
 "use client";
+import * as React from 'react';
+import { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
-import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// lib/utils.ts
+// components/blocks/about/about-streamline-team.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -544,9 +545,9 @@ function AboutStreamlineTeam({
   primaryImageClassName,
   secondaryImage,
   secondaryImageClassName,
-  teamTitle = "Meet Our Team",
+  teamTitle,
   teamTitleClassName,
-  teamDescription = "We're a diverse group of thinkers, builders, and dreamers united by a common goal: making software development accessible to everyone.",
+  teamDescription,
   teamDescriptionClassName,
   actions,
   actionsSlot,
@@ -557,7 +558,7 @@ function AboutStreamlineTeam({
   teamSectionClassName,
   optixFlowConfig
 }) {
-  const renderFeatures = () => {
+  const featuresContent = useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("mt-10 space-y-6", featuresClassName), children: features.map((feature, idx) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
@@ -567,8 +568,8 @@ function AboutStreamlineTeam({
         feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: feature.description }) : feature.description)
       ] })
     ] }, idx)) });
-  };
-  const renderActions = () => {
+  }, [featuresSlot, features, featuresClassName]);
+  const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("mt-8", actionsClassName), children: actions.map((action, idx) => /* @__PURE__ */ jsxs(
@@ -586,7 +587,7 @@ function AboutStreamlineTeam({
       },
       idx
     )) });
-  };
+  }, [actionsSlot, actions, actionsClassName]);
   return /* @__PURE__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
     /* @__PURE__ */ jsxs("div", { className: "grid gap-12 lg:grid-cols-2 lg:items-center", children: [
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -612,13 +613,13 @@ function AboutStreamlineTeam({
       /* @__PURE__ */ jsxs("div", { children: [
         title && (typeof title === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
         description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-6", descriptionClassName), children: description })),
-        renderFeatures()
+        featuresContent
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: cn("mt-32 rounded-2xl bg-muted p-8 md:p-16", teamSectionClassName), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [
       teamTitle && (typeof teamTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold md:text-4xl", teamTitleClassName), children: teamTitle }) : /* @__PURE__ */ jsx("div", { className: teamTitleClassName, children: teamTitle })),
       teamDescription && (typeof teamDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-lg text-muted-foreground", teamDescriptionClassName), children: teamDescription }) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", teamDescriptionClassName), children: teamDescription })),
-      renderActions()
+      actionsContent
     ] }) })
   ] }) });
 }