@opensite/ui 0.3.4 → 0.4.1

package/dist/faq-categorized-sections.js

@@ -531,52 +531,10 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultCategories = [
-  {
-    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."
-      }
-    ]
-  },
-  {
-    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."
-      }
-    ]
-  }
-];
 function FaqCategorizedSections({
-  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",

package/dist/faq-centered-accordion.cjs

@@ -553,47 +553,10 @@ 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 FaqCenteredAccordion({
-  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-centered-accordion.js

@@ -531,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 FaqCenteredAccordion({
-  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-gradient-categories.cjs

@@ -553,52 +553,10 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultCategories = [
-  {
-    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."
-      }
-    ]
-  },
-  {
-    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."
-      }
-    ]
-  }
-];
 function FaqGradientCategories({
-  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",

package/dist/faq-gradient-categories.js

@@ -531,52 +531,10 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultCategories = [
-  {
-    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."
-      }
-    ]
-  },
-  {
-    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."
-      }
-    ]
-  }
-];
 function FaqGradientCategories({
-  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",

package/dist/faq-icon-benefits.cjs

@@ -497,42 +497,10 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultBenefits = [
-  {
-    icon: "lucide/zap",
-    title: "Fast Performance",
-    description: "Our platform is optimized for speed, ensuring your applications run smoothly and efficiently."
-  },
-  {
-    icon: "lucide/shield",
-    title: "Secure by Default",
-    description: "Built-in security features protect your data and applications from common vulnerabilities."
-  },
-  {
-    icon: "lucide/users",
-    title: "Team Collaboration",
-    description: "Work together seamlessly with built-in collaboration tools and real-time updates."
-  },
-  {
-    icon: "lucide/headphones",
-    title: "24/7 Support",
-    description: "Our dedicated support team is available around the clock to help you with any issues."
-  },
-  {
-    icon: "lucide/trending-up",
-    title: "Scalable Infrastructure",
-    description: "Easily scale your applications as your business grows without worrying about infrastructure."
-  },
-  {
-    icon: "lucide/code",
-    title: "Developer Friendly",
-    description: "Comprehensive APIs and documentation make it easy for developers to build and integrate."
-  }
-];
 function FaqIconBenefits({
-  heading = "Why choose us?",
-  description = "Discover the benefits of using our platform for your business needs.",
-  benefits = defaultBenefits,
+  heading,
+  description,
+  benefits,
   benefitsSlot,
   background = "white",
   spacing = "lg",

package/dist/faq-icon-benefits.js

@@ -476,42 +476,10 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultBenefits = [
-  {
-    icon: "lucide/zap",
-    title: "Fast Performance",
-    description: "Our platform is optimized for speed, ensuring your applications run smoothly and efficiently."
-  },
-  {
-    icon: "lucide/shield",
-    title: "Secure by Default",
-    description: "Built-in security features protect your data and applications from common vulnerabilities."
-  },
-  {
-    icon: "lucide/users",
-    title: "Team Collaboration",
-    description: "Work together seamlessly with built-in collaboration tools and real-time updates."
-  },
-  {
-    icon: "lucide/headphones",
-    title: "24/7 Support",
-    description: "Our dedicated support team is available around the clock to help you with any issues."
-  },
-  {
-    icon: "lucide/trending-up",
-    title: "Scalable Infrastructure",
-    description: "Easily scale your applications as your business grows without worrying about infrastructure."
-  },
-  {
-    icon: "lucide/code",
-    title: "Developer Friendly",
-    description: "Comprehensive APIs and documentation make it easy for developers to build and integrate."
-  }
-];
 function FaqIconBenefits({
-  heading = "Why choose us?",
-  description = "Discover the benefits of using our platform for your business needs.",
-  benefits = defaultBenefits,
+  heading,
+  description,
+  benefits,
   benefitsSlot,
   background = "white",
   spacing = "lg",

package/dist/faq-muted-cards.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 FaqMutedCards({
-  heading = "Frequently asked questions",
-  items = defaultItems,
+  heading,
+  items,
   itemsSlot,
   background = "white",
   spacing = "lg",

package/dist/faq-muted-cards.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 FaqMutedCards({
-  heading = "Frequently asked questions",
-  items = defaultItems,
+  heading,
+  items,
   itemsSlot,
   background = "white",
   spacing = "lg",

package/dist/faq-numbered-grid.cjs

@@ -376,36 +376,10 @@ 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."
-  }
-];
 function FaqNumberedGrid({
-  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-numbered-grid.js

@@ -370,36 +370,10 @@ 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."
-  }
-];
 function FaqNumberedGrid({
-  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-numbered-list.cjs

@@ -410,33 +410,11 @@ 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."
-  }
-];
 function FaqNumberedList({
-  badge = "FAQ",
-  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,
+  badge,
+  heading,
+  description,
+  items,
   itemsSlot,
   background = "white",
   spacing = "lg",

package/dist/faq-numbered-list.js

@@ -404,33 +404,11 @@ 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."
-  }
-];
 function FaqNumberedList({
-  badge = "FAQ",
-  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,
+  badge,
+  heading,
+  description,
+  items,
   itemsSlot,
   background = "white",
   spacing = "lg",