@opensite/ui 0.3.4 → 0.4.0

package/dist/faq-sidebar-navigation.cjs

@@ -553,70 +553,10 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultCategories = [
-  {
-    id: "general",
-    title: "General",
-    items: [
-      {
-        id: "general-1",
-        question: "What is a FAQ?",
-        answer: "A FAQ is a list of frequently asked questions and answers on a particular topic."
-      },
-      {
-        id: "general-2",
-        question: "What is the purpose of a FAQ?",
-        answer: "The purpose of a FAQ is to provide answers to common questions and help users find the information they need quickly and easily."
-      },
-      {
-        id: "general-3",
-        question: "How do I create a FAQ?",
-        answer: "To create a FAQ, you need to compile a list of common questions and answers on a particular topic and organize them in a clear and easy-to-navigate format."
-      }
-    ]
-  },
-  {
-    id: "billing",
-    title: "Billing",
-    items: [
-      {
-        id: "billing-1",
-        question: "What payment methods do you accept?",
-        answer: "We accept all major credit cards, PayPal, and bank transfers for annual subscriptions."
-      },
-      {
-        id: "billing-2",
-        question: "Can I get a refund?",
-        answer: "Yes, we offer a 30-day money-back guarantee for all our plans. If you're not satisfied, contact our support team for a full refund."
-      },
-      {
-        id: "billing-3",
-        question: "How do I cancel my subscription?",
-        answer: "You can cancel your subscription at any time from your account settings. Your access will continue until the end of your current billing period."
-      }
-    ]
-  },
-  {
-    id: "support",
-    title: "Support",
-    items: [
-      {
-        id: "support-1",
-        question: "How do I contact support?",
-        answer: "You can reach our support team via email at support@example.com or through our live chat feature available on our website."
-      },
-      {
-        id: "support-2",
-        question: "What are your support hours?",
-        answer: "Our support team is available Monday through Friday, 9am to 6pm EST. We also offer 24/7 support for enterprise customers."
-      }
-    ]
-  }
-];
 function FaqSidebarNavigation({
-  heading = "Frequently asked questions",
-  description = "Find answers to common questions about our products. Can't find what you're looking for? Contact our support team.",
-  categories = defaultCategories,
+  heading,
+  description,
+  categories,
   categoriesSlot,
   background = "white",
   spacing = "lg",
@@ -640,7 +580,7 @@ function FaqSidebarNavigation({
   accordionContentClassName
 }) {
   const [activeCategory, setActiveCategory] = React__namespace.useState(
-    categories[0]?.id || ""
+    categories?.[0]?.id || ""
   );
   const scrollToCategory = (categoryId) => {
     setActiveCategory(categoryId);
@@ -748,7 +688,7 @@ function FaqSidebarNavigation({
               contentWrapperClassName
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("lg:w-1/4", navClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-24 space-y-2", children: categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("lg:w-1/4", navClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-24 space-y-2", children: categories?.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => scrollToCategory(category.id),

package/dist/faq-sidebar-navigation.d.cts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import './blocks-Cohq4eio.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.cjs';
 

package/dist/faq-sidebar-navigation.d.ts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import './blocks-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 

package/dist/faq-sidebar-navigation.js

@@ -531,70 +531,10 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultCategories = [
-  {
-    id: "general",
-    title: "General",
-    items: [
-      {
-        id: "general-1",
-        question: "What is a FAQ?",
-        answer: "A FAQ is a list of frequently asked questions and answers on a particular topic."
-      },
-      {
-        id: "general-2",
-        question: "What is the purpose of a FAQ?",
-        answer: "The purpose of a FAQ is to provide answers to common questions and help users find the information they need quickly and easily."
-      },
-      {
-        id: "general-3",
-        question: "How do I create a FAQ?",
-        answer: "To create a FAQ, you need to compile a list of common questions and answers on a particular topic and organize them in a clear and easy-to-navigate format."
-      }
-    ]
-  },
-  {
-    id: "billing",
-    title: "Billing",
-    items: [
-      {
-        id: "billing-1",
-        question: "What payment methods do you accept?",
-        answer: "We accept all major credit cards, PayPal, and bank transfers for annual subscriptions."
-      },
-      {
-        id: "billing-2",
-        question: "Can I get a refund?",
-        answer: "Yes, we offer a 30-day money-back guarantee for all our plans. If you're not satisfied, contact our support team for a full refund."
-      },
-      {
-        id: "billing-3",
-        question: "How do I cancel my subscription?",
-        answer: "You can cancel your subscription at any time from your account settings. Your access will continue until the end of your current billing period."
-      }
-    ]
-  },
-  {
-    id: "support",
-    title: "Support",
-    items: [
-      {
-        id: "support-1",
-        question: "How do I contact support?",
-        answer: "You can reach our support team via email at support@example.com or through our live chat feature available on our website."
-      },
-      {
-        id: "support-2",
-        question: "What are your support hours?",
-        answer: "Our support team is available Monday through Friday, 9am to 6pm EST. We also offer 24/7 support for enterprise customers."
-      }
-    ]
-  }
-];
 function FaqSidebarNavigation({
-  heading = "Frequently asked questions",
-  description = "Find answers to common questions about our products. Can't find what you're looking for? Contact our support team.",
-  categories = defaultCategories,
+  heading,
+  description,
+  categories,
   categoriesSlot,
   background = "white",
   spacing = "lg",
@@ -618,7 +558,7 @@ function FaqSidebarNavigation({
   accordionContentClassName
 }) {
   const [activeCategory, setActiveCategory] = React.useState(
-    categories[0]?.id || ""
+    categories?.[0]?.id || ""
   );
   const scrollToCategory = (categoryId) => {
     setActiveCategory(categoryId);
@@ -726,7 +666,7 @@ function FaqSidebarNavigation({
               contentWrapperClassName
             ),
             children: [
-              /* @__PURE__ */ jsx("nav", { className: cn("lg:w-1/4", navClassName), children: /* @__PURE__ */ jsx("div", { className: "sticky top-24 space-y-2", children: categories.map((category) => /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx("nav", { className: cn("lg:w-1/4", navClassName), children: /* @__PURE__ */ jsx("div", { className: "sticky top-24 space-y-2", children: categories?.map((category) => /* @__PURE__ */ jsx(
                 "button",
                 {
                   onClick: () => scrollToCategory(category.id),

package/dist/faq-simple-accordion.cjs

@@ -553,46 +553,9 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "faq-1",
-    question: "What is a FAQ?",
-    answer: "A FAQ is a list of frequently asked questions and answers on a particular topic."
-  },
-  {
-    id: "faq-2",
-    question: "What is the purpose of a FAQ?",
-    answer: "The purpose of a FAQ is to provide answers to common questions and help users find the information they need quickly and easily."
-  },
-  {
-    id: "faq-3",
-    question: "How do I create a FAQ?",
-    answer: "To create a FAQ, you need to compile a list of common questions and answers on a particular topic and organize them in a clear and easy-to-navigate format."
-  },
-  {
-    id: "faq-4",
-    question: "What are the benefits of a FAQ?",
-    answer: "The benefits of a FAQ include providing quick and easy access to information, reducing the number of support requests, and improving the overall user experience."
-  },
-  {
-    id: "faq-5",
-    question: "How should I organize my FAQ?",
-    answer: "You should organize your FAQ in a logical manner, grouping related questions together and ordering them from most basic to more advanced topics."
-  },
-  {
-    id: "faq-6",
-    question: "How long should FAQ answers be?",
-    answer: "FAQ answers should be concise and to the point, typically a few sentences or a short paragraph is sufficient for most questions."
-  },
-  {
-    id: "faq-7",
-    question: "Should I include links in my FAQ?",
-    answer: "Yes, including links to more detailed information or related resources can be very helpful for users who want to learn more about a particular topic."
-  }
-];
 function FaqSimpleAccordion({
-  heading = "Frequently asked questions",
-  items = defaultItems,
+  heading,
+  items,
   itemsSlot,
   background = "white",
   spacing = "lg",

package/dist/faq-simple-accordion.d.cts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import './blocks-Cohq4eio.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.cjs';
 

package/dist/faq-simple-accordion.d.ts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import './blocks-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 

package/dist/faq-simple-accordion.js

@@ -531,46 +531,9 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "faq-1",
-    question: "What is a FAQ?",
-    answer: "A FAQ is a list of frequently asked questions and answers on a particular topic."
-  },
-  {
-    id: "faq-2",
-    question: "What is the purpose of a FAQ?",
-    answer: "The purpose of a FAQ is to provide answers to common questions and help users find the information they need quickly and easily."
-  },
-  {
-    id: "faq-3",
-    question: "How do I create a FAQ?",
-    answer: "To create a FAQ, you need to compile a list of common questions and answers on a particular topic and organize them in a clear and easy-to-navigate format."
-  },
-  {
-    id: "faq-4",
-    question: "What are the benefits of a FAQ?",
-    answer: "The benefits of a FAQ include providing quick and easy access to information, reducing the number of support requests, and improving the overall user experience."
-  },
-  {
-    id: "faq-5",
-    question: "How should I organize my FAQ?",
-    answer: "You should organize your FAQ in a logical manner, grouping related questions together and ordering them from most basic to more advanced topics."
-  },
-  {
-    id: "faq-6",
-    question: "How long should FAQ answers be?",
-    answer: "FAQ answers should be concise and to the point, typically a few sentences or a short paragraph is sufficient for most questions."
-  },
-  {
-    id: "faq-7",
-    question: "Should I include links in my FAQ?",
-    answer: "Yes, including links to more detailed information or related resources can be very helpful for users who want to learn more about a particular topic."
-  }
-];
 function FaqSimpleAccordion({
-  heading = "Frequently asked questions",
-  items = defaultItems,
+  heading,
+  items,
   itemsSlot,
   background = "white",
   spacing = "lg",

package/dist/faq-split-help.cjs

@@ -972,55 +972,14 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "faq-1",
-    question: "What is a FAQ?",
-    answer: "A FAQ is a list of frequently asked questions and answers on a particular topic."
-  },
-  {
-    id: "faq-2",
-    question: "What is the purpose of a FAQ?",
-    answer: "The purpose of a FAQ is to provide answers to common questions and help users find the information they need quickly and easily."
-  },
-  {
-    id: "faq-3",
-    question: "How do I create a FAQ?",
-    answer: "To create a FAQ, you need to compile a list of common questions and answers on a particular topic and organize them in a clear and easy-to-navigate format."
-  },
-  {
-    id: "faq-4",
-    question: "What are the benefits of a FAQ?",
-    answer: "The benefits of a FAQ include providing quick and easy access to information, reducing the number of support requests, and improving the overall user experience."
-  },
-  {
-    id: "faq-5",
-    question: "How should I organize my FAQ?",
-    answer: "You should organize your FAQ in a logical manner, grouping related questions together and ordering them from most basic to more advanced topics."
-  },
-  {
-    id: "faq-6",
-    question: "How long should FAQ answers be?",
-    answer: "FAQ answers should be concise and to the point, typically a few sentences or a short paragraph is sufficient for most questions."
-  },
-  {
-    id: "faq-7",
-    question: "Should I include links in my FAQ?",
-    answer: "Yes, including links to more detailed information or related resources can be very helpful for users who want to learn more about a particular topic."
-  }
-];
-var defaultHelpAction = {
-  label: "Contact Support",
-  href: "#"
-};
 function FaqSplitHelp({
-  heading = "Frequently asked questions",
-  description = "Find answers to common questions about our products. Can't find what you're looking for? Contact our support team.",
-  items = defaultItems,
+  heading,
+  description,
+  items,
   itemsSlot,
   helpHeading = "Still have questions?",
   helpDescription = "Can't find the answer you're looking for? Our support team is here to help.",
-  helpAction = defaultHelpAction,
+  helpAction,
   helpSlot,
   background = "white",
   spacing = "lg",

package/dist/faq-split-help.d.cts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.cjs';
 

package/dist/faq-split-help.d.ts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import { A as ActionConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 

package/dist/faq-split-help.js

@@ -950,55 +950,14 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "faq-1",
-    question: "What is a FAQ?",
-    answer: "A FAQ is a list of frequently asked questions and answers on a particular topic."
-  },
-  {
-    id: "faq-2",
-    question: "What is the purpose of a FAQ?",
-    answer: "The purpose of a FAQ is to provide answers to common questions and help users find the information they need quickly and easily."
-  },
-  {
-    id: "faq-3",
-    question: "How do I create a FAQ?",
-    answer: "To create a FAQ, you need to compile a list of common questions and answers on a particular topic and organize them in a clear and easy-to-navigate format."
-  },
-  {
-    id: "faq-4",
-    question: "What are the benefits of a FAQ?",
-    answer: "The benefits of a FAQ include providing quick and easy access to information, reducing the number of support requests, and improving the overall user experience."
-  },
-  {
-    id: "faq-5",
-    question: "How should I organize my FAQ?",
-    answer: "You should organize your FAQ in a logical manner, grouping related questions together and ordering them from most basic to more advanced topics."
-  },
-  {
-    id: "faq-6",
-    question: "How long should FAQ answers be?",
-    answer: "FAQ answers should be concise and to the point, typically a few sentences or a short paragraph is sufficient for most questions."
-  },
-  {
-    id: "faq-7",
-    question: "Should I include links in my FAQ?",
-    answer: "Yes, including links to more detailed information or related resources can be very helpful for users who want to learn more about a particular topic."
-  }
-];
-var defaultHelpAction = {
-  label: "Contact Support",
-  href: "#"
-};
 function FaqSplitHelp({
-  heading = "Frequently asked questions",
-  description = "Find answers to common questions about our products. Can't find what you're looking for? Contact our support team.",
-  items = defaultItems,
+  heading,
+  description,
+  items,
   itemsSlot,
   helpHeading = "Still have questions?",
   helpDescription = "Can't find the answer you're looking for? Our support team is here to help.",
-  helpAction = defaultHelpAction,
+  helpAction,
   helpSlot,
   background = "white",
   spacing = "lg",

package/dist/faq-static-list.cjs

@@ -376,39 +376,9 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    question: "What is a FAQ?",
-    answer: "A FAQ is a list of frequently asked questions and answers on a particular topic."
-  },
-  {
-    question: "What is the purpose of a FAQ?",
-    answer: "The purpose of a FAQ is to provide answers to common questions and help users find the information they need quickly and easily."
-  },
-  {
-    question: "How do I create a FAQ?",
-    answer: "To create a FAQ, you need to compile a list of common questions and answers on a particular topic and organize them in a clear and easy-to-navigate format."
-  },
-  {
-    question: "What are the benefits of a FAQ?",
-    answer: "The benefits of a FAQ include providing quick and easy access to information, reducing the number of support requests, and improving the overall user experience."
-  },
-  {
-    question: "How should I organize my FAQ?",
-    answer: "You should organize your FAQ in a logical manner, grouping related questions together and ordering them from most basic to more advanced topics."
-  },
-  {
-    question: "How long should FAQ answers be?",
-    answer: "FAQ answers should be concise and to the point, typically a few sentences or a short paragraph is sufficient for most questions."
-  },
-  {
-    question: "Should I include links in my FAQ?",
-    answer: "Yes, including links to more detailed information or related resources can be very helpful for users who want to learn more about a particular topic."
-  }
-];
 function FaqStaticList({
-  heading = "Frequently asked questions",
-  items = defaultItems,
+  heading,
+  items,
   itemsSlot,
   background = "white",
   spacing = "lg",

package/dist/faq-static-list.d.cts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
-import './blocks-Cohq4eio.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.cjs';
 

package/dist/faq-static-list.d.ts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
-import './blocks-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 

package/dist/faq-static-list.js

@@ -370,39 +370,9 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    question: "What is a FAQ?",
-    answer: "A FAQ is a list of frequently asked questions and answers on a particular topic."
-  },
-  {
-    question: "What is the purpose of a FAQ?",
-    answer: "The purpose of a FAQ is to provide answers to common questions and help users find the information they need quickly and easily."
-  },
-  {
-    question: "How do I create a FAQ?",
-    answer: "To create a FAQ, you need to compile a list of common questions and answers on a particular topic and organize them in a clear and easy-to-navigate format."
-  },
-  {
-    question: "What are the benefits of a FAQ?",
-    answer: "The benefits of a FAQ include providing quick and easy access to information, reducing the number of support requests, and improving the overall user experience."
-  },
-  {
-    question: "How should I organize my FAQ?",
-    answer: "You should organize your FAQ in a logical manner, grouping related questions together and ordering them from most basic to more advanced topics."
-  },
-  {
-    question: "How long should FAQ answers be?",
-    answer: "FAQ answers should be concise and to the point, typically a few sentences or a short paragraph is sufficient for most questions."
-  },
-  {
-    question: "Should I include links in my FAQ?",
-    answer: "Yes, including links to more detailed information or related resources can be very helpful for users who want to learn more about a particular topic."
-  }
-];
 function FaqStaticList({
-  heading = "Frequently asked questions",
-  items = defaultItems,
+  heading,
+  items,
   itemsSlot,
   background = "white",
   spacing = "lg",

package/dist/feature-accordion-image.cjs

@@ -192,43 +192,10 @@ function AccordionContent({
     }
   );
 }
-
-// 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",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultItems = [
-  {
-    title: "Create Your Account",
-    content: "Sign up in minutes with just your email. No credit card required to get started. You'll have immediate access to all basic features.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder1,
-    imageAlt: "Account creation"
-  },
-  {
-    title: "Configure Your Settings",
-    content: "Customize your workspace to match your workflow. Set up integrations, invite team members, and configure notifications.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholderDark1,
-    imageAlt: "Settings configuration"
-  },
-  {
-    title: "Start Building",
-    content: "Use our intuitive drag-and-drop builder to create stunning pages. Access hundreds of pre-built components and templates.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder3,
-    imageAlt: "Building process"
-  },
-  {
-    title: "Launch & Scale",
-    content: "Deploy your project with one click. Monitor performance, gather analytics, and scale as your business grows.",
-    imageSrc: blockBrandedIconsAndPlaceholders.placeholder4,
-    imageAlt: "Launch and scale"
-  }
-];
 function FeatureAccordionImage({
-  title = "How It Works",
-  description = "Learn about our simple process to get started with our platform.",
-  items = defaultItems,
+  title,
+  description,
+  items,
   itemsSlot,
   defaultValue = "item-0",
   className,
@@ -244,7 +211,7 @@ function FeatureAccordionImage({
 }) {
   const [activeItem, setActiveItem] = React__namespace.useState(defaultValue);
   const activeIndex = parseInt(activeItem.replace("item-", ""), 10) || 0;
-  const currentImage = items[activeIndex] || items[0];
+  const currentImage = items?.[activeIndex] || items?.[0];
   const renderAccordionItems = () => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;

package/dist/feature-accordion-image.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { 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 FeatureAccordionImageItem {