@opensite/ui 0.3.4 → 0.4.0

package/dist/process-icon-timeline.cjs

@@ -497,61 +497,10 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultSteps = [
-  {
-    icon: "lucide/lightbulb",
-    title: "Discovery & Research",
-    description: "We start by understanding your business, goals, and target audience through comprehensive research and analysis.",
-    highlights: ["Market Analysis", "User Research", "Competitive Review"],
-    badgeColor: "bg-blue-500"
-  },
-  {
-    icon: "lucide/pencil-ruler",
-    title: "Strategy & Planning",
-    description: "Based on our findings, we develop a strategic roadmap that outlines the approach, timeline, and key deliverables.",
-    highlights: ["Project Roadmap", "Resource Planning", "Risk Assessment"],
-    badgeColor: "bg-purple-500"
-  },
-  {
-    icon: "lucide/code",
-    title: "Design & Development",
-    description: "Our team brings the strategy to life through iterative design and development cycles with regular feedback loops.",
-    highlights: ["UI/UX Design", "Frontend Development", "Backend Integration"],
-    badgeColor: "bg-green-500"
-  },
-  {
-    icon: "lucide/test-tube",
-    title: "Testing & QA",
-    description: "Rigorous testing ensures quality and reliability across all platforms and use cases before launch.",
-    highlights: ["Unit Testing", "Integration Testing", "User Acceptance"],
-    badgeColor: "bg-orange-500"
-  },
-  {
-    icon: "lucide/rocket",
-    title: "Launch & Deploy",
-    description: "We handle the deployment process with care, ensuring a smooth transition to production environments.",
-    highlights: ["Deployment Strategy", "Performance Monitoring", "Go-Live Support"],
-    badgeColor: "bg-red-500"
-  },
-  {
-    icon: "lucide/bar-chart-3",
-    title: "Monitor & Optimize",
-    description: "Post-launch, we continuously monitor performance and implement optimizations based on real-world data.",
-    highlights: ["Analytics Review", "Performance Tuning", "A/B Testing"],
-    badgeColor: "bg-teal-500"
-  },
-  {
-    icon: "lucide/refresh-cw",
-    title: "Iterate & Improve",
-    description: "We believe in continuous improvement, regularly updating and enhancing based on user feedback and market changes.",
-    highlights: ["Feature Updates", "User Feedback", "Continuous Delivery"],
-    badgeColor: "bg-indigo-500"
-  }
-];
 function ProcessIconTimeline({
-  heading = "Our Process",
-  description = "A proven methodology that delivers exceptional results through careful planning and execution.",
-  steps = defaultSteps,
+  heading,
+  description,
+  steps,
   stepsSlot,
   className,
   contentClassName,

package/dist/process-icon-timeline.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-icon-timeline.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-icon-timeline.js

@@ -476,61 +476,10 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultSteps = [
-  {
-    icon: "lucide/lightbulb",
-    title: "Discovery & Research",
-    description: "We start by understanding your business, goals, and target audience through comprehensive research and analysis.",
-    highlights: ["Market Analysis", "User Research", "Competitive Review"],
-    badgeColor: "bg-blue-500"
-  },
-  {
-    icon: "lucide/pencil-ruler",
-    title: "Strategy & Planning",
-    description: "Based on our findings, we develop a strategic roadmap that outlines the approach, timeline, and key deliverables.",
-    highlights: ["Project Roadmap", "Resource Planning", "Risk Assessment"],
-    badgeColor: "bg-purple-500"
-  },
-  {
-    icon: "lucide/code",
-    title: "Design & Development",
-    description: "Our team brings the strategy to life through iterative design and development cycles with regular feedback loops.",
-    highlights: ["UI/UX Design", "Frontend Development", "Backend Integration"],
-    badgeColor: "bg-green-500"
-  },
-  {
-    icon: "lucide/test-tube",
-    title: "Testing & QA",
-    description: "Rigorous testing ensures quality and reliability across all platforms and use cases before launch.",
-    highlights: ["Unit Testing", "Integration Testing", "User Acceptance"],
-    badgeColor: "bg-orange-500"
-  },
-  {
-    icon: "lucide/rocket",
-    title: "Launch & Deploy",
-    description: "We handle the deployment process with care, ensuring a smooth transition to production environments.",
-    highlights: ["Deployment Strategy", "Performance Monitoring", "Go-Live Support"],
-    badgeColor: "bg-red-500"
-  },
-  {
-    icon: "lucide/bar-chart-3",
-    title: "Monitor & Optimize",
-    description: "Post-launch, we continuously monitor performance and implement optimizations based on real-world data.",
-    highlights: ["Analytics Review", "Performance Tuning", "A/B Testing"],
-    badgeColor: "bg-teal-500"
-  },
-  {
-    icon: "lucide/refresh-cw",
-    title: "Iterate & Improve",
-    description: "We believe in continuous improvement, regularly updating and enhancing based on user feedback and market changes.",
-    highlights: ["Feature Updates", "User Feedback", "Continuous Delivery"],
-    badgeColor: "bg-indigo-500"
-  }
-];
 function ProcessIconTimeline({
-  heading = "Our Process",
-  description = "A proven methodology that delivers exceptional results through careful planning and execution.",
-  steps = defaultSteps,
+  heading,
+  description,
+  steps,
   stepsSlot,
   className,
   contentClassName,

package/dist/process-mission-principles.cjs

@@ -376,44 +376,12 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultPrinciples = [
-  {
-    number: "01",
-    title: "Customer First",
-    description: "Every decision we make starts with understanding how it impacts our customers. Their success is our success."
-  },
-  {
-    number: "02",
-    title: "Continuous Improvement",
-    description: "We believe in constant iteration and learning. There's always a better way, and we're committed to finding it."
-  },
-  {
-    number: "03",
-    title: "Transparency",
-    description: "Open communication builds trust. We share our progress, challenges, and learnings with all stakeholders."
-  },
-  {
-    number: "04",
-    title: "Quality Over Speed",
-    description: "While we move fast, we never compromise on quality. Excellence is a habit, not an exception."
-  },
-  {
-    number: "05",
-    title: "Collaboration",
-    description: "Great things are built together. We foster an environment where diverse perspectives drive innovation."
-  },
-  {
-    number: "06",
-    title: "Accountability",
-    description: "We own our commitments and deliver on our promises. When we fall short, we learn and improve."
-  }
-];
 function ProcessMissionPrinciples({
   missionLabel = "OUR MISSION",
   missionHeading = "Building the Future Together",
   missionDescription = "We're on a mission to transform how businesses operate by providing innovative solutions that drive growth, efficiency, and success. Our commitment to excellence guides everything we do.",
   principlesLabel = "OUR PRINCIPLES",
-  principles = defaultPrinciples,
+  principles,
   principlesSlot,
   className,
   contentClassName,

package/dist/process-mission-principles.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-mission-principles.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-mission-principles.js

@@ -370,44 +370,12 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultPrinciples = [
-  {
-    number: "01",
-    title: "Customer First",
-    description: "Every decision we make starts with understanding how it impacts our customers. Their success is our success."
-  },
-  {
-    number: "02",
-    title: "Continuous Improvement",
-    description: "We believe in constant iteration and learning. There's always a better way, and we're committed to finding it."
-  },
-  {
-    number: "03",
-    title: "Transparency",
-    description: "Open communication builds trust. We share our progress, challenges, and learnings with all stakeholders."
-  },
-  {
-    number: "04",
-    title: "Quality Over Speed",
-    description: "While we move fast, we never compromise on quality. Excellence is a habit, not an exception."
-  },
-  {
-    number: "05",
-    title: "Collaboration",
-    description: "Great things are built together. We foster an environment where diverse perspectives drive innovation."
-  },
-  {
-    number: "06",
-    title: "Accountability",
-    description: "We own our commitments and deliver on our promises. When we fall short, we learn and improve."
-  }
-];
 function ProcessMissionPrinciples({
   missionLabel = "OUR MISSION",
   missionHeading = "Building the Future Together",
   missionDescription = "We're on a mission to transform how businesses operate by providing innovative solutions that drive growth, efficiency, and success. Our commitment to excellence guides everything we do.",
   principlesLabel = "OUR PRINCIPLES",
-  principles = defaultPrinciples,
+  principles,
   principlesSlot,
   className,
   contentClassName,

package/dist/process-numbered-services.cjs

@@ -916,60 +916,10 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultServices = [
-  {
-    number: "01",
-    title: "Strategy & Consulting",
-    description: "We help you define your digital strategy and roadmap, ensuring alignment between technology investments and business objectives.",
-    capabilities: [
-      "Digital Transformation",
-      "Technology Assessment",
-      "Roadmap Planning",
-      "Change Management"
-    ],
-    action: { label: "Learn more", href: "#strategy", variant: "ghost" }
-  },
-  {
-    number: "02",
-    title: "Design & Experience",
-    description: "Our design team creates intuitive, engaging experiences that delight users and drive business results.",
-    capabilities: [
-      "UX Research",
-      "UI Design",
-      "Design Systems",
-      "Prototyping"
-    ],
-    action: { label: "Learn more", href: "#design", variant: "ghost" }
-  },
-  {
-    number: "03",
-    title: "Development & Engineering",
-    description: "We build robust, scalable solutions using modern technologies and engineering best practices.",
-    capabilities: [
-      "Web Development",
-      "Mobile Apps",
-      "Cloud Architecture",
-      "API Development"
-    ],
-    action: { label: "Learn more", href: "#development", variant: "ghost" }
-  },
-  {
-    number: "04",
-    title: "Growth & Optimization",
-    description: "We help you grow and optimize your digital presence through data-driven strategies and continuous improvement.",
-    capabilities: [
-      "Analytics & Insights",
-      "Performance Optimization",
-      "A/B Testing",
-      "SEO & Marketing"
-    ],
-    action: { label: "Learn more", href: "#growth", variant: "ghost" }
-  }
-];
 function ProcessNumberedServices({
-  heading = "Our Services",
-  description = "Comprehensive solutions to help you succeed in the digital landscape.",
-  services = defaultServices,
+  heading,
+  description,
+  services,
   servicesSlot,
   className,
   contentClassName,

package/dist/process-numbered-services.d.cts

@@ -1,11 +1,11 @@
 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-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-numbered-services.d.ts

@@ -1,11 +1,11 @@
 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-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-numbered-services.js

@@ -895,60 +895,10 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultServices = [
-  {
-    number: "01",
-    title: "Strategy & Consulting",
-    description: "We help you define your digital strategy and roadmap, ensuring alignment between technology investments and business objectives.",
-    capabilities: [
-      "Digital Transformation",
-      "Technology Assessment",
-      "Roadmap Planning",
-      "Change Management"
-    ],
-    action: { label: "Learn more", href: "#strategy", variant: "ghost" }
-  },
-  {
-    number: "02",
-    title: "Design & Experience",
-    description: "Our design team creates intuitive, engaging experiences that delight users and drive business results.",
-    capabilities: [
-      "UX Research",
-      "UI Design",
-      "Design Systems",
-      "Prototyping"
-    ],
-    action: { label: "Learn more", href: "#design", variant: "ghost" }
-  },
-  {
-    number: "03",
-    title: "Development & Engineering",
-    description: "We build robust, scalable solutions using modern technologies and engineering best practices.",
-    capabilities: [
-      "Web Development",
-      "Mobile Apps",
-      "Cloud Architecture",
-      "API Development"
-    ],
-    action: { label: "Learn more", href: "#development", variant: "ghost" }
-  },
-  {
-    number: "04",
-    title: "Growth & Optimization",
-    description: "We help you grow and optimize your digital presence through data-driven strategies and continuous improvement.",
-    capabilities: [
-      "Analytics & Insights",
-      "Performance Optimization",
-      "A/B Testing",
-      "SEO & Marketing"
-    ],
-    action: { label: "Learn more", href: "#growth", variant: "ghost" }
-  }
-];
 function ProcessNumberedServices({
-  heading = "Our Services",
-  description = "Comprehensive solutions to help you succeed in the digital landscape.",
-  services = defaultServices,
+  heading,
+  description,
+  services,
   servicesSlot,
   className,
   contentClassName,

package/dist/process-roadmap-timeline.cjs

@@ -497,53 +497,16 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultMilestones = [
-  {
-    title: "Foundation",
-    description: "Establishing the core infrastructure and setting up the development environment.",
-    date: "Q1 2024",
-    status: "completed",
-    features: ["Core Architecture", "Database Setup", "Authentication System"]
-  },
-  {
-    title: "Core Features",
-    description: "Building the essential features that form the backbone of the platform.",
-    date: "Q2 2024",
-    status: "completed",
-    features: ["User Dashboard", "API Integration", "Notification System"]
-  },
-  {
-    title: "Enhancement Phase",
-    description: "Adding advanced features and improving user experience based on feedback.",
-    date: "Q3 2024",
-    status: "in-progress",
-    features: ["Analytics Dashboard", "Advanced Reporting", "Team Collaboration"]
-  },
-  {
-    title: "Scale & Optimize",
-    description: "Optimizing performance and preparing the platform for scale.",
-    date: "Q4 2024",
-    status: "upcoming",
-    features: ["Performance Optimization", "CDN Integration", "Load Balancing"]
-  },
-  {
-    title: "Enterprise Features",
-    description: "Rolling out enterprise-grade features for larger organizations.",
-    date: "Q1 2025",
-    status: "upcoming",
-    features: ["SSO Integration", "Audit Logs", "Custom Branding"]
-  }
-];
 var StatusBadge = ({ status, className }) => {
   const config = {
     completed: {
       label: "Completed",
-      badgeClassName: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+      badgeClassName: "bg-success/10 text-success dark:bg-success/10 dark:text-success",
       icon: "lucide/check-circle-2"
     },
     "in-progress": {
       label: "In Progress",
-      badgeClassName: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+      badgeClassName: "bg-primary/10 text-primary dark:bg-primary/10 dark:text-primary",
       icon: "lucide/loader-2"
     },
     upcoming: {
@@ -569,9 +532,9 @@ var StatusBadge = ({ status, className }) => {
   );
 };
 function ProcessRoadmapTimeline({
-  heading = "Product Roadmap",
-  description = "Our journey from concept to completion, with clear milestones and deliverables.",
-  milestones = defaultMilestones,
+  heading,
+  description,
+  milestones,
   milestonesSlot,
   className,
   contentClassName,
@@ -660,7 +623,7 @@ function ProcessRoadmapTimeline({
             {
               className: cn(
                 "absolute left-1/2 flex size-10 -translate-x-1/2 items-center justify-center rounded-full border-2 bg-background",
-                milestone.status === "completed" ? "border-green-500 bg-green-500 text-white" : milestone.status === "in-progress" ? "border-primary bg-primary text-primary-foreground" : "border-border text-muted-foreground",
+                milestone.status === "completed" ? "border-success bg-success text-white" : milestone.status === "in-progress" ? "border-primary bg-primary text-primary-foreground" : "border-border text-muted-foreground",
                 milestoneNodeClassName
               ),
               children: milestone.status === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/check", size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: index + 1 })

package/dist/process-roadmap-timeline.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-roadmap-timeline.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/process-roadmap-timeline.js

@@ -476,53 +476,16 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultMilestones = [
-  {
-    title: "Foundation",
-    description: "Establishing the core infrastructure and setting up the development environment.",
-    date: "Q1 2024",
-    status: "completed",
-    features: ["Core Architecture", "Database Setup", "Authentication System"]
-  },
-  {
-    title: "Core Features",
-    description: "Building the essential features that form the backbone of the platform.",
-    date: "Q2 2024",
-    status: "completed",
-    features: ["User Dashboard", "API Integration", "Notification System"]
-  },
-  {
-    title: "Enhancement Phase",
-    description: "Adding advanced features and improving user experience based on feedback.",
-    date: "Q3 2024",
-    status: "in-progress",
-    features: ["Analytics Dashboard", "Advanced Reporting", "Team Collaboration"]
-  },
-  {
-    title: "Scale & Optimize",
-    description: "Optimizing performance and preparing the platform for scale.",
-    date: "Q4 2024",
-    status: "upcoming",
-    features: ["Performance Optimization", "CDN Integration", "Load Balancing"]
-  },
-  {
-    title: "Enterprise Features",
-    description: "Rolling out enterprise-grade features for larger organizations.",
-    date: "Q1 2025",
-    status: "upcoming",
-    features: ["SSO Integration", "Audit Logs", "Custom Branding"]
-  }
-];
 var StatusBadge = ({ status, className }) => {
   const config = {
     completed: {
       label: "Completed",
-      badgeClassName: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+      badgeClassName: "bg-success/10 text-success dark:bg-success/10 dark:text-success",
       icon: "lucide/check-circle-2"
     },
     "in-progress": {
       label: "In Progress",
-      badgeClassName: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+      badgeClassName: "bg-primary/10 text-primary dark:bg-primary/10 dark:text-primary",
       icon: "lucide/loader-2"
     },
     upcoming: {
@@ -548,9 +511,9 @@ var StatusBadge = ({ status, className }) => {
   );
 };
 function ProcessRoadmapTimeline({
-  heading = "Product Roadmap",
-  description = "Our journey from concept to completion, with clear milestones and deliverables.",
-  milestones = defaultMilestones,
+  heading,
+  description,
+  milestones,
   milestonesSlot,
   className,
   contentClassName,
@@ -639,7 +602,7 @@ function ProcessRoadmapTimeline({
             {
               className: cn(
                 "absolute left-1/2 flex size-10 -translate-x-1/2 items-center justify-center rounded-full border-2 bg-background",
-                milestone.status === "completed" ? "border-green-500 bg-green-500 text-white" : milestone.status === "in-progress" ? "border-primary bg-primary text-primary-foreground" : "border-border text-muted-foreground",
+                milestone.status === "completed" ? "border-success bg-success text-white" : milestone.status === "in-progress" ? "border-primary bg-primary text-primary-foreground" : "border-border text-muted-foreground",
                 milestoneNodeClassName
               ),
               children: milestone.status === "completed" ? /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/check", size: 20 }) : /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: index + 1 })