@opensite/ui 0.3.3 → 0.4.0

package/dist/about-location-info-hero.cjs

@@ -690,46 +690,22 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
-var defaultImages = [
-  { src: imagePlaceholders[5], alt: "OpenSite AI workspace" },
-  { src: imagePlaceholders[6], alt: "OpenSite AI team collaboration" }
-];
-var defaultHoursSections = [
-  {
-    label: "Office Hours",
-    hours: [
-      { day: "Mon - Thu", time: "8:00am - 6:00pm" },
-      { day: "Fri", time: "8:00am - 4:00pm" }
-    ]
-  },
-  {
-    label: "Claims Support",
-    hours: [
-      { day: "Sat", time: "9:00am - 2:00pm" },
-      { day: "Sun", time: "On call" }
-    ]
-  }
-];
-var defaultActions = [
-  { label: "Schedule a Visit", href: "/contact" },
-  { label: "Get Directions", href: "https://maps.google.com" }
-];
 function AboutLocationInfoHero({
-  headline = "OpenSite AI service center in the heart of the city",
+  headline,
   headlineClassName,
-  address = "975 Mission St, San Francisco, CA",
+  address,
   addressHref,
   addressClassName,
-  phone = "+1 (415) 555-0192",
+  phone,
   phoneHref,
   phoneClassName,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   actionsClassName,
-  hoursSections = defaultHoursSections,
+  hoursSections,
   hoursSectionsSlot,
   hoursSectionsClassName,
-  images = defaultImages,
+  images,
   imagesSlot,
   imagesClassName,
   contentPosition = "left",
@@ -743,7 +719,7 @@ function AboutLocationInfoHero({
   optixFlowConfig
 }) {
   const patternUrl = pattern ? pattern in patternSvgs ? patternSvgs[pattern] : pattern : void 0;
-  const isSingleImage = images.length <= 1;
+  const isSingleImage = (images?.length ?? 0) <= 1;
   const renderActions = () => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;

package/dist/about-location-info-hero.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { p as patternSvgs } from './patternSvgs-c5ZNVoTT.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 type PatternName = keyof typeof patternSvgs;

package/dist/about-location-info-hero.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { p as patternSvgs } from './patternSvgs-c5ZNVoTT.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 type PatternName = keyof typeof patternSvgs;

package/dist/about-location-info-hero.js

@@ -668,46 +668,22 @@ var imagePlaceholders = [
   "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
   "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
 ];
-var defaultImages = [
-  { src: imagePlaceholders[5], alt: "OpenSite AI workspace" },
-  { src: imagePlaceholders[6], alt: "OpenSite AI team collaboration" }
-];
-var defaultHoursSections = [
-  {
-    label: "Office Hours",
-    hours: [
-      { day: "Mon - Thu", time: "8:00am - 6:00pm" },
-      { day: "Fri", time: "8:00am - 4:00pm" }
-    ]
-  },
-  {
-    label: "Claims Support",
-    hours: [
-      { day: "Sat", time: "9:00am - 2:00pm" },
-      { day: "Sun", time: "On call" }
-    ]
-  }
-];
-var defaultActions = [
-  { label: "Schedule a Visit", href: "/contact" },
-  { label: "Get Directions", href: "https://maps.google.com" }
-];
 function AboutLocationInfoHero({
-  headline = "OpenSite AI service center in the heart of the city",
+  headline,
   headlineClassName,
-  address = "975 Mission St, San Francisco, CA",
+  address,
   addressHref,
   addressClassName,
-  phone = "+1 (415) 555-0192",
+  phone,
   phoneHref,
   phoneClassName,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   actionsClassName,
-  hoursSections = defaultHoursSections,
+  hoursSections,
   hoursSectionsSlot,
   hoursSectionsClassName,
-  images = defaultImages,
+  images,
   imagesSlot,
   imagesClassName,
   contentPosition = "left",
@@ -721,7 +697,7 @@ function AboutLocationInfoHero({
   optixFlowConfig
 }) {
   const patternUrl = pattern ? pattern in patternSvgs ? patternSvgs[pattern] : pattern : void 0;
-  const isSingleImage = images.length <= 1;
+  const isSingleImage = (images?.length ?? 0) <= 1;
   const renderActions = () => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;

package/dist/about-minimal-story.cjs

@@ -10,18 +10,10 @@ var jsxRuntime = require('react/jsx-runtime');
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var defaultAuthor = {
-  name: "Jordan Mitchell",
-  role: "Founder & CEO"
-};
 function AboutMinimalStory({
-  title = "Our Story",
-  content = `Every great company starts with a simple idea. Ours was born from frustration with the complexity of modern software development. We believed there had to be a better way.
-
-In 2019, our founders came together with a shared vision: make building software as intuitive as using it. What started as a side project quickly grew into something bigger as more developers discovered our tools.
-
-Today, we're proud to serve thousands of teams worldwide, from solo entrepreneurs to Fortune 500 companies. But our mission remains the same: empower everyone to build the software they need.`,
-  author = defaultAuthor,
+  title,
+  content,
+  author,
   authorSlot,
   featuredImage,
   className,

package/dist/about-minimal-story.d.cts

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

package/dist/about-minimal-story.d.ts

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

package/dist/about-minimal-story.js

@@ -8,18 +8,10 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var defaultAuthor = {
-  name: "Jordan Mitchell",
-  role: "Founder & CEO"
-};
 function AboutMinimalStory({
-  title = "Our Story",
-  content = `Every great company starts with a simple idea. Ours was born from frustration with the complexity of modern software development. We believed there had to be a better way.
-
-In 2019, our founders came together with a shared vision: make building software as intuitive as using it. What started as a side project quickly grew into something bigger as more developers discovered our tools.
-
-Today, we're proud to serve thousands of teams worldwide, from solo entrepreneurs to Fortune 500 companies. But our mission remains the same: empower everyone to build the software they need.`,
-  author = defaultAuthor,
+  title,
+  content,
+  author,
   authorSlot,
   featuredImage,
   className,

package/dist/about-mission-dual-image.cjs

@@ -450,128 +450,14 @@ var Pressable = React__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-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;
-}
-var defaultActions = [
-  {
-    label: "Join Our Journey",
-    href: "#",
-    size: "lg",
-    variant: "default",
-    iconAfter: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16, className: "ml-2" })
-  }
-];
 function AboutMissionDualImage({
-  missionTitle = "Our Mission",
-  missionContent = "To democratize software development by providing intuitive tools that empower anyone to build professional applications. We believe that the ability to create software should not be limited to those with technical expertise.",
-  visionTitle = "Our Vision",
-  visionContent = "A world where every idea can become reality. We envision a future where the barrier between imagination and implementation is eliminated, enabling unprecedented innovation and creativity.",
+  missionTitle,
+  missionContent,
+  visionTitle,
+  visionContent,
   primaryImage,
   secondaryImage,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   className,
   containerClassName,

package/dist/about-mission-dual-image.d.cts

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

package/dist/about-mission-dual-image.d.ts

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

package/dist/about-mission-dual-image.js

@@ -428,128 +428,14 @@ var Pressable = React.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
-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;
-}
-var defaultActions = [
-  {
-    label: "Join Our Journey",
-    href: "#",
-    size: "lg",
-    variant: "default",
-    iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16, className: "ml-2" })
-  }
-];
 function AboutMissionDualImage({
-  missionTitle = "Our Mission",
-  missionContent = "To democratize software development by providing intuitive tools that empower anyone to build professional applications. We believe that the ability to create software should not be limited to those with technical expertise.",
-  visionTitle = "Our Vision",
-  visionContent = "A world where every idea can become reality. We envision a future where the barrier between imagination and implementation is eliminated, enabling unprecedented innovation and creativity.",
+  missionTitle,
+  missionContent,
+  visionTitle,
+  visionContent,
   primaryImage,
   secondaryImage,
-  actions = defaultActions,
+  actions,
   actionsSlot,
   className,
   containerClassName,

package/dist/about-mission-features.cjs

@@ -4,165 +4,22 @@
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
-var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
 // lib/utils.ts
 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;
-}
-var defaultFeatures = [
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/files", size: 20 }),
-    title: "Being radically open",
-    description: "We believe there's no room for big egos and there's always time to help each other. We strive to give and receive feedback, ideas, perspectives"
-  },
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/circle-arrow-right", size: 20 }),
-    title: "Moving the needle",
-    description: "Boldly, bravely and with clear aims. We seek out the big opportunities and double down on the most important things to work on."
-  },
-  {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/settings", size: 20 }),
-    title: "Optimizing for empowerment",
-    description: "We believe that everyone should be empowered to do whatever they think is in the company's best interests."
-  }
-];
 function AboutMissionFeatures({
-  title = "About Us",
-  description = "Opensite AI makes it easy to build customer portals, CRMs, internal tools, and other business applications for your team. In minutes, not months.",
-  missionLabel = "OUR MISSION",
-  missionText = "We believe that building software should be insanely easy. That everyone should have the freedom to create the tools they need, without any developers, designers or drama.",
+  title,
+  description,
+  missionLabel,
+  missionText,
   mainImage,
   missionBackgroundImage,
-  featuresTitle = "We make creating software easy.",
-  featuresDescription = "We aim to help empower 1,000,000 teams to create their own software. Here is how we plan on doing it.",
-  features = defaultFeatures,
+  featuresTitle,
+  featuresDescription,
+  features,
   featuresSlot,
   className,
   containerClassName,