@opensite/ui 0.3.3 → 0.4.0

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

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

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

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

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

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

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

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

package/dist/footer-animated-social.cjs

@@ -853,6 +853,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",
@@ -916,10 +917,6 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultSocialLinks = [
-  { name: "Instagram", href: "#" },
-  { name: "X (Twitter)", href: "#" }
-];
 var containerVariants = {
   hidden: { opacity: 0 },
   visible: {
@@ -939,13 +936,13 @@ var itemVariants = {
   }
 };
 function FooterAnimatedSocial({
-  heading = "Connect with Me",
-  description = "No commitments. Just a quick chat to see if we click.",
-  ctaText = "Get in Touch",
+  heading,
+  description,
+  ctaText,
   ctaUrl = "#",
-  socialLinks = defaultSocialLinks,
+  socialLinks,
   copyright,
-  attributionText = "AI Website and Automation Platform by Opensite",
+  attributionText,
   attributionHref = "https://opensite.ai",
   className,
   contentClassName,
@@ -999,7 +996,7 @@ function FooterAnimatedSocial({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-5 space-y-8 md:mt-0", rightColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-6", socialLinksClassName), children: socialLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-5 space-y-8 md:mt-0", rightColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-6", socialLinksClassName), children: socialLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.div,
                 {
                   variants: itemVariants,

package/dist/footer-animated-social.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.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';
 
 /**

package/dist/footer-animated-social.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.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';
 
 /**

package/dist/footer-animated-social.js

@@ -832,6 +832,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",
@@ -895,10 +896,6 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultSocialLinks = [
-  { name: "Instagram", href: "#" },
-  { name: "X (Twitter)", href: "#" }
-];
 var containerVariants = {
   hidden: { opacity: 0 },
   visible: {
@@ -918,13 +915,13 @@ var itemVariants = {
   }
 };
 function FooterAnimatedSocial({
-  heading = "Connect with Me",
-  description = "No commitments. Just a quick chat to see if we click.",
-  ctaText = "Get in Touch",
+  heading,
+  description,
+  ctaText,
   ctaUrl = "#",
-  socialLinks = defaultSocialLinks,
+  socialLinks,
   copyright,
-  attributionText = "AI Website and Automation Platform by Opensite",
+  attributionText,
   attributionHref = "https://opensite.ai",
   className,
   contentClassName,
@@ -978,7 +975,7 @@ function FooterAnimatedSocial({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: cn("mt-5 space-y-8 md:mt-0", rightColumnClassName), children: /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-6", socialLinksClassName), children: socialLinks.map((link) => /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx("div", { className: cn("mt-5 space-y-8 md:mt-0", rightColumnClassName), children: /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-6", socialLinksClassName), children: socialLinks?.map((link) => /* @__PURE__ */ jsx(
                 motion.div,
                 {
                   variants: itemVariants,

package/dist/footer-background-card.cjs

@@ -748,6 +748,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",
@@ -811,35 +812,6 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultMenuItems = [
-  {
-    title: "Portfolio",
-    links: [
-      { text: "Overview", url: "#" },
-      { text: "Projects", url: "#" },
-      { text: "Pricing", url: "#" },
-      { text: "About", url: "#" }
-    ]
-  },
-  {
-    title: "Social",
-    links: [
-      { text: "Twitter", url: "#" },
-      { text: "Instagram", url: "#" },
-      { text: "LinkedIn", url: "#" }
-    ]
-  }
-];
-var defaultContact = {
-  phone: "+1 (555) 123-4567",
-  email: "hello@opensite.ai",
-  location: "NYC",
-  timezone: "EST"
-};
-var defaultBottomLinks = [
-  { text: "Terms and Conditions", url: "#" },
-  { text: "Privacy Policy", url: "#" }
-];
 function FooterBackgroundCard({
   logo = {
     url: "https://opensite.ai",
@@ -849,17 +821,17 @@ function FooterBackgroundCard({
   },
   backgroundImage = "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&q=80",
   profileImage = "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=200&q=80",
-  tagline = "Let's Connect",
-  personalMessage = "I'm passionate about creating beautiful, functional components that make your projects shine. Let's work together to bring your vision to life.",
-  ctaText = "Schedule a call",
+  tagline,
+  personalMessage,
+  ctaText,
   ctaUrl = "#",
-  contactTitle = "Contact",
-  contact = defaultContact,
-  menuItems = defaultMenuItems,
+  contactTitle,
+  contact,
+  menuItems,
   copyright,
-  attributionText = "AI Website and Automation Platform by Opensite",
+  attributionText,
   attributionHref = "https://opensite.ai",
-  bottomLinks = defaultBottomLinks,
+  bottomLinks,
   className,
   cardClassName,
   gridClassName,
@@ -921,7 +893,7 @@ function FooterBackgroundCard({
               }
             )
           ] }),
-          menuItems.map((menu, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(menuSectionClassName), children: [
+          menuItems?.map((menu, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(menuSectionClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", menuTitleClassName), children: menu.title }),
             /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: menu.links.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
@@ -935,12 +907,12 @@ function FooterBackgroundCard({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contactSectionClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
             /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.phone }),
-              /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.email }),
+              /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact?.phone }),
+              /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact?.email }),
               /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
-                contact.location,
+                contact?.location,
                 " \u2022 ",
-                contact.timezone
+                contact?.timezone
               ] })
             ] })
           ] })
@@ -959,7 +931,7 @@ function FooterBackgroundCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-4", bottomLinksClassName), children: bottomLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-4", bottomLinksClassName), children: bottomLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: link.url,

package/dist/footer-background-card.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-background-card.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-background-card.js

@@ -727,6 +727,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",
@@ -790,35 +791,6 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultMenuItems = [
-  {
-    title: "Portfolio",
-    links: [
-      { text: "Overview", url: "#" },
-      { text: "Projects", url: "#" },
-      { text: "Pricing", url: "#" },
-      { text: "About", url: "#" }
-    ]
-  },
-  {
-    title: "Social",
-    links: [
-      { text: "Twitter", url: "#" },
-      { text: "Instagram", url: "#" },
-      { text: "LinkedIn", url: "#" }
-    ]
-  }
-];
-var defaultContact = {
-  phone: "+1 (555) 123-4567",
-  email: "hello@opensite.ai",
-  location: "NYC",
-  timezone: "EST"
-};
-var defaultBottomLinks = [
-  { text: "Terms and Conditions", url: "#" },
-  { text: "Privacy Policy", url: "#" }
-];
 function FooterBackgroundCard({
   logo = {
     url: "https://opensite.ai",
@@ -828,17 +800,17 @@ function FooterBackgroundCard({
   },
   backgroundImage = "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&q=80",
   profileImage = "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=200&q=80",
-  tagline = "Let's Connect",
-  personalMessage = "I'm passionate about creating beautiful, functional components that make your projects shine. Let's work together to bring your vision to life.",
-  ctaText = "Schedule a call",
+  tagline,
+  personalMessage,
+  ctaText,
   ctaUrl = "#",
-  contactTitle = "Contact",
-  contact = defaultContact,
-  menuItems = defaultMenuItems,
+  contactTitle,
+  contact,
+  menuItems,
   copyright,
-  attributionText = "AI Website and Automation Platform by Opensite",
+  attributionText,
   attributionHref = "https://opensite.ai",
-  bottomLinks = defaultBottomLinks,
+  bottomLinks,
   className,
   cardClassName,
   gridClassName,
@@ -900,7 +872,7 @@ function FooterBackgroundCard({
               }
             )
           ] }),
-          menuItems.map((menu, idx) => /* @__PURE__ */ jsxs("div", { className: cn(menuSectionClassName), children: [
+          menuItems?.map((menu, idx) => /* @__PURE__ */ jsxs("div", { className: cn(menuSectionClassName), children: [
             /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", menuTitleClassName), children: menu.title }),
             /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: menu.links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
               Pressable,
@@ -914,12 +886,12 @@ function FooterBackgroundCard({
           /* @__PURE__ */ jsxs("div", { className: cn(contactSectionClassName), children: [
             /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
             /* @__PURE__ */ jsxs("ul", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.phone }),
-              /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.email }),
+              /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact?.phone }),
+              /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact?.email }),
               /* @__PURE__ */ jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
-                contact.location,
+                contact?.location,
                 " \u2022 ",
-                contact.timezone
+                contact?.timezone
               ] })
             ] })
           ] })
@@ -938,7 +910,7 @@ function FooterBackgroundCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("div", { className: cn("flex gap-4", bottomLinksClassName), children: bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: cn("flex gap-4", bottomLinksClassName), children: bottomLinks?.map((link, idx) => /* @__PURE__ */ jsx(
             Pressable,
             {
               href: link.url,

package/dist/footer-brand-description.cjs

@@ -853,6 +853,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",
@@ -916,45 +917,6 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultSections = [
-  {
-    title: "Product",
-    links: [
-      { name: "Overview", href: "#" },
-      { name: "Pricing", href: "#" },
-      { name: "Marketplace", href: "#" },
-      { name: "Features", href: "#" }
-    ]
-  },
-  {
-    title: "Company",
-    links: [
-      { name: "About", href: "#" },
-      { name: "Team", href: "#" },
-      { name: "Blog", href: "#" },
-      { name: "Careers", href: "#" }
-    ]
-  },
-  {
-    title: "Resources",
-    links: [
-      { name: "Help", href: "#" },
-      { name: "Sales", href: "#" },
-      { name: "Advertise", href: "#" },
-      { name: "Privacy", href: "#" }
-    ]
-  }
-];
-var defaultSocialLinks = [
-  { icon: "simple-icons/instagram", href: "#", label: "Instagram" },
-  { icon: "simple-icons/facebook", href: "#", label: "Facebook" },
-  { icon: "simple-icons/x", href: "#", label: "X (Twitter)" },
-  { icon: "simple-icons/linkedin", href: "#", label: "LinkedIn" }
-];
-var defaultLegalLinks = [
-  { name: "Terms and Conditions", href: "#" },
-  { name: "Privacy Policy", href: "#" }
-];
 function FooterBrandDescription({
   logo = {
     url: "https://opensite.ai",
@@ -962,13 +924,13 @@ function FooterBrandDescription({
     alt: "Opensite AI",
     title: "Opensite AI"
   },
-  sections = defaultSections,
-  description = "A collection of components for your startup business or side project.",
-  socialLinks = defaultSocialLinks,
+  sections,
+  description,
+  socialLinks,
   copyright,
-  attributionText = "AI Website and Automation Platform by Opensite",
+  attributionText,
   attributionHref = "https://opensite.ai",
-  legalLinks = defaultLegalLinks,
+  legalLinks,
   className,
   contentClassName,
   layoutClassName,
@@ -1020,9 +982,9 @@ function FooterBrandDescription({
               /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-[70%] text-sm text-muted-foreground", descriptionClassName), children: description }),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex items-center space-x-6 text-muted-foreground", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("font-medium hover:text-primary", socialLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 }) }) }, idx)) })
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex items-center space-x-6 text-muted-foreground", socialLinksClassName), children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("font-medium hover:text-primary", socialLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 }) }) }, idx)) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid w-full gap-6 md:grid-cols-3 lg:gap-20", navGridClassName), children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid w-full gap-6 md:grid-cols-3 lg:gap-20", navGridClassName), children: sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-bold", navTitleClassName), children: section.title }),
             /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3 text-sm text-muted-foreground", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
               "li",
@@ -1048,7 +1010,7 @@ function FooterBrandDescription({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("order-1 flex flex-col gap-2 md:order-2 md:flex-row", legalLinksClassName), children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("hover:text-primary", legalLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name }) }, idx)) })
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("order-1 flex flex-col gap-2 md:order-2 md:flex-row", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("hover:text-primary", legalLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name }) }, idx)) })
         ] })
       ] })
     }

package/dist/footer-brand-description.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-brand-description.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**