@opensite/ui 0.3.3 → 0.4.0

package/dist/faq-rounded-cards.js

@@ -467,6 +467,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -530,47 +531,10 @@ 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 FaqRoundedCards({
-  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,
   background = "white",
   spacing = "lg",

package/dist/faq-sidebar-navigation.cjs

@@ -489,6 +489,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -552,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",
@@ -639,7 +580,7 @@ function FaqSidebarNavigation({
   accordionContentClassName
 }) {
   const [activeCategory, setActiveCategory] = React__namespace.useState(
-    categories[0]?.id || ""
+    categories?.[0]?.id || ""
   );
   const scrollToCategory = (categoryId) => {
     setActiveCategory(categoryId);
@@ -747,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-DP3Vofl4.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 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-XLPGq8A5.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 

package/dist/faq-sidebar-navigation.js

@@ -467,6 +467,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -530,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",
@@ -617,7 +558,7 @@ function FaqSidebarNavigation({
   accordionContentClassName
 }) {
   const [activeCategory, setActiveCategory] = React.useState(
-    categories[0]?.id || ""
+    categories?.[0]?.id || ""
   );
   const scrollToCategory = (categoryId) => {
     setActiveCategory(categoryId);
@@ -725,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

@@ -489,6 +489,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -552,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-DP3Vofl4.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 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-XLPGq8A5.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 

package/dist/faq-simple-accordion.js

@@ -467,6 +467,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -530,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

@@ -908,6 +908,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -971,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-DP3Vofl4.cjs';
+import { A as ActionConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.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-XLPGq8A5.js';
+import { A as ActionConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';
 

package/dist/faq-split-help.js

@@ -886,6 +886,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -949,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

@@ -312,6 +312,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -375,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-DP3Vofl4.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 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-XLPGq8A5.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 import './patternSvgs-c5ZNVoTT.js';