@opensite/ui 0.3.4 → 0.4.1

package/dist/feature-pattern-grid-links.cjs

@@ -558,52 +558,8 @@ Pressable.displayName = "Pressable";
 // lib/patternSvgs.ts
 var patternSvgs = {
   dotPattern: "https://cdn.ing/assets/files/record/286192/7ig0cku8aqbboiza8nuk6hw0nnsr"};
-var defaultFeatures = [
-  {
-    iconName: "lucide/zoom-in",
-    title: "Quality",
-    description: "Our UI blocks are designed with quality in mind. We make sure that every block is pixel perfect and visually appealing.",
-    link: "#",
-    linkLabel: "Learn more"
-  },
-  {
-    iconName: "lucide/blocks",
-    title: "Customizable",
-    description: "You can easily customize our UI blocks to fit your needs. Change colors, fonts, and more with our easy-to-use interface.",
-    link: "#",
-    linkLabel: "Learn more"
-  },
-  {
-    iconName: "lucide/laptop",
-    title: "Responsive",
-    description: "Our UI blocks are fully responsive and look great on any device. No matter the screen size, your website will look amazing.",
-    link: "#",
-    linkLabel: "Learn more"
-  },
-  {
-    iconName: "lucide/list-end",
-    title: "Easy to Use",
-    description: "Our UI blocks are easy to use and require no coding knowledge. Simply drag and drop the blocks you want and you are good to go.",
-    link: "#",
-    linkLabel: "Learn more"
-  },
-  {
-    iconName: "lucide/zap",
-    title: "Fast",
-    description: "Our UI blocks are optimized for speed and performance. Your website will load fast and provide a great user experience.",
-    link: "#",
-    linkLabel: "Learn more"
-  },
-  {
-    iconName: "lucide/infinity",
-    title: "Modern",
-    description: "Our UI blocks are designed with modern trends in mind. Your website will look fresh and up-to-date with our blocks.",
-    link: "#",
-    linkLabel: "Learn more"
-  }
-];
 function FeaturePatternGridLinks({
-  features = defaultFeatures,
+  features,
   featuresSlot,
   patternUrl = patternSvgs.dotPattern,
   className,

package/dist/feature-pattern-grid-links.js

@@ -536,52 +536,8 @@ Pressable.displayName = "Pressable";
 // lib/patternSvgs.ts
 var patternSvgs = {
   dotPattern: "https://cdn.ing/assets/files/record/286192/7ig0cku8aqbboiza8nuk6hw0nnsr"};
-var defaultFeatures = [
-  {
-    iconName: "lucide/zoom-in",
-    title: "Quality",
-    description: "Our UI blocks are designed with quality in mind. We make sure that every block is pixel perfect and visually appealing.",
-    link: "#",
-    linkLabel: "Learn more"
-  },
-  {
-    iconName: "lucide/blocks",
-    title: "Customizable",
-    description: "You can easily customize our UI blocks to fit your needs. Change colors, fonts, and more with our easy-to-use interface.",
-    link: "#",
-    linkLabel: "Learn more"
-  },
-  {
-    iconName: "lucide/laptop",
-    title: "Responsive",
-    description: "Our UI blocks are fully responsive and look great on any device. No matter the screen size, your website will look amazing.",
-    link: "#",
-    linkLabel: "Learn more"
-  },
-  {
-    iconName: "lucide/list-end",
-    title: "Easy to Use",
-    description: "Our UI blocks are easy to use and require no coding knowledge. Simply drag and drop the blocks you want and you are good to go.",
-    link: "#",
-    linkLabel: "Learn more"
-  },
-  {
-    iconName: "lucide/zap",
-    title: "Fast",
-    description: "Our UI blocks are optimized for speed and performance. Your website will load fast and provide a great user experience.",
-    link: "#",
-    linkLabel: "Learn more"
-  },
-  {
-    iconName: "lucide/infinity",
-    title: "Modern",
-    description: "Our UI blocks are designed with modern trends in mind. Your website will look fresh and up-to-date with our blocks.",
-    link: "#",
-    linkLabel: "Learn more"
-  }
-];
 function FeaturePatternGridLinks({
-  features = defaultFeatures,
+  features,
   featuresSlot,
   patternUrl = patternSvgs.dotPattern,
   className,

package/dist/feature-split-image-reverse.cjs

@@ -454,25 +454,13 @@ Pressable.displayName = "Pressable";
 // lib/blockBrandedIconsAndPlaceholders.ts
 var blockBrandedIconsAndPlaceholders = {
   placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8"};
-var defaultActions = [
-  {
-    label: "Get Started",
-    href: "#",
-    variant: "default"
-  },
-  {
-    label: "Learn More",
-    href: "#",
-    variant: "outline"
-  }
-];
 function FeatureSplitImageReverse({
-  title = "Build faster with Opensite AI components",
-  description = "Hundreds of finely crafted components built with React, Tailwind and modern best practices. Developers can copy and paste these blocks directly into their project.",
+  title,
+  description,
   imageSrc = blockBrandedIconsAndPlaceholders.placeholder1,
   imageAlt = "Feature illustration",
   imageSlot,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   className,
   containerClassName,

package/dist/feature-split-image-reverse.js

@@ -432,25 +432,13 @@ Pressable.displayName = "Pressable";
 // lib/blockBrandedIconsAndPlaceholders.ts
 var blockBrandedIconsAndPlaceholders = {
   placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8"};
-var defaultActions = [
-  {
-    label: "Get Started",
-    href: "#",
-    variant: "default"
-  },
-  {
-    label: "Learn More",
-    href: "#",
-    variant: "outline"
-  }
-];
 function FeatureSplitImageReverse({
-  title = "Build faster with Opensite AI components",
-  description = "Hundreds of finely crafted components built with React, Tailwind and modern best practices. Developers can copy and paste these blocks directly into their project.",
+  title,
+  description,
   imageSrc = blockBrandedIconsAndPlaceholders.placeholder1,
   imageAlt = "Feature illustration",
   imageSlot,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   className,
   containerClassName,

package/dist/feature-split-image.cjs

@@ -454,25 +454,13 @@ Pressable.displayName = "Pressable";
 // lib/blockBrandedIconsAndPlaceholders.ts
 var blockBrandedIconsAndPlaceholders = {
   placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8"};
-var defaultActions = [
-  {
-    label: "Get Started",
-    href: "#",
-    variant: "default"
-  },
-  {
-    label: "Learn More",
-    href: "#",
-    variant: "outline"
-  }
-];
 function FeatureSplitImage({
-  title = "Build faster with Opensite AI components",
-  description = "Hundreds of finely crafted components built with React, Tailwind and modern best practices. Developers can copy and paste these blocks directly into their project.",
+  title,
+  description,
   imageSrc = blockBrandedIconsAndPlaceholders.placeholder1,
   imageAlt = "Feature illustration",
   imageSlot,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   className,
   containerClassName,

package/dist/feature-split-image.js

@@ -432,25 +432,13 @@ Pressable.displayName = "Pressable";
 // lib/blockBrandedIconsAndPlaceholders.ts
 var blockBrandedIconsAndPlaceholders = {
   placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8"};
-var defaultActions = [
-  {
-    label: "Get Started",
-    href: "#",
-    variant: "default"
-  },
-  {
-    label: "Learn More",
-    href: "#",
-    variant: "outline"
-  }
-];
 function FeatureSplitImage({
-  title = "Build faster with Opensite AI components",
-  description = "Hundreds of finely crafted components built with React, Tailwind and modern best practices. Developers can copy and paste these blocks directly into their project.",
+  title,
+  description,
   imageSrc = blockBrandedIconsAndPlaceholders.placeholder1,
   imageAlt = "Feature illustration",
   imageSlot,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   className,
   containerClassName,

package/dist/feature-stats-highlight.cjs

@@ -4,8 +4,8 @@
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
 
 function _interopNamespace(e) {
@@ -32,111 +32,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var svgCache = /* @__PURE__ */ new Map();
-function DynamicIcon({
-  name,
-  size = 28,
-  color,
-  className,
-  alt
-}) {
-  const [svgContent, setSvgContent] = React__namespace.useState(null);
-  const [isLoading, setIsLoading] = React__namespace.useState(true);
-  const [error, setError] = React__namespace.useState(null);
-  const { url, iconName } = React__namespace.useMemo(() => {
-    const separator = name.includes("/") ? "/" : ":";
-    const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
-    return {
-      url: baseUrl,
-      iconName: iconName2
-    };
-  }, [name, size]);
-  React__namespace.useEffect(() => {
-    let isMounted = true;
-    const fetchSvg = async () => {
-      const cached = svgCache.get(url);
-      if (cached) {
-        if (isMounted) {
-          setSvgContent(cached);
-          setIsLoading(false);
-        }
-        return;
-      }
-      try {
-        setIsLoading(true);
-        setError(null);
-        const response = await fetch(url);
-        if (!response.ok) {
-          throw new Error(`Failed to fetch icon: ${response.status}`);
-        }
-        let svg = await response.text();
-        svg = processSvgForCurrentColor(svg);
-        svgCache.set(url, svg);
-        if (isMounted) {
-          setSvgContent(svg);
-          setIsLoading(false);
-        }
-      } catch (err) {
-        if (isMounted) {
-          setError(err instanceof Error ? err.message : "Failed to load icon");
-          setIsLoading(false);
-        }
-      }
-    };
-    fetchSvg();
-    return () => {
-      isMounted = false;
-    };
-  }, [url]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: cn("inline-block", className),
-        style: { width: size, height: size },
-        "aria-hidden": "true"
-      }
-    );
-  }
-  if (error || !svgContent) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        className: cn("inline-block", className),
-        style: { width: size, height: size },
-        role: "img",
-        "aria-label": alt || iconName
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: cn("inline-flex items-center justify-center", className),
-      style: {
-        width: size,
-        height: size,
-        color: color || "inherit"
-      },
-      role: "img",
-      "aria-label": alt || iconName,
-      dangerouslySetInnerHTML: { __html: svgContent }
-    }
-  );
-}
-function processSvgForCurrentColor(svg) {
-  let processed = svg;
-  processed = processed.replace(
-    /stroke=["'](#000000|#000|black)["']/gi,
-    'stroke="currentColor"'
-  );
-  processed = processed.replace(
-    /fill=["'](#000000|#000|black)["']/gi,
-    'fill="currentColor"'
-  );
-  return processed;
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -587,28 +482,13 @@ function Badge({
     }
   );
 }
-var defaultActions = [
-  {
-    label: "Get Started",
-    href: "#",
-    variant: "default",
-    size: "lg",
-    iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-  }
-];
-var defaultStats = [
-  { value: "99%", label: "Uptime Guarantee" },
-  { value: "24/7", label: "Customer Support" },
-  { value: "50K+", label: "Active Users" },
-  { value: "100+", label: "Integrations" }
-];
 function FeatureStatsHighlight({
-  badge = "Why Choose Us",
-  title = "We deliver results that matter",
-  description = "Our platform is designed to help businesses of all sizes achieve their goals with powerful tools and exceptional support.",
-  actions = defaultActions,
+  badge,
+  title,
+  description,
+  actions,
   actionsSlot,
-  stats = defaultStats,
+  stats,
   statsSlot,
   className,
   containerClassName,

package/dist/feature-stats-highlight.js

@@ -2,119 +2,14 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 
 // lib/utils.ts
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var svgCache = /* @__PURE__ */ new Map();
-function DynamicIcon({
-  name,
-  size = 28,
-  color,
-  className,
-  alt
-}) {
-  const [svgContent, setSvgContent] = React.useState(null);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const { url, iconName } = React.useMemo(() => {
-    const separator = name.includes("/") ? "/" : ":";
-    const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
-    return {
-      url: baseUrl,
-      iconName: iconName2
-    };
-  }, [name, size]);
-  React.useEffect(() => {
-    let isMounted = true;
-    const fetchSvg = async () => {
-      const cached = svgCache.get(url);
-      if (cached) {
-        if (isMounted) {
-          setSvgContent(cached);
-          setIsLoading(false);
-        }
-        return;
-      }
-      try {
-        setIsLoading(true);
-        setError(null);
-        const response = await fetch(url);
-        if (!response.ok) {
-          throw new Error(`Failed to fetch icon: ${response.status}`);
-        }
-        let svg = await response.text();
-        svg = processSvgForCurrentColor(svg);
-        svgCache.set(url, svg);
-        if (isMounted) {
-          setSvgContent(svg);
-          setIsLoading(false);
-        }
-      } catch (err) {
-        if (isMounted) {
-          setError(err instanceof Error ? err.message : "Failed to load icon");
-          setIsLoading(false);
-        }
-      }
-    };
-    fetchSvg();
-    return () => {
-      isMounted = false;
-    };
-  }, [url]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn("inline-block", className),
-        style: { width: size, height: size },
-        "aria-hidden": "true"
-      }
-    );
-  }
-  if (error || !svgContent) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn("inline-block", className),
-        style: { width: size, height: size },
-        role: "img",
-        "aria-label": alt || iconName
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn("inline-flex items-center justify-center", className),
-      style: {
-        width: size,
-        height: size,
-        color: color || "inherit"
-      },
-      role: "img",
-      "aria-label": alt || iconName,
-      dangerouslySetInnerHTML: { __html: svgContent }
-    }
-  );
-}
-function processSvgForCurrentColor(svg) {
-  let processed = svg;
-  processed = processed.replace(
-    /stroke=["'](#000000|#000|black)["']/gi,
-    'stroke="currentColor"'
-  );
-  processed = processed.replace(
-    /fill=["'](#000000|#000|black)["']/gi,
-    'fill="currentColor"'
-  );
-  return processed;
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -565,28 +460,13 @@ function Badge({
     }
   );
 }
-var defaultActions = [
-  {
-    label: "Get Started",
-    href: "#",
-    variant: "default",
-    size: "lg",
-    iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-  }
-];
-var defaultStats = [
-  { value: "99%", label: "Uptime Guarantee" },
-  { value: "24/7", label: "Customer Support" },
-  { value: "50K+", label: "Active Users" },
-  { value: "100+", label: "Integrations" }
-];
 function FeatureStatsHighlight({
-  badge = "Why Choose Us",
-  title = "We deliver results that matter",
-  description = "Our platform is designed to help businesses of all sizes achieve their goals with powerful tools and exceptional support.",
-  actions = defaultActions,
+  badge,
+  title,
+  description,
+  actions,
   actionsSlot,
-  stats = defaultStats,
+  stats,
   statsSlot,
   className,
   containerClassName,

package/dist/feature-tabbed-content-image.cjs

@@ -615,130 +615,10 @@ function TabsContent({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholder4: "https://cdn.ing/assets/files/record/286204/7rhj7uvcnozjm6c2q4txtptfcmpx",
-  placeholder5: "https://cdn.ing/assets/files/record/286205/e0az5aimgxvqa11grxzaok7fbsvr",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultSlides = [
-  {
-    id: 1,
-    tabName: "Products",
-    title: "Pre-built Components for Rapid Development",
-    description: "Accelerate your workflow with our library of ready-to-use, fully customizable UI components designed for modern web applications.",
-    features: [
-      "Cross-platform Integrations",
-      "Responsive Components",
-      "Accessible Blocks",
-      "Customizable Templates"
-    ],
-    actions: [
-      {
-        label: "Explore Products",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder1
-  },
-  {
-    id: 2,
-    tabName: "Services",
-    title: "Expert Solutions for Every Challenge",
-    description: "Our comprehensive services help you build, scale, and optimize your digital presence with expert guidance every step of the way.",
-    features: [
-      "Technical Consulting",
-      "Implementation Support",
-      "Performance Optimization",
-      "Ongoing Maintenance"
-    ],
-    actions: [
-      {
-        label: "Explore Services",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholderDark1
-  },
-  {
-    id: 3,
-    tabName: "Company",
-    title: "We Build the Future of Web Development",
-    description: "Founded by industry experts, we're committed to creating tools that empower developers to build better digital experiences faster.",
-    features: [
-      "Remote-first Culture",
-      "Open Source Contributors",
-      "Community-driven",
-      "Continuous Innovation"
-    ],
-    actions: [
-      {
-        label: "Explore Company",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder3
-  },
-  {
-    id: 4,
-    tabName: "Portfolio",
-    title: "Showcasing Client Success Stories",
-    description: "Explore our diverse portfolio of successful implementations across industries, from startups to enterprise-level organizations.",
-    features: [
-      "Case Studies",
-      "Implementation Examples",
-      "Success Metrics",
-      "Client Testimonials"
-    ],
-    actions: [
-      {
-        label: "Explore Portfolio",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder4
-  },
-  {
-    id: 5,
-    tabName: "Resources",
-    title: "Knowledge to Power Your Development",
-    description: "Access our comprehensive collection of tutorials, guides, and best practices to help you get the most from our platform.",
-    features: [
-      "Developer Guides",
-      "Video Tutorials",
-      "API Documentation",
-      "Community Forums"
-    ],
-    actions: [
-      {
-        label: "Explore Resources",
-        href: "#",
-        variant: "outline",
-        size: "sm",
-        iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-      }
-    ],
-    image: blockBrandedIconsAndPlaceholders.placeholder5
-  }
-];
 function FeatureTabbedContentImage({
-  title = "Building Better Digital Experiences",
-  description = "Discover how our platform empowers developers and businesses to create exceptional web applications with less code and more creativity.",
-  slides = defaultSlides,
+  title,
+  description,
+  slides,
   slidesSlot,
   defaultTab = "1",
   className,