@opensite/ui 0.3.4 → 0.4.1

package/dist/case-studies-stats-card.js

@@ -429,111 +429,6 @@ var Pressable = React.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-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 Avatar({
   className,
   ...props
@@ -579,49 +474,16 @@ function AvatarFallback({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  fictionalCompanyLogo8: "https://cdn.ing/assets/files/record/286231/otqj8cnwnrtp3bdk6tfu0pdr1z5a",
-  avatar1: "https://cdn.ing/assets/i/r/286239/ebm7o3j2kx48vw98emnwjaf5qvl6/avatar-1.webp"};
-var defaultStats = [
-  {
-    number: "45%",
-    text: "improvement in onboarding completion"
-  },
-  {
-    number: "61%",
-    text: "reduction in time-to-value"
-  },
-  {
-    number: "3x",
-    text: "increase in user activation"
-  }
-];
-var defaultAuthor = {
-  name: "Sarah Williams",
-  image: blockBrandedIconsAndPlaceholders.avatar1,
-  role: "CTO, Opensite AI"
-};
-var defaultActions = [
-  {
-    label: "Read Story",
-    href: "#",
-    variant: "outline",
-    size: "sm",
-    iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-  }
-];
 function CaseStudiesStatsCard({
-  companyLogo = blockBrandedIconsAndPlaceholders.fictionalCompanyLogo8,
-  companyName = "Opensite AI",
-  stats = defaultStats,
+  companyLogo,
+  companyName,
+  stats,
   statsSlot,
-  author = defaultAuthor,
+  author,
   authorSlot,
-  title = "How We Optimized Our Onboarding Flow to Triple User Activation",
-  summary = "Learn how we revamped our product onboarding experience using our in-house toolkit and reduced time-to-value by over 60%.",
-  actions = defaultActions,
+  title,
+  summary,
+  actions,
   actionsSlot,
   className,
   containerClassName,

package/dist/case-studies-testimonial-stats.cjs

@@ -51,57 +51,10 @@ function Separator({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder2: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u",
-  fictionalCompanyLogo2: "https://cdn.ing/assets/files/record/286216/bw4zypgflisdtapxy0n4nbmsmtum",
-  fictionalCompanyLogo3: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq"};
-var defaultTestimonials = [
-  {
-    image: blockBrandedIconsAndPlaceholders.placeholder1,
-    quote: "This productivity tool transformed how we collaborate. Our team's workflow improved dramatically, and we've cut meeting time by half while increasing output.",
-    authorName: "Michael Rivera",
-    authorRole: "Product Director",
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo2,
-    stats: [
-      {
-        value: "98%",
-        label: "Customer Satisfaction",
-        description: "From verified reviews"
-      },
-      {
-        value: "3.8x",
-        label: "ROI Improvement",
-        description: "Within first quarter"
-      }
-    ]
-  },
-  {
-    image: blockBrandedIconsAndPlaceholders.placeholder2,
-    quote: "The interface is intuitive and customizable to our needs. We implemented it across departments with minimal training and saw immediate results.",
-    authorName: "Sarah Chen",
-    authorRole: "Operations Lead",
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo3,
-    stats: [
-      {
-        value: "4.2x",
-        label: "Team Efficiency",
-        description: "Proven productivity gains"
-      },
-      {
-        value: "72%",
-        label: "Reduced Task Time",
-        description: "Across all projects"
-      }
-    ]
-  }
-];
 function CaseStudiesTestimonialStats({
-  heading = "4500+ Satisfied Customers",
-  subheading = "Real results from real users",
-  testimonials = defaultTestimonials,
+  heading,
+  subheading,
+  testimonials,
   testimonialsSlot,
   className,
   containerClassName,

package/dist/case-studies-testimonial-stats.js

@@ -29,57 +29,10 @@ function Separator({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder2: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u",
-  fictionalCompanyLogo2: "https://cdn.ing/assets/files/record/286216/bw4zypgflisdtapxy0n4nbmsmtum",
-  fictionalCompanyLogo3: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq"};
-var defaultTestimonials = [
-  {
-    image: blockBrandedIconsAndPlaceholders.placeholder1,
-    quote: "This productivity tool transformed how we collaborate. Our team's workflow improved dramatically, and we've cut meeting time by half while increasing output.",
-    authorName: "Michael Rivera",
-    authorRole: "Product Director",
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo2,
-    stats: [
-      {
-        value: "98%",
-        label: "Customer Satisfaction",
-        description: "From verified reviews"
-      },
-      {
-        value: "3.8x",
-        label: "ROI Improvement",
-        description: "Within first quarter"
-      }
-    ]
-  },
-  {
-    image: blockBrandedIconsAndPlaceholders.placeholder2,
-    quote: "The interface is intuitive and customizable to our needs. We implemented it across departments with minimal training and saw immediate results.",
-    authorName: "Sarah Chen",
-    authorRole: "Operations Lead",
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo3,
-    stats: [
-      {
-        value: "4.2x",
-        label: "Team Efficiency",
-        description: "Proven productivity gains"
-      },
-      {
-        value: "72%",
-        label: "Reduced Task Time",
-        description: "Across all projects"
-      }
-    ]
-  }
-];
 function CaseStudiesTestimonialStats({
-  heading = "4500+ Satisfied Customers",
-  subheading = "Real results from real users",
-  testimonials = defaultTestimonials,
+  heading,
+  subheading,
+  testimonials,
   testimonialsSlot,
   className,
   containerClassName,

package/dist/case-study-prose-sidebar.cjs

@@ -450,76 +450,16 @@ var Pressable = React__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  fictionalCompanyLogo3: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq"};
-var defaultDetails = [
-  { label: "Company", value: "Suspendisse vel euismod sem. Sed sollicitudin augue eu facilisis scelerisque. Nullam pharetra tortor ut massa accumsan egestas." },
-  { label: "Industry", value: "Suspendisse volutpat" },
-  { label: "Location", value: "London, United Kingdom" },
-  { label: "Company size", value: "11-50" },
-  { label: "Website", value: "https://example.com/", href: "https://example.com/" },
-  { label: "Topics", value: "Sed sollicitudin augue eu facilisis scelerisque" }
-];
-var defaultContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("h1", { children: "How Opensite AI uses semantic components to build their design system" }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Once upon a time, in a far-off land, there was a very lazy king who spent all day lounging on his throne. One day, his advisors came to him with a problem: the kingdom was running out of money." }),
-  /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "The King's Plan" }),
-  /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
-    "The king thought long and hard, and finally came up with",
-    " ",
-    /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#", children: "a brilliant plan" }),
-    ": he would tax the jokes in the kingdom."
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("blockquote", { children: "\u201CAfter all,\u201D he said, \u201Ceveryone enjoys a good joke, so it's only fair that they should pay for the privilege.\u201D" }),
-  /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "The Joke Tax" }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The king's subjects were not amused. They grumbled and complained, but the king was firm:" }),
-  /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("li", { children: "1st level of puns: 5 gold coins" }),
-    /* @__PURE__ */ jsxRuntime.jsx("li", { children: "2nd level of jokes: 10 gold coins" }),
-    /* @__PURE__ */ jsxRuntime.jsx("li", { children: "3rd level of one-liners : 20 gold coins" })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "As a result, people stopped telling jokes, and the kingdom fell into a gloom. But there was one person who refused to let the king's foolishness get him down: a court jester named Jokester." }),
-  /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Jokester's Revolt" }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Jokester began sneaking into the castle in the middle of the night and leaving jokes all over the place: under the king's pillow, in his soup, even in the royal toilet. The king was furious, but he couldn't seem to stop Jokester." }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "And then, one day, the people of the kingdom discovered that the jokes left by Jokester were so funny that they couldn't help but laugh. And once they started laughing, they couldn't stop." }),
-  /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "The People's Rebellion" }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The people of the kingdom, feeling uplifted by the laughter, started to tell jokes and puns again, and soon the entire kingdom was in on the joke." }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("th", { children: "King's Treasury" }),
-      /* @__PURE__ */ jsxRuntime.jsx("th", { children: "People's happiness" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Empty" }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Overflowing" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "m-0 border-t p-0 even:bg-muted", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Modest" }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Satisfied" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "m-0 border-t p-0 even:bg-muted", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Full" }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Ecstatic" })
-      ] })
-    ] })
-  ] }) }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax. Jokester was declared a hero, and the kingdom lived happily ever after." }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The moral of the story is: never underestimate the power of a good laugh and always be careful of bad ideas." })
-] });
 function CaseStudyProseSidebar({
-  heroImageSrc = blockBrandedIconsAndPlaceholders.placeholder1,
-  heroImageAlt = "Case study hero image",
+  heroImageSrc,
+  heroImageAlt,
   heroMediaSlot,
-  content = defaultContent,
+  content,
   contentSlot,
-  companyLogoSrc = blockBrandedIconsAndPlaceholders.fictionalCompanyLogo3,
-  companyLogoAlt = "Company logo",
+  companyLogoSrc,
+  companyLogoAlt,
   companyLogoSlot,
-  details = defaultDetails,
+  details,
   sidebarSlot,
   className,
   containerClassName,

package/dist/case-study-prose-sidebar.js

@@ -4,7 +4,7 @@ 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, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 // lib/utils.ts
 function cn(...inputs) {
@@ -428,76 +428,16 @@ var Pressable = React.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  fictionalCompanyLogo3: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq"};
-var defaultDetails = [
-  { label: "Company", value: "Suspendisse vel euismod sem. Sed sollicitudin augue eu facilisis scelerisque. Nullam pharetra tortor ut massa accumsan egestas." },
-  { label: "Industry", value: "Suspendisse volutpat" },
-  { label: "Location", value: "London, United Kingdom" },
-  { label: "Company size", value: "11-50" },
-  { label: "Website", value: "https://example.com/", href: "https://example.com/" },
-  { label: "Topics", value: "Sed sollicitudin augue eu facilisis scelerisque" }
-];
-var defaultContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx("h1", { children: "How Opensite AI uses semantic components to build their design system" }),
-  /* @__PURE__ */ jsx("p", { children: "Once upon a time, in a far-off land, there was a very lazy king who spent all day lounging on his throne. One day, his advisors came to him with a problem: the kingdom was running out of money." }),
-  /* @__PURE__ */ jsx("h2", { children: "The King's Plan" }),
-  /* @__PURE__ */ jsxs("p", { children: [
-    "The king thought long and hard, and finally came up with",
-    " ",
-    /* @__PURE__ */ jsx("a", { href: "#", children: "a brilliant plan" }),
-    ": he would tax the jokes in the kingdom."
-  ] }),
-  /* @__PURE__ */ jsx("blockquote", { children: "\u201CAfter all,\u201D he said, \u201Ceveryone enjoys a good joke, so it's only fair that they should pay for the privilege.\u201D" }),
-  /* @__PURE__ */ jsx("h3", { children: "The Joke Tax" }),
-  /* @__PURE__ */ jsx("p", { children: "The king's subjects were not amused. They grumbled and complained, but the king was firm:" }),
-  /* @__PURE__ */ jsxs("ul", { children: [
-    /* @__PURE__ */ jsx("li", { children: "1st level of puns: 5 gold coins" }),
-    /* @__PURE__ */ jsx("li", { children: "2nd level of jokes: 10 gold coins" }),
-    /* @__PURE__ */ jsx("li", { children: "3rd level of one-liners : 20 gold coins" })
-  ] }),
-  /* @__PURE__ */ jsx("p", { children: "As a result, people stopped telling jokes, and the kingdom fell into a gloom. But there was one person who refused to let the king's foolishness get him down: a court jester named Jokester." }),
-  /* @__PURE__ */ jsx("h3", { children: "Jokester's Revolt" }),
-  /* @__PURE__ */ jsx("p", { children: "Jokester began sneaking into the castle in the middle of the night and leaving jokes all over the place: under the king's pillow, in his soup, even in the royal toilet. The king was furious, but he couldn't seem to stop Jokester." }),
-  /* @__PURE__ */ jsx("p", { children: "And then, one day, the people of the kingdom discovered that the jokes left by Jokester were so funny that they couldn't help but laugh. And once they started laughing, they couldn't stop." }),
-  /* @__PURE__ */ jsx("h3", { children: "The People's Rebellion" }),
-  /* @__PURE__ */ jsx("p", { children: "The people of the kingdom, feeling uplifted by the laughter, started to tell jokes and puns again, and soon the entire kingdom was in on the joke." }),
-  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("table", { children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-      /* @__PURE__ */ jsx("th", { children: "King's Treasury" }),
-      /* @__PURE__ */ jsx("th", { children: "People's happiness" })
-    ] }) }),
-    /* @__PURE__ */ jsxs("tbody", { children: [
-      /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("td", { children: "Empty" }),
-        /* @__PURE__ */ jsx("td", { children: "Overflowing" })
-      ] }),
-      /* @__PURE__ */ jsxs("tr", { className: "m-0 border-t p-0 even:bg-muted", children: [
-        /* @__PURE__ */ jsx("td", { children: "Modest" }),
-        /* @__PURE__ */ jsx("td", { children: "Satisfied" })
-      ] }),
-      /* @__PURE__ */ jsxs("tr", { className: "m-0 border-t p-0 even:bg-muted", children: [
-        /* @__PURE__ */ jsx("td", { children: "Full" }),
-        /* @__PURE__ */ jsx("td", { children: "Ecstatic" })
-      ] })
-    ] })
-  ] }) }),
-  /* @__PURE__ */ jsx("p", { children: "The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax. Jokester was declared a hero, and the kingdom lived happily ever after." }),
-  /* @__PURE__ */ jsx("p", { children: "The moral of the story is: never underestimate the power of a good laugh and always be careful of bad ideas." })
-] });
 function CaseStudyProseSidebar({
-  heroImageSrc = blockBrandedIconsAndPlaceholders.placeholder1,
-  heroImageAlt = "Case study hero image",
+  heroImageSrc,
+  heroImageAlt,
   heroMediaSlot,
-  content = defaultContent,
+  content,
   contentSlot,
-  companyLogoSrc = blockBrandedIconsAndPlaceholders.fictionalCompanyLogo3,
-  companyLogoAlt = "Company logo",
+  companyLogoSrc,
+  companyLogoAlt,
   companyLogoSlot,
-  details = defaultDetails,
+  details,
   sidebarSlot,
   className,
   containerClassName,

package/dist/case-study-stats-metrics.cjs

@@ -558,69 +558,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  fictionalCompanyLogo3: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq"};
-var alertVariants = classVarianceAuthority.cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "bg-card text-card-foreground",
-        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Alert({
-  className,
-  variant,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "alert",
-      role: "alert",
-      className: cn(alertVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: cn(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AlertDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: cn(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        className
-      ),
-      ...props
-    }
-  );
-}
 function Breadcrumb({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
 }
@@ -712,93 +649,30 @@ function Separator({
     }
   );
 }
-var defaultBreadcrumbs = [
-  { label: "Home", href: "/" },
-  { label: "Components" }
-];
-var defaultStats = [
-  { value: "19%", label: "increase in user engagement rate" },
-  { value: "28%", label: "growth in customer retention rate" },
-  { value: "72%", label: "satisfaction rate among users and customers" },
-  { value: ">85%", label: "positive feedback received from users" }
-];
-var defaultCtaAction = {
-  label: "Contact us",
-  href: "#",
-  variant: "default",
-  size: "sm"
-};
-var defaultContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "How the Tax System Works" }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax. Jokester was declared a hero, and the kingdom lived happily ever after." }),
-  /* @__PURE__ */ jsxRuntime.jsxs(Alert, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/lightbulb", size: 16, className: "h-4 w-4" }),
-    /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Royal Decree!" }),
-    /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: "Remember, all jokes must be registered at the Royal Jest Office before telling them" })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "The People's Rebellion" }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The people of the kingdom, feeling uplifted by the laughter, started to tell jokes and puns again, and soon the entire kingdom was in on the joke." }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("th", { children: "King's Treasury" }),
-      /* @__PURE__ */ jsxRuntime.jsx("th", { children: "People's happiness" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Empty" }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Overflowing" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "m-0 border-t p-0 even:bg-muted", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Modest" }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Satisfied" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "m-0 border-t p-0 even:bg-muted", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Full" }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { children: "Ecstatic" })
-      ] })
-    ] })
-  ] }) }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The king, seeing how much happier his subjects were, realized the error of his ways and repealed the joke tax. Jokester was declared a hero, and the kingdom lived happily ever after." }),
-  /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "The King's Plan" }),
-  /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
-    "The king thought long and hard, and finally came up with",
-    " ",
-    /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#", children: "a brilliant plan" }),
-    ": he would tax the jokes in the kingdom."
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("blockquote", { children: "\u201CAfter all,\u201D he said, \u201Ceveryone enjoys a good joke, so it's only fair that they should pay for the privilege.\u201D" }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "The king's subjects were not amused. They grumbled and complained, but the king was firm:" }),
-  /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("li", { children: "1st level of puns: 5 gold coins" }),
-    /* @__PURE__ */ jsxRuntime.jsx("li", { children: "2nd level of jokes: 10 gold coins" }),
-    /* @__PURE__ */ jsxRuntime.jsx("li", { children: "3rd level of one-liners : 20 gold coins" })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "As a result, people stopped telling jokes, and the kingdom fell into a gloom. But there was one person who refused to let the king's foolishness get him down: a court jester named Jokester." })
-] });
 function CaseStudyStatsMetrics({
-  breadcrumbs = defaultBreadcrumbs,
+  breadcrumbs,
   breadcrumbsSlot,
-  title = "Boosting System Reliability by 125% with AI Monitoring",
-  subtitle = "In a kingdom far away, where laughter once flowed freely, a peculiar tale unfolded about a king who decided to tax the very essence of joy itself - jokes and jest.",
-  heroImageSrc = blockBrandedIconsAndPlaceholders.placeholder1,
-  heroImageAlt = "Case study hero image",
+  title,
+  subtitle,
+  heroImageSrc,
+  heroImageAlt,
   heroMediaSlot,
-  stats = defaultStats,
+  stats,
   statsSlot,
-  content = defaultContent,
+  content,
   contentSlot,
-  companyLogoSrc = blockBrandedIconsAndPlaceholders.fictionalCompanyLogo3,
-  companyLogoAlt = "Company logo",
+  companyLogoSrc,
+  companyLogoAlt,
   companyLogoSlot,
-  overview = "Our client implemented our solution to transform their business operations, resulting in improved efficiency, enhanced customer experience, and significant cost savings across their entire organization.",
-  sector = "Technology",
-  solutionLabel = "Enterprise",
-  solutionIcon = "lucide/git-branch",
-  solutionHref = "#",
+  overview,
+  sector,
+  solutionLabel,
+  solutionIcon,
+  solutionHref,
   solutionSlot,
-  ctaAction = defaultCtaAction,
+  ctaAction,
   ctaSlot,
-  ctaLabel = "Want to learn more?",
+  ctaLabel,
   sidebarSlot,
   className,
   containerClassName,
@@ -873,7 +747,7 @@ function CaseStudyStatsMetrics({
         asButton: true,
         className: "inline-flex items-center gap-2",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: solutionIcon, size: 16, className: "opacity-60" }),
+          solutionIcon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: solutionIcon, size: 16, className: "opacity-60" }),
           solutionLabel
         ]
       }