@opensite/ui 0.3.4 → 0.4.0

package/dist/feature-stats-highlight.js

@@ -2,119 +2,14 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 
 // 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;
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -565,28 +460,13 @@ function Badge({
     }
   );
 }
-var defaultActions = [
-  {
-    label: "Get Started",
-    href: "#",
-    variant: "default",
-    size: "lg",
-    iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-  }
-];
-var defaultStats = [
-  { value: "99%", label: "Uptime Guarantee" },
-  { value: "24/7", label: "Customer Support" },
-  { value: "50K+", label: "Active Users" },
-  { value: "100+", label: "Integrations" }
-];
 function FeatureStatsHighlight({
-  badge = "Why Choose Us",
-  title = "We deliver results that matter",
-  description = "Our platform is designed to help businesses of all sizes achieve their goals with powerful tools and exceptional support.",
-  actions = defaultActions,
+  badge,
+  title,
+  description,
+  actions,
   actionsSlot,
-  stats = defaultStats,
+  stats,
   statsSlot,
   className,
   containerClassName,

package/dist/feature-tabbed-content-image.cjs

@@ -615,130 +615,10 @@ function TabsContent({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholder4: "https://cdn.ing/assets/files/record/286204/7rhj7uvcnozjm6c2q4txtptfcmpx",
-  placeholder5: "https://cdn.ing/assets/files/record/286205/e0az5aimgxvqa11grxzaok7fbsvr",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultSlides = [
-  {
-    id: 1,
-    tabName: "Products",
-    title: "Pre-built Components for Rapid Development",
-    description: "Accelerate your workflow with our library of ready-to-use, fully customizable UI components designed for modern web applications.",
-    features: [
-      "Cross-platform Integrations",
-      "Responsive Components",
-      "Accessible Blocks",
-      "Customizable Templates"
-    ],
-    actions: [
-      {
-        label: "Explore Products",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder1
-  },
-  {
-    id: 2,
-    tabName: "Services",
-    title: "Expert Solutions for Every Challenge",
-    description: "Our comprehensive services help you build, scale, and optimize your digital presence with expert guidance every step of the way.",
-    features: [
-      "Technical Consulting",
-      "Implementation Support",
-      "Performance Optimization",
-      "Ongoing Maintenance"
-    ],
-    actions: [
-      {
-        label: "Explore Services",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholderDark1
-  },
-  {
-    id: 3,
-    tabName: "Company",
-    title: "We Build the Future of Web Development",
-    description: "Founded by industry experts, we're committed to creating tools that empower developers to build better digital experiences faster.",
-    features: [
-      "Remote-first Culture",
-      "Open Source Contributors",
-      "Community-driven",
-      "Continuous Innovation"
-    ],
-    actions: [
-      {
-        label: "Explore Company",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder3
-  },
-  {
-    id: 4,
-    tabName: "Portfolio",
-    title: "Showcasing Client Success Stories",
-    description: "Explore our diverse portfolio of successful implementations across industries, from startups to enterprise-level organizations.",
-    features: [
-      "Case Studies",
-      "Implementation Examples",
-      "Success Metrics",
-      "Client Testimonials"
-    ],
-    actions: [
-      {
-        label: "Explore Portfolio",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder4
-  },
-  {
-    id: 5,
-    tabName: "Resources",
-    title: "Knowledge to Power Your Development",
-    description: "Access our comprehensive collection of tutorials, guides, and best practices to help you get the most from our platform.",
-    features: [
-      "Developer Guides",
-      "Video Tutorials",
-      "API Documentation",
-      "Community Forums"
-    ],
-    actions: [
-      {
-        label: "Explore Resources",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder5
-  }
-];
 function FeatureTabbedContentImage({
-  title = "Building Better Digital Experiences",
-  description = "Discover how our platform empowers developers and businesses to create exceptional web applications with less code and more creativity.",
-  slides = defaultSlides,
+  title,
+  description,
+  slides,
   slidesSlot,
   defaultTab = "1",
   className,

package/dist/feature-tabbed-content-image.d.cts

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

package/dist/feature-tabbed-content-image.d.ts

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

package/dist/feature-tabbed-content-image.js

@@ -592,130 +592,10 @@ function TabsContent({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholder4: "https://cdn.ing/assets/files/record/286204/7rhj7uvcnozjm6c2q4txtptfcmpx",
-  placeholder5: "https://cdn.ing/assets/files/record/286205/e0az5aimgxvqa11grxzaok7fbsvr",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultSlides = [
-  {
-    id: 1,
-    tabName: "Products",
-    title: "Pre-built Components for Rapid Development",
-    description: "Accelerate your workflow with our library of ready-to-use, fully customizable UI components designed for modern web applications.",
-    features: [
-      "Cross-platform Integrations",
-      "Responsive Components",
-      "Accessible Blocks",
-      "Customizable Templates"
-    ],
-    actions: [
-      {
-        label: "Explore Products",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder1
-  },
-  {
-    id: 2,
-    tabName: "Services",
-    title: "Expert Solutions for Every Challenge",
-    description: "Our comprehensive services help you build, scale, and optimize your digital presence with expert guidance every step of the way.",
-    features: [
-      "Technical Consulting",
-      "Implementation Support",
-      "Performance Optimization",
-      "Ongoing Maintenance"
-    ],
-    actions: [
-      {
-        label: "Explore Services",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholderDark1
-  },
-  {
-    id: 3,
-    tabName: "Company",
-    title: "We Build the Future of Web Development",
-    description: "Founded by industry experts, we're committed to creating tools that empower developers to build better digital experiences faster.",
-    features: [
-      "Remote-first Culture",
-      "Open Source Contributors",
-      "Community-driven",
-      "Continuous Innovation"
-    ],
-    actions: [
-      {
-        label: "Explore Company",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder3
-  },
-  {
-    id: 4,
-    tabName: "Portfolio",
-    title: "Showcasing Client Success Stories",
-    description: "Explore our diverse portfolio of successful implementations across industries, from startups to enterprise-level organizations.",
-    features: [
-      "Case Studies",
-      "Implementation Examples",
-      "Success Metrics",
-      "Client Testimonials"
-    ],
-    actions: [
-      {
-        label: "Explore Portfolio",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder4
-  },
-  {
-    id: 5,
-    tabName: "Resources",
-    title: "Knowledge to Power Your Development",
-    description: "Access our comprehensive collection of tutorials, guides, and best practices to help you get the most from our platform.",
-    features: [
-      "Developer Guides",
-      "Video Tutorials",
-      "API Documentation",
-      "Community Forums"
-    ],
-    actions: [
-      {
-        label: "Explore Resources",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder5
-  }
-];
 function FeatureTabbedContentImage({
-  title = "Building Better Digital Experiences",
-  description = "Discover how our platform empowers developers and businesses to create exceptional web applications with less code and more creativity.",
-  slides = defaultSlides,
+  title,
+  description,
+  slides,
   slidesSlot,
   defaultTab = "1",
   className,

package/dist/feature-three-column-values.cjs

@@ -135,27 +135,10 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-var defaultValues = [
-  {
-    iconName: "lucide/timer",
-    title: "Performance",
-    description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt beatae tenetur totam aut blanditis ipsa quaerat neque eaque, atque doloremque! Eligendi."
-  },
-  {
-    iconName: "lucide/zoom-in",
-    title: "Quality",
-    description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt beatae tenetur totam aut blanditis ipsa quaerat neque eaque, atque doloremque! Eligendi."
-  },
-  {
-    iconName: "lucide/zap",
-    title: "Innovation",
-    description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt beatae tenetur totam aut blanditis ipsa quaerat neque eaque, atque doloremque! Eligendi."
-  }
-];
 function FeatureThreeColumnValues({
-  label = "OUR VALUES",
-  title = "Why Choose Us?",
-  values = defaultValues,
+  label,
+  title,
+  values,
   valuesSlot,
   className,
   containerClassName,

package/dist/feature-three-column-values.js

@@ -113,27 +113,10 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-var defaultValues = [
-  {
-    iconName: "lucide/timer",
-    title: "Performance",
-    description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt beatae tenetur totam aut blanditis ipsa quaerat neque eaque, atque doloremque! Eligendi."
-  },
-  {
-    iconName: "lucide/zoom-in",
-    title: "Quality",
-    description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt beatae tenetur totam aut blanditis ipsa quaerat neque eaque, atque doloremque! Eligendi."
-  },
-  {
-    iconName: "lucide/zap",
-    title: "Innovation",
-    description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt beatae tenetur totam aut blanditis ipsa quaerat neque eaque, atque doloremque! Eligendi."
-  }
-];
 function FeatureThreeColumnValues({
-  label = "OUR VALUES",
-  title = "Why Choose Us?",
-  values = defaultValues,
+  label,
+  title,
+  values,
   valuesSlot,
   className,
   containerClassName,

package/dist/feature-utility-cards-grid.cjs

@@ -590,61 +590,15 @@ function Separator({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholder4: "https://cdn.ing/assets/files/record/286204/7rhj7uvcnozjm6c2q4txtptfcmpx",
-  placeholder5: "https://cdn.ing/assets/files/record/286205/e0az5aimgxvqa11grxzaok7fbsvr",
-  placeholder6: "https://cdn.ing/assets/files/record/286206/qs3jazsupq75q1fgisnonwnohie2",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultUtilities = [
-  {
-    title: "Integrations",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholder1
-  },
-  {
-    title: "Apps",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholderDark1
-  },
-  {
-    title: "APIs",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholder3
-  },
-  {
-    title: "Plugins",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholder4
-  },
-  {
-    title: "Extensions",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholder5
-  },
-  {
-    title: "Widgets",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholder6
-  }
-];
-var defaultLearnMoreAction = {
-  label: "Learn more",
-  href: "#",
-  iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16, className: "ml-2 inline-block" })
-};
 function FeatureUtilityCardsGrid({
-  label = "Utilities",
+  label,
   labelIcon,
   labelIconName = "lucide/square-dashed-mouse-pointer",
-  title = "What you can do with our utilities?",
-  description = "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Molestiae praesent, ad ullam quis cupiditate atque maxime alias eaque repellendus perferendis, nemo repudiandae.",
-  learnMoreAction = defaultLearnMoreAction,
+  title,
+  description,
+  learnMoreAction,
   learnMoreSlot,
-  utilities = defaultUtilities,
+  utilities,
   utilitiesSlot,
   className,
   containerClassName,

package/dist/feature-utility-cards-grid.d.cts

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

package/dist/feature-utility-cards-grid.d.ts

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

package/dist/feature-utility-cards-grid.js

@@ -567,61 +567,15 @@ function Separator({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholder4: "https://cdn.ing/assets/files/record/286204/7rhj7uvcnozjm6c2q4txtptfcmpx",
-  placeholder5: "https://cdn.ing/assets/files/record/286205/e0az5aimgxvqa11grxzaok7fbsvr",
-  placeholder6: "https://cdn.ing/assets/files/record/286206/qs3jazsupq75q1fgisnonwnohie2",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultUtilities = [
-  {
-    title: "Integrations",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholder1
-  },
-  {
-    title: "Apps",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholderDark1
-  },
-  {
-    title: "APIs",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholder3
-  },
-  {
-    title: "Plugins",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholder4
-  },
-  {
-    title: "Extensions",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholder5
-  },
-  {
-    title: "Widgets",
-    description: "Lorem ipsum dolor, sit amet consectetur adipisicing elit.",
-    image: blockBrandedIconsAndPlaceholders.placeholder6
-  }
-];
-var defaultLearnMoreAction = {
-  label: "Learn more",
-  href: "#",
-  iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16, className: "ml-2 inline-block" })
-};
 function FeatureUtilityCardsGrid({
-  label = "Utilities",
+  label,
   labelIcon,
   labelIconName = "lucide/square-dashed-mouse-pointer",
-  title = "What you can do with our utilities?",
-  description = "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Molestiae praesent, ad ullam quis cupiditate atque maxime alias eaque repellendus perferendis, nemo repudiandae.",
-  learnMoreAction = defaultLearnMoreAction,
+  title,
+  description,
+  learnMoreAction,
   learnMoreSlot,
-  utilities = defaultUtilities,
+  utilities,
   utilitiesSlot,
   className,
   containerClassName,