@yoamigo.com/core 1.0.1 → 1.1.1

package/dist/prod.js

@@ -1,3 +1,57 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/icons/custom-icons.tsx
+var custom_icons_exports = {};
+__export(custom_icons_exports, {
+  CUSTOM_ICON_NAMES: () => CUSTOM_ICON_NAMES,
+  IconBrandAppleMusic: () => IconBrandAppleMusic
+});
+import { forwardRef, createElement } from "react";
+var appleMusicIconNode, IconBrandAppleMusic, CUSTOM_ICON_NAMES;
+var init_custom_icons = __esm({
+  "src/icons/custom-icons.tsx"() {
+    "use strict";
+    appleMusicIconNode = [
+      [
+        "path",
+        {
+          d: "M23.994 6.124a9.23 9.23 0 00-.24-2.19c-.317-1.31-1.062-2.31-2.18-3.043a5.022 5.022 0 00-1.877-.726 10.496 10.496 0 00-1.564-.15c-.04-.003-.083-.01-.124-.013H5.986c-.152.01-.303.017-.455.026-.747.043-1.49.123-2.193.4-1.336.53-2.3 1.452-2.865 2.78-.192.448-.292.925-.363 1.408-.056.392-.088.785-.1 1.18 0 .032-.007.062-.01.093v12.223c.01.14.017.283.027.424.05.815.154 1.624.497 2.373.65 1.42 1.738 2.353 3.234 2.801.42.127.856.187 1.293.228.555.053 1.11.06 1.667.06h11.03a12.5 12.5 0 001.57-.1c.822-.106 1.596-.35 2.295-.81a5.046 5.046 0 001.88-2.207c.186-.42.293-.87.37-1.324.113-.675.138-1.358.137-2.04-.002-3.8 0-7.595-.003-11.393zm-6.423 3.99v5.712c0 .417-.058.827-.244 1.206-.29.59-.76.962-1.388 1.14-.35.1-.706.157-1.07.173-.95.045-1.773-.6-1.943-1.536a1.88 1.88 0 011.038-2.022c.323-.16.67-.25 1.018-.324.378-.082.758-.153 1.134-.24.274-.063.457-.23.51-.516a.904.904 0 00.02-.193c0-1.815 0-3.63-.002-5.443a.725.725 0 00-.026-.185c-.04-.15-.15-.243-.304-.234-.16.01-.318.035-.475.066-.76.15-1.52.303-2.28.456l-2.325.47-1.374.278c-.016.003-.032.01-.048.013-.277.077-.377.203-.39.49-.002.042 0 .086 0 .13-.002 2.602 0 5.204-.003 7.805 0 .42-.047.836-.215 1.227-.278.64-.77 1.04-1.434 1.233-.35.1-.71.16-1.075.172-.96.036-1.755-.6-1.92-1.544-.14-.812.23-1.685 1.154-2.075.357-.15.73-.232 1.108-.31.287-.06.575-.116.86-.177.383-.083.583-.323.6-.714v-.15c0-2.96 0-5.922.002-8.882 0-.123.013-.25.042-.37.07-.285.273-.448.546-.518.255-.066.515-.112.774-.165.733-.15 1.466-.296 2.2-.444l2.27-.46c.67-.134 1.34-.27 2.01-.403.22-.043.442-.088.663-.106.31-.025.523.17.554.482.008.073.012.148.012.223.002 1.91.002 3.822 0 5.732z",
+          key: "svg-0"
+        }
+      ]
+    ];
+    IconBrandAppleMusic = forwardRef(
+      ({ color = "currentColor", size = 24, className, style, title, ...rest }, ref) => createElement(
+        "svg",
+        {
+          ref,
+          xmlns: "http://www.w3.org/2000/svg",
+          width: size,
+          height: size,
+          viewBox: "0 0 24 24",
+          fill: color,
+          className,
+          style,
+          ...rest
+        },
+        // Title element provides native browser tooltip on hover
+        title && createElement("title", { key: "title" }, title),
+        ...appleMusicIconNode.map(([tag, attrs]) => createElement(tag, attrs))
+      )
+    );
+    IconBrandAppleMusic.displayName = "IconBrandAppleMusic";
+    CUSTOM_ICON_NAMES = ["IconBrandAppleMusic"];
+  }
+});
+
 // src/components/ContentStoreProvider.prod.tsx
 import { createContext, useContext, useMemo } from "react";
 
@@ -179,8 +233,138 @@ function SafeHtml({ content, className }) {
   );
 }
 
+// src/icons/DynamicIcon.tsx
+import { useEffect, useState, memo } from "react";
+
+// src/icons/icon-registry.ts
+var iconCache = /* @__PURE__ */ new Map();
+var pendingLoads = /* @__PURE__ */ new Map();
+var registeredLoaders = /* @__PURE__ */ new Map();
+var MAX_CACHE_SIZE = 100;
+function registerIcon(name, loader) {
+  registeredLoaders.set(name, loader);
+}
+function registerIcons(loaders) {
+  for (const [name, loader] of Object.entries(loaders)) {
+    registeredLoaders.set(name, loader);
+  }
+}
+function getIcon(name) {
+  return iconCache.get(name) ?? null;
+}
+async function loadIcon(name) {
+  if (iconCache.has(name)) {
+    return iconCache.get(name);
+  }
+  if (pendingLoads.has(name)) {
+    return pendingLoads.get(name);
+  }
+  const loadPromise = (async () => {
+    try {
+      let IconComponent;
+      if (name === "IconBrandAppleMusic") {
+        const customModule = await Promise.resolve().then(() => (init_custom_icons(), custom_icons_exports));
+        IconComponent = customModule.IconBrandAppleMusic;
+      } else if (registeredLoaders.has(name)) {
+        const loader = registeredLoaders.get(name);
+        const module = await loader();
+        IconComponent = module.default;
+      } else {
+        const module = await import("@tabler/icons-react");
+        IconComponent = module[name];
+      }
+      if (!IconComponent) {
+        console.warn(`Icon "${name}" not found in @tabler/icons-react or custom icons`);
+        return null;
+      }
+      if (iconCache.size >= MAX_CACHE_SIZE) {
+        const firstKey = iconCache.keys().next().value;
+        if (firstKey) {
+          iconCache.delete(firstKey);
+        }
+      }
+      iconCache.set(name, IconComponent);
+      return IconComponent;
+    } catch (error) {
+      console.error(`Failed to load icon "${name}":`, error);
+      return null;
+    } finally {
+      pendingLoads.delete(name);
+    }
+  })();
+  pendingLoads.set(name, loadPromise);
+  return loadPromise;
+}
+async function preloadIcons(names) {
+  await Promise.all(names.map(loadIcon));
+}
+function isIconLoaded(name) {
+  return iconCache.has(name);
+}
+
+// src/icons/DynamicIcon.tsx
+import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
+function DynamicIconComponent({
+  name,
+  fallback = null,
+  className,
+  size = 24,
+  stroke = 2,
+  ...props
+}) {
+  const cachedIcon = getIcon(name);
+  const [Icon, setIcon] = useState(cachedIcon);
+  const [isLoading, setIsLoading] = useState(!cachedIcon && !!name);
+  useEffect(() => {
+    if (!name) {
+      setIcon(null);
+      setIsLoading(false);
+      return;
+    }
+    const cached = getIcon(name);
+    if (cached) {
+      setIcon(cached);
+      setIsLoading(false);
+      return;
+    }
+    setIsLoading(true);
+    let cancelled = false;
+    loadIcon(name).then((LoadedIcon) => {
+      if (!cancelled) {
+        setIcon(LoadedIcon);
+        setIsLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [name]);
+  if (!name) {
+    return null;
+  }
+  if (isLoading || !Icon) {
+    if (fallback) {
+      return /* @__PURE__ */ jsx5(Fragment, { children: fallback });
+    }
+    return /* @__PURE__ */ jsx5(
+      "span",
+      {
+        className,
+        style: {
+          display: "inline-flex",
+          width: size,
+          height: size
+        },
+        "aria-hidden": "true"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx5(Icon, { size, stroke, className, ...props });
+}
+var DynamicIcon = memo(DynamicIconComponent);
+
 // src/components/StaticLink.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs } from "react/jsx-runtime";
 function isInternalPath(path) {
   if (!path) return false;
   if (path.startsWith("#")) return false;
@@ -189,14 +373,18 @@ function isInternalPath(path) {
   if (path.startsWith("mailto:") || path.startsWith("tel:")) return false;
   return path.startsWith("/");
 }
-function StaticLink({ fieldId, href: defaultHref = "#", className, style, as: Component = "a", children, onClick }) {
+function StaticLink({ fieldId, href: defaultHref = "#", className, style, as: Component = "a", children, onClick, iconPosition, iconSize }) {
+  const effectiveIconSize = iconSize ?? (iconPosition === "only" ? 24 : 20);
   const { getValue, mode } = useContentStore();
   const [, navigate] = useLocation();
   const textFieldId = `${fieldId}.text`;
   const hrefFieldId = `${fieldId}.href`;
+  const iconFieldId = `${fieldId}.icon`;
   const storeText = getValue(textFieldId);
   const storeHref = getValue(hrefFieldId);
+  const storeIcon = getValue(iconFieldId);
   const href = storeHref || defaultHref;
+  const currentIcon = storeIcon || null;
   const isIconMode = children != null && typeof children !== "string";
   const hasStoreText = Boolean(storeText);
   const hasStringChildren = typeof children === "string";
@@ -224,7 +412,40 @@ function StaticLink({ fieldId, href: defaultHref = "#", className, style, as: Co
     }
     onClick?.();
   };
-  return /* @__PURE__ */ jsx5(
+  const renderIcon = () => currentIcon ? /* @__PURE__ */ jsx6(DynamicIcon, { name: currentIcon, size: effectiveIconSize }) : null;
+  const renderText = () => {
+    if (hasStoreText || hasStringChildren) {
+      return /* @__PURE__ */ jsx6(SafeHtml, { content: storeText || children || "", mode });
+    }
+    return null;
+  };
+  const renderContent = () => {
+    if (iconPosition === "only") {
+      return currentIcon ? renderIcon() : children;
+    }
+    if (iconPosition === "left") {
+      return /* @__PURE__ */ jsxs(Fragment2, { children: [
+        renderIcon(),
+        renderIcon() && /* @__PURE__ */ jsx6("span", { style: { marginLeft: "0.35em" } }),
+        isIconMode ? children : renderText()
+      ] });
+    }
+    if (iconPosition === "right") {
+      return /* @__PURE__ */ jsxs(Fragment2, { children: [
+        isIconMode ? children : renderText(),
+        renderIcon() && /* @__PURE__ */ jsx6("span", { style: { marginRight: "0.35em" } }),
+        renderIcon()
+      ] });
+    }
+    if (isIconMode) {
+      return children;
+    }
+    if (hasStoreText || hasStringChildren) {
+      return /* @__PURE__ */ jsx6(SafeHtml, { content: storeText || children || "", mode });
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsx6(
     Component,
     {
       href: Component === "a" ? href : void 0,
@@ -233,20 +454,41 @@ function StaticLink({ fieldId, href: defaultHref = "#", className, style, as: Co
       style,
       "data-ya-restricted": "true",
       "data-field-id": fieldId,
-      children: isIconMode ? (
-        // Icon mode: render React children directly (SVGs, icons, etc.)
-        children
-      ) : hasStoreText || hasStringChildren ? (
-        // Text mode: render store text or string children via SafeHtml
-        /* @__PURE__ */ jsx5(SafeHtml, { content: storeText || children || "", mode })
-      ) : null
+      children: renderContent()
+    }
+  );
+}
+
+// src/components/StaticIcon.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function StaticIcon({
+  fieldId,
+  fallback,
+  size = 24,
+  stroke = 2,
+  className
+}) {
+  const { getValue } = useContentStore();
+  const iconFieldId = `${fieldId}.icon`;
+  const storeIcon = getValue(iconFieldId);
+  const currentIcon = storeIcon || fallback || null;
+  if (!currentIcon) return null;
+  return /* @__PURE__ */ jsx7(
+    DynamicIcon,
+    {
+      name: currentIcon,
+      size,
+      stroke,
+      className,
+      "data-ya-restricted": "true",
+      "data-field-id": fieldId
     }
   );
 }
 
 // src/components/MarkdownText.tsx
-import { Fragment } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { Fragment as Fragment3 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function tokenize(text2) {
   const tokens = [];
   let remaining = text2;
@@ -308,13 +550,13 @@ function tokensToElements(tokens) {
   return tokens.map((token, index) => {
     switch (token.type) {
       case "text":
-        return /* @__PURE__ */ jsx6(Fragment, { children: token.content }, index);
+        return /* @__PURE__ */ jsx8(Fragment3, { children: token.content }, index);
       case "bold":
-        return /* @__PURE__ */ jsx6("strong", { children: token.content }, index);
+        return /* @__PURE__ */ jsx8("strong", { children: token.content }, index);
       case "italic":
-        return /* @__PURE__ */ jsx6("em", { children: token.content }, index);
+        return /* @__PURE__ */ jsx8("em", { children: token.content }, index);
       case "link":
-        return /* @__PURE__ */ jsx6(
+        return /* @__PURE__ */ jsx8(
           "a",
           {
             href: token.url,
@@ -326,7 +568,7 @@ function tokensToElements(tokens) {
           index
         );
       case "newline":
-        return /* @__PURE__ */ jsx6("br", {}, index);
+        return /* @__PURE__ */ jsx8("br", {}, index);
       default:
         return null;
     }
@@ -338,11 +580,11 @@ function parseMarkdownToElements(content) {
 }
 function MarkdownText({ content, className }) {
   const elements = parseMarkdownToElements(content);
-  return /* @__PURE__ */ jsx6("span", { className, children: elements });
+  return /* @__PURE__ */ jsx8("span", { className, children: elements });
 }
 
 // src/components/StaticContainer.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function parseBackgroundConfig(value) {
   if (!value) {
     return { type: "none" };
@@ -394,7 +636,7 @@ function StaticContainer({
     overlayCustomProps["--ya-overlay-color"] = backgroundConfig.overlay.color;
     overlayCustomProps["--ya-overlay-opacity"] = backgroundConfig.overlay.opacity;
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx9(
     Tag,
     {
       className: `ya-container ${hasBackground ? "ya-container-has-overlay" : ""} ${className || ""}`,
@@ -410,8 +652,8 @@ function StaticContainer({
 }
 
 // src/components/StaticVideo.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { useCallback, useEffect as useEffect2, useRef, useState as useState2 } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function parseVideoValue(value) {
   if (!value) {
     return { type: "upload", src: "" };
@@ -476,7 +718,7 @@ function StaticVideo({
   const { getValue } = useContentStore();
   const containerRef = useRef(null);
   const videoRef = useRef(null);
-  const [isInView, setIsInView] = useState(loading === "eager");
+  const [isInView, setIsInView] = useState2(loading === "eager");
   const rawValue = getValue(fieldId);
   const parsedValue = parseVideoValue(rawValue);
   const videoData = parsedValue.src ? parsedValue : defaultValue || parsedValue;
@@ -490,8 +732,8 @@ function StaticVideo({
   const controls = videoData.controls ?? true;
   const playsinline = videoData.playsinline ?? true;
   const preload = videoData.preload ?? "metadata";
-  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
-  useEffect(() => {
+  const [prefersReducedMotion, setPrefersReducedMotion] = useState2(false);
+  useEffect2(() => {
     const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
     setPrefersReducedMotion(mediaQuery.matches);
     const handleChange = (e) => {
@@ -501,7 +743,7 @@ function StaticVideo({
     return () => mediaQuery.removeEventListener("change", handleChange);
   }, []);
   const effectiveAutoplay = autoplay && !prefersReducedMotion;
-  useEffect(() => {
+  useEffect2(() => {
     if (loading === "eager" || isInView) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -536,11 +778,11 @@ function StaticVideo({
   const renderVideo = () => {
     if (!src) return null;
     if (!isInView && loading === "lazy") {
-      return /* @__PURE__ */ jsx8("div", { className: "ya-video-placeholder", style: { aspectRatio } });
+      return /* @__PURE__ */ jsx10("div", { className: "ya-video-placeholder", style: { aspectRatio } });
     }
     if (videoData.type === "youtube" && src) {
       const embedUrl = buildYouTubeEmbedUrl(src, videoData);
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx10(
         "iframe",
         {
           src: embedUrl,
@@ -560,7 +802,7 @@ function StaticVideo({
     }
     if (videoData.type === "vimeo" && src) {
       const embedUrl = buildVimeoEmbedUrl(src, videoData);
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx10(
         "iframe",
         {
           src: embedUrl,
@@ -580,7 +822,7 @@ function StaticVideo({
     }
     const resolvedSrc = resolveAssetUrl(src);
     const resolvedPoster = poster ? resolveAssetUrl(poster) : void 0;
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx10(
       "video",
       {
         ref: videoRef,
@@ -614,7 +856,7 @@ function StaticVideo({
       }
     );
   };
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       ref: containerRef,
@@ -631,8 +873,8 @@ function StaticVideo({
 }
 
 // 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";
+import { useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import { jsx as jsx11, jsxs as jsxs2 } from "react/jsx-runtime";
 function parseEmbedValue(value) {
   if (!value) {
     return { type: "custom", src: "" };
@@ -671,7 +913,7 @@ function StaticEmbed({
 }) {
   const { getValue } = useContentStore();
   const containerRef = useRef2(null);
-  const [isInView, setIsInView] = useState2(loading === "eager");
+  const [isInView, setIsInView] = useState3(loading === "eager");
   const rawValue = getValue(fieldId);
   const parsedValue = parseEmbedValue(rawValue);
   const embedData = parsedValue.src ? parsedValue : defaultValue || parsedValue;
@@ -679,7 +921,7 @@ function StaticEmbed({
   const embedType = embedData.type || "custom";
   const height = embedData.height;
   const aspectRatio = embedData.aspectRatio || propAspectRatio || "16/9";
-  useEffect2(() => {
+  useEffect3(() => {
     if (loading === "eager" || isInView) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -698,11 +940,11 @@ function StaticEmbed({
   const renderEmbed = () => {
     if (!src) return null;
     if (!isInView && loading === "lazy") {
-      return /* @__PURE__ */ jsx9("div", { className: "ya-embed-placeholder", style: { aspectRatio } });
+      return /* @__PURE__ */ jsx11("div", { className: "ya-embed-placeholder", style: { aspectRatio } });
     }
     if (embedType === "spotify" && src) {
       const embedUrl = buildSpotifyEmbedUrl(src);
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx11(
         "iframe",
         {
           src: embedUrl,
@@ -720,7 +962,7 @@ function StaticEmbed({
     }
     if (embedType === "soundcloud" && src) {
       const embedUrl = buildSoundCloudEmbedUrl(src);
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx11(
         "iframe",
         {
           src: embedUrl,
@@ -736,14 +978,14 @@ function StaticEmbed({
       );
     }
     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, {})
+      return /* @__PURE__ */ jsxs2("div", { className: "ya-embed-twitter", children: [
+        /* @__PURE__ */ jsx11("blockquote", { className: "twitter-tweet", "data-dnt": "true", children: /* @__PURE__ */ jsx11("a", { href: embedData.originalUrl || `https://twitter.com/i/status/${src}`, children: "Loading tweet..." }) }),
+        /* @__PURE__ */ jsx11(TwitterWidgetLoader, {})
       ] });
     }
     if (embedType === "instagram" && src) {
       const embedUrl = buildInstagramEmbedUrl(src);
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx11(
         "iframe",
         {
           src: embedUrl,
@@ -761,7 +1003,7 @@ function StaticEmbed({
       );
     }
     if (embedType === "custom" && src) {
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx11(
         "iframe",
         {
           src,
@@ -784,7 +1026,7 @@ function StaticEmbed({
     height: height ? `${height}px` : void 0,
     maxWidth: maxWidth ? `${maxWidth}px` : void 0
   };
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       ref: containerRef,
@@ -797,7 +1039,7 @@ function StaticEmbed({
   );
 }
 function TwitterWidgetLoader() {
-  useEffect2(() => {
+  useEffect3(() => {
     if (window.twttr?.widgets) {
       ;
       window.twttr.widgets.load();
@@ -816,7 +1058,7 @@ function TwitterWidgetLoader() {
 }
 
 // src/components/YaEmbed.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
 
 // #style-inject:#style-inject
 function styleInject(css, { insertAt } = {}) {
@@ -844,7 +1086,7 @@ function styleInject(css, { insertAt } = {}) {
 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";
+import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
 function parseEmbedUrl(url) {
   if (!url) return null;
   const trimmedUrl = url.trim();
@@ -919,10 +1161,10 @@ var PLACEHOLDER_SVG = `data:image/svg+xml,${encodeURIComponent(`
 
 // src/router/Link.tsx
 import { Link as WouterLink } from "wouter";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function Link({ to, href, children, className, onClick, replace, ...props }) {
   const target = href ?? to ?? "/";
-  return /* @__PURE__ */ jsx11(WouterLink, { href: target, className, onClick, replace, ...props, children });
+  return /* @__PURE__ */ jsx13(WouterLink, { href: target, className, onClick, replace, ...props, children });
 }
 
 // src/router/useNavigate.ts
@@ -941,7 +1183,7 @@ function useNavigate() {
 
 // src/router/Router.tsx
 import { Router as WouterRouter } from "wouter";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function detectBasename() {
   if (typeof window === "undefined") return "";
   const sessionMatch = window.location.pathname.match(/^\/session\/[^/]+/);
@@ -956,11 +1198,11 @@ function detectBasename() {
 }
 function Router({ children, base }) {
   const basename = base ?? detectBasename();
-  return /* @__PURE__ */ jsx12(WouterRouter, { base: basename, children });
+  return /* @__PURE__ */ jsx14(WouterRouter, { base: basename, children });
 }
 
 // src/router/ScrollRestoration.tsx
-import { useEffect as useEffect4, useRef as useRef4 } from "react";
+import { useEffect as useEffect5, useRef as useRef4 } from "react";
 import { useLocation as useLocation3 } from "wouter";
 var SCROLL_POSITIONS_KEY = "yoamigo-scroll-positions";
 var HISTORY_INDEX_KEY = "yoamigo-history-index";
@@ -999,7 +1241,7 @@ function ScrollRestoration() {
   const previousLocation = useRef4(location);
   const isPopState = useRef4(false);
   const scrollPositionsRef = useRef4({});
-  useEffect4(() => {
+  useEffect5(() => {
     if (typeof history !== "undefined" && "scrollRestoration" in history) {
       history.scrollRestoration = "manual";
     }
@@ -1017,7 +1259,7 @@ function ScrollRestoration() {
     window.addEventListener("popstate", handlePopState);
     return () => window.removeEventListener("popstate", handlePopState);
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     if (previousLocation.current === location) return;
     const prevHistoryIndex = globalHistoryIndex;
     const currentScrollY = window.scrollY;
@@ -1037,7 +1279,7 @@ function ScrollRestoration() {
     }
     previousLocation.current = location;
   }, [location]);
-  useEffect4(() => {
+  useEffect5(() => {
     let timeoutId;
     const handleScroll = () => {
       clearTimeout(timeoutId);
@@ -1141,8 +1383,20 @@ function video(config) {
 function embed(config) {
   return JSON.stringify(config);
 }
+function link(href) {
+  return href;
+}
+
+// src/icons/icon-metadata.ts
+function getIconLabel(name) {
+  let label = name.replace(/^Icon/, "");
+  label = label.replace(/^Brand/, "");
+  label = label.replace(/([A-Z])/g, " $1").trim();
+  return label;
+}
 export {
   ContentStoreProvider,
+  DynamicIcon,
   Link,
   MarkdownText,
   Route,
@@ -1151,6 +1405,7 @@ export {
   ScrollRestoration,
   StaticContainer,
   StaticEmbed,
+  StaticIcon,
   MpImage as StaticImage,
   StaticLink,
   MpText as StaticText,
@@ -1158,6 +1413,7 @@ export {
   Switch,
   StaticContainer as YaContainer,
   StaticEmbed as YaEmbed,
+  StaticIcon as YaIcon,
   MpImage as YaImage,
   StaticLink as YaLink,
   MpText as YaText,
@@ -1171,11 +1427,19 @@ export {
   generatePath,
   getAllContent,
   getContent,
+  getIcon,
+  getIconLabel,
   hasContent,
   image,
+  isIconLoaded,
+  link,
+  loadIcon,
   parseBackgroundConfig,
   parseEmbedUrl,
+  preloadIcons,
   registerContent,
+  registerIcon,
+  registerIcons,
   resolveAssetUrl,
   serializeBackgroundConfig,
   serializeEmbedValue,