@opensite/ui 0.3.4 → 0.4.1

package/dist/about-network-spotlight.js

@@ -1016,34 +1016,19 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultHighlights = [
-  "Maintain full independence while accessing shared expertise.",
-  "Unlock partner-only resources and specialized carrier access.",
-  "Deliver stronger advocacy with OpenSite AI intelligence."
-];
-var defaultActions = [
-  { label: "Learn More", href: "/network", size: "lg", variant: "default" },
-  { label: "Visit OpenSite AI", href: "https://opensite.ai", size: "lg", variant: "secondary" }
-];
-var defaultSpotlightCard = {
-  icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/network", size: 22 }),
-  label: "OpenSite AI Network",
-  title: "Built for independent advisors",
-  description: "A trusted network where agencies collaborate to deliver better outcomes."
-};
 function AboutNetworkSpotlight({
-  eyebrow = "Partner Network",
-  heading = "Join the OpenSite AI Partner Network",
-  description = "A curated community of independent advisors and agencies that share resources, intelligence, and proven coverage playbooks.",
-  highlights = defaultHighlights,
+  eyebrow,
+  heading,
+  description,
+  highlights,
   highlightsSlot,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   image = {
     src: imagePlaceholders[24],
     alt: "OpenSite AI partner network spotlight"
   },
-  spotlightCard = defaultSpotlightCard,
+  spotlightCard,
   spotlightCardSlot,
   className,
   contentClassName,

package/dist/about-startup-team.cjs

@@ -555,54 +555,21 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-var defaultSidebarLinks = [
-  { label: "About Us", href: "#about", isActive: true },
-  { label: "Our Mission", href: "#mission" },
-  { label: "Our Team", href: "#team" },
-  { label: "Careers", href: "#careers" },
-  { label: "Contact", href: "#contact" }
-];
-var defaultTeamMembers = [
-  {
-    name: "Sarah Chen",
-    role: "CEO & Co-Founder",
-    socialLinks: [
-      { icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/linkedin", size: 18 }), url: "#", label: "LinkedIn" },
-      { icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/twitter", size: 18 }), url: "#", label: "Twitter" }
-    ]
-  },
-  {
-    name: "Michael Park",
-    role: "CTO & Co-Founder",
-    socialLinks: [
-      { icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/linkedin", size: 18 }), url: "#", label: "LinkedIn" },
-      { icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/github", size: 18 }), url: "#", label: "GitHub" }
-    ]
-  },
-  {
-    name: "Emily Rodriguez",
-    role: "Head of Design",
-    socialLinks: [
-      { icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/linkedin", size: 18 }), url: "#", label: "LinkedIn" },
-      { icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/dribbble", size: 18 }), url: "#", label: "Dribbble" }
-    ]
-  }
-];
 function AboutStartupTeam({
   className,
   containerClassName,
-  title = "Building the Future of Software Development",
+  title,
   titleClassName,
   description = `We're a team of passionate builders who believe that creating software should be accessible to everyone. Our platform empowers teams to build, deploy, and scale applications without the traditional barriers.
 
 Founded in 2020, we've grown from a small startup to a platform trusted by thousands of companies worldwide. Our mission is simple: democratize software development and help teams bring their ideas to life faster than ever before.`,
   descriptionClassName,
-  sidebarLinks = defaultSidebarLinks,
+  sidebarLinks,
   sidebarSlot,
   sidebarClassName,
   teamTitle = "Meet Our Leadership",
   teamTitleClassName,
-  teamMembers = defaultTeamMembers,
+  teamMembers,
   teamMembersSlot,
   teamMembersClassName,
   optixFlowConfig

package/dist/about-startup-team.js

@@ -533,54 +533,21 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-var defaultSidebarLinks = [
-  { label: "About Us", href: "#about", isActive: true },
-  { label: "Our Mission", href: "#mission" },
-  { label: "Our Team", href: "#team" },
-  { label: "Careers", href: "#careers" },
-  { label: "Contact", href: "#contact" }
-];
-var defaultTeamMembers = [
-  {
-    name: "Sarah Chen",
-    role: "CEO & Co-Founder",
-    socialLinks: [
-      { icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/linkedin", size: 18 }), url: "#", label: "LinkedIn" },
-      { icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/twitter", size: 18 }), url: "#", label: "Twitter" }
-    ]
-  },
-  {
-    name: "Michael Park",
-    role: "CTO & Co-Founder",
-    socialLinks: [
-      { icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/linkedin", size: 18 }), url: "#", label: "LinkedIn" },
-      { icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/github", size: 18 }), url: "#", label: "GitHub" }
-    ]
-  },
-  {
-    name: "Emily Rodriguez",
-    role: "Head of Design",
-    socialLinks: [
-      { icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/linkedin", size: 18 }), url: "#", label: "LinkedIn" },
-      { icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/dribbble", size: 18 }), url: "#", label: "Dribbble" }
-    ]
-  }
-];
 function AboutStartupTeam({
   className,
   containerClassName,
-  title = "Building the Future of Software Development",
+  title,
   titleClassName,
   description = `We're a team of passionate builders who believe that creating software should be accessible to everyone. Our platform empowers teams to build, deploy, and scale applications without the traditional barriers.
 
 Founded in 2020, we've grown from a small startup to a platform trusted by thousands of companies worldwide. Our mission is simple: democratize software development and help teams bring their ideas to life faster than ever before.`,
   descriptionClassName,
-  sidebarLinks = defaultSidebarLinks,
+  sidebarLinks,
   sidebarSlot,
   sidebarClassName,
   teamTitle = "Meet Our Leadership",
   teamTitleClassName,
-  teamMembers = defaultTeamMembers,
+  teamMembers,
   teamMembersSlot,
   teamMembersClassName,
   optixFlowConfig

package/dist/about-stats-showcase.cjs

@@ -10,27 +10,19 @@ var jsxRuntime = require('react/jsx-runtime');
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var defaultStats = [
-  { value: "21M", label: "Global Reach of Users" },
-  { value: "12+", label: "Years of Expertise" },
-  { value: "654", label: "Projects Completed" },
-  { value: "113k+", label: "Monthly Active Users" },
-  { value: "461k", label: "Registered Accounts" },
-  { value: "98+", label: "Daily Users" }
-];
 function AboutStatsShowcase({
   className,
   containerClassName,
-  title = "Our Background",
+  title,
   titleClassName,
-  description = "Discover how our solution simplifies complex processes, making it easier to manage key operations and deliver exceptional experiences.",
+  description,
   descriptionClassName,
   images,
   imagesSlot,
   imagesClassName,
   statsTitle = "We excel in our field, but skill isn't everything we offer.",
   statsTitleClassName,
-  stats = defaultStats,
+  stats,
   statsSlot,
   statsClassName,
   logosTitle = "Trusted by leading product teams worldwide.",

package/dist/about-stats-showcase.js

@@ -8,27 +8,19 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var defaultStats = [
-  { value: "21M", label: "Global Reach of Users" },
-  { value: "12+", label: "Years of Expertise" },
-  { value: "654", label: "Projects Completed" },
-  { value: "113k+", label: "Monthly Active Users" },
-  { value: "461k", label: "Registered Accounts" },
-  { value: "98+", label: "Daily Users" }
-];
 function AboutStatsShowcase({
   className,
   containerClassName,
-  title = "Our Background",
+  title,
   titleClassName,
-  description = "Discover how our solution simplifies complex processes, making it easier to manage key operations and deliver exceptional experiences.",
+  description,
   descriptionClassName,
   images,
   imagesSlot,
   imagesClassName,
   statsTitle = "We excel in our field, but skill isn't everything we offer.",
   statsTitleClassName,
-  stats = defaultStats,
+  stats,
   statsSlot,
   statsClassName,
   logosTitle = "Trusted by leading product teams worldwide.",

package/dist/about-stats-sidebar.cjs

@@ -3,187 +3,18 @@
 
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
 // lib/utils.ts
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var svgCache = /* @__PURE__ */ new Map();
-function DynamicIcon({
-  name,
-  size = 28,
-  color,
-  className,
-  alt
-}) {
-  const [svgContent, setSvgContent] = React__namespace.useState(null);
-  const [isLoading, setIsLoading] = React__namespace.useState(true);
-  const [error, setError] = React__namespace.useState(null);
-  const { url, iconName } = React__namespace.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__namespace.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__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: cn("inline-block", className),
-        style: { width: size, height: size },
-        "aria-hidden": "true"
-      }
-    );
-  }
-  if (error || !svgContent) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: cn("inline-block", className),
-        style: { width: size, height: size },
-        role: "img",
-        "aria-label": alt || iconName
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.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;
-}
-var defaultStats = [
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/users", size: 24, className: "text-primary" }),
-    value: "10M+",
-    label: "Active Users",
-    description: "Developers and teams using our platform daily"
-  },
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/globe", size: 24, className: "text-primary" }),
-    value: "150+",
-    label: "Countries",
-    description: "Global reach across every continent"
-  },
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/code", size: 24, className: "text-primary" }),
-    value: "1B+",
-    label: "Lines of Code",
-    description: "Generated through our platform"
-  },
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/star", size: 24, className: "text-primary" }),
-    value: "4.9/5",
-    label: "Rating",
-    description: "Average customer satisfaction score"
-  }
-];
-var defaultFeatures = [
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/rocket", size: 24, className: "text-primary" }),
-    title: "Fast Deployment",
-    description: "Deploy your applications in seconds, not hours."
-  },
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/shield-check", size: 24, className: "text-primary" }),
-    title: "Enterprise Security",
-    description: "SOC 2 compliant with end-to-end encryption."
-  },
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/headphones", size: 24, className: "text-primary" }),
-    title: "24/7 Support",
-    description: "Our team is always here to help you succeed."
-  }
-];
 function AboutStatsSidebar({
-  title = "Why Choose Us",
-  description = "We've built a platform that scales with your needs, from startup to enterprise. Here's what sets us apart.",
-  stats = defaultStats,
+  title,
+  description,
+  stats,
   statsSlot,
-  features = defaultFeatures,
+  features,
   featuresSlot,
   className,
   containerClassName,

package/dist/about-stats-sidebar.js

@@ -1,167 +1,18 @@
 "use client";
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // lib/utils.ts
 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;
-}
-var defaultStats = [
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/users", size: 24, className: "text-primary" }),
-    value: "10M+",
-    label: "Active Users",
-    description: "Developers and teams using our platform daily"
-  },
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/globe", size: 24, className: "text-primary" }),
-    value: "150+",
-    label: "Countries",
-    description: "Global reach across every continent"
-  },
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/code", size: 24, className: "text-primary" }),
-    value: "1B+",
-    label: "Lines of Code",
-    description: "Generated through our platform"
-  },
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/star", size: 24, className: "text-primary" }),
-    value: "4.9/5",
-    label: "Rating",
-    description: "Average customer satisfaction score"
-  }
-];
-var defaultFeatures = [
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/rocket", size: 24, className: "text-primary" }),
-    title: "Fast Deployment",
-    description: "Deploy your applications in seconds, not hours."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/shield-check", size: 24, className: "text-primary" }),
-    title: "Enterprise Security",
-    description: "SOC 2 compliant with end-to-end encryption."
-  },
-  {
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/headphones", size: 24, className: "text-primary" }),
-    title: "24/7 Support",
-    description: "Our team is always here to help you succeed."
-  }
-];
 function AboutStatsSidebar({
-  title = "Why Choose Us",
-  description = "We've built a platform that scales with your needs, from startup to enterprise. Here's what sets us apart.",
-  stats = defaultStats,
+  title,
+  description,
+  stats,
   statsSlot,
-  features = defaultFeatures,
+  features,
   featuresSlot,
   className,
   containerClassName,