@opensite/ui 0.3.4 → 0.4.0

package/dist/feature-integration-cards.js

@@ -533,47 +533,10 @@ var Pressable = React.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  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",
-  integration4: "https://cdn.ing/assets/files/record/286276/wgwylkw2lb0vw599ogzw0q98xax1"};
-var defaultIntegrations = [
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration1,
-    title: "Task Tracker",
-    description: "Keep tabs on all your tasks effortlessly.",
-    link: "#",
-    linkLabel: "Visit Website"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration2,
-    title: "Team Chat",
-    description: "Message teams with the click of a button.",
-    link: "#",
-    linkLabel: "Visit Website"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration3,
-    title: "Project Planner",
-    description: "Plan projects from milestones to completion.",
-    link: "#",
-    linkLabel: "Visit Website"
-  },
-  {
-    icon: blockBrandedIconsAndPlaceholders.integration4,
-    title: "Board View",
-    description: "View tasks in a board for easy tracking.",
-    link: "#",
-    linkLabel: "Visit Website"
-  }
-];
 function FeatureIntegrationCards({
-  title = "Integrations",
-  description = "Connect with your favorite tools and services to streamline your workflow.",
-  integrations = defaultIntegrations,
+  title,
+  description,
+  integrations,
   integrationsSlot,
   className,
   containerClassName,

package/dist/feature-numbered-cards.cjs

@@ -136,30 +136,8 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultFeatures = [
-  {
-    title: "Secure Payments",
-    description: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur modi et recusandae ducimus eligendi eveniet soluta reprehenderit nostrum expedita omnis.",
-    image: blockBrandedIconsAndPlaceholders.placeholder1,
-    checklistItems: [
-      "Secure payment gateway integration with Stripe",
-      "SSL encryption for secure transactions"
-    ]
-  },
-  {
-    title: "Automated Invoicing",
-    description: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur modi et recusandae ducimus eligendi eveniet soluta reprehenderit nostrum expedita omnis.",
-    image: blockBrandedIconsAndPlaceholders.placeholderDark1,
-    checklistItems: ["Automated invoicing for easy billing"]
-  }
-];
 function FeatureNumberedCards({
-  features = defaultFeatures,
+  features,
   featuresSlot,
   className,
   containerClassName,

package/dist/feature-numbered-cards.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureNumberedCardsChecklistItem {

package/dist/feature-numbered-cards.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface FeatureNumberedCardsChecklistItem {

package/dist/feature-numbered-cards.js

@@ -114,30 +114,8 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholderDark1: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u"};
-var defaultFeatures = [
-  {
-    title: "Secure Payments",
-    description: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur modi et recusandae ducimus eligendi eveniet soluta reprehenderit nostrum expedita omnis.",
-    image: blockBrandedIconsAndPlaceholders.placeholder1,
-    checklistItems: [
-      "Secure payment gateway integration with Stripe",
-      "SSL encryption for secure transactions"
-    ]
-  },
-  {
-    title: "Automated Invoicing",
-    description: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Pariatur modi et recusandae ducimus eligendi eveniet soluta reprehenderit nostrum expedita omnis.",
-    image: blockBrandedIconsAndPlaceholders.placeholderDark1,
-    checklistItems: ["Automated invoicing for easy billing"]
-  }
-];
 function FeatureNumberedCards({
-  features = defaultFeatures,
+  features,
   featuresSlot,
   className,
   containerClassName,

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-showcase.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 export { FeatureShowcaseItem, FeatureShowcaseProps } from './types.cjs';
-import './blocks-Cohq4eio.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureShowcaseItem {

package/dist/feature-showcase.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 export { FeatureShowcaseItem, FeatureShowcaseProps } from './types.js';
-import './blocks-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface FeatureShowcaseItem {

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.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureSplitImageReverseProps {

package/dist/feature-split-image-reverse.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface FeatureSplitImageReverseProps {

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.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureSplitImageProps {

package/dist/feature-split-image.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface FeatureSplitImageProps {

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.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureStatsHighlightStat {

package/dist/feature-stats-highlight.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface FeatureStatsHighlightStat {