@opensite/ui 0.3.3 → 0.4.0

package/dist/navbar-enterprise-mega.js

@@ -835,6 +835,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",
@@ -1280,382 +1281,7 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
-var defaultNavigation = [
-  { title: "Solutions", menuType: "solutions" },
-  { title: "Products", menuType: "products" },
-  { title: "Global", menuType: "global" },
-  { title: "Partners", menuType: "partners" },
-  { title: "Resources", menuType: "resources" },
-  { title: "Pricing", url: "#" }
-];
-var defaultSolutions = [
-  {
-    id: "solution-1",
-    title: "Team Management",
-    description: "Streamline team collaboration and project workflows.",
-    href: "#",
-    subpages: [
-      {
-        id: "subpage-1",
-        title: "Task Management",
-        href: "#",
-        icon: "lucide/file"
-      },
-      {
-        id: "subpage-2",
-        title: "Team Planning",
-        href: "#",
-        icon: "lucide/building"
-      },
-      {
-        id: "subpage-3",
-        title: "Resource Allocation",
-        href: "#",
-        icon: "lucide/search"
-      },
-      {
-        id: "subpage-4",
-        title: "Time Tracking",
-        href: "#",
-        icon: "lucide/clock"
-      },
-      {
-        id: "subpage-5",
-        title: "Team Analytics",
-        href: "#",
-        icon: "lucide/user-plus"
-      }
-    ]
-  },
-  {
-    id: "solution-2",
-    title: "Project Management",
-    description: "Plan, track, and deliver projects with confidence.",
-    href: "#",
-    subpages: [
-      {
-        id: "subpage-6",
-        title: "Project Templates",
-        href: "#",
-        icon: "lucide/check-circle-2"
-      },
-      {
-        id: "subpage-7",
-        title: "Timeline Views",
-        href: "#",
-        icon: "lucide/user"
-      },
-      {
-        id: "subpage-8",
-        title: "Risk Management",
-        href: "#",
-        icon: "lucide/shield-check"
-      },
-      {
-        id: "subpage-9",
-        title: "Budget Tracking",
-        href: "#",
-        icon: "lucide/scale"
-      }
-    ]
-  },
-  {
-    id: "solution-3",
-    title: "Workflow Automation",
-    description: "Automate repetitive tasks and focus on what matters.",
-    href: "#",
-    subpages: [
-      {
-        id: "subpage-11",
-        title: "Custom Workflows",
-        href: "#",
-        icon: "lucide/globe"
-      },
-      {
-        id: "subpage-12",
-        title: "Process Templates",
-        href: "#",
-        icon: "lucide/clock"
-      },
-      {
-        id: "subpage-13",
-        title: "Business Rules",
-        href: "#",
-        icon: "lucide/dollar-sign"
-      }
-    ]
-  },
-  {
-    id: "solution-4",
-    title: "Enterprise Solutions",
-    description: "Scale your organization with enterprise-grade features.",
-    href: "#",
-    subpages: [
-      {
-        id: "subpage-16",
-        title: "Advanced Analytics",
-        href: "#",
-        icon: "lucide/pie-chart"
-      },
-      {
-        id: "subpage-17",
-        title: "Security Controls",
-        href: "#",
-        icon: "lucide/calculator"
-      },
-      {
-        id: "subpage-18",
-        title: "Custom Reporting",
-        href: "#",
-        icon: "lucide/table"
-      }
-    ]
-  }
-];
-var defaultSolutionTechnologies = [
-  {
-    id: "technology-1",
-    title: "Integration Platform",
-    href: "#",
-    icon: "lucide/puzzle"
-  },
-  {
-    id: "technology-2",
-    title: "Enterprise Security",
-    href: "#",
-    icon: "lucide/lock"
-  },
-  {
-    id: "technology-3",
-    title: "Developer API",
-    href: "#",
-    icon: "lucide/code"
-  }
-];
-var defaultProductCategories = [
-  {
-    title: "Core Products",
-    products: [
-      {
-        id: "product-1",
-        title: "Task Management",
-        description: "Organize and track work efficiently.",
-        href: "#",
-        image: imagePlaceholders[0]
-      },
-      {
-        id: "product-2",
-        title: "Team Calendar",
-        description: "Coordinate schedules and deadlines.",
-        href: "#",
-        image: imagePlaceholders[1]
-      },
-      {
-        id: "product-3",
-        title: "Workflows",
-        description: "Automate your business processes.",
-        href: "#",
-        image: imagePlaceholders[2]
-      }
-    ]
-  },
-  {
-    title: "Advanced Features",
-    products: [
-      {
-        id: "product-4",
-        title: "Portfolio Management",
-        description: "Track and optimize project portfolios at scale.",
-        href: "#",
-        image: imagePlaceholders[3]
-      },
-      {
-        id: "product-5",
-        title: "Resource Planning",
-        description: "Optimize team workload and capacity.",
-        href: "#",
-        image: imagePlaceholders[4]
-      }
-    ]
-  }
-];
-var defaultGlobalCategories = [
-  {
-    title: "Enterprise Solutions",
-    features: [
-      {
-        id: "feature-1",
-        title: "Digital Transformation",
-        description: "Transform how your organization works.",
-        href: "#",
-        icon: "lucide/rocket"
-      },
-      {
-        id: "feature-2",
-        title: "Change Management",
-        description: "Expert guidance for organizational change.",
-        href: "#",
-        icon: "lucide/building-2"
-      },
-      {
-        id: "feature-3",
-        title: "Global Deployment",
-        description: "Roll out across global teams seamlessly.",
-        href: "#",
-        icon: "lucide/globe"
-      }
-    ]
-  },
-  {
-    title: "Business Solutions",
-    features: [
-      {
-        id: "feature-4",
-        title: "Customer Success",
-        description: "Dedicated support for your business needs.",
-        href: "#",
-        icon: "lucide/phone"
-      },
-      {
-        id: "feature-5",
-        title: "Compliance",
-        description: "Meet industry standards and regulations.",
-        href: "#",
-        icon: "lucide/gavel"
-      },
-      {
-        id: "feature-6",
-        title: "ROI Calculator",
-        description: "Measure the impact on your business.",
-        href: "#",
-        icon: "lucide/dollar-sign"
-      }
-    ]
-  }
-];
-var defaultRegions = [
-  {
-    title: "Americas",
-    locations: [
-      { title: "United States", href: "#", icon: "\u{1F1FA}\u{1F1F8}" },
-      { title: "Canada", href: "#", icon: "\u{1F1E8}\u{1F1E6}" },
-      { title: "Brazil", href: "#", icon: "\u{1F1E7}\u{1F1F7}" }
-    ]
-  },
-  {
-    title: "Europe",
-    locations: [
-      { title: "United Kingdom", href: "#", icon: "\u{1F1EC}\u{1F1E7}" },
-      { title: "Germany", href: "#", icon: "\u{1F1E9}\u{1F1EA}" },
-      { title: "France", href: "#", icon: "\u{1F1EB}\u{1F1F7}" }
-    ]
-  },
-  {
-    title: "Asia-Pacific",
-    locations: [
-      { title: "Japan", href: "#", icon: "\u{1F1EF}\u{1F1F5}" },
-      { title: "Australia", href: "#", icon: "\u{1F1E6}\u{1F1FA}" },
-      { title: "Singapore", href: "#", icon: "\u{1F1F8}\u{1F1EC}" }
-    ]
-  }
-];
-var defaultResources = [
-  {
-    id: "resource-1",
-    title: "Events & Webinars",
-    description: "Learn from industry experts.",
-    href: "#",
-    icon: "lucide/calendar"
-  },
-  {
-    id: "resource-2",
-    title: "Podcasts",
-    description: "Insights on productivity and leadership.",
-    href: "#",
-    icon: "lucide/mic"
-  },
-  {
-    id: "resource-3",
-    title: "Blog",
-    description: "Latest updates and best practices.",
-    href: "#",
-    icon: "lucide/newspaper"
-  },
-  {
-    id: "resource-4",
-    title: "Video Tutorials",
-    description: "Get started with guided videos.",
-    href: "#",
-    icon: "lucide/play-circle"
-  },
-  {
-    id: "resource-5",
-    title: "Knowledge Base",
-    description: "Detailed guides and documentation.",
-    href: "#",
-    icon: "lucide/book"
-  },
-  {
-    id: "resource-6",
-    title: "Success Stories",
-    description: "See how others achieve more.",
-    href: "#",
-    icon: "lucide/lightbulb"
-  }
-];
-var defaultTopicGroups = [
-  {
-    title: "Learning Resources",
-    topics: [
-      {
-        id: "topic-1",
-        title: "Getting Started Guide",
-        href: "#",
-        icon: "lucide/globe"
-      },
-      {
-        id: "topic-2",
-        title: "Product Updates",
-        href: "#",
-        icon: "lucide/rocket"
-      },
-      {
-        id: "topic-3",
-        title: "Best Practices",
-        href: "#",
-        icon: "lucide/pyramid"
-      },
-      {
-        id: "topic-4",
-        title: "Integrations",
-        href: "#",
-        icon: "lucide/arrow-right-left"
-      },
-      {
-        id: "topic-5",
-        title: "API Documentation",
-        href: "#",
-        icon: "lucide/app-window"
-      }
-    ]
-  },
-  {
-    title: "Community",
-    topics: [
-      {
-        id: "topic-6",
-        title: "Community Forum",
-        href: "#",
-        icon: "lucide/play"
-      }
-    ]
-  }
-];
 var MOBILE_BREAKPOINT = 1024;
-var defaultAuthActions = [
-  { label: "Contact Sales", href: "#", variant: "outline", size: "sm", asButton: true },
-  { label: "Get Started", href: "#", size: "sm", asButton: true }
-];
 var NavbarEnterpriseMega = ({
   className,
   containerClassName,
@@ -1665,20 +1291,18 @@ var NavbarEnterpriseMega = ({
   logoClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
-  navigation = defaultNavigation,
-  solutions = defaultSolutions,
-  solutionTechnologies = defaultSolutionTechnologies,
-  productCategories = defaultProductCategories,
-  globalCategories = defaultGlobalCategories,
-  regions = defaultRegions,
-  resources = defaultResources,
-  topicGroups = defaultTopicGroups,
-  authActions = defaultAuthActions,
+  navigation,
+  solutions,
+  solutionTechnologies,
+  productCategories,
+  globalCategories,
+  regions,
+  resources,
+  topicGroups,
+  authActions,
   authActionsSlot,
   background = "white",
   spacing = "none",
@@ -1760,18 +1384,18 @@ var NavbarEnterpriseMega = ({
         patternOpacity,
         children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex h-16 items-center justify-between gap-8", navClassName), children: [
           renderLogo(),
-          /* @__PURE__ */ jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), viewport: false, children: /* @__PURE__ */ jsx(NavigationMenuList, { children: navigation.map((item, index) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), viewport: false, children: /* @__PURE__ */ jsx(NavigationMenuList, { children: navigation?.map((item, index) => /* @__PURE__ */ jsx(
             DesktopMenuItem,
             {
               item,
               index,
-              solutions,
-              solutionTechnologies,
-              productCategories,
-              globalCategories,
-              regions,
-              resources,
-              topicGroups,
+              solutions: solutions ?? [],
+              solutionTechnologies: solutionTechnologies ?? [],
+              productCategories: productCategories ?? [],
+              globalCategories: globalCategories ?? [],
+              regions: regions ?? [],
+              resources: resources ?? [],
+              topicGroups: topicGroups ?? [],
               optixFlowConfig
             },
             `desktop-link-${index}`
@@ -1811,10 +1435,10 @@ var NavbarEnterpriseMega = ({
       MobileNavigationMenu,
       {
         open,
-        navigation,
-        solutions,
-        productCategories,
-        resources,
+        navigation: navigation ?? [],
+        solutions: solutions ?? [],
+        productCategories: productCategories ?? [],
+        resources: resources ?? [],
         actionsClassName,
         authActions,
         authActionsSlot,

package/dist/navbar-feature-grid.cjs

@@ -859,6 +859,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",
@@ -1202,42 +1203,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 defaultFeatures = [
-  {
-    title: "Dashboard",
-    description: "Overview of your activity",
-    href: "#"
-  },
-  {
-    title: "Analytics",
-    description: "Track your performance",
-    href: "#"
-  },
-  {
-    title: "Settings",
-    description: "Configure your preferences",
-    href: "#"
-  },
-  {
-    title: "Integrations",
-    description: "Connect with other tools",
-    href: "#"
-  },
-  {
-    title: "Storage",
-    description: "Manage your files",
-    href: "#"
-  },
-  {
-    title: "Support",
-    description: "Get help when needed",
-    href: "#"
-  }
-];
-var defaultAuthActions = [
-  { label: "Sign in", href: "#", variant: "outline", asButton: true },
-  { label: "Start for free", href: "#", asButton: true }
-];
 var NavbarFeatureGrid = ({
   className,
   containerClassName,
@@ -1247,13 +1212,11 @@ var NavbarFeatureGrid = ({
   logoClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
-  features = defaultFeatures,
-  authActions = defaultAuthActions,
+  features,
+  authActions,
   authActionsSlot,
   background = "white",
   spacing = "sm",
@@ -1310,7 +1273,7 @@ var NavbarFeatureGrid = ({
         /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:block", navigationMenuClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuList, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuTrigger, { children: "Features" }),
-            /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-[600px] grid-cols-2 p-3", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-[600px] grid-cols-2 p-3", children: features?.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
               NavigationMenuLink,
               {
                 href: feature.href,
@@ -1357,7 +1320,7 @@ var NavbarFeatureGrid = ({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col p-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: "mt-4 mb-2", children: /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "solutions", className: "border-none", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "text-base hover:no-underline", children: "Features" }),
-                /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:grid-cols-2", children: features?.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
                   Pressable,
                   {
                     href: feature.href,

package/dist/navbar-feature-grid.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 FeatureItem {

package/dist/navbar-feature-grid.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 FeatureItem {

package/dist/navbar-feature-grid.js

@@ -835,6 +835,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",
@@ -1178,42 +1179,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 defaultFeatures = [
-  {
-    title: "Dashboard",
-    description: "Overview of your activity",
-    href: "#"
-  },
-  {
-    title: "Analytics",
-    description: "Track your performance",
-    href: "#"
-  },
-  {
-    title: "Settings",
-    description: "Configure your preferences",
-    href: "#"
-  },
-  {
-    title: "Integrations",
-    description: "Connect with other tools",
-    href: "#"
-  },
-  {
-    title: "Storage",
-    description: "Manage your files",
-    href: "#"
-  },
-  {
-    title: "Support",
-    description: "Get help when needed",
-    href: "#"
-  }
-];
-var defaultAuthActions = [
-  { label: "Sign in", href: "#", variant: "outline", asButton: true },
-  { label: "Start for free", href: "#", asButton: true }
-];
 var NavbarFeatureGrid = ({
   className,
   containerClassName,
@@ -1223,13 +1188,11 @@ var NavbarFeatureGrid = ({
   logoClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
-  features = defaultFeatures,
-  authActions = defaultAuthActions,
+  features,
+  authActions,
   authActionsSlot,
   background = "white",
   spacing = "sm",
@@ -1286,7 +1249,7 @@ var NavbarFeatureGrid = ({
         /* @__PURE__ */ jsx(NavigationMenu, { className: cn("hidden lg:block", navigationMenuClassName), children: /* @__PURE__ */ jsxs(NavigationMenuList, { children: [
           /* @__PURE__ */ jsxs(NavigationMenuItem, { children: [
             /* @__PURE__ */ jsx(NavigationMenuTrigger, { children: "Features" }),
-            /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx("div", { className: "grid w-[600px] grid-cols-2 p-3", children: features.map((feature, index) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx("div", { className: "grid w-[600px] grid-cols-2 p-3", children: features?.map((feature, index) => /* @__PURE__ */ jsx(
               NavigationMenuLink,
               {
                 href: feature.href,
@@ -1333,7 +1296,7 @@ var NavbarFeatureGrid = ({
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-4", children: [
               /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "mt-4 mb-2", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "solutions", className: "border-none", children: [
                 /* @__PURE__ */ jsx(AccordionTrigger, { className: "text-base hover:no-underline", children: "Features" }),
-                /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsx("div", { className: "grid md:grid-cols-2", children: features.map((feature, index) => /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsx("div", { className: "grid md:grid-cols-2", children: features?.map((feature, index) => /* @__PURE__ */ jsx(
                   Pressable,
                   {
                     href: feature.href,