@opensite/ui 0.3.4 → 0.4.1

package/dist/navbar-floating-pill.js

@@ -1039,42 +1039,16 @@ 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 defaultItems = [
-  {
-    label: "Features",
-    href: "#",
-    dropdownItems: [
-      {
-        title: "Modern product teams",
-        href: "#",
-        description: "Built on the habits that make the best product teams successful"
-      },
-      {
-        title: "Resource Allocation",
-        href: "#",
-        description: "Streamline your resource allocation and execution"
-      }
-    ]
-  },
-  { label: "About Us", href: "#" },
-  { label: "Pricing", href: "#" },
-  { label: "FAQ", href: "#" },
-  { label: "Contact", href: "#" }
-];
-var defaultAuthActions = [
-  { label: "Login", href: "#", variant: "outline", size: "sm" }
-];
 var NavbarFloatingPill = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  items = defaultItems,
+  items,
   menuSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
   className,
   containerClassName,

package/dist/navbar-fullscreen-menu.cjs

@@ -816,28 +816,16 @@ Section.displayName = "Section";
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
   darkHorizontalLogo: "https://cdn.ing/assets/i/r/285986/5ivxh3ivywsmm6uslf3te38r6tg1/logo-dark.png"};
-var defaultMenuItems = [
-  { label: "Home", href: "#" },
-  { label: "About", href: "#" },
-  { label: "Services", href: "#" },
-  { label: "Contact", href: "#" }
-];
-var defaultSocialLinks = [
-  { label: "Twitter", href: "#" },
-  { label: "LinkedIn", href: "#" },
-  { label: "Instagram", href: "#" }
-];
 var NavbarFullscreenMenu = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.darkHorizontalLogo,
-    alt: "Opensite AI"
+    src: logoPlaceholders.darkHorizontalLogo
   },
   logoSlot,
   logoClassName,
-  menuItems = defaultMenuItems,
+  menuItems,
   menuSlot,
-  socialLinks = defaultSocialLinks,
+  socialLinks,
   socialLinksSlot,
   className,
   containerClassName,

package/dist/navbar-fullscreen-menu.js

@@ -795,28 +795,16 @@ Section.displayName = "Section";
 // lib/mediaPlaceholders.ts
 var logoPlaceholders = {
   darkHorizontalLogo: "https://cdn.ing/assets/i/r/285986/5ivxh3ivywsmm6uslf3te38r6tg1/logo-dark.png"};
-var defaultMenuItems = [
-  { label: "Home", href: "#" },
-  { label: "About", href: "#" },
-  { label: "Services", href: "#" },
-  { label: "Contact", href: "#" }
-];
-var defaultSocialLinks = [
-  { label: "Twitter", href: "#" },
-  { label: "LinkedIn", href: "#" },
-  { label: "Instagram", href: "#" }
-];
 var NavbarFullscreenMenu = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.darkHorizontalLogo,
-    alt: "Opensite AI"
+    src: logoPlaceholders.darkHorizontalLogo
   },
   logoSlot,
   logoClassName,
-  menuItems = defaultMenuItems,
+  menuItems,
   menuSlot,
-  socialLinks = defaultSocialLinks,
+  socialLinks,
   socialLinksSlot,
   className,
   containerClassName,

package/dist/navbar-icon-links.cjs

@@ -1142,29 +1142,16 @@ function TooltipContent({
 // 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: "Dashboard", url: "#", icon: "lucide/layout-dashboard" },
-  { title: "Analytics", url: "#", icon: "lucide/bar-chart-3" },
-  { title: "Projects", url: "#", icon: "lucide/folder" },
-  { title: "Messages", url: "#", icon: "lucide/message-square" },
-  { title: "Settings", url: "#", icon: "lucide/settings" }
-];
-var defaultAuthActions = [
-  { label: "Notifications", href: "#", variant: "ghost", size: "icon", icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/bell", size: 20 }) },
-  { label: "Profile", href: "#", variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-primary text-primary-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "JD" }) }) }
-];
 var NavbarIconLinks = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  navItems = defaultNavItems,
+  navItems,
   navItemsSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
   className,
   containerClassName,
@@ -1177,7 +1164,7 @@ var NavbarIconLinks = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [activeItem, setActiveItem] = React.useState(navItems[0]?.title || "");
+  const [activeItem, setActiveItem] = React.useState(navItems?.[0]?.title || "");
   const [isOpen, setIsOpen] = React.useState(false);
   const renderLogo = () => {
     if (logoSlot) return logoSlot;

package/dist/navbar-icon-links.js

@@ -1118,29 +1118,16 @@ function TooltipContent({
 // 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: "Dashboard", url: "#", icon: "lucide/layout-dashboard" },
-  { title: "Analytics", url: "#", icon: "lucide/bar-chart-3" },
-  { title: "Projects", url: "#", icon: "lucide/folder" },
-  { title: "Messages", url: "#", icon: "lucide/message-square" },
-  { title: "Settings", url: "#", icon: "lucide/settings" }
-];
-var defaultAuthActions = [
-  { label: "Notifications", href: "#", variant: "ghost", size: "icon", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/bell", size: 20 }) },
-  { label: "Profile", href: "#", variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "JD" }) }) }
-];
 var NavbarIconLinks = ({
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  navItems = defaultNavItems,
+  navItems,
   navItemsSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
   className,
   containerClassName,
@@ -1153,7 +1140,7 @@ var NavbarIconLinks = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [activeItem, setActiveItem] = useState(navItems[0]?.title || "");
+  const [activeItem, setActiveItem] = useState(navItems?.[0]?.title || "");
   const [isOpen, setIsOpen] = useState(false);
   const renderLogo = () => {
     if (logoSlot) return logoSlot;

package/dist/navbar-image-preview.cjs

@@ -1254,111 +1254,6 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
-var defaultNavigation = [
-  {
-    title: "Products",
-    links: [
-      {
-        label: "Company Blog",
-        description: "Explore the latest insights and updates",
-        url: "#",
-        image: imagePlaceholders[0]
-      },
-      {
-        label: "Our Platform",
-        description: "Innovative tools to empower your workflow",
-        url: "#",
-        image: imagePlaceholders[1]
-      },
-      {
-        label: "Careers at Our Company",
-        description: "Discover open roles and our workplace culture",
-        url: "#",
-        image: imagePlaceholders[2]
-      },
-      {
-        label: "Customer Support",
-        description: "Reach out or browse community help articles",
-        url: "#",
-        image: imagePlaceholders[3]
-      },
-      {
-        label: "Product Documentation",
-        description: "In-depth guides, references, and API docs",
-        url: "#",
-        image: imagePlaceholders[4]
-      }
-    ]
-  },
-  {
-    title: "Company",
-    links: [
-      {
-        label: "About Our Team",
-        url: "#",
-        description: "Learn more about our mission and values",
-        image: imagePlaceholders[5]
-      },
-      {
-        label: "Help & Support Center",
-        url: "#",
-        description: "Search our help center for quick answers",
-        image: imagePlaceholders[6]
-      },
-      {
-        label: "Latest News",
-        url: "#",
-        description: "Stay up to date with product announcements",
-        image: imagePlaceholders[7]
-      }
-    ]
-  },
-  {
-    title: "Contact",
-    url: "#"
-  }
-];
-var defaultMobileNavigation = [
-  {
-    title: "Products",
-    className: "col-span-2",
-    links: [
-      { label: "Company Blog", url: "#" },
-      { label: "Our Platform", url: "#" },
-      { label: "Careers at Our Company", url: "#" },
-      { label: "Customer Support", url: "#" },
-      { label: "Product Documentation", url: "#" }
-    ]
-  },
-  {
-    title: "Company",
-    className: "",
-    links: [
-      { label: "About Our Team", url: "#" },
-      { label: "Help & Support Center", url: "#" },
-      { label: "Latest News", url: "#" }
-    ]
-  },
-  {
-    title: "Community",
-    className: "",
-    links: [
-      { label: "Forum", url: "#" },
-      { label: "Slack Group", url: "#" },
-      { label: "Contributors", url: "#" },
-      { label: "Meetups", url: "#" }
-    ]
-  }
-];
-var defaultAuthActions = [
-  { label: "Log in", href: "#", variant: "ghost" },
-  { label: "Sign up", href: "#", variant: "default" }
-];
-var defaultSocialLinks = [
-  { label: "Linkedin", url: "#", iconName: "lucide/linkedin" },
-  { label: "Twitter", url: "#", iconName: "lucide/twitter" },
-  { label: "Facebook", url: "#", iconName: "lucide/facebook" }
-];
 var MOBILE_BREAKPOINT = 1024;
 var NavbarImagePreview = ({
   className,
@@ -1368,19 +1263,17 @@ var NavbarImagePreview = ({
   actionsClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  navigation = defaultNavigation,
+  navigation,
   navigationSlot,
-  mobileNavigation = defaultMobileNavigation,
+  mobileNavigation,
   mobileNavigationSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
-  socialLinks = defaultSocialLinks,
+  socialLinks,
   socialLinksSlot,
   background = "white",
   spacing = "none",
@@ -1527,9 +1420,9 @@ var NavbarImagePreview = ({
           {
             open,
             setOpen,
-            mobileNavigation,
+            mobileNavigation: mobileNavigation ?? [],
             mobileNavigationSlot,
-            socialLinks,
+            socialLinks: socialLinks ?? [],
             socialLinksSlot,
             authActions,
             authActionsSlot

package/dist/navbar-image-preview.js

@@ -1231,111 +1231,6 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
-var defaultNavigation = [
-  {
-    title: "Products",
-    links: [
-      {
-        label: "Company Blog",
-        description: "Explore the latest insights and updates",
-        url: "#",
-        image: imagePlaceholders[0]
-      },
-      {
-        label: "Our Platform",
-        description: "Innovative tools to empower your workflow",
-        url: "#",
-        image: imagePlaceholders[1]
-      },
-      {
-        label: "Careers at Our Company",
-        description: "Discover open roles and our workplace culture",
-        url: "#",
-        image: imagePlaceholders[2]
-      },
-      {
-        label: "Customer Support",
-        description: "Reach out or browse community help articles",
-        url: "#",
-        image: imagePlaceholders[3]
-      },
-      {
-        label: "Product Documentation",
-        description: "In-depth guides, references, and API docs",
-        url: "#",
-        image: imagePlaceholders[4]
-      }
-    ]
-  },
-  {
-    title: "Company",
-    links: [
-      {
-        label: "About Our Team",
-        url: "#",
-        description: "Learn more about our mission and values",
-        image: imagePlaceholders[5]
-      },
-      {
-        label: "Help & Support Center",
-        url: "#",
-        description: "Search our help center for quick answers",
-        image: imagePlaceholders[6]
-      },
-      {
-        label: "Latest News",
-        url: "#",
-        description: "Stay up to date with product announcements",
-        image: imagePlaceholders[7]
-      }
-    ]
-  },
-  {
-    title: "Contact",
-    url: "#"
-  }
-];
-var defaultMobileNavigation = [
-  {
-    title: "Products",
-    className: "col-span-2",
-    links: [
-      { label: "Company Blog", url: "#" },
-      { label: "Our Platform", url: "#" },
-      { label: "Careers at Our Company", url: "#" },
-      { label: "Customer Support", url: "#" },
-      { label: "Product Documentation", url: "#" }
-    ]
-  },
-  {
-    title: "Company",
-    className: "",
-    links: [
-      { label: "About Our Team", url: "#" },
-      { label: "Help & Support Center", url: "#" },
-      { label: "Latest News", url: "#" }
-    ]
-  },
-  {
-    title: "Community",
-    className: "",
-    links: [
-      { label: "Forum", url: "#" },
-      { label: "Slack Group", url: "#" },
-      { label: "Contributors", url: "#" },
-      { label: "Meetups", url: "#" }
-    ]
-  }
-];
-var defaultAuthActions = [
-  { label: "Log in", href: "#", variant: "ghost" },
-  { label: "Sign up", href: "#", variant: "default" }
-];
-var defaultSocialLinks = [
-  { label: "Linkedin", url: "#", iconName: "lucide/linkedin" },
-  { label: "Twitter", url: "#", iconName: "lucide/twitter" },
-  { label: "Facebook", url: "#", iconName: "lucide/facebook" }
-];
 var MOBILE_BREAKPOINT = 1024;
 var NavbarImagePreview = ({
   className,
@@ -1345,19 +1240,17 @@ var NavbarImagePreview = ({
   actionsClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
   logoClassName,
-  navigation = defaultNavigation,
+  navigation,
   navigationSlot,
-  mobileNavigation = defaultMobileNavigation,
+  mobileNavigation,
   mobileNavigationSlot,
-  authActions = defaultAuthActions,
+  authActions,
   authActionsSlot,
-  socialLinks = defaultSocialLinks,
+  socialLinks,
   socialLinksSlot,
   background = "white",
   spacing = "none",
@@ -1504,9 +1397,9 @@ var NavbarImagePreview = ({
           {
             open,
             setOpen,
-            mobileNavigation,
+            mobileNavigation: mobileNavigation ?? [],
             mobileNavigationSlot,
-            socialLinks,
+            socialLinks: socialLinks ?? [],
             socialLinksSlot,
             authActions,
             authActionsSlot