@opensite/ui 0.3.3 → 0.4.0

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

package/dist/faq-muted-cards.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-muted-cards.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-muted-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,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

@@ -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,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.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-numbered-grid.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-numbered-grid.js

@@ -306,6 +306,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",
@@ -369,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

@@ -346,6 +346,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",
@@ -409,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.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-numbered-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';
 

package/dist/faq-numbered-list.js

@@ -340,6 +340,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",
@@ -403,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",

package/dist/faq-profile-sidebar.cjs

@@ -1028,6 +1028,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",
@@ -1091,52 +1092,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."
-  }
-];
-var defaultContactAction = {
-  label: "Contact Support",
-  href: "#",
-  variant: "outline"
-};
 function FaqProfileSidebar({
-  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,
   profileSlot,
   profileImage = imagePlaceholders[0],
@@ -1144,7 +1103,7 @@ function FaqProfileSidebar({
   profileRole = "Customer Success Manager",
   profileDescription = "I'm here to help you get the most out of our platform. Feel free to reach out with any questions!",
   contactText = "Still have questions?",
-  contactAction = defaultContactAction,
+  contactAction,
   background = "white",
   spacing = "lg",
   pattern,
@@ -1219,7 +1178,7 @@ function FaqProfileSidebar({
         ] })
       ] }),
       typeof profileDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground mt-4 text-sm", profileDescriptionClassName), children: profileDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: profileDescriptionClassName, children: profileDescription }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-6 border-t pt-6", contactSectionClassName), children: [
+      contactAction && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-6 border-t pt-6", contactSectionClassName), children: [
         typeof contactText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: contactText }) : contactText,
         /* @__PURE__ */ jsxRuntime.jsx(
           Pressable,

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

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
 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-profile-sidebar.d.ts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
 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-profile-sidebar.js

@@ -1006,6 +1006,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",
@@ -1069,52 +1070,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."
-  }
-];
-var defaultContactAction = {
-  label: "Contact Support",
-  href: "#",
-  variant: "outline"
-};
 function FaqProfileSidebar({
-  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,
   profileSlot,
   profileImage = imagePlaceholders[0],
@@ -1122,7 +1081,7 @@ function FaqProfileSidebar({
   profileRole = "Customer Success Manager",
   profileDescription = "I'm here to help you get the most out of our platform. Feel free to reach out with any questions!",
   contactText = "Still have questions?",
-  contactAction = defaultContactAction,
+  contactAction,
   background = "white",
   spacing = "lg",
   pattern,
@@ -1197,7 +1156,7 @@ function FaqProfileSidebar({
         ] })
       ] }),
       typeof profileDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground mt-4 text-sm", profileDescriptionClassName), children: profileDescription }) : /* @__PURE__ */ jsx("div", { className: profileDescriptionClassName, children: profileDescription }),
-      /* @__PURE__ */ jsxs("div", { className: cn("mt-6 border-t pt-6", contactSectionClassName), children: [
+      contactAction && /* @__PURE__ */ jsxs("div", { className: cn("mt-6 border-t pt-6", contactSectionClassName), children: [
         typeof contactText === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: contactText }) : contactText,
         /* @__PURE__ */ jsx(
           Pressable,

package/dist/faq-rounded-cards.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,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 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-rounded-cards.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-rounded-cards.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';