@opensite/ui 0.3.3 → 0.4.0

package/dist/navbar-platform-resources.cjs

@@ -857,6 +857,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",
@@ -1116,120 +1117,6 @@ function NavigationMenuLink({
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
   logoMark: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/monochrome-rounded-square-app-icon-circular-emblem.png"};
-var defaultSolutions = [
-  {
-    title: "First solution",
-    description: "Vestibulum scelerisque quis nisl ut convallis.",
-    href: "#",
-    icon: "lucide/cloud"
-  },
-  {
-    title: "Another solution",
-    description: "Curabitur vehicula malesuada enim a cursus.",
-    href: "#",
-    icon: "lucide/lock"
-  },
-  {
-    title: "And a third solution",
-    description: "Proin aliquam feugiat lobortis.",
-    href: "#",
-    icon: "lucide/fingerprint"
-  },
-  {
-    title: "And a fourth solution",
-    description: "Donec nec sapien nec dolor.",
-    href: "#",
-    icon: "lucide/cloud"
-  }
-];
-var defaultPlatformCases = [
-  { title: "Banking", href: "#", icon: "lucide/credit-card" },
-  { title: "Fintech", href: "#", icon: "lucide/banknote" },
-  { title: "E-commerce", href: "#", icon: "lucide/shopping-cart" },
-  { title: "Travel & Hospitality", href: "#", icon: "lucide/plane" },
-  { title: "Real Estate", href: "#", icon: "lucide/home" },
-  { title: "Gaming", href: "#", icon: "lucide/gamepad-2" },
-  { title: "Manufacturing", href: "#", icon: "lucide/factory" },
-  { title: "Logistics", href: "#", icon: "lucide/truck" }
-];
-var defaultResources = [
-  {
-    title: "AI Powered",
-    description: "Explore AI-powered resources",
-    href: "#",
-    icon: "lucide/sparkle"
-  },
-  {
-    title: "AI Development",
-    description: "Tools and frameworks for AI development",
-    href: "#",
-    icon: "lucide/code"
-  },
-  {
-    title: "Machine Learning",
-    description: "Resources for machine learning enthusiasts",
-    href: "#",
-    icon: "lucide/brain"
-  },
-  {
-    title: "Data Management",
-    description: "Best practices for data management",
-    href: "#",
-    icon: "lucide/database"
-  },
-  {
-    title: "Cloud AI",
-    description: "Cloud-based AI solutions",
-    href: "#",
-    icon: "lucide/cloud"
-  },
-  {
-    title: "AI Security",
-    description: "Secure your AI applications",
-    href: "#",
-    icon: "lucide/shield"
-  },
-  {
-    title: "AI Configuration",
-    description: "Configure AI systems effectively",
-    href: "#",
-    icon: "lucide/settings"
-  },
-  {
-    title: "AI Analytics",
-    description: "Analyze AI performance metrics",
-    href: "#",
-    icon: "lucide/bar-chart"
-  },
-  {
-    title: "Global AI Trends",
-    description: "Stay updated with global AI trends",
-    href: "#",
-    icon: "lucide/globe"
-  },
-  {
-    title: "AI Community",
-    description: "Join the AI community",
-    href: "#",
-    icon: "lucide/users"
-  },
-  {
-    title: "AI Learning",
-    description: "Learn AI from the best resources",
-    href: "#",
-    icon: "lucide/book-open"
-  },
-  {
-    title: "AI Support",
-    description: "Get support for AI-related queries",
-    href: "#",
-    icon: "lucide/message-square"
-  }
-];
-var defaultAuthActions = [
-  { label: "Sign in", href: "#", variant: "ghost", asButton: true },
-  { label: "Get Started", href: "#", asButton: true }
-];
 var NavbarPlatformResources = ({
   className,
   containerClassName,
@@ -1240,15 +1127,13 @@ var NavbarPlatformResources = ({
   mobileMenuClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
-  solutions = defaultSolutions,
-  platformCases = defaultPlatformCases,
-  resources = defaultResources,
-  authActions = defaultAuthActions,
+  solutions,
+  platformCases,
+  resources,
+  authActions,
   authActionsSlot,
   background = "white",
   spacing = "none",
@@ -1310,7 +1195,7 @@ var NavbarPlatformResources = ({
               /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "min-w-[760px] p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[760px] flex-1", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs tracking-widest text-muted-foreground", children: "Solutions" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-rows-1 gap-6", children: solutions.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-rows-1 gap-6", children: solutions?.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                     NavigationMenuLink,
                     {
                       href: solution.href,
@@ -1335,7 +1220,7 @@ var NavbarPlatformResources = ({
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[760px] flex-1", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs tracking-widest text-muted-foreground", children: "By Use Case" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 gap-6", children: platformCases.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 gap-6", children: platformCases?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                     NavigationMenuLink,
                     {
                       href: item.href,
@@ -1359,7 +1244,7 @@ var NavbarPlatformResources = ({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Resources" }),
-              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "w-full min-w-[820px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-6", children: resources.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { className: "w-full min-w-[820px] p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-6", children: resources?.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                 NavigationMenuLink,
                 {
                   href: resource.href,
@@ -1407,7 +1292,7 @@ var NavbarPlatformResources = ({
               /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: "Solutions" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: solutions.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: solutions?.map((solution, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                     Pressable,
                     {
                       href: solution.href,
@@ -1432,7 +1317,7 @@ var NavbarPlatformResources = ({
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: "By Use Case" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: platformCases.map((useCase, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: platformCases?.map((useCase, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                     Pressable,
                     {
                       href: useCase.href,
@@ -1456,7 +1341,7 @@ var NavbarPlatformResources = ({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "resources", className: "border-b-2 border-dashed", children: [
               /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "px-2 py-4 text-left hover:no-underline", children: "Resources" }),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: resources.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: resources?.map((resource, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                 Pressable,
                 {
                   href: resource.href,

package/dist/navbar-platform-resources.d.cts

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

package/dist/navbar-platform-resources.d.ts

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

package/dist/navbar-platform-resources.js

@@ -834,6 +834,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",
@@ -1093,120 +1094,6 @@ function NavigationMenuLink({
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
   logoMark: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/monochrome-rounded-square-app-icon-circular-emblem.png"};
-var defaultSolutions = [
-  {
-    title: "First solution",
-    description: "Vestibulum scelerisque quis nisl ut convallis.",
-    href: "#",
-    icon: "lucide/cloud"
-  },
-  {
-    title: "Another solution",
-    description: "Curabitur vehicula malesuada enim a cursus.",
-    href: "#",
-    icon: "lucide/lock"
-  },
-  {
-    title: "And a third solution",
-    description: "Proin aliquam feugiat lobortis.",
-    href: "#",
-    icon: "lucide/fingerprint"
-  },
-  {
-    title: "And a fourth solution",
-    description: "Donec nec sapien nec dolor.",
-    href: "#",
-    icon: "lucide/cloud"
-  }
-];
-var defaultPlatformCases = [
-  { title: "Banking", href: "#", icon: "lucide/credit-card" },
-  { title: "Fintech", href: "#", icon: "lucide/banknote" },
-  { title: "E-commerce", href: "#", icon: "lucide/shopping-cart" },
-  { title: "Travel & Hospitality", href: "#", icon: "lucide/plane" },
-  { title: "Real Estate", href: "#", icon: "lucide/home" },
-  { title: "Gaming", href: "#", icon: "lucide/gamepad-2" },
-  { title: "Manufacturing", href: "#", icon: "lucide/factory" },
-  { title: "Logistics", href: "#", icon: "lucide/truck" }
-];
-var defaultResources = [
-  {
-    title: "AI Powered",
-    description: "Explore AI-powered resources",
-    href: "#",
-    icon: "lucide/sparkle"
-  },
-  {
-    title: "AI Development",
-    description: "Tools and frameworks for AI development",
-    href: "#",
-    icon: "lucide/code"
-  },
-  {
-    title: "Machine Learning",
-    description: "Resources for machine learning enthusiasts",
-    href: "#",
-    icon: "lucide/brain"
-  },
-  {
-    title: "Data Management",
-    description: "Best practices for data management",
-    href: "#",
-    icon: "lucide/database"
-  },
-  {
-    title: "Cloud AI",
-    description: "Cloud-based AI solutions",
-    href: "#",
-    icon: "lucide/cloud"
-  },
-  {
-    title: "AI Security",
-    description: "Secure your AI applications",
-    href: "#",
-    icon: "lucide/shield"
-  },
-  {
-    title: "AI Configuration",
-    description: "Configure AI systems effectively",
-    href: "#",
-    icon: "lucide/settings"
-  },
-  {
-    title: "AI Analytics",
-    description: "Analyze AI performance metrics",
-    href: "#",
-    icon: "lucide/bar-chart"
-  },
-  {
-    title: "Global AI Trends",
-    description: "Stay updated with global AI trends",
-    href: "#",
-    icon: "lucide/globe"
-  },
-  {
-    title: "AI Community",
-    description: "Join the AI community",
-    href: "#",
-    icon: "lucide/users"
-  },
-  {
-    title: "AI Learning",
-    description: "Learn AI from the best resources",
-    href: "#",
-    icon: "lucide/book-open"
-  },
-  {
-    title: "AI Support",
-    description: "Get support for AI-related queries",
-    href: "#",
-    icon: "lucide/message-square"
-  }
-];
-var defaultAuthActions = [
-  { label: "Sign in", href: "#", variant: "ghost", asButton: true },
-  { label: "Get Started", href: "#", asButton: true }
-];
 var NavbarPlatformResources = ({
   className,
   containerClassName,
@@ -1217,15 +1104,13 @@ var NavbarPlatformResources = ({
   mobileMenuClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
-  solutions = defaultSolutions,
-  platformCases = defaultPlatformCases,
-  resources = defaultResources,
-  authActions = defaultAuthActions,
+  solutions,
+  platformCases,
+  resources,
+  authActions,
   authActionsSlot,
   background = "white",
   spacing = "none",
@@ -1287,7 +1172,7 @@ var NavbarPlatformResources = ({
               /* @__PURE__ */ jsx(NavigationMenuContent, { className: "min-w-[760px] p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
                 /* @__PURE__ */ jsxs("div", { className: "max-w-[760px] flex-1", children: [
                   /* @__PURE__ */ jsx("div", { className: "text-xs tracking-widest text-muted-foreground", children: "Solutions" }),
-                  /* @__PURE__ */ jsx("div", { className: "grid grid-rows-1 gap-6", children: solutions.map((solution, index) => /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx("div", { className: "grid grid-rows-1 gap-6", children: solutions?.map((solution, index) => /* @__PURE__ */ jsxs(
                     NavigationMenuLink,
                     {
                       href: solution.href,
@@ -1312,7 +1197,7 @@ var NavbarPlatformResources = ({
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "max-w-[760px] flex-1", children: [
                   /* @__PURE__ */ jsx("div", { className: "text-xs tracking-widest text-muted-foreground", children: "By Use Case" }),
-                  /* @__PURE__ */ jsx("div", { className: "mt-4 gap-6", children: platformCases.map((item, index) => /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx("div", { className: "mt-4 gap-6", children: platformCases?.map((item, index) => /* @__PURE__ */ jsxs(
                     NavigationMenuLink,
                     {
                       href: item.href,
@@ -1336,7 +1221,7 @@ var NavbarPlatformResources = ({
             ] }),
             /* @__PURE__ */ jsxs(NavigationMenuItem, { children: [
               /* @__PURE__ */ jsx(NavigationMenuTrigger, { children: "Resources" }),
-              /* @__PURE__ */ jsx(NavigationMenuContent, { className: "w-full min-w-[820px] p-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-6", children: resources.map((resource, index) => /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(NavigationMenuContent, { className: "w-full min-w-[820px] p-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-6", children: resources?.map((resource, index) => /* @__PURE__ */ jsxs(
                 NavigationMenuLink,
                 {
                   href: resource.href,
@@ -1384,7 +1269,7 @@ var NavbarPlatformResources = ({
               /* @__PURE__ */ jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: "Solutions" }),
-                  /* @__PURE__ */ jsx("div", { className: "space-y-4", children: solutions.map((solution, index) => /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx("div", { className: "space-y-4", children: solutions?.map((solution, index) => /* @__PURE__ */ jsxs(
                     Pressable,
                     {
                       href: solution.href,
@@ -1409,7 +1294,7 @@ var NavbarPlatformResources = ({
                 ] }),
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("div", { className: "mb-4 text-xs tracking-widest text-muted-foreground uppercase", children: "By Use Case" }),
-                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: platformCases.map((useCase, index) => /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: platformCases?.map((useCase, index) => /* @__PURE__ */ jsxs(
                     Pressable,
                     {
                       href: useCase.href,
@@ -1433,7 +1318,7 @@ var NavbarPlatformResources = ({
             ] }),
             /* @__PURE__ */ jsxs(AccordionItem, { value: "resources", className: "border-b-2 border-dashed", children: [
               /* @__PURE__ */ jsx(AccordionTrigger, { className: "px-2 py-4 text-left hover:no-underline", children: "Resources" }),
-              /* @__PURE__ */ jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: resources.map((resource, index) => /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(AccordionContent, { className: "px-2 pb-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: resources?.map((resource, index) => /* @__PURE__ */ jsxs(
                 Pressable,
                 {
                   href: resource.href,

package/dist/navbar-search-focused.cjs

@@ -857,6 +857,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",
@@ -1093,22 +1094,6 @@ function SheetTitle({
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
   logoMark: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/monochrome-rounded-square-app-icon-circular-emblem.png"};
-var defaultNavItems = [
-  { title: "Explore", url: "#" },
-  { title: "Categories", url: "#" },
-  { title: "Trending", url: "#" },
-  { title: "Collections", url: "#" }
-];
-var defaultAuthActions = [
-  { href: "#", variant: "ghost", size: "icon", icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/heart", size: 20 }), "aria-label": "Favorites" },
-  { href: "#", variant: "ghost", size: "icon", icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/shopping-cart", size: 20 }), "aria-label": "Cart" },
-  { href: "#", variant: "ghost", size: "icon", icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/user", size: 20 }), "aria-label": "Account" }
-];
-var defaultMobileMenuActions = [
-  { label: "Favorites", href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/heart", size: 18 }) },
-  { label: "Cart", href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/shopping-cart", size: 18 }) },
-  { label: "Account", href: "#", icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/user", size: 18 }) }
-];
 var NavbarSearchFocused = ({
   className,
   containerClassName,
@@ -1117,20 +1102,18 @@ var NavbarSearchFocused = ({
   actionsClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  navItems = defaultNavItems,
+  navItems,
   navigationSlot,
   searchPlaceholder = "Search for anything...",
   onSearch,
   searchSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
-  mobileMenuActions = defaultMobileMenuActions,
+  mobileMenuActions,
   mobileMenuActionsSlot,
   background = "white",
   spacing = "none",
@@ -1229,8 +1212,8 @@ var NavbarSearchFocused = ({
       patternOpacity,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: cn("flex items-center gap-4 py-3 lg:gap-8", navClassName), children: [
         renderLogo(),
-        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), children: renderNavigation(navItems.slice(0, 2)) }),
-        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), children: renderNavigation(navItems.slice(2)) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), children: renderNavigation(navItems?.slice(0, 2) ?? []) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), children: renderNavigation(navItems?.slice(2) ?? []) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden shrink-0 items-center gap-2 lg:flex", actionsClassName), children: renderAuthActions() }),
         /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
           /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1250,7 +1233,7 @@ var NavbarSearchFocused = ({
           /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "w-[280px]", children: [
             /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "sr-only", children: "Navigation Menu" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 pt-8", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: navItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: navItems?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                 Pressable,
                 {
                   href: item.url,

package/dist/navbar-search-focused.d.cts

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

package/dist/navbar-search-focused.d.ts

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

package/dist/navbar-search-focused.js

@@ -834,6 +834,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",
@@ -1070,22 +1071,6 @@ function SheetTitle({
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
   logoMark: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/monochrome-rounded-square-app-icon-circular-emblem.png"};
-var defaultNavItems = [
-  { title: "Explore", url: "#" },
-  { title: "Categories", url: "#" },
-  { title: "Trending", url: "#" },
-  { title: "Collections", url: "#" }
-];
-var defaultAuthActions = [
-  { href: "#", variant: "ghost", size: "icon", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/heart", size: 20 }), "aria-label": "Favorites" },
-  { href: "#", variant: "ghost", size: "icon", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/shopping-cart", size: 20 }), "aria-label": "Cart" },
-  { href: "#", variant: "ghost", size: "icon", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/user", size: 20 }), "aria-label": "Account" }
-];
-var defaultMobileMenuActions = [
-  { label: "Favorites", href: "#", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/heart", size: 18 }) },
-  { label: "Cart", href: "#", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/shopping-cart", size: 18 }) },
-  { label: "Account", href: "#", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/user", size: 18 }) }
-];
 var NavbarSearchFocused = ({
   className,
   containerClassName,
@@ -1094,20 +1079,18 @@ var NavbarSearchFocused = ({
   actionsClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  navItems = defaultNavItems,
+  navItems,
   navigationSlot,
   searchPlaceholder = "Search for anything...",
   onSearch,
   searchSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
-  mobileMenuActions = defaultMobileMenuActions,
+  mobileMenuActions,
   mobileMenuActionsSlot,
   background = "white",
   spacing = "none",
@@ -1206,8 +1189,8 @@ var NavbarSearchFocused = ({
       patternOpacity,
       children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("nav", { className: cn("flex items-center gap-4 py-3 lg:gap-8", navClassName), children: [
         renderLogo(),
-        /* @__PURE__ */ jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), children: renderNavigation(navItems.slice(0, 2)) }),
-        /* @__PURE__ */ jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), children: renderNavigation(navItems.slice(2)) }),
+        /* @__PURE__ */ jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), children: renderNavigation(navItems?.slice(0, 2) ?? []) }),
+        /* @__PURE__ */ jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), children: renderNavigation(navItems?.slice(2) ?? []) }),
         /* @__PURE__ */ jsx("div", { className: cn("hidden shrink-0 items-center gap-2 lg:flex", actionsClassName), children: renderAuthActions() }),
         /* @__PURE__ */ jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
           /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, className: "lg:hidden", children: /* @__PURE__ */ jsxs(
@@ -1227,7 +1210,7 @@ var NavbarSearchFocused = ({
           /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "w-[280px]", children: [
             /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: "Navigation Menu" }),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 pt-8", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: navItems.map((item, index) => /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: navItems?.map((item, index) => /* @__PURE__ */ jsxs(
                 Pressable,
                 {
                   href: item.url,