@yoamigo.com/core 0.3.0 → 0.3.3

package/dist/prod.js

@@ -298,12 +298,588 @@ function MarkdownText({ content, className }) {
   return /* @__PURE__ */ jsx6("span", { className, children: elements });
 }
 
+// src/components/StaticContainer.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function parseBackgroundConfig(value) {
+  if (!value) {
+    return { type: "none" };
+  }
+  try {
+    const parsed = JSON.parse(value);
+    if (typeof parsed === "object" && parsed.type) {
+      return parsed;
+    }
+  } catch {
+  }
+  return { type: "none" };
+}
+function serializeBackgroundConfig(config) {
+  return JSON.stringify(config);
+}
+function getObjectPosition2(imageConfig) {
+  if (imageConfig.focalPoint) {
+    return `${imageConfig.focalPoint.x}% ${imageConfig.focalPoint.y}%`;
+  }
+  return imageConfig.objectPosition || "50% 50%";
+}
+function StaticContainer({
+  fieldId,
+  className,
+  style,
+  as: Tag = "section",
+  children,
+  defaultBackground
+}) {
+  const { getValue } = useContentStore();
+  const rawValue = getValue(fieldId);
+  const backgroundConfig = rawValue ? parseBackgroundConfig(rawValue) : defaultBackground || { type: "none" };
+  const hasBackground = backgroundConfig.type !== "none";
+  const backgroundStyles = {};
+  if (backgroundConfig.type === "color" && backgroundConfig.backgroundColor) {
+    backgroundStyles.backgroundColor = backgroundConfig.backgroundColor;
+  }
+  if (backgroundConfig.type === "image" && backgroundConfig.backgroundImage) {
+    const img = backgroundConfig.backgroundImage;
+    const resolvedSrc = resolveAssetUrl(img.src);
+    backgroundStyles.backgroundImage = `url(${resolvedSrc})`;
+    backgroundStyles.backgroundSize = img.objectFit || "cover";
+    backgroundStyles.backgroundPosition = getObjectPosition2(img);
+    backgroundStyles.backgroundRepeat = "no-repeat";
+  }
+  const overlayCustomProps = {};
+  if (backgroundConfig.overlay) {
+    overlayCustomProps["--ya-overlay-color"] = backgroundConfig.overlay.color;
+    overlayCustomProps["--ya-overlay-opacity"] = backgroundConfig.overlay.opacity;
+  }
+  return /* @__PURE__ */ jsx7(
+    Tag,
+    {
+      className: `ya-container ${hasBackground ? "ya-container-has-overlay" : ""} ${className || ""}`,
+      style: {
+        ...backgroundStyles,
+        ...overlayCustomProps,
+        ...style
+      },
+      "data-field-id": fieldId,
+      children
+    }
+  );
+}
+
+// src/components/StaticVideo.tsx
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function parseVideoValue(value) {
+  if (!value) {
+    return { type: "upload", src: "" };
+  }
+  try {
+    const parsed = JSON.parse(value);
+    if (typeof parsed === "object" && parsed.src) {
+      return {
+        type: parsed.type || "upload",
+        ...parsed
+      };
+    }
+  } catch {
+  }
+  return { type: "upload", src: value };
+}
+function serializeVideoValue(value) {
+  return JSON.stringify(value);
+}
+function buildYouTubeEmbedUrl(videoId, value) {
+  const params = new URLSearchParams({
+    rel: "0",
+    modestbranding: "1"
+  });
+  if (value.autoplay) params.set("autoplay", "1");
+  if (value.muted) params.set("mute", "1");
+  if (value.loop) {
+    params.set("loop", "1");
+    params.set("playlist", videoId);
+  }
+  if (value.controls === false) params.set("controls", "0");
+  if (value.startTime) params.set("start", String(Math.floor(value.startTime)));
+  if (value.endTime) params.set("end", String(Math.floor(value.endTime)));
+  return `https://www.youtube.com/embed/${videoId}?${params.toString()}`;
+}
+function buildVimeoEmbedUrl(videoId, value) {
+  const params = new URLSearchParams({
+    title: "0",
+    byline: "0",
+    portrait: "0"
+  });
+  if (value.autoplay) params.set("autoplay", "1");
+  if (value.muted) params.set("muted", "1");
+  if (value.loop) params.set("loop", "1");
+  if (value.controls === false) params.set("controls", "0");
+  let url = `https://player.vimeo.com/video/${videoId}?${params.toString()}`;
+  if (value.startTime) {
+    url += `#t=${Math.floor(value.startTime)}s`;
+  }
+  return url;
+}
+function StaticVideo({
+  fieldId,
+  className,
+  aspectRatio: propAspectRatio,
+  objectFit: propObjectFit,
+  loading = "lazy",
+  defaultValue,
+  fallbackSrc,
+  fallbackPoster
+}) {
+  const { getValue } = useContentStore();
+  const containerRef = useRef(null);
+  const videoRef = useRef(null);
+  const [isInView, setIsInView] = useState(loading === "eager");
+  const rawValue = getValue(fieldId);
+  const parsedValue = parseVideoValue(rawValue);
+  const videoData = parsedValue.src ? parsedValue : defaultValue || parsedValue;
+  const src = videoData.src || fallbackSrc || "";
+  const poster = videoData.poster || fallbackPoster || "";
+  const objectFit = videoData.objectFit || propObjectFit || "cover";
+  const aspectRatio = videoData.aspectRatio || propAspectRatio || "16/9";
+  const autoplay = videoData.autoplay ?? false;
+  const muted = videoData.muted ?? false;
+  const loop = videoData.loop ?? false;
+  const controls = videoData.controls ?? true;
+  const playsinline = videoData.playsinline ?? true;
+  const preload = videoData.preload ?? "metadata";
+  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
+  useEffect(() => {
+    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setPrefersReducedMotion(mediaQuery.matches);
+    const handleChange = (e) => {
+      setPrefersReducedMotion(e.matches);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  const effectiveAutoplay = autoplay && !prefersReducedMotion;
+  useEffect(() => {
+    if (loading === "eager" || isInView) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries[0]?.isIntersecting) {
+          setIsInView(true);
+          observer.disconnect();
+        }
+      },
+      { rootMargin: "200px" }
+    );
+    if (containerRef.current) {
+      observer.observe(containerRef.current);
+    }
+    return () => observer.disconnect();
+  }, [loading, isInView]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if ((e.key === " " || e.key === "Enter") && videoData.type === "upload" && controls) {
+        e.preventDefault();
+        const video = videoRef.current;
+        if (video) {
+          if (video.paused) {
+            video.play();
+          } else {
+            video.pause();
+          }
+        }
+      }
+    },
+    [videoData.type, controls]
+  );
+  const renderVideo = () => {
+    if (!src) return null;
+    if (!isInView && loading === "lazy") {
+      return /* @__PURE__ */ jsx8("div", { className: "ya-video-placeholder", style: { aspectRatio } });
+    }
+    if (videoData.type === "youtube" && src) {
+      const embedUrl = buildYouTubeEmbedUrl(src, videoData);
+      return /* @__PURE__ */ jsx8(
+        "iframe",
+        {
+          src: embedUrl,
+          className,
+          style: {
+            width: "100%",
+            height: "100%",
+            border: "none",
+            aspectRatio,
+            objectFit
+          },
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+          allowFullScreen: true,
+          loading
+        }
+      );
+    }
+    if (videoData.type === "vimeo" && src) {
+      const embedUrl = buildVimeoEmbedUrl(src, videoData);
+      return /* @__PURE__ */ jsx8(
+        "iframe",
+        {
+          src: embedUrl,
+          className,
+          style: {
+            width: "100%",
+            height: "100%",
+            border: "none",
+            aspectRatio,
+            objectFit
+          },
+          allow: "autoplay; fullscreen; picture-in-picture",
+          allowFullScreen: true,
+          loading
+        }
+      );
+    }
+    const resolvedSrc = resolveAssetUrl(src);
+    const resolvedPoster = poster ? resolveAssetUrl(poster) : void 0;
+    return /* @__PURE__ */ jsx8(
+      "video",
+      {
+        ref: videoRef,
+        src: resolvedSrc,
+        poster: resolvedPoster,
+        className,
+        style: {
+          objectFit,
+          aspectRatio
+        },
+        autoPlay: effectiveAutoplay,
+        muted,
+        loop,
+        controls,
+        playsInline: playsinline,
+        preload,
+        onLoadedMetadata: (e) => {
+          if (videoData.startTime) {
+            e.currentTarget.currentTime = videoData.startTime;
+          }
+        },
+        onTimeUpdate: (e) => {
+          if (videoData.endTime && e.currentTarget.currentTime >= videoData.endTime) {
+            if (loop) {
+              e.currentTarget.currentTime = videoData.startTime || 0;
+            } else {
+              e.currentTarget.pause();
+            }
+          }
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      ref: containerRef,
+      className: `ya-video-wrapper ${className || ""}`,
+      style: { aspectRatio },
+      "data-field-id": fieldId,
+      tabIndex: videoData.type === "upload" && controls ? 0 : void 0,
+      role: videoData.type === "upload" && controls ? "application" : void 0,
+      "aria-label": videoData.type === "upload" && controls ? "Video player. Press Space or Enter to play/pause." : void 0,
+      onKeyDown: handleKeyDown,
+      children: renderVideo()
+    }
+  );
+}
+
+// src/components/StaticEmbed.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { jsx as jsx9, jsxs } from "react/jsx-runtime";
+function parseEmbedValue(value) {
+  if (!value) {
+    return { type: "custom", src: "" };
+  }
+  try {
+    const parsed = JSON.parse(value);
+    if (typeof parsed === "object" && parsed.src) {
+      return {
+        type: parsed.type || "custom",
+        ...parsed
+      };
+    }
+  } catch {
+  }
+  return { type: "custom", src: value, originalUrl: value };
+}
+function serializeEmbedValue(value) {
+  return JSON.stringify(value);
+}
+function buildSpotifyEmbedUrl(src) {
+  return `https://open.spotify.com/embed/${src}?utm_source=generator&theme=0`;
+}
+function buildSoundCloudEmbedUrl(src) {
+  return `https://w.soundcloud.com/player/?url=${encodeURIComponent(src)}&color=%23ff5500&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=false`;
+}
+function buildInstagramEmbedUrl(shortcode) {
+  return `https://www.instagram.com/p/${shortcode}/embed`;
+}
+function StaticEmbed({
+  fieldId,
+  className,
+  aspectRatio: propAspectRatio,
+  maxWidth,
+  loading = "lazy",
+  defaultValue
+}) {
+  const { getValue } = useContentStore();
+  const containerRef = useRef2(null);
+  const [isInView, setIsInView] = useState2(loading === "eager");
+  const rawValue = getValue(fieldId);
+  const parsedValue = parseEmbedValue(rawValue);
+  const embedData = parsedValue.src ? parsedValue : defaultValue || parsedValue;
+  const src = embedData.src || "";
+  const embedType = embedData.type || "custom";
+  const height = embedData.height;
+  const aspectRatio = embedData.aspectRatio || propAspectRatio || "16/9";
+  useEffect2(() => {
+    if (loading === "eager" || isInView) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries[0]?.isIntersecting) {
+          setIsInView(true);
+          observer.disconnect();
+        }
+      },
+      { rootMargin: "200px" }
+    );
+    if (containerRef.current) {
+      observer.observe(containerRef.current);
+    }
+    return () => observer.disconnect();
+  }, [loading, isInView]);
+  const renderEmbed = () => {
+    if (!src) return null;
+    if (!isInView && loading === "lazy") {
+      return /* @__PURE__ */ jsx9("div", { className: "ya-embed-placeholder", style: { aspectRatio } });
+    }
+    if (embedType === "spotify" && src) {
+      const embedUrl = buildSpotifyEmbedUrl(src);
+      return /* @__PURE__ */ jsx9(
+        "iframe",
+        {
+          src: embedUrl,
+          style: {
+            width: "100%",
+            height: height ? `${height}px` : "100%",
+            border: "none",
+            borderRadius: "12px"
+          },
+          allow: "autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture",
+          loading,
+          title: "Spotify embed"
+        }
+      );
+    }
+    if (embedType === "soundcloud" && src) {
+      const embedUrl = buildSoundCloudEmbedUrl(src);
+      return /* @__PURE__ */ jsx9(
+        "iframe",
+        {
+          src: embedUrl,
+          style: {
+            width: "100%",
+            height: height ? `${height}px` : "166px",
+            border: "none"
+          },
+          allow: "autoplay",
+          loading,
+          title: "SoundCloud embed"
+        }
+      );
+    }
+    if (embedType === "twitter" && src) {
+      return /* @__PURE__ */ jsxs("div", { className: "ya-embed-twitter", children: [
+        /* @__PURE__ */ jsx9("blockquote", { className: "twitter-tweet", "data-dnt": "true", children: /* @__PURE__ */ jsx9("a", { href: embedData.originalUrl || `https://twitter.com/i/status/${src}`, children: "Loading tweet..." }) }),
+        /* @__PURE__ */ jsx9(TwitterWidgetLoader, {})
+      ] });
+    }
+    if (embedType === "instagram" && src) {
+      const embedUrl = buildInstagramEmbedUrl(src);
+      return /* @__PURE__ */ jsx9(
+        "iframe",
+        {
+          src: embedUrl,
+          style: {
+            width: "100%",
+            height: "100%",
+            aspectRatio,
+            border: "none",
+            minHeight: "400px"
+          },
+          allow: "encrypted-media",
+          loading,
+          title: "Instagram embed"
+        }
+      );
+    }
+    if (embedType === "custom" && src) {
+      return /* @__PURE__ */ jsx9(
+        "iframe",
+        {
+          src,
+          style: {
+            width: "100%",
+            height: "100%",
+            border: "none",
+            aspectRatio
+          },
+          sandbox: "allow-scripts allow-same-origin allow-popups allow-forms",
+          loading,
+          title: "Embedded content"
+        }
+      );
+    }
+    return null;
+  };
+  const wrapperStyle = {
+    aspectRatio: height ? void 0 : aspectRatio,
+    height: height ? `${height}px` : void 0,
+    maxWidth: maxWidth ? `${maxWidth}px` : void 0
+  };
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      ref: containerRef,
+      className: `ya-embed-wrapper ${className || ""}`,
+      style: wrapperStyle,
+      "data-field-id": fieldId,
+      "data-embed-type": embedType,
+      children: renderEmbed()
+    }
+  );
+}
+function TwitterWidgetLoader() {
+  useEffect2(() => {
+    if (window.twttr?.widgets) {
+      ;
+      window.twttr.widgets.load();
+      return;
+    }
+    if (document.getElementById("twitter-wjs")) {
+      return;
+    }
+    const script = document.createElement("script");
+    script.id = "twitter-wjs";
+    script.src = "https://platform.twitter.com/widgets.js";
+    script.async = true;
+    document.body.appendChild(script);
+  }, []);
+  return null;
+}
+
+// src/components/YaEmbed.tsx
+import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/components/ya-embed.css
+styleInject('.ya-embed-wrapper {\n  position: relative;\n  display: block;\n  width: 100%;\n}\n.ya-embed-wrapper iframe {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n.ya-embed-container {\n  position: relative;\n  display: block;\n  width: 100%;\n  min-width: 80px;\n  min-height: 80px;\n  cursor: pointer;\n  transition: outline 0.15s ease;\n}\n.ya-embed-container iframe {\n  display: block;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.ya-embed-editable {\n  cursor: pointer;\n}\n.ya-embed-editable:hover {\n  outline: 2px dashed var(--color-primary, #d4a574);\n  outline-offset: 4px;\n}\n.ya-embed-selected {\n  outline: 3px solid var(--color-primary, #d4a574);\n  outline-offset: 4px;\n}\n.ya-embed-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  background: rgba(0, 0, 0, 0.5);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n  pointer-events: none;\n  border-radius: inherit;\n}\n.ya-embed-editable:hover .ya-embed-overlay {\n  opacity: 1;\n}\n.ya-embed-selected .ya-embed-overlay {\n  opacity: 0;\n}\n.ya-embed-edit-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  background: white;\n  border-radius: 50%;\n  color: #1a1a1a;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);\n}\n.ya-embed-edit-icon svg {\n  width: 24px;\n  height: 24px;\n}\n.ya-embed-edit-label {\n  color: white;\n  font-size: 14px;\n  font-weight: 500;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\n}\n.ya-embed-placeholder {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n  height: 100%;\n  min-height: 120px;\n  background: #f3f4f6;\n  border: 2px dashed #d1d5db;\n  border-radius: 8px;\n  color: #6b7280;\n  font-size: 14px;\n}\n.ya-embed-placeholder img {\n  width: 64px;\n  height: auto;\n  opacity: 0.5;\n}\n@keyframes ya-embed-success {\n  0% {\n    outline-color: var(--color-primary, #d4a574);\n  }\n  50% {\n    outline-color: #22c55e;\n    outline-width: 4px;\n  }\n  100% {\n    outline-color: var(--color-primary, #d4a574);\n    outline-width: 2px;\n  }\n}\n.ya-embed-success {\n  animation: ya-embed-success 0.4s ease;\n}\n.ya-embed-loading::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0%,\n      rgba(255, 255, 255, 0.3) 50%,\n      rgba(255, 255, 255, 0) 100%);\n  background-size: 200% 100%;\n  animation: ya-embed-shimmer 1.5s infinite;\n}\n@keyframes ya-embed-shimmer {\n  0% {\n    background-position: -200% 0;\n  }\n  100% {\n    background-position: 200% 0;\n  }\n}\n.ya-embed-container:focus {\n  outline: 3px solid var(--color-primary, #d4a574);\n  outline-offset: 4px;\n}\n.ya-embed-container:focus:not(:focus-visible) {\n  outline: none;\n}\n.ya-embed-container:focus-visible {\n  outline: 3px solid var(--color-primary, #d4a574);\n  outline-offset: 4px;\n}\n.ya-embed-small .ya-embed-overlay {\n  display: none;\n}\n.ya-embed-twitter {\n  min-height: 200px;\n}\n.ya-embed-twitter .twitter-tweet {\n  margin: 0 auto !important;\n}\n.ya-embed-wrapper[data-embed-type=spotify],\n.ya-embed-container[data-embed-type=spotify] {\n  min-height: 80px;\n}\n.ya-embed-wrapper[data-embed-type=soundcloud],\n.ya-embed-container[data-embed-type=soundcloud] {\n  min-height: 166px;\n}\n.ya-embed-wrapper[data-embed-type=instagram] iframe,\n.ya-embed-container[data-embed-type=instagram] iframe {\n  min-height: 400px;\n}\n');
+
+// src/components/YaEmbed.tsx
+import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
+function parseEmbedUrl(url) {
+  if (!url) return null;
+  const trimmedUrl = url.trim();
+  const spotifyMatch = trimmedUrl.match(
+    /open\.spotify\.com\/(track|album|playlist|episode|show)\/([a-zA-Z0-9]+)/
+  );
+  if (spotifyMatch) {
+    const spotifyType = spotifyMatch[1];
+    const spotifyId = spotifyMatch[2];
+    const height = spotifyType === "track" ? 152 : 352;
+    return {
+      type: "spotify",
+      src: `${spotifyType}/${spotifyId}`,
+      originalUrl: trimmedUrl,
+      height,
+      spotifyType
+    };
+  }
+  const soundcloudMatch = trimmedUrl.match(/soundcloud\.com\/([^/]+)\/([^/?]+)/);
+  if (soundcloudMatch) {
+    return {
+      type: "soundcloud",
+      src: trimmedUrl,
+      // SoundCloud embeds use full URL
+      originalUrl: trimmedUrl,
+      height: 166
+    };
+  }
+  const twitterMatch = trimmedUrl.match(/(?:twitter\.com|x\.com)\/\w+\/status\/(\d+)/);
+  if (twitterMatch) {
+    return {
+      type: "twitter",
+      src: twitterMatch[1],
+      // Tweet ID
+      originalUrl: trimmedUrl,
+      aspectRatio: "1/1"
+      // Twitter embeds are roughly square
+    };
+  }
+  const instagramMatch = trimmedUrl.match(/instagram\.com\/(?:p|reel)\/([a-zA-Z0-9_-]+)/);
+  if (instagramMatch) {
+    return {
+      type: "instagram",
+      src: instagramMatch[1],
+      // Post shortcode
+      originalUrl: trimmedUrl,
+      aspectRatio: "1/1"
+    };
+  }
+  if (trimmedUrl.startsWith("https://")) {
+    if (trimmedUrl.startsWith("javascript:") || trimmedUrl.startsWith("data:") || trimmedUrl.includes("<script")) {
+      return null;
+    }
+    return {
+      type: "custom",
+      src: trimmedUrl,
+      originalUrl: trimmedUrl,
+      aspectRatio: "16/9"
+    };
+  }
+  return null;
+}
+var PLACEHOLDER_SVG = `data:image/svg+xml,${encodeURIComponent(`
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="225" viewBox="0 0 400 225">
+  <rect fill="#e5e7eb" width="400" height="225"/>
+  <g fill="#9ca3af" transform="translate(175, 87)">
+    <rect x="5" y="5" width="40" height="30" rx="4" stroke="currentColor" stroke-width="2" fill="none"/>
+    <path d="M15 15 L25 22 L15 29 Z" fill="currentColor"/>
+  </g>
+</svg>
+`)}`;
+
 // src/router/Link.tsx
 import { Link as WouterLink } from "wouter";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Link({ to, href, children, className, onClick, replace, ...props }) {
   const target = href ?? to ?? "/";
-  return /* @__PURE__ */ jsx7(WouterLink, { href: target, className, onClick, replace, ...props, children });
+  return /* @__PURE__ */ jsx11(WouterLink, { href: target, className, onClick, replace, ...props, children });
 }
 
 // src/router/useNavigate.ts
@@ -322,7 +898,7 @@ function useNavigate() {
 
 // src/router/Router.tsx
 import { Router as WouterRouter } from "wouter";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function detectBasename() {
   if (typeof window === "undefined") return "";
   const sessionMatch = window.location.pathname.match(/^\/session\/[^/]+/);
@@ -337,7 +913,7 @@ function detectBasename() {
 }
 function Router({ children, base }) {
   const basename = base ?? detectBasename();
-  return /* @__PURE__ */ jsx8(WouterRouter, { base: basename, children });
+  return /* @__PURE__ */ jsx12(WouterRouter, { base: basename, children });
 }
 
 // src/router/index.ts
@@ -349,19 +925,30 @@ export {
   Route,
   Router,
   SafeHtml,
+  StaticContainer,
+  StaticEmbed,
   MpImage as StaticImage,
   StaticLink,
   MpText as StaticText,
+  StaticVideo,
   Switch,
+  StaticContainer as YaContainer,
+  StaticEmbed as YaEmbed,
   MpImage as YaImage,
   StaticLink as YaLink,
   MpText as YaText,
+  StaticVideo as YaVideo,
   contentRegistry,
   getAllContent,
   getContent,
   hasContent,
+  parseBackgroundConfig,
+  parseEmbedUrl,
   registerContent,
   resolveAssetUrl,
+  serializeBackgroundConfig,
+  serializeEmbedValue,
+  serializeVideoValue,
   setAssetResolver,
   useContentStore,
   useNavigate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoamigo.com/core",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "description": "Core components, router, and utilities for YoAmigo templates",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",