@opensite/ui 0.3.4 → 0.4.1

package/dist/navbar-search-focused.js

@@ -1071,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,
@@ -1095,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",
@@ -1207,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(
@@ -1228,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,

package/dist/navbar-sidebar-mobile.cjs

@@ -1193,58 +1193,18 @@ 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 defaultMenu = [
-  {
-    title: "Products",
-    items: [
-      { title: "Dashboard", url: "#", description: "Monitor your metrics", icon: "lucide/layout-dashboard" },
-      { title: "Analytics", url: "#", description: "Deep insights", icon: "lucide/bar-chart-3" },
-      { title: "Reports", url: "#", description: "Generate reports", icon: "lucide/file-text" },
-      { title: "Settings", url: "#", description: "Configure options", icon: "lucide/settings" }
-    ]
-  },
-  {
-    title: "Solutions",
-    items: [
-      { title: "Enterprise", url: "#", description: "For large teams", icon: "lucide/building-2" },
-      { title: "Startups", url: "#", description: "For growing companies", icon: "lucide/rocket" },
-      { title: "Agencies", url: "#", description: "For creative teams", icon: "lucide/palette" }
-    ]
-  },
-  {
-    title: "Resources",
-    items: [
-      { title: "Documentation", url: "#", description: "Guides and references", icon: "lucide/book" },
-      { title: "Blog", url: "#", description: "Latest updates", icon: "lucide/newspaper" },
-      { title: "Community", url: "#", description: "Join discussions", icon: "lucide/users" }
-    ]
-  },
-  { title: "Pricing", url: "#" },
-  { title: "Contact", url: "#" }
-];
-var defaultMobileExtraLinks = [
-  { title: "Help Center", url: "#" },
-  { title: "API Status", url: "#" },
-  { title: "Terms of Service", url: "#" }
-];
-var defaultAuthActions = [
-  { label: "Log in", href: "#", variant: "ghost", size: "default" },
-  { label: "Sign up", href: "#", variant: "default", size: "default" }
-];
 var NavbarSidebarMobile = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  menu = defaultMenu,
+  menu,
   menuSlot,
-  mobileExtraLinks = defaultMobileExtraLinks,
+  mobileExtraLinks,
   mobileExtraLinksSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
   className,
   containerClassName,

package/dist/navbar-sidebar-mobile.js

@@ -1169,58 +1169,18 @@ 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 defaultMenu = [
-  {
-    title: "Products",
-    items: [
-      { title: "Dashboard", url: "#", description: "Monitor your metrics", icon: "lucide/layout-dashboard" },
-      { title: "Analytics", url: "#", description: "Deep insights", icon: "lucide/bar-chart-3" },
-      { title: "Reports", url: "#", description: "Generate reports", icon: "lucide/file-text" },
-      { title: "Settings", url: "#", description: "Configure options", icon: "lucide/settings" }
-    ]
-  },
-  {
-    title: "Solutions",
-    items: [
-      { title: "Enterprise", url: "#", description: "For large teams", icon: "lucide/building-2" },
-      { title: "Startups", url: "#", description: "For growing companies", icon: "lucide/rocket" },
-      { title: "Agencies", url: "#", description: "For creative teams", icon: "lucide/palette" }
-    ]
-  },
-  {
-    title: "Resources",
-    items: [
-      { title: "Documentation", url: "#", description: "Guides and references", icon: "lucide/book" },
-      { title: "Blog", url: "#", description: "Latest updates", icon: "lucide/newspaper" },
-      { title: "Community", url: "#", description: "Join discussions", icon: "lucide/users" }
-    ]
-  },
-  { title: "Pricing", url: "#" },
-  { title: "Contact", url: "#" }
-];
-var defaultMobileExtraLinks = [
-  { title: "Help Center", url: "#" },
-  { title: "API Status", url: "#" },
-  { title: "Terms of Service", url: "#" }
-];
-var defaultAuthActions = [
-  { label: "Log in", href: "#", variant: "ghost", size: "default" },
-  { label: "Sign up", href: "#", variant: "default", size: "default" }
-];
 var NavbarSidebarMobile = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  menu = defaultMenu,
+  menu,
   menuSlot,
-  mobileExtraLinks = defaultMobileExtraLinks,
+  mobileExtraLinks,
   mobileExtraLinksSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
   className,
   containerClassName,

package/dist/navbar-simple-links.cjs

@@ -1050,15 +1050,6 @@ function PopoverContent({
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
   logoMark: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/monochrome-rounded-square-app-icon-circular-emblem.png"};
-var defaultNavItems = [
-  { name: "Home", link: "#" },
-  { name: "About", link: "#" },
-  { name: "Pricing", link: "#" },
-  { name: "Contact", link: "#" }
-];
-var defaultActions = [
-  { label: "Sign Up", href: "#", variant: "outline", size: "sm" }
-];
 var AnimatedHamburger = ({ isOpen }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "group relative size-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute flex size-full items-center justify-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -1135,16 +1126,14 @@ var NavbarSimpleLinks = ({
   actionsClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  navItems = defaultNavItems,
+  navItems,
   navItemsSlot,
   defaultActiveItem,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   background = "white",
   spacing = "sm",
@@ -1152,7 +1141,7 @@ var NavbarSimpleLinks = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [activeItem, setActiveItem] = React.useState(defaultActiveItem || navItems[0]?.name || "");
+  const [activeItem, setActiveItem] = React.useState(defaultActiveItem || navItems?.[0]?.name || "");
   const indicatorRef = React.useRef(null);
   const menuRef = React.useRef(null);
   React.useEffect(() => {
@@ -1252,7 +1241,7 @@ var NavbarSimpleLinks = ({
         /* @__PURE__ */ jsxRuntime.jsx(
           MobileNav,
           {
-            navItems,
+            navItems: navItems ?? [],
             activeItem,
             setActiveItem,
             actions,

package/dist/navbar-simple-links.js

@@ -1027,15 +1027,6 @@ function PopoverContent({
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
   logoMark: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/monochrome-rounded-square-app-icon-circular-emblem.png"};
-var defaultNavItems = [
-  { name: "Home", link: "#" },
-  { name: "About", link: "#" },
-  { name: "Pricing", link: "#" },
-  { name: "Contact", link: "#" }
-];
-var defaultActions = [
-  { label: "Sign Up", href: "#", variant: "outline", size: "sm" }
-];
 var AnimatedHamburger = ({ isOpen }) => {
   return /* @__PURE__ */ jsx("div", { className: "group relative size-full", children: /* @__PURE__ */ jsxs("div", { className: "absolute flex size-full items-center justify-center", children: [
     /* @__PURE__ */ jsx(
@@ -1112,16 +1103,14 @@ var NavbarSimpleLinks = ({
   actionsClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  navItems = defaultNavItems,
+  navItems,
   navItemsSlot,
   defaultActiveItem,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   background = "white",
   spacing = "sm",
@@ -1129,7 +1118,7 @@ var NavbarSimpleLinks = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [activeItem, setActiveItem] = useState(defaultActiveItem || navItems[0]?.name || "");
+  const [activeItem, setActiveItem] = useState(defaultActiveItem || navItems?.[0]?.name || "");
   const indicatorRef = useRef(null);
   const menuRef = useRef(null);
   useEffect(() => {
@@ -1229,7 +1218,7 @@ var NavbarSimpleLinks = ({
         /* @__PURE__ */ jsx(
           MobileNav,
           {
-            navItems,
+            navItems: navItems ?? [],
             activeItem,
             setActiveItem,
             actions,

package/dist/navbar-split-cta.cjs

@@ -1137,40 +1137,14 @@ 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 defaultMenu = [
-  {
-    title: "Product",
-    items: [
-      { title: "Features", url: "#", description: "Explore all features", icon: "lucide/sparkles" },
-      { title: "Integrations", url: "#", description: "Connect your tools", icon: "lucide/puzzle" },
-      { title: "API", url: "#", description: "Build with our API", icon: "lucide/code" }
-    ]
-  },
-  {
-    title: "Solutions",
-    items: [
-      { title: "Enterprise", url: "#", description: "For large organizations", icon: "lucide/building-2" },
-      { title: "Small Business", url: "#", description: "For growing teams", icon: "lucide/store" },
-      { title: "Developers", url: "#", description: "For technical teams", icon: "lucide/terminal" }
-    ]
-  },
-  { title: "Pricing", url: "#" },
-  { title: "Resources", url: "#" }
-];
-var defaultAuthActions = [
-  { label: "Book Demo", href: "#", variant: "outline", size: "default" },
-  { label: "Start Free Trial", href: "#", variant: "default", size: "default", iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16, className: "ml-1" }) }
-];
 var NavbarSplitCta = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  menu = defaultMenu,
+  menu,
   menuSlot,
   primaryCta,
   secondaryCta,
@@ -1191,7 +1165,7 @@ var NavbarSplitCta = ({
   const finalAuthActions = authActions || (primaryCta || secondaryCta ? [
     ...secondaryCta ? [{ label: secondaryCta.label, href: secondaryCta.url, variant: "outline", size: "default" }] : [],
     ...primaryCta ? [{ label: primaryCta.label, href: primaryCta.url, variant: "default", size: "default", iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16, className: "ml-1" }) }] : []
-  ] : defaultAuthActions);
+  ] : []);
   const renderLogo = () => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;

package/dist/navbar-split-cta.js

@@ -1114,40 +1114,14 @@ 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 defaultMenu = [
-  {
-    title: "Product",
-    items: [
-      { title: "Features", url: "#", description: "Explore all features", icon: "lucide/sparkles" },
-      { title: "Integrations", url: "#", description: "Connect your tools", icon: "lucide/puzzle" },
-      { title: "API", url: "#", description: "Build with our API", icon: "lucide/code" }
-    ]
-  },
-  {
-    title: "Solutions",
-    items: [
-      { title: "Enterprise", url: "#", description: "For large organizations", icon: "lucide/building-2" },
-      { title: "Small Business", url: "#", description: "For growing teams", icon: "lucide/store" },
-      { title: "Developers", url: "#", description: "For technical teams", icon: "lucide/terminal" }
-    ]
-  },
-  { title: "Pricing", url: "#" },
-  { title: "Resources", url: "#" }
-];
-var defaultAuthActions = [
-  { label: "Book Demo", href: "#", variant: "outline", size: "default" },
-  { label: "Start Free Trial", href: "#", variant: "default", size: "default", iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16, className: "ml-1" }) }
-];
 var NavbarSplitCta = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  menu = defaultMenu,
+  menu,
   menuSlot,
   primaryCta,
   secondaryCta,
@@ -1168,7 +1142,7 @@ var NavbarSplitCta = ({
   const finalAuthActions = authActions || (primaryCta || secondaryCta ? [
     ...secondaryCta ? [{ label: secondaryCta.label, href: secondaryCta.url, variant: "outline", size: "default" }] : [],
     ...primaryCta ? [{ label: primaryCta.label, href: primaryCta.url, variant: "default", size: "default", iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16, className: "ml-1" }) }] : []
-  ] : defaultAuthActions);
+  ] : []);
   const renderLogo = () => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;

package/dist/navbar-sticky-compact.cjs

@@ -1137,43 +1137,16 @@ 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 defaultMenu = [
-  {
-    title: "Features",
-    items: [
-      { title: "Analytics", url: "#", icon: "lucide/bar-chart-3" },
-      { title: "Automation", url: "#", icon: "lucide/zap" },
-      { title: "Integrations", url: "#", icon: "lucide/puzzle" },
-      { title: "Security", url: "#", icon: "lucide/shield" }
-    ]
-  },
-  {
-    title: "Solutions",
-    items: [
-      { title: "For Teams", url: "#", icon: "lucide/users" },
-      { title: "For Enterprise", url: "#", icon: "lucide/building-2" },
-      { title: "For Startups", url: "#", icon: "lucide/rocket" }
-    ]
-  },
-  { title: "Pricing", url: "#" },
-  { title: "Docs", url: "#" }
-];
-var defaultAuthActions = [
-  { label: "Log in", href: "#", variant: "ghost", size: "sm" },
-  { label: "Sign up", href: "#", variant: "default", size: "sm" }
-];
 var NavbarStickyCompact = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  menu = defaultMenu,
+  menu,
   menuSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
   className,
   containerClassName,

package/dist/navbar-sticky-compact.js

@@ -1114,43 +1114,16 @@ 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 defaultMenu = [
-  {
-    title: "Features",
-    items: [
-      { title: "Analytics", url: "#", icon: "lucide/bar-chart-3" },
-      { title: "Automation", url: "#", icon: "lucide/zap" },
-      { title: "Integrations", url: "#", icon: "lucide/puzzle" },
-      { title: "Security", url: "#", icon: "lucide/shield" }
-    ]
-  },
-  {
-    title: "Solutions",
-    items: [
-      { title: "For Teams", url: "#", icon: "lucide/users" },
-      { title: "For Enterprise", url: "#", icon: "lucide/building-2" },
-      { title: "For Startups", url: "#", icon: "lucide/rocket" }
-    ]
-  },
-  { title: "Pricing", url: "#" },
-  { title: "Docs", url: "#" }
-];
-var defaultAuthActions = [
-  { label: "Log in", href: "#", variant: "ghost", size: "sm" },
-  { label: "Sign up", href: "#", variant: "default", size: "sm" }
-];
 var NavbarStickyCompact = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  menu = defaultMenu,
+  menu,
   menuSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
   className,
   containerClassName,