@opensite/ui 0.3.3 → 0.4.0

package/dist/service-detail-sidebar-related.cjs

@@ -555,13 +555,6 @@ var Pressable = React__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  ux: "https://cdn.ing/assets/files/record/286285/q7zi0j433fhs847rfbc82uaqydga",
-  integration1: "https://cdn.ing/assets/files/record/286279/pdea2kfgyhj0nqmnhjn353lsg8uq",
-  integration2: "https://cdn.ing/assets/files/record/286278/hlt44ls2hz36f879juirltggnxe7",
-  integration3: "https://cdn.ing/assets/files/record/286277/mnd352db8b4yw19lraw6w29pyrub"};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -860,6 +853,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",
@@ -923,104 +917,28 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultStats = [
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration1,
-    title: "Adobe Creative Suite",
-    description: "Design proficiency"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration2,
-    title: "Figma",
-    description: "Years experience"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration3,
-    title: "Sketch",
-    description: "Projects completed"
-  }
-];
-var defaultRelatedServices = [
-  {
-    iconName: "lucide/droplet",
-    title: "Brand Identity",
-    description: "Logo design and brand guidelines",
-    href: "#"
-  },
-  {
-    iconName: "lucide/code",
-    title: "Web Development",
-    description: "Custom website development",
-    href: "#"
-  },
-  {
-    iconName: "lucide/smartphone",
-    title: "Mobile App Design",
-    description: "iOS and Android app interfaces",
-    href: "#"
-  },
-  {
-    iconName: "lucide/layout",
-    title: "Design Systems",
-    description: "Scalable component libraries",
-    href: "#"
-  }
-];
-var defaultContentSections = [
-  {
-    title: "Creating Meaningful Digital Experiences",
-    paragraphs: [
-      "We combine user research, information architecture, and visual design to deliver experiences that drive engagement and conversions.",
-      "Through comprehensive user research and testing, we validate design decisions with real data. Our iterative design process ensures that every element serves a purpose and contributes to your business goals while providing an exceptional user experience.",
-      "We specialize in creating design systems that scale with your business, ensuring consistency across all touchpoints while maintaining flexibility for future growth and evolution.",
-      "Our collaborative approach involves stakeholders throughout the design process, from initial wireframes to final prototypes. This ensures alignment between business objectives and user needs, resulting in products that succeed in the market.",
-      "Every design decision is backed by research and testing, creating solutions that are not just visually appealing but strategically sound and user-validated."
-    ]
-  },
-  {
-    title: "Strategic Design for Business Success",
-    paragraphs: [
-      "Our design philosophy centers on creating interfaces that bridge the gap between user needs and business objectives. We understand that great UX/UI design is not just about aesthetics\u2014it's about creating meaningful interactions that drive results.",
-      "From initial concept to final implementation, we ensure that every design element contributes to a cohesive user experience that reflects your brand values and supports your business goals. Our designs are optimized for performance, accessibility, and scalability across all devices and platforms."
-    ]
-  }
-];
-var defaultServicesList = {
-  title: "Our UX/UI Design Services",
-  items: [
-    "User research and persona development",
-    "Information architecture and user journey mapping",
-    "Wireframing and interactive prototyping",
-    "Visual design and brand integration",
-    "Usability testing and design validation",
-    "Design system creation and documentation"
-  ]
-};
 function ServiceDetailSidebarRelated({
-  title = "UX/UI Design",
+  title,
   titleClassName,
-  serviceIcon = {
-    src: blockBrandedIconsAndPlaceholders.ux,
-    alt: "UX/UI Design"
-  },
+  serviceIcon,
   serviceIconSlot,
   serviceIconClassName,
-  introDescription = "We believe that great design should be intuitive, accessible, and purposeful for every user who interacts with your product. Our UX/UI design approach focuses on understanding your users' needs, behaviors, and pain points to create interfaces that not only look beautiful but function seamlessly.",
+  introDescription,
   introDescriptionClassName,
-  statsTitle = "Our Expertise",
+  statsTitle,
   statsTitleClassName,
-  stats = defaultStats,
+  stats,
   statsSlot,
   statsClassName,
-  relatedServicesTitle = "Related Services",
+  relatedServicesTitle,
   relatedServicesTitleClassName,
-  relatedServices = defaultRelatedServices,
+  relatedServices,
   relatedServicesSlot,
   relatedServicesClassName,
-  contentSections = defaultContentSections,
+  contentSections,
   contentSectionsSlot,
   contentSectionsClassName,
-  servicesList = defaultServicesList,
+  servicesList,
   servicesListSlot,
   className,
   containerClassName,

package/dist/service-detail-sidebar-related.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 { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { 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 SidebarRelatedStatItem {

package/dist/service-detail-sidebar-related.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 { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { 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 SidebarRelatedStatItem {

package/dist/service-detail-sidebar-related.js

@@ -534,13 +534,6 @@ var Pressable = React.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  ux: "https://cdn.ing/assets/files/record/286285/q7zi0j433fhs847rfbc82uaqydga",
-  integration1: "https://cdn.ing/assets/files/record/286279/pdea2kfgyhj0nqmnhjn353lsg8uq",
-  integration2: "https://cdn.ing/assets/files/record/286278/hlt44ls2hz36f879juirltggnxe7",
-  integration3: "https://cdn.ing/assets/files/record/286277/mnd352db8b4yw19lraw6w29pyrub"};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -839,6 +832,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",
@@ -902,104 +896,28 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultStats = [
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration1,
-    title: "Adobe Creative Suite",
-    description: "Design proficiency"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration2,
-    title: "Figma",
-    description: "Years experience"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration3,
-    title: "Sketch",
-    description: "Projects completed"
-  }
-];
-var defaultRelatedServices = [
-  {
-    iconName: "lucide/droplet",
-    title: "Brand Identity",
-    description: "Logo design and brand guidelines",
-    href: "#"
-  },
-  {
-    iconName: "lucide/code",
-    title: "Web Development",
-    description: "Custom website development",
-    href: "#"
-  },
-  {
-    iconName: "lucide/smartphone",
-    title: "Mobile App Design",
-    description: "iOS and Android app interfaces",
-    href: "#"
-  },
-  {
-    iconName: "lucide/layout",
-    title: "Design Systems",
-    description: "Scalable component libraries",
-    href: "#"
-  }
-];
-var defaultContentSections = [
-  {
-    title: "Creating Meaningful Digital Experiences",
-    paragraphs: [
-      "We combine user research, information architecture, and visual design to deliver experiences that drive engagement and conversions.",
-      "Through comprehensive user research and testing, we validate design decisions with real data. Our iterative design process ensures that every element serves a purpose and contributes to your business goals while providing an exceptional user experience.",
-      "We specialize in creating design systems that scale with your business, ensuring consistency across all touchpoints while maintaining flexibility for future growth and evolution.",
-      "Our collaborative approach involves stakeholders throughout the design process, from initial wireframes to final prototypes. This ensures alignment between business objectives and user needs, resulting in products that succeed in the market.",
-      "Every design decision is backed by research and testing, creating solutions that are not just visually appealing but strategically sound and user-validated."
-    ]
-  },
-  {
-    title: "Strategic Design for Business Success",
-    paragraphs: [
-      "Our design philosophy centers on creating interfaces that bridge the gap between user needs and business objectives. We understand that great UX/UI design is not just about aesthetics\u2014it's about creating meaningful interactions that drive results.",
-      "From initial concept to final implementation, we ensure that every design element contributes to a cohesive user experience that reflects your brand values and supports your business goals. Our designs are optimized for performance, accessibility, and scalability across all devices and platforms."
-    ]
-  }
-];
-var defaultServicesList = {
-  title: "Our UX/UI Design Services",
-  items: [
-    "User research and persona development",
-    "Information architecture and user journey mapping",
-    "Wireframing and interactive prototyping",
-    "Visual design and brand integration",
-    "Usability testing and design validation",
-    "Design system creation and documentation"
-  ]
-};
 function ServiceDetailSidebarRelated({
-  title = "UX/UI Design",
+  title,
   titleClassName,
-  serviceIcon = {
-    src: blockBrandedIconsAndPlaceholders.ux,
-    alt: "UX/UI Design"
-  },
+  serviceIcon,
   serviceIconSlot,
   serviceIconClassName,
-  introDescription = "We believe that great design should be intuitive, accessible, and purposeful for every user who interacts with your product. Our UX/UI design approach focuses on understanding your users' needs, behaviors, and pain points to create interfaces that not only look beautiful but function seamlessly.",
+  introDescription,
   introDescriptionClassName,
-  statsTitle = "Our Expertise",
+  statsTitle,
   statsTitleClassName,
-  stats = defaultStats,
+  stats,
   statsSlot,
   statsClassName,
-  relatedServicesTitle = "Related Services",
+  relatedServicesTitle,
   relatedServicesTitleClassName,
-  relatedServices = defaultRelatedServices,
+  relatedServices,
   relatedServicesSlot,
   relatedServicesClassName,
-  contentSections = defaultContentSections,
+  contentSections,
   contentSectionsSlot,
   contentSectionsClassName,
-  servicesList = defaultServicesList,
+  servicesList,
   servicesListSlot,
   className,
   containerClassName,

package/dist/service-detail-sidebar-stats.cjs

@@ -136,13 +136,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  ux: "https://cdn.ing/assets/files/record/286285/q7zi0j433fhs847rfbc82uaqydga",
-  integration1: "https://cdn.ing/assets/files/record/286279/pdea2kfgyhj0nqmnhjn353lsg8uq",
-  integration2: "https://cdn.ing/assets/files/record/286278/hlt44ls2hz36f879juirltggnxe7",
-  integration3: "https://cdn.ing/assets/files/record/286277/mnd352db8b4yw19lraw6w29pyrub"};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -441,6 +434,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",
@@ -504,74 +498,27 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultServices = [
-  { iconName: "lucide/users", title: "User research and persona development" },
-  { iconName: "lucide/map", title: "Information architecture and user journey mapping" },
-  { iconName: "lucide/pen-tool", title: "Wireframing and interactive prototyping" },
-  { iconName: "lucide/palette", title: "Visual design and brand integration" },
-  { iconName: "lucide/test-tube", title: "Usability testing and design validation" },
-  { iconName: "lucide/book-open", title: "Design system creation and documentation" }
-];
-var defaultStats = [
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration1,
-    title: "Adobe Creative Suite",
-    description: "Design proficiency"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration2,
-    title: "Figma",
-    description: "Years experience"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration3,
-    title: "Sketch",
-    description: "Projects completed"
-  }
-];
-var defaultContentSections = [
-  {
-    title: "Creating Meaningful Digital Experiences",
-    paragraphs: [
-      "We combine user research, information architecture, and visual design to deliver experiences that drive engagement and conversions.",
-      "Through comprehensive user research and testing, we validate design decisions with real data. Our iterative design process ensures that every element serves a purpose and contributes to your business goals while providing an exceptional user experience.",
-      "We specialize in creating design systems that scale with your business, ensuring consistency across all touchpoints while maintaining flexibility for future growth and evolution.",
-      "Our collaborative approach involves stakeholders throughout the design process, from initial wireframes to final prototypes. This ensures alignment between business objectives and user needs, resulting in products that succeed in the market.",
-      "Every design decision is backed by research and testing, creating solutions that are not just visually appealing but strategically sound and user-validated."
-    ]
-  },
-  {
-    title: "Strategic Design for Business Success",
-    paragraphs: [
-      "Our design philosophy centers on creating interfaces that bridge the gap between user needs and business objectives. We understand that great UX/UI design is not just about aesthetics\u2014it's about creating meaningful interactions that drive results.",
-      "From initial concept to final implementation, we ensure that every design element contributes to a cohesive user experience that reflects your brand values and supports your business goals. Our designs are optimized for performance, accessibility, and scalability across all devices and platforms."
-    ]
-  }
-];
 function ServiceDetailSidebarStats({
-  title = "UX/UI Design",
+  title,
   titleClassName,
-  serviceIcon = {
-    src: blockBrandedIconsAndPlaceholders.ux,
-    alt: "UX/UI Design"
-  },
+  serviceIcon,
   serviceIconSlot,
   serviceIconClassName,
-  introTitle = "User-Centered Design That Converts",
+  introTitle,
   introTitleClassName,
-  introDescription = "We believe that great design should be intuitive, accessible, and purposeful for every user who interacts with your product. Our UX/UI design approach focuses on understanding your users' needs, behaviors, and pain points to create interfaces that not only look beautiful but function seamlessly.",
+  introDescription,
   introDescriptionClassName,
-  servicesTitle = "Our UX/UI Design Services",
+  servicesTitle,
   servicesTitleClassName,
-  services = defaultServices,
+  services,
   servicesSlot,
   servicesClassName,
-  statsTitle = "Our Expertise",
+  statsTitle,
   statsTitleClassName,
-  stats = defaultStats,
+  stats,
   statsSlot,
   statsClassName,
-  contentSections = defaultContentSections,
+  contentSections,
   contentSectionsSlot,
   contentSectionsClassName,
   className,

package/dist/service-detail-sidebar-stats.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 { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { 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 SidebarStatsServiceItem {

package/dist/service-detail-sidebar-stats.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 { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { 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 SidebarStatsServiceItem {

package/dist/service-detail-sidebar-stats.js

@@ -115,13 +115,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  ux: "https://cdn.ing/assets/files/record/286285/q7zi0j433fhs847rfbc82uaqydga",
-  integration1: "https://cdn.ing/assets/files/record/286279/pdea2kfgyhj0nqmnhjn353lsg8uq",
-  integration2: "https://cdn.ing/assets/files/record/286278/hlt44ls2hz36f879juirltggnxe7",
-  integration3: "https://cdn.ing/assets/files/record/286277/mnd352db8b4yw19lraw6w29pyrub"};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -420,6 +413,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",
@@ -483,74 +477,27 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultServices = [
-  { iconName: "lucide/users", title: "User research and persona development" },
-  { iconName: "lucide/map", title: "Information architecture and user journey mapping" },
-  { iconName: "lucide/pen-tool", title: "Wireframing and interactive prototyping" },
-  { iconName: "lucide/palette", title: "Visual design and brand integration" },
-  { iconName: "lucide/test-tube", title: "Usability testing and design validation" },
-  { iconName: "lucide/book-open", title: "Design system creation and documentation" }
-];
-var defaultStats = [
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration1,
-    title: "Adobe Creative Suite",
-    description: "Design proficiency"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration2,
-    title: "Figma",
-    description: "Years experience"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration3,
-    title: "Sketch",
-    description: "Projects completed"
-  }
-];
-var defaultContentSections = [
-  {
-    title: "Creating Meaningful Digital Experiences",
-    paragraphs: [
-      "We combine user research, information architecture, and visual design to deliver experiences that drive engagement and conversions.",
-      "Through comprehensive user research and testing, we validate design decisions with real data. Our iterative design process ensures that every element serves a purpose and contributes to your business goals while providing an exceptional user experience.",
-      "We specialize in creating design systems that scale with your business, ensuring consistency across all touchpoints while maintaining flexibility for future growth and evolution.",
-      "Our collaborative approach involves stakeholders throughout the design process, from initial wireframes to final prototypes. This ensures alignment between business objectives and user needs, resulting in products that succeed in the market.",
-      "Every design decision is backed by research and testing, creating solutions that are not just visually appealing but strategically sound and user-validated."
-    ]
-  },
-  {
-    title: "Strategic Design for Business Success",
-    paragraphs: [
-      "Our design philosophy centers on creating interfaces that bridge the gap between user needs and business objectives. We understand that great UX/UI design is not just about aesthetics\u2014it's about creating meaningful interactions that drive results.",
-      "From initial concept to final implementation, we ensure that every design element contributes to a cohesive user experience that reflects your brand values and supports your business goals. Our designs are optimized for performance, accessibility, and scalability across all devices and platforms."
-    ]
-  }
-];
 function ServiceDetailSidebarStats({
-  title = "UX/UI Design",
+  title,
   titleClassName,
-  serviceIcon = {
-    src: blockBrandedIconsAndPlaceholders.ux,
-    alt: "UX/UI Design"
-  },
+  serviceIcon,
   serviceIconSlot,
   serviceIconClassName,
-  introTitle = "User-Centered Design That Converts",
+  introTitle,
   introTitleClassName,
-  introDescription = "We believe that great design should be intuitive, accessible, and purposeful for every user who interacts with your product. Our UX/UI design approach focuses on understanding your users' needs, behaviors, and pain points to create interfaces that not only look beautiful but function seamlessly.",
+  introDescription,
   introDescriptionClassName,
-  servicesTitle = "Our UX/UI Design Services",
+  servicesTitle,
   servicesTitleClassName,
-  services = defaultServices,
+  services,
   servicesSlot,
   servicesClassName,
-  statsTitle = "Our Expertise",
+  statsTitle,
   statsTitleClassName,
-  stats = defaultStats,
+  stats,
   statsSlot,
   statsClassName,
-  contentSections = defaultContentSections,
+  contentSections,
   contentSectionsSlot,
   contentSectionsClassName,
   className,