@opensite/ui 0.3.3 → 0.4.0

package/dist/navbar-education-platform.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-education-platform.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",
@@ -1231,74 +1232,6 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
-var defaultFeatures = [
-  {
-    title: "Course Management & Content",
-    description: "Create, organize and deliver courses",
-    icon: "lucide/graduation-cap",
-    link: "#"
-  },
-  {
-    title: "Student Analytics",
-    description: "Track progress and performance data",
-    icon: "lucide/bar-chart-3",
-    link: "#"
-  },
-  {
-    title: "Interactive Learning",
-    description: "Engage students with multimedia content",
-    icon: "lucide/video",
-    link: "#"
-  },
-  {
-    title: "AI-Powered Tutoring",
-    description: "Personalized learning with AI assistance",
-    icon: "lucide/brain",
-    link: "#"
-  },
-  {
-    title: "Collaboration & Discussion",
-    description: "Connect students and instructors seamlessly",
-    icon: "lucide/message-square",
-    link: "#"
-  },
-  {
-    title: "Assessments & Certification",
-    description: "Evaluate learning with comprehensive testing",
-    icon: "lucide/award",
-    link: "#"
-  }
-];
-var defaultDocs = [
-  {
-    title: "Learning Center",
-    description: "Discover how to use the platform effectively",
-    icon: "lucide/book",
-    link: "#"
-  },
-  {
-    title: "Course Catalog",
-    description: "Browse our comprehensive course library",
-    icon: "lucide/book-open",
-    link: "#"
-  },
-  {
-    title: "API Documentation",
-    description: "Integrate the platform into your system",
-    icon: "lucide/file-code",
-    link: "#"
-  }
-];
-var defaultCompany = [
-  { title: "Platform Updates", icon: "lucide/file-text", link: "#" },
-  { title: "News & Events", icon: "lucide/bell", link: "#" },
-  { title: "Education Blog", icon: "lucide/book", link: "#" },
-  { title: "Join Our Team", icon: "lucide/users", link: "#" }
-];
-var defaultAuthActions = [
-  { label: "Login", href: "#", variant: "outline", asButton: true },
-  { label: "Demo", href: "#", asButton: true }
-];
 var NavbarEducationPlatform = ({
   className,
   containerClassName,
@@ -1309,15 +1242,13 @@ var NavbarEducationPlatform = ({
   mobileMenuClassName,
   logo = {
     url: "/",
-    src: logoPlaceholders.logoMark,
-    alt: "Opensite AI",
-    title: "Opensite AI"
+    src: logoPlaceholders.logoMark
   },
   logoSlot,
-  features = defaultFeatures,
-  docs = defaultDocs,
-  company = defaultCompany,
-  authActions = defaultAuthActions,
+  features,
+  docs,
+  company,
+  authActions,
   authActionsSlot,
   background = "white",
   spacing = "none",
@@ -1384,7 +1315,7 @@ var NavbarEducationPlatform = ({
                 /* @__PURE__ */ jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
                   /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
                     /* @__PURE__ */ jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "TOOLS" }),
-                    features.map((feature) => /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    features?.map((feature) => /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
                       Pressable,
                       {
                         href: feature.link,
@@ -1466,7 +1397,7 @@ var NavbarEducationPlatform = ({
                 /* @__PURE__ */ jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
                   /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
                     /* @__PURE__ */ jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "GUIDES" }),
-                    docs.map((doc) => /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    docs?.map((doc) => /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
                       Pressable,
                       {
                         href: doc.link,
@@ -1500,7 +1431,7 @@ var NavbarEducationPlatform = ({
                   ),
                   /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
                     /* @__PURE__ */ jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "ABOUT US" }),
-                    /* @__PURE__ */ jsx("div", { children: company.map((item) => /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    /* @__PURE__ */ jsx("div", { children: company?.map((item) => /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
                       Pressable,
                       {
                         href: item.link,
@@ -1547,7 +1478,7 @@ var NavbarEducationPlatform = ({
               /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "TOOLS" }),
-                  /* @__PURE__ */ jsx("div", { className: "space-y-5", children: features.map((feature) => /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx("div", { className: "space-y-5", children: features?.map((feature) => /* @__PURE__ */ jsxs(
                     Pressable,
                     {
                       href: feature.link,
@@ -1601,7 +1532,7 @@ var NavbarEducationPlatform = ({
               /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "GUIDES" }),
-                  /* @__PURE__ */ jsx("div", { className: "space-y-5", children: docs.map((doc) => /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx("div", { className: "space-y-5", children: docs?.map((doc) => /* @__PURE__ */ jsxs(
                     Pressable,
                     {
                       href: doc.link,
@@ -1621,7 +1552,7 @@ var NavbarEducationPlatform = ({
                 /* @__PURE__ */ jsx(Separator, {}),
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("p", { className: "mb-3 text-[10px] text-muted-foreground uppercase", children: "ABOUT US" }),
-                  /* @__PURE__ */ jsx("div", { className: "space-y-5", children: company.map((item) => /* @__PURE__ */ jsxs(
+                  /* @__PURE__ */ jsx("div", { className: "space-y-5", children: company?.map((item) => /* @__PURE__ */ jsxs(
                     Pressable,
                     {
                       href: item.link,

package/dist/navbar-enterprise-mega.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",
@@ -1304,382 +1305,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,
@@ -1689,20 +1315,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",
@@ -1784,18 +1408,18 @@ var NavbarEnterpriseMega = ({
         patternOpacity,
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex h-16 items-center justify-between gap-8", navClassName), children: [
           renderLogo(),
-          /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), viewport: false, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: navigation.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), viewport: false, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { children: navigation?.map((item, index) => /* @__PURE__ */ jsxRuntime.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}`
@@ -1835,10 +1459,10 @@ var NavbarEnterpriseMega = ({
       MobileNavigationMenu,
       {
         open,
-        navigation,
-        solutions,
-        productCategories,
-        resources,
+        navigation: navigation ?? [],
+        solutions: solutions ?? [],
+        productCategories: productCategories ?? [],
+        resources: resources ?? [],
         actionsClassName,
         authActions,
         authActionsSlot,

package/dist/navbar-enterprise-mega.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 SubpageItem {

package/dist/navbar-enterprise-mega.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 SubpageItem {