@opensite/ui 0.3.3 → 0.4.0

package/dist/about-story-expertise.js

@@ -2,121 +2,16 @@
 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 { jsx, jsxs } from 'react/jsx-runtime';
-import { Img } from '@page-speed/img';
 import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 // components/blocks/about/about-story-expertise.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var svgCache = /* @__PURE__ */ new Map();
-function DynamicIcon({
-  name,
-  size = 28,
-  color,
-  className,
-  alt
-}) {
-  const [svgContent, setSvgContent] = React.useState(null);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const { url, iconName } = React.useMemo(() => {
-    const separator = name.includes("/") ? "/" : ":";
-    const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
-    return {
-      url: baseUrl,
-      iconName: iconName2
-    };
-  }, [name, size]);
-  React.useEffect(() => {
-    let isMounted = true;
-    const fetchSvg = async () => {
-      const cached = svgCache.get(url);
-      if (cached) {
-        if (isMounted) {
-          setSvgContent(cached);
-          setIsLoading(false);
-        }
-        return;
-      }
-      try {
-        setIsLoading(true);
-        setError(null);
-        const response = await fetch(url);
-        if (!response.ok) {
-          throw new Error(`Failed to fetch icon: ${response.status}`);
-        }
-        let svg = await response.text();
-        svg = processSvgForCurrentColor(svg);
-        svgCache.set(url, svg);
-        if (isMounted) {
-          setSvgContent(svg);
-          setIsLoading(false);
-        }
-      } catch (err) {
-        if (isMounted) {
-          setError(err instanceof Error ? err.message : "Failed to load icon");
-          setIsLoading(false);
-        }
-      }
-    };
-    fetchSvg();
-    return () => {
-      isMounted = false;
-    };
-  }, [url]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn("inline-block", className),
-        style: { width: size, height: size },
-        "aria-hidden": "true"
-      }
-    );
-  }
-  if (error || !svgContent) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn("inline-block", className),
-        style: { width: size, height: size },
-        role: "img",
-        "aria-label": alt || iconName
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn("inline-flex items-center justify-center", className),
-      style: {
-        width: size,
-        height: size,
-        color: color || "inherit"
-      },
-      role: "img",
-      "aria-label": alt || iconName,
-      dangerouslySetInnerHTML: { __html: svgContent }
-    }
-  );
-}
-function processSvgForCurrentColor(svg) {
-  let processed = svg;
-  processed = processed.replace(
-    /stroke=["'](#000000|#000|black)["']/gi,
-    'stroke="currentColor"'
-  );
-  processed = processed.replace(
-    /fill=["'](#000000|#000|black)["']/gi,
-    'fill="currentColor"'
-  );
-  return processed;
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -952,6 +847,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -1015,52 +911,15 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultStoryParagraphs = [
-  "OpenSite AI began with a simple mission: make expert guidance accessible to every client, not just the largest enterprises.",
-  "We built a network of independent advisors supported by real-time intelligence, so every recommendation is transparent, timely, and tailored.",
-  "Today, OpenSite AI partners deliver proactive reviews, clear communication, and strategic coverage planning for teams of every size."
-];
-var defaultExpertiseAreas = [
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/shield-check", size: 24 }),
-    title: "Independent Advocacy",
-    description: "Guidance that puts your goals first, not a carrier agenda."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/graduation-cap", size: 24 }),
-    title: "Client Education",
-    description: "Clear explanations that help teams make confident decisions."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/refresh-cw", size: 24 }),
-    title: "Proactive Reviews",
-    description: "Regular check-ins that keep coverage aligned to growth."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/award", size: 24 }),
-    title: "Network Backed",
-    description: "Shared insights and resources from OpenSite AI partners."
-  }
-];
-var defaultActions = [
-  { label: "Learn More", href: "/about", variant: "default", size: "lg" },
-  { label: "Connect With Us", href: "/contact", variant: "outline", size: "lg" }
-];
-var defaultHighlight = {
-  icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/award", size: 24 }),
-  label: "Since 2012",
-  title: "Trusted by partner teams",
-  description: "A decade of advisory excellence and partner growth."
-};
 function AboutStoryExpertise({
-  eyebrow = "Our Story",
+  eyebrow,
   eyebrowClassName,
-  heading = "Built on trust, powered by OpenSite AI",
+  heading,
   headingClassName,
-  storyParagraphs = defaultStoryParagraphs,
+  storyParagraphs,
   storySlot,
   storyClassName,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   actionsClassName,
   image = {
@@ -1068,14 +927,14 @@ function AboutStoryExpertise({
     alt: "OpenSite AI team collaboration"
   },
   imageClassName,
-  highlight = defaultHighlight,
+  highlight,
   highlightSlot,
   highlightClassName,
   expertiseHeading = "Why teams choose OpenSite AI",
   expertiseHeadingClassName,
   expertiseDescription = "Experience, independence, and intelligent tooling combine to deliver better outcomes.",
   expertiseDescriptionClassName,
-  expertiseAreas = defaultExpertiseAreas,
+  expertiseAreas,
   expertiseAreasSlot,
   expertiseAreasClassName,
   expertiseSectionClassName,

package/dist/about-story-gallery.cjs

@@ -13,7 +13,7 @@ function cn(...inputs) {
 function AboutStoryGallery({
   className,
   containerClassName,
-  title = "Our Story",
+  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.
 

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface GalleryImageItem {

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface GalleryImageItem {

package/dist/about-story-gallery.js

@@ -11,7 +11,7 @@ function cn(...inputs) {
 function AboutStoryGallery({
   className,
   containerClassName,
-  title = "Our Story",
+  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.
 

package/dist/about-story-hero.cjs

@@ -10,20 +10,16 @@ var jsxRuntime = require('react/jsx-runtime');
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var defaultTeamInfo = {
-  title: "50+ Team Members",
-  description: "Working across 12 countries to bring you the best tools"
-};
 function AboutStoryHero({
-  title = "Our Story",
-  subtitle = "Building the future, one line of code at a time",
+  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.`,
   heroImage,
-  teamInfo = defaultTeamInfo,
+  teamInfo,
   teamInfoSlot,
   className,
   containerClassName,

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface AboutStoryHeroProps {

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface AboutStoryHeroProps {

package/dist/about-story-hero.js

@@ -8,20 +8,16 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var defaultTeamInfo = {
-  title: "50+ Team Members",
-  description: "Working across 12 countries to bring you the best tools"
-};
 function AboutStoryHero({
-  title = "Our Story",
-  subtitle = "Building the future, one line of code at a time",
+  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.`,
   heroImage,
-  teamInfo = defaultTeamInfo,
+  teamInfo,
   teamInfoSlot,
   className,
   containerClassName,

package/dist/about-streamline-team.cjs

@@ -555,37 +555,12 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-var defaultFeatures = [
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/zap", size: 24, className: "text-primary" }),
-    title: "Lightning Fast",
-    description: "Build and deploy in minutes, not months."
-  },
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/shield", size: 24, className: "text-primary" }),
-    title: "Enterprise Security",
-    description: "Bank-grade security for all your data."
-  },
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/users", size: 24, className: "text-primary" }),
-    title: "Team Collaboration",
-    description: "Work together seamlessly across teams."
-  }
-];
-var defaultActions = [
-  {
-    label: "Join Our Team",
-    href: "#",
-    variant: "default",
-    size: "lg"
-  }
-];
 function AboutStreamlineTeam({
   className,
   containerClassName,
-  title = "Streamline Your Workflow",
+  title,
   titleClassName,
-  description = "Our platform helps teams work smarter, not harder. With intuitive tools and powerful automation, you can focus on what matters most.",
+  description,
   descriptionClassName,
   primaryImage,
   primaryImageClassName,
@@ -595,10 +570,10 @@ function AboutStreamlineTeam({
   teamTitleClassName,
   teamDescription = "We're a diverse group of thinkers, builders, and dreamers united by a common goal: making software development accessible to everyone.",
   teamDescriptionClassName,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   actionsClassName,
-  features = defaultFeatures,
+  features,
   featuresSlot,
   featuresClassName,
   teamSectionClassName,

package/dist/about-streamline-team.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface AboutStreamlineTeamProps {

package/dist/about-streamline-team.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface AboutStreamlineTeamProps {

package/dist/about-streamline-team.js

@@ -533,37 +533,12 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-var defaultFeatures = [
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/zap", size: 24, className: "text-primary" }),
-    title: "Lightning Fast",
-    description: "Build and deploy in minutes, not months."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/shield", size: 24, className: "text-primary" }),
-    title: "Enterprise Security",
-    description: "Bank-grade security for all your data."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/users", size: 24, className: "text-primary" }),
-    title: "Team Collaboration",
-    description: "Work together seamlessly across teams."
-  }
-];
-var defaultActions = [
-  {
-    label: "Join Our Team",
-    href: "#",
-    variant: "default",
-    size: "lg"
-  }
-];
 function AboutStreamlineTeam({
   className,
   containerClassName,
-  title = "Streamline Your Workflow",
+  title,
   titleClassName,
-  description = "Our platform helps teams work smarter, not harder. With intuitive tools and powerful automation, you can focus on what matters most.",
+  description,
   descriptionClassName,
   primaryImage,
   primaryImageClassName,
@@ -573,10 +548,10 @@ function AboutStreamlineTeam({
   teamTitleClassName,
   teamDescription = "We're a diverse group of thinkers, builders, and dreamers united by a common goal: making software development accessible to everyone.",
   teamDescriptionClassName,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   actionsClassName,
-  features = defaultFeatures,
+  features,
   featuresSlot,
   featuresClassName,
   teamSectionClassName,

package/dist/about-vision-gallery.cjs

@@ -450,18 +450,12 @@ var Pressable = React__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-var defaultCtaAction = {
-  label: "Get to know the team",
-  href: "#",
-  variant: "default",
-  size: "lg"
-};
 function AboutVisionGallery({
   className,
   containerClassName,
-  title = "About Us",
+  title,
   titleClassName,
-  subtitle = "Meet our team, discover our values, and learn how we balance work, life, and everything in between.",
+  subtitle,
   subtitleClassName,
   images,
   imagesSlot,
@@ -488,7 +482,7 @@ Our team is made up of talented individuals who are passionate about creating to
   creatorsLinkUrl = "#",
   ctaTitle = "Part of Our Global Team",
   ctaTitleClassName,
-  ctaAction = defaultCtaAction,
+  ctaAction,
   ctaSlot,
   ctaClassName,
   optixFlowConfig

package/dist/about-vision-gallery.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface VisionGalleryImageItem {

package/dist/about-vision-gallery.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface VisionGalleryImageItem {

package/dist/about-vision-gallery.js

@@ -428,18 +428,12 @@ var Pressable = React.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-var defaultCtaAction = {
-  label: "Get to know the team",
-  href: "#",
-  variant: "default",
-  size: "lg"
-};
 function AboutVisionGallery({
   className,
   containerClassName,
-  title = "About Us",
+  title,
   titleClassName,
-  subtitle = "Meet our team, discover our values, and learn how we balance work, life, and everything in between.",
+  subtitle,
   subtitleClassName,
   images,
   imagesSlot,
@@ -466,7 +460,7 @@ Our team is made up of talented individuals who are passionate about creating to
   creatorsLinkUrl = "#",
   ctaTitle = "Part of Our Global Team",
   ctaTitleClassName,
-  ctaAction = defaultCtaAction,
+  ctaAction,
   ctaSlot,
   ctaClassName,
   optixFlowConfig

package/dist/alternating-blocks.cjs

@@ -311,6 +311,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",

package/dist/alternating-blocks.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface AlternatingBlockSection {

package/dist/alternating-blocks.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import './blocks-XLPGq8A5.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface AlternatingBlockSection {

package/dist/alternating-blocks.js

@@ -305,6 +305,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",

package/dist/animated-dialog.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AnimatedDialogProps } from './types.cjs';
 import 'react';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/animated-dialog.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AnimatedDialogProps } from './types.js';
 import 'react';
-import './blocks-XLPGq8A5.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**