@syntrologie/runtime-sdk 2.8.0-canary.142 → 2.8.0-canary.144

package/dist/index.js

@@ -39,8 +39,8 @@ import {
   WaitZ,
   WidgetConfigZ,
   coreActionStepSchemas
-} from "./chunk-NVSX6GGM.js";
-import "./chunk-YBZ66SNB.js";
+} from "./chunk-BIEVC32B.js";
+import "./chunk-QA3K45LV.js";
 import {
   ActivationConfigZ,
   AnchorVisibleConditionZ,
@@ -66,10 +66,11 @@ import {
   TriggerWhenZ,
   ViewportConditionZ,
   decisionSchemas,
+  renderIcon,
   validateActivationConfig,
   validateCondition,
   validateStrategy
-} from "./chunk-4HXPGXUC.js";
+} from "./chunk-WU267INS.js";
 import {
   __privateAdd,
   __privateGet,
@@ -5518,23 +5519,11 @@ var _NavWidgetLit_renderTipItem;
 var TOKEN_PURPLE_4 = "#6a59ce";
 var TOKEN_SLATE_GREY_7 = "#677384";
 var TOKEN_SLATE_GREY_8 = "#87919f";
-var EMOJI_SVG_MAP = {
-  "\u{1F4B5}": '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/></svg>',
-  "\u{1F3DB}\uFE0F": '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" x2="21" y1="22" y2="22"/><line x1="6" x2="6" y1="18" y2="11"/><line x1="10" x2="10" y1="18" y2="11"/><line x1="14" x2="14" y1="18" y2="11"/><line x1="18" x2="18" y1="18" y2="11"/><polygon points="12 2 20 7 4 7"/></svg>',
-  "\u23ED\uFE0F": '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 4 15 12 5 20 5 4"/><line x1="19" x2="19" y1="5" y2="19"/></svg>',
-  "\u27A1\uFE0F": '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>',
-  "\u{1F4A1}": '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>',
-  "\u{1F4B0}": '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/></svg>',
-  "\u{1F4CB}": '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>',
-  "\u2705": '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/></svg>',
-  "\u26A0\uFE0F": '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>'
-};
 function escapeHtml(str) {
   return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function renderIcon(emoji) {
-  var _a3;
-  return (_a3 = EMOJI_SVG_MAP[emoji]) != null ? _a3 : escapeHtml(emoji);
+function renderIcon2(emoji) {
+  return renderIcon(emoji) || escapeHtml(emoji);
 }
 function routeMatchesCurrent(routes) {
   if (typeof window === "undefined")
@@ -5884,7 +5873,7 @@ _NavWidgetLit_contextUnsub = /* @__PURE__ */ new WeakMap(), _NavWidgetLit_accumu
     this._hoveredId = null;
   }}
         >
-          ${icon ? html3`<span style=${iconStyle}>${unsafeHTML2(renderIcon(icon))}</span>` : nothing3}
+          ${icon ? html3`<span style=${iconStyle}>${unsafeHTML2(renderIcon2(icon))}</span>` : nothing3}
           <span>${title}</span>
           <span style=${chevronStyle}>${"\u203A"}</span>
         </button>
@@ -7229,143 +7218,11 @@ import { styleMap as styleMap5 } from "lit/directives/style-map.js";
 // src/components/SyntroTileCard.ts
 import { html as html5, LitElement as LitElement5, nothing as nothing5 } from "lit";
 import { styleMap as styleMap4 } from "lit/directives/style-map.js";
-var EMOJI_SVG_PATHS = {
-  "\u2753": [
-    // HelpCircle (❓)
-    '<circle cx="12" cy="12" r="10"/>',
-    '<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>',
-    '<path d="M12 17h.01"/>'
-  ],
-  "\u{1F9ED}": [
-    // Compass (🧭)
-    '<circle cx="12" cy="12" r="10"/>',
-    '<polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"/>'
-  ],
-  "\u{1F4DD}": [
-    // FileText (📝)
-    '<path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/>',
-    '<polyline points="14 2 14 8 20 8"/>',
-    '<line x1="16" y1="13" x2="8" y2="13"/>',
-    '<line x1="16" y1="17" x2="8" y2="17"/>',
-    '<line x1="10" y1="9" x2="8" y2="9"/>'
-  ],
-  "\u{1F3AF}": [
-    // Layers (🎯)
-    '<polygon points="12 2 2 7 12 12 22 7 12 2"/>',
-    '<polyline points="2 17 12 22 22 17"/>',
-    '<polyline points="2 12 12 17 22 12"/>'
-  ],
-  "\u{1F3C6}": [
-    // Trophy (🏆)
-    '<path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"/>',
-    '<path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"/>',
-    '<path d="M4 22h16"/>',
-    '<path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"/>',
-    '<path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"/>',
-    '<path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"/>'
-  ],
-  "\u2728": [
-    // Sparkles (✨)
-    '<path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/>',
-    '<path d="M5 3v4"/>',
-    '<path d="M19 17v4"/>',
-    '<path d="M3 5h4"/>',
-    '<path d="M17 19h4"/>'
-  ],
-  "\u{1F4AC}": [
-    // MessageCircle (💬)
-    '<path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/>'
-  ],
-  "\u{1F3AE}": [
-    // Gamepad2 (🎮)
-    '<line x1="6" y1="11" x2="10" y2="11"/>',
-    '<line x1="8" y1="9" x2="8" y2="13"/>',
-    '<line x1="15" y1="12" x2="15.01" y2="12"/>',
-    '<line x1="18" y1="10" x2="18.01" y2="10"/>',
-    '<path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"/>'
-  ],
-  "\u{1F4A1}": [
-    // Lightbulb (💡)
-    '<path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/>',
-    '<path d="M9 18h6"/>',
-    '<path d="M10 22h4"/>'
-  ],
-  "\u{1F4B0}": [
-    // Banknote (💰)
-    '<rect x="2" y="6" width="20" height="12" rx="2"/>',
-    '<circle cx="12" cy="12" r="2"/>',
-    '<path d="M6 12h.01M18 12h.01"/>'
-  ],
-  "\u{1F4CB}": [
-    // ClipboardList (📋)
-    '<rect x="8" y="2" width="8" height="4" rx="1" ry="1"/>',
-    '<path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>',
-    '<path d="M12 11h4"/>',
-    '<path d="M12 16h4"/>',
-    '<path d="M8 11h.01"/>',
-    '<path d="M8 16h.01"/>'
-  ],
-  "\u2705": [
-    // CheckCircle (✅)
-    '<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>',
-    '<polyline points="22 4 12 14.01 9 11.01"/>'
-  ],
-  "\u26A0\uFE0F": [
-    // AlertTriangle (⚠️)
-    '<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/>',
-    '<line x1="12" y1="9" x2="12" y2="13"/>',
-    '<line x1="12" y1="17" x2="12.01" y2="17"/>'
-  ],
-  "\u{1F4B5}": [
-    // Banknote (💵)
-    '<rect x="2" y="6" width="20" height="12" rx="2"/>',
-    '<circle cx="12" cy="12" r="2"/>',
-    '<path d="M6 12h.01M18 12h.01"/>'
-  ],
-  "\u{1F3DB}\uFE0F": [
-    // Landmark (🏛️)
-    '<line x1="3" y1="22" x2="21" y2="22"/>',
-    '<line x1="6" y1="18" x2="6" y2="11"/>',
-    '<line x1="10" y1="18" x2="10" y2="11"/>',
-    '<line x1="14" y1="18" x2="14" y2="11"/>',
-    '<line x1="18" y1="18" x2="18" y2="11"/>',
-    '<polygon points="12 2 20 7 4 7"/>',
-    '<line x1="2" y1="18" x2="22" y2="18"/>'
-  ],
-  "\u23ED\uFE0F": [
-    // SkipForward (⏭️)
-    '<polygon points="5 4 15 12 5 20 5 4"/>',
-    '<line x1="19" y1="5" x2="19" y2="19"/>'
-  ],
-  "\u27A1\uFE0F": [
-    // ArrowRight (➡️)
-    '<line x1="5" y1="12" x2="19" y2="12"/>',
-    '<polyline points="12 5 19 12 12 19"/>'
-  ],
-  "\u23F1\uFE0F": [
-    // Timer (⏱️)
-    '<line x1="10" y1="2" x2="14" y2="2"/>',
-    '<line x1="12" y1="14" x2="12" y2="8"/>',
-    '<circle cx="12" cy="14" r="8"/>'
-  ],
-  "\u{1F4D6}": [
-    // BookOpen (📖)
-    '<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/>',
-    '<path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>'
-  ],
-  "\u{1F514}": [
-    // Bell (🔔)
-    '<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/>',
-    '<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/>'
-  ]
-};
-function renderIcon2(emoji, size, color = "currentColor") {
-  const paths = EMOJI_SVG_PATHS[emoji];
-  if (!paths) {
+function renderIcon3(emoji, size, color = "currentColor") {
+  const svgStr = renderIcon(emoji, { size, color });
+  if (!svgStr) {
     return html5`<span style=${styleMap4({ fontSize: `${size}px`, lineHeight: "1" })}>${emoji}</span>`;
   }
-  const inner = paths.join("");
-  const svgStr = `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="${color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${inner}</svg>`;
   const span = document.createElement("span");
   span.style.display = "flex";
   span.innerHTML = svgStr;
@@ -7654,7 +7511,7 @@ var SyntroTileCard = class extends LitElement5 {
         <!-- Header -->
         <div style=${styleMap4(headerStyles)}>
           <div style=${styleMap4(iconStyles)}>
-            ${renderIcon2(resolvedIcon, iconSize)}
+            ${renderIcon3(resolvedIcon, iconSize)}
           </div>
           <div style=${styleMap4({ flex: "1", minWidth: "0" })}>
             <h3 style=${styleMap4(titleStyles)}>
@@ -7891,7 +7748,7 @@ function error(prefix, message, data) {
 }
 
 // src/version.ts
-var SDK_VERSION = "2.8.0-canary.142";
+var SDK_VERSION = "2.8.0-canary.144";
 
 // src/types.ts
 var SDK_SCHEMA_VERSION = "2.0";
@@ -9539,34 +9396,10 @@ customElements.define("syntro-tile-wheel", SyntroTileWheel);
 // src/notifications/SyntroToastStack.ts
 import { css as css3, html as html12, LitElement as LitElement12 } from "lit";
 import { styleMap as styleMap10 } from "lit/directives/style-map.js";
-var EMOJI_SVG_PATHS2 = {
-  "\u2753": '<circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/>',
-  "\u{1F9ED}": '<circle cx="12" cy="12" r="10"/><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"/>',
-  "\u{1F4DD}": '<path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><line x1="10" y1="9" x2="8" y2="9"/>',
-  "\u{1F3AF}": '<path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"/><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"/><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"/>',
-  "\u{1F3C6}": '<path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"/><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"/><path d="M4 22h16"/><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"/><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"/><path d="M18 2H6v7a6 6 0 0 0 12 0V2z"/>',
-  "\u2728": '<path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/><path d="M5 3v4"/><path d="M19 17v4"/><path d="M3 5h4"/><path d="M17 19h4"/>',
-  "\u{1F4AC}": '<path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/>',
-  "\u{1F3AE}": '<line x1="6" y1="12" x2="10" y2="12"/><line x1="8" y1="10" x2="8" y2="14"/><line x1="15" y1="13" x2="15.01" y2="13"/><line x1="18" y1="11" x2="18.01" y2="11"/><rect width="20" height="12" x="2" y="6" rx="2"/>',
-  "\u{1F4A1}": '<path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/>',
-  "\u{1F4B0}": '<line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>',
-  "\u{1F4CB}": '<rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/>',
-  "\u2705": '<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/>',
-  "\u26A0\uFE0F": '<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><path d="M12 9v4"/><path d="M12 17h.01"/>',
-  "\u{1F4B5}": '<line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>',
-  "\u{1F3DB}\uFE0F": '<line x1="3" y1="22" x2="21" y2="22"/><line x1="6" y1="18" x2="6" y2="11"/><line x1="10" y1="18" x2="10" y2="11"/><line x1="14" y1="18" x2="14" y2="11"/><line x1="18" y1="18" x2="18" y2="11"/><polygon points="12 2 20 7 4 7"/>',
-  "\u23ED\uFE0F": '<polygon points="5 4 15 12 5 20 5 4"/><line x1="19" y1="5" x2="19" y2="19"/>',
-  "\u27A1\uFE0F": '<line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/>',
-  "\u23F1\uFE0F": '<path d="M10 2h4"/><path d="M12 14v-4"/><path d="M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6"/><path d="M9 17H4v5"/>',
-  "\u{1F4D6}": '<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>',
-  "\u{1F514}": '<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/>'
-};
 function renderEmojiIcon(emoji, size) {
-  const paths = EMOJI_SVG_PATHS2[emoji];
-  if (!paths) {
-    return `<span style="line-height:1;">${emoji}</span>`;
-  }
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${paths}</svg>`;
+  const svg = renderIcon(emoji, { size });
+  if (svg) return svg;
+  return `<span style="line-height:1;">${emoji}</span>`;
 }
 var _SyntroToastStack_instances, onDismiss_fn, onClickNotification_fn, onMouseEnter_fn, onMouseLeave_fn, renderToast_fn;
 var SyntroToastStack = class extends LitElement12 {