hyperframes 0.8.136 → 0.8.138

package/dist/{chunk-PGFP4FLW.js → chunk-P5WDMFBB.js}

@@ -32,7 +32,7 @@ import {
   stripEmbeddedRuntimeScripts,
   styleElementsFor,
   warnUnknownEnumValues
-} from "./chunk-SRXQEQWZ.js";
+} from "./chunk-UINDCCO7.js";
 import {
   cssVariableName
 } from "./chunk-VC76R6W2.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk-OFQWTKPW.js";
 import {
   lintHyperframeHtml
-} from "./chunk-VDQCNWQI.js";
+} from "./chunk-STA43FMY.js";
 import {
   CSS_URL_RE,
   checkSubCompositionUsability,
@@ -250,6 +250,12 @@ import { readFileSync, existsSync, statSync } from "fs";
 import { resolve as resolve2, relative, dirname, isAbsolute, sep } from "path";
 import { transformSync } from "esbuild";
 
+// ../core/dist/generated/svg-selector-aliases-inline.js
+var SVG_SELECTOR_ALIASES_IIFE = '"use strict";(()=>{function I(e){return e?/[\\w-]/.test(e)||e.charCodeAt(0)>=128:!1}function _(e){return e===" "||e==="	"||e===`\n`||e==="\\r"||e==="\\f"}var j=/^[0-9a-fA-F]{1,6}/;function G(e){let n=e>=55296&&e<=57343;return e===0||e>1114111||n?65533:e}function $(e,n){return e[n]==="\\r"&&e[n+1]===`\n`?n+2:_(e[n])?n+1:n}function R(e,n){let t=e[n+1];if(t===void 0||/[\\n\\r\\f]/.test(t))return null;let i=j.exec(e.slice(n+1,n+7));if(!i)return{value:t,end:n+2};let o=G(Number.parseInt(i[0],16));return{value:String.fromCodePoint(o),end:$(e,n+1+i[0].length)}}function H(e,n){let t=o=>I(o)&&!/[0-9-]/.test(o),i=o=>e[o]==="\\\\"&&R(e,o)!==null;return e[n]==="-"?e[n+1]==="-"||t(e[n+1])||i(n+1):t(e[n])||i(n)}function y(e,n){let t=n;for(;e.startsWith("/*",t);){let i=e.indexOf("*/",t+2);t=i<0?e.length:i+2}return t}function A(e,n){let t=y(e,n);for(;_(e[t]);)t=y(e,t+1);return t}function h(e,n){if(!H(e,n))return null;let t=n,i="";for(;t<e.length;){let o=e[t];if(o==="\\\\"){let a=R(e,t);if(!a)break;i+=a.value,t=a.end;continue}if(!I(o))break;i+=o,t+=1}return t===n?null:{value:i,end:t}}var C=45;function T(e){return e>=48&&e<=57}function z(e){return e>=128||e===C||e===95||T(e)||e>=65&&e<=90||e>=97&&e<=122}function J(e,n){let t=e.charCodeAt(n);return t>=1&&t<=31||t===127?!0:T(t)?n===0||n===1&&e.charCodeAt(0)===C:!1}function k(e){let n="";for(let t=0;t<e.length;t+=1){let i=e.charCodeAt(t),o=e[t];i===0?n+="\\uFFFD":J(e,t)?n+=`\\\\${i.toString(16)} `:t===0&&e.length===1&&i===C?n+=`\\\\${o}`:z(i)?n+=o:n+=`\\\\${o}`}return n}var W=/\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/|\\\\(?:[0-9a-fA-F]{1,6}(?:\\r\\n|[ \\t\\r\\n\\f])?|[\\s\\S])|"(?:[^"\\\\]|\\\\[\\s\\S])*"|\'(?:[^\'\\\\]|\\\\[\\s\\S])*\'|\\[(?:\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/|\\\\[\\s\\S]|"(?:[^"\\\\]|\\\\[\\s\\S])*"|\'(?:[^\'\\\\]|\\\\[\\s\\S])*\'|[^\\]"\'\\\\/]|\\/(?!\\*))*\\]/g;function Q(e){let n=new Array(e.length).fill(!0);for(let t of e.matchAll(W)){let i=t.index;n.fill(!1,i,i+t[0].length)}return n}function q(e,n,t){if(n.length===0||!e.includes("#"))return e;let i=new Set(n),o=Q(e),a="",u=0;for(;u<e.length;){let d=o[u]&&e[u]==="#"?h(e,u+1):null;d&&i.has(d.value)?(a+=t(d.value),u=d.end):(a+=e[u],u+=1)}return a}function X(e){let n="";for(let t=0;t<e.length;t+=1){if(e[t]==="\\\\"){let i=e[t+1];if(i!==void 0&&/[\\n\\r\\f]/.test(i)){t=$(e,t+1)-1;continue}let o=R(e,t);if(o){n+=o.value,t=o.end-1;continue}}n+=e[t]}return n}function N(e){return Array.from(e,n=>{let t=n.charCodeAt(0);return t===0?"\\uFFFD":t<32||t===127?`\\\\${t.toString(16)} `:n===\'"\'||n==="\\\\"?`\\\\${n}`:n}).join("")}function Y(e,n){return e?{kind:"any"}:n===void 0?{kind:"none"}:{kind:"named",prefix:n}}function Z(e,n){return e[n]==="|"&&e[n+1]!=="="}function B(e,n){let t=e[n]==="*",i=t?{value:"*",end:n+1}:h(e,n),o=y(e,i?.end??n);if(!Z(e,o))return t?null:i?{token:i,namespace:{kind:"none"}}:null;let a=h(e,y(e,o+1));return a?{token:a,namespace:Y(t,i?.value)}:null}function K(e){if(e[0]!=="[")return null;let n=A(e,1),t=B(e,n);if(!t)return null;let{token:i,namespace:o}=t;return{name:i.value,rawName:e.slice(n,i.end),namespace:o,end:i.end}}function ee(e,n){let t=/^(?:"((?:\\\\[\\s\\S]|[^"\\\\])*)"|\'((?:\\\\[\\s\\S]|[^\'\\\\])*)\')/.exec(e.slice(n));return t?{value:X(t[1]??t[2]),end:n+t[0].length}:h(e,n)}function ne(e,n){let t=A(e,n),i=h(e,t);if(i){if(!/^[is]$/i.test(i.value))return null;t=A(e,i.end)}return e[t]!=="]"||t!==e.length-1?null:{flag:i?.value}}function F(e){let n=K(e);if(!n)return null;let t=A(e,n.end),o=["=","~=","|=","^=","$=","*="].find(d=>e.startsWith(d,t));if(!o)return null;let a=ee(e,A(e,t+o.length));if(!a)return null;let u=ne(e,a.end);return u?{name:n.name,rawName:n.rawName,namespace:n.namespace,operator:o,value:a.value,flag:u.flag}:null}function E(e,n){return e.replace(W,t=>t.startsWith("[")?n(t):t)}var re="data-hf-svg-reference-aliases";function O(e,n,t,i){let o={"=":(s,r)=>s===r,"~=":(s,r)=>s.split(/[ \\t\\r\\n\\f]+/).includes(r),"|=":(s,r)=>s===r||s.startsWith(r+"-"),"^=":(s,r)=>s.startsWith(r),"$=":(s,r)=>s.endsWith(r),"*=":(s,r)=>s.includes(r)},a=(s,r,l)=>!r&&l!=="="&&l!=="|="?!1:o[l](s,r),u=s=>s.replace(/[A-Z]/g,r=>r.toLowerCase()),d=s=>{let r=F(s);if(!r)return s;let{name:l,rawName:g,namespace:m,operator:b,value:D,flag:w}=r;if(m.kind==="named"!=(i!==void 0))return s;let x=w?.toLowerCase()==="i"?u:S=>S,L=u(l),P=t.filter(S=>{let V=m.kind==="none"?S.name:S.localName,U=m.kind==="named"?i.get(m.prefix):null;return(m.kind==="any"||S.namespaceURI===U)&&u(V)===L}),v=new Set([s]);for(let S of P)a(x(S.before),x(D),b)&&v.add(`[${g}="${N(S.after)}"${w?` ${w}`:""}]`);return v.size===1?s:`:is(${[...v].join(", ")})`};if(i)return E(e,d);let p=new Map(n.map(({id:s,replacement:r})=>[s,r])),f=new Map;for(let s of t){if(s.name!=="id"||s.before===s.after||p.has(s.before))continue;let r=f.get(s.before);r||(r=new Set([`#${k(s.before)}`]),f.set(s.before,r)),r.add(`#${k(s.after)}`)}for(let[s,r]of f)p.set(s,`:is(${[...r].join(", ")})`);let c=q(e,[...p.keys()],s=>p.get(s));return E(c,d)}function se(e,n,t=!0){let i=[],a=(t?[...e.querySelectorAll(`[${n}]`)]:[]).map(d=>d.getAttribute(n)),u=e.getAttribute?.(n);u&&a.unshift(u);for(let d of a){let p;try{p=JSON.parse(d)}catch{continue}if(!Array.isArray(p))continue;let f=p;for(let c of f){if(!ie(c))continue;let{name:s,localName:r,namespaceURI:l,before:g,after:m}=c;i.push({name:s,localName:r,namespaceURI:l,before:g,after:m})}}return i}function ie(e){if(!e||typeof e!="object")return!1;let{name:n,localName:t,namespaceURI:i,before:o,after:a}=e;return typeof n=="string"&&typeof t=="string"&&(i===null||typeof i=="string")&&typeof o=="string"&&typeof a=="string"}function oe(e){let n=[],t=[],i=!1,o,a=new WeakMap,u=(f,c)=>{for(let s of f){if("selectorText"in s){let r=s,l=a.get(r),g=r.selectorText,m=l?.applied===g?l.authored:g,b=O(m,[],t,c);b!==g&&(r.selectorText=b),b===m?a.delete(r):a.set(r,{authored:m,applied:r.selectorText})}"cssRules"in s&&u(s.cssRules,c)}},d=()=>{if(t.length)for(let f of e.document.styleSheets){let c;try{c=f.cssRules}catch{continue}let s=new Map;for(let r of c){if(!("namespaceURI"in r))continue;let{prefix:l,namespaceURI:g}=r;l&&s.set(l,g||null)}s.size&&u(c,s)}},p={rewrite:(f,c=[])=>{if(typeof f!="string"||!f.includes("#")&&!f.includes("["))return f;let s=O(f,c.length?[...c,...n]:n,t);if(s!==f){if(!o){let r=e.document.createElement("div");o=r.matches.bind(r)}o(f)}return s},refresh(){t=se(e.document,re).filter(r=>r.before!==r.after);let f=new Set(t.filter(r=>r.name==="id").map(r=>r.before)),c=new Set;n=[];for(let r of e.document.querySelectorAll("[data-hf-authored-id][id]")){let l=r.getAttribute("data-hf-authored-id");if(!l||l===r.id||c.has(l)||f.has(l))continue;c.add(l);let g=N(l);n.push({id:l,replacement:`:is(#${k(l)}, [data-hf-authored-id="${g}"])`})}if(d(),i||!n.length&&!t.length)return;let s=e.Element.prototype;s.querySelector=new Proxy(s.querySelector,{apply(r,l,g){return Reflect.apply(r,l,[p.rewrite(g[0])])}}),s.querySelectorAll=new Proxy(s.querySelectorAll,{apply(r,l,g){return Reflect.apply(r,l,[p.rewrite(g[0])])}}),i=!0}};e.__hfSvgSelectorAliases=p,p.refresh()}function M(){let e=window;e.__hfSvgSelectorAliases||oe(e)}M();})();\n';
+function getSvgSelectorAliasesScript() {
+  return SVG_SELECTOR_ALIASES_IIFE;
+}
+
 // ../core/dist/compiler/compositionScoping.js
 import postcss from "postcss";
 
@@ -274,7 +280,7 @@ function skipEscapeWhitespace(text, index) {
 }
 function consumeCssEscape(text, index) {
   const next = text[index + 1];
-  if (next === void 0 || next === "\n")
+  if (next === void 0 || /[\n\r\f]/.test(next))
     return null;
   const hex = HEX_ESCAPE_RE.exec(text.slice(index + 1, index + 7));
   if (!hex)
@@ -285,7 +291,30 @@ function consumeCssEscape(text, index) {
     end: skipEscapeWhitespace(text, index + 1 + hex[0].length)
   };
 }
+function startsCssIdentifier(text, start) {
+  const isStart = (char) => isNameChar(char) && !/[0-9-]/.test(char);
+  const escape = (index) => text[index] === "\\" && consumeCssEscape(text, index) !== null;
+  if (text[start] === "-")
+    return text[start + 1] === "-" || isStart(text[start + 1]) || escape(start + 1);
+  return isStart(text[start]) || escape(start);
+}
+function skipCssComments(text, start) {
+  let index = start;
+  while (text.startsWith("/*", index)) {
+    const end = text.indexOf("*/", index + 2);
+    index = end < 0 ? text.length : end + 2;
+  }
+  return index;
+}
+function skipCssTrivia(text, start) {
+  let index = skipCssComments(text, start);
+  while (isCssWhitespace(text[index]))
+    index = skipCssComments(text, index + 1);
+  return index;
+}
 function decodeCssIdentifierAt(text, start) {
+  if (!startsCssIdentifier(text, start))
+    return null;
   let index = start;
   let value = "";
   while (index < text.length) {
@@ -338,7 +367,7 @@ function escapeCssIdentifier(value) {
   }
   return result;
 }
-var GUARDED_SELECTOR_SEGMENT_RE = /\\(?:[0-9a-fA-F]{1,6}(?:\r\n|[ \t\r\n\f])?|[\s\S])|"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|\[(?:"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'|[^\]"'])*\]/g;
+var GUARDED_SELECTOR_SEGMENT_RE = /\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:[0-9a-fA-F]{1,6}(?:\r\n|[ \t\r\n\f])?|[\s\S])|"(?:[^"\\]|\\[\s\S])*"|'(?:[^'\\]|\\[\s\S])*'|\[(?:\/\*(?:[^*]|\*(?!\/))*\*\/|\\[\s\S]|"(?:[^"\\]|\\[\s\S])*"|'(?:[^'\\]|\\[\s\S])*'|[^\]"'\\/]|\/(?!\*))*\]/g;
 function markUnguardedOffsets(selector) {
   const mask = new Array(selector.length).fill(true);
   for (const match of selector.matchAll(GUARDED_SELECTOR_SEGMENT_RE)) {
@@ -366,6 +395,118 @@ function replaceSelectorIdTokens(selector, candidateIds, resolveReplacement) {
   }
   return result;
 }
+function decodeCssString(value) {
+  let result = "";
+  for (let index = 0; index < value.length; index += 1) {
+    if (value[index] === "\\") {
+      const next = value[index + 1];
+      if (next !== void 0 && /[\n\r\f]/.test(next)) {
+        index = skipEscapeWhitespace(value, index + 1) - 1;
+        continue;
+      }
+      const escaped = consumeCssEscape(value, index);
+      if (escaped) {
+        result += escaped.value;
+        index = escaped.end - 1;
+        continue;
+      }
+    }
+    result += value[index];
+  }
+  return result;
+}
+function escapeCssAttributeValue(value) {
+  return Array.from(value, (char) => {
+    const code = char.charCodeAt(0);
+    if (code === 0)
+      return "\uFFFD";
+    if (code < 32 || code === 127)
+      return `\\${code.toString(16)} `;
+    return char === '"' || char === "\\" ? `\\${char}` : char;
+  }).join("");
+}
+function attributeNamespace(wildcard, prefix) {
+  if (wildcard)
+    return { kind: "any" };
+  return prefix === void 0 ? { kind: "none" } : { kind: "named", prefix };
+}
+function isNamespaceSeparator(text, offset) {
+  return text[offset] === "|" && text[offset + 1] !== "=";
+}
+function readQualifiedAttributeName(text, start) {
+  const wildcard = text[start] === "*";
+  const first = wildcard ? { value: "*", end: start + 1 } : decodeCssIdentifierAt(text, start);
+  const separator = skipCssComments(text, first?.end ?? start);
+  if (!isNamespaceSeparator(text, separator)) {
+    if (wildcard)
+      return null;
+    return first ? { token: first, namespace: { kind: "none" } } : null;
+  }
+  const token = decodeCssIdentifierAt(text, skipCssComments(text, separator + 1));
+  if (!token)
+    return null;
+  return { token, namespace: attributeNamespace(wildcard, first?.value) };
+}
+function readAttributeName(predicate) {
+  if (predicate[0] !== "[")
+    return null;
+  const start = skipCssTrivia(predicate, 1);
+  const qualified = readQualifiedAttributeName(predicate, start);
+  if (!qualified)
+    return null;
+  const { token, namespace } = qualified;
+  return {
+    name: token.value,
+    rawName: predicate.slice(start, token.end),
+    namespace,
+    end: token.end
+  };
+}
+function readAttributeValue(predicate, start) {
+  const quoted = /^(?:"((?:\\[\s\S]|[^"\\])*)"|'((?:\\[\s\S]|[^'\\])*)')/.exec(predicate.slice(start));
+  if (quoted)
+    return { value: decodeCssString(quoted[1] ?? quoted[2]), end: start + quoted[0].length };
+  return decodeCssIdentifierAt(predicate, start);
+}
+function readAttributeEnding(predicate, start) {
+  let offset = skipCssTrivia(predicate, start);
+  const token = decodeCssIdentifierAt(predicate, offset);
+  if (token) {
+    if (!/^[is]$/i.test(token.value))
+      return null;
+    offset = skipCssTrivia(predicate, token.end);
+  }
+  if (predicate[offset] !== "]" || offset !== predicate.length - 1)
+    return null;
+  return { flag: token?.value };
+}
+function parseAttributeSelector(predicate) {
+  const name = readAttributeName(predicate);
+  if (!name)
+    return null;
+  const offset = skipCssTrivia(predicate, name.end);
+  const operators = ["=", "~=", "|=", "^=", "$=", "*="];
+  const operator = operators.find((candidate) => predicate.startsWith(candidate, offset));
+  if (!operator)
+    return null;
+  const value = readAttributeValue(predicate, skipCssTrivia(predicate, offset + operator.length));
+  if (!value)
+    return null;
+  const ending = readAttributeEnding(predicate, value.end);
+  if (!ending)
+    return null;
+  return {
+    name: name.name,
+    rawName: name.rawName,
+    namespace: name.namespace,
+    operator,
+    value: value.value,
+    flag: ending.flag
+  };
+}
+function replaceSelectorAttributeTokens(selector, rewrite) {
+  return selector.replace(GUARDED_SELECTOR_SEGMENT_RE, (segment) => segment.startsWith("[") ? rewrite(segment) : segment);
+}
 
 // ../core/dist/compiler/compositionScoping.js
 var AUTHORED_ROOT_ID_ATTR = "data-hf-authored-id";
@@ -373,7 +514,7 @@ var INNER_ROOT_ATTR = "data-hf-inner-root";
 function escapeRegExp(value) {
   return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function escapeCssAttributeValue(value) {
+function escapeCssAttributeValue2(value) {
   return value.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
 }
 function getAuthoredRootIdSelectorForms(authoredRootId) {
@@ -390,7 +531,7 @@ function normalizeAuthoredRootIdSelector(selector, authoredRootId) {
   const trimmed = authoredRootId?.trim();
   if (!trimmed)
     return selector;
-  return replaceAuthoredRootIdSelectors(selector, trimmed, `[${AUTHORED_ROOT_ID_ATTR}="${escapeCssAttributeValue(trimmed)}"]`);
+  return replaceAuthoredRootIdSelectors(selector, trimmed, `[${AUTHORED_ROOT_ID_ATTR}="${escapeCssAttributeValue2(trimmed)}"]`);
 }
 function compositionBoxSelector(scope) {
   return `${scope}:not(:has([${INNER_ROOT_ATTR}])), ${scope} > [${INNER_ROOT_ATTR}]`;
@@ -417,7 +558,7 @@ function scopeSelector(selector, scope, compositionId, authoredRootId, compoundA
   const leading = selectorWithoutRootTiming.match(/^\s*/)?.[0] ?? "";
   const trailing = selectorWithoutRootTiming.match(/\s*$/)?.[0] ?? "";
   if (compoundAuthoredRoot) {
-    const authoredRootAttr = authoredRootId ? `[${AUTHORED_ROOT_ID_ATTR}="${escapeCssAttributeValue(authoredRootId)}"]` : null;
+    const authoredRootAttr = authoredRootId ? `[${AUTHORED_ROOT_ID_ATTR}="${escapeCssAttributeValue2(authoredRootId)}"]` : null;
     if (authoredRootAttr && trimmed.startsWith(authoredRootAttr)) {
       const rest = trimmed.slice(authoredRootAttr.length);
       return `${leading}${scope}${authoredRootAttr}${rest}${trailing}`;
@@ -458,7 +599,7 @@ function scopeCssToComposition(css, compositionId, scopeSelectorOverride, author
   const trimmedCompositionId = compositionId.trim();
   if (!css || !trimmedCompositionId)
     return css;
-  const scope = scopeSelectorOverride || `[data-composition-id="${escapeCssAttributeValue(trimmedCompositionId)}"]`;
+  const scope = scopeSelectorOverride || `[data-composition-id="${escapeCssAttributeValue2(trimmedCompositionId)}"]`;
   let root;
   try {
     root = postcss.parse(css);
@@ -543,7 +684,9 @@ function wrapScopedCompositionScript(source, compositionId, errorLabel = "[Hyper
   const scopeSelectorLiteral = jsonScriptLiteral(scopeSelectorOverride ?? null);
   const rootSelectorPatternLiteral = jsonScriptLiteral(String.raw`\[\s*data-composition-id\s*=\s*(?:"${escapedCompositionId}"|'${escapedCompositionId}')\s*\]`);
   const timingSelectorPatternLiteral = jsonScriptLiteral(String.raw`\s*\[\s*data-(?:start|duration)\s*=\s*(?:"[^"]*"|'[^']*')\s*\]`);
+  const aliasInstallerOutsideAuthoredStrictness = `(function(){ ${getSvgSelectorAliasesScript()} })();`;
   return `(function(){
+  ${aliasInstallerOutsideAuthoredStrictness}
   var __hfCompId = ${compositionIdLiteral};
   var __hfTimelineCompId = ${timelineCompositionIdLiteral};
   var __hfErrorLabel = ${errorLabelLiteral};
@@ -562,131 +705,15 @@ function wrapScopedCompositionScript(source, compositionId, errorLabel = "[Hyper
   var __hfAuthoredRootSelector = __hfAuthoredRootId
     ? "[" + __hfAuthoredRootAttr + '="' + __hfEscapeAttr(__hfAuthoredRootId) + '"]'
     : "";
-  var __hfCssEscape = function(value) {
-    var text = value + "";
-    if (typeof CSS !== "undefined" && CSS && typeof CSS.escape === "function") {
-      try { return CSS.escape(text); } catch {}
-    }
-    return text.replace(/[^a-zA-Z0-9_-]/g, function(char) { return "\\\\" + char; });
-  };
-  // Decode complete CSS identifiers before comparing authored ids.
-  var __hfRewriteIdSelectors = function(selector, entries) {
-    if (!entries || !entries.length || typeof selector !== "string" || selector.indexOf("#") === -1) {
-      return selector;
-    }
-    var result = "";
-    var bracketDepth = 0;
-    var quote = null;
-    for (var index = 0; index < selector.length; index += 1) {
-      var char = selector[index];
-      if (char === "\\\\") {
-        var escape = selector.slice(index).match(/^\\\\(?:[0-9a-fA-F]{1,6}(?:\\r\\n|[ \\t\\r\\n\\f])?|[\\s\\S])/);
-        if (escape) {
-          result += escape[0];
-          index += escape[0].length - 1;
-          continue;
-        }
-      }
-      if (quote) {
-        result += char;
-        if (char === quote) {
-          quote = null;
-        }
-        continue;
-      }
-      if (char === '"' || char === "'") {
-        quote = char;
-        result += char;
-        continue;
-      }
-      if (char === "[") {
-        bracketDepth += 1;
-        result += char;
-        continue;
-      }
-      if (char === "]") {
-        bracketDepth = Math.max(0, bracketDepth - 1);
-        result += char;
-        continue;
-      }
-      if (char === "#" && bracketDepth === 0) {
-        var token = selector.slice(index + 1).match(/^(?:[\\w\\u0080-\\uffff-]|\\\\(?:[0-9a-fA-F]{1,6}(?:\\r\\n|[ \\t\\r\\n\\f])?|[^\\r\\n\\f]))+/);
-        if (token) {
-          var decoded = token[0].replace(/\\\\([0-9a-fA-F]{1,6})(?:\\r\\n|[ \\t\\r\\n\\f])?|\\\\([^\\r\\n\\f])/g, function(_, hex, escaped) {
-            if (!hex) return escaped;
-            var code = parseInt(hex, 16);
-            return String.fromCodePoint(!code || code > 0x10ffff || (code >= 0xd800 && code <= 0xdfff) ? 0xfffd : code);
-          });
-          var matched = entries.find(function(entry) { return entry.id === decoded; });
-          result += matched ? matched.replacement : "#" + token[0];
-          index += token[0].length;
-          continue;
-        }
-      }
-      result += char;
-    }
-    return result;
-  };
   var __hfAuthoredRootEntries = __hfAuthoredRootSelector
     ? [{ id: __hfAuthoredRootId, replacement: __hfAuthoredRootSelector }]
     : [];
-  // Include both renamed and untouched instances. Each wrapper refreshes this
-  // document-wide cache because preview scene swaps can introduce new ids.
-  var __hfRenamedIdEntries = function() {
-    if (window.__hfRenamedIdSelectorEntries) return window.__hfRenamedIdSelectorEntries;
-    var entries = [];
-    var seen = Object.create(null);
-    var nodes;
-    try {
-      nodes = window.document.querySelectorAll("[" + __hfAuthoredRootAttr + "][id]");
-    } catch {
-      nodes = [];
-    }
-    for (var i = 0; i < nodes.length; i += 1) {
-      var authored = nodes[i].getAttribute(__hfAuthoredRootAttr);
-      if (!authored || seen[authored] || authored === nodes[i].id) continue;
-      seen[authored] = true;
-      var escaped = __hfCssEscape(authored);
-      entries.push({
-        id: authored,
-        replacement: ":is(#" + escaped + ", [" + __hfAuthoredRootAttr + '="' + __hfEscapeAttr(authored) + '"])',
-      });
-    }
-    window.__hfRenamedIdSelectorEntries = entries;
-    return window.__hfRenamedIdSelectorEntries;
-  };
-  // element.querySelector("#authored") on an arbitrary Element never passes
-  // through the scoped document proxy, so the same rewrite is installed once
-  // per document on Element.prototype \u2014 only when at least one id was
-  // actually renamed, so a document without collisions runs untouched
-  // natives. Document.prototype is deliberately NOT patched: an unscoped
-  // document-wide lookup cannot know which instance it means, and rewriting
-  // it would only widen the ambiguity.
-  var __hfInstallRenamedIdSelectorShim = function() {
-    if (window.__hfRenamedIdSelectorShim) return;
-    var entries = __hfRenamedIdEntries();
-    if (!entries.length) return;
-    var proto = window.Element && window.Element.prototype;
-    if (!proto || typeof proto.querySelector !== "function" || typeof proto.querySelectorAll !== "function") {
-      return;
-    }
-    var nativeQuerySelector = proto.querySelector;
-    var nativeQuerySelectorAll = proto.querySelectorAll;
-    proto.querySelector = function(selector) {
-      return nativeQuerySelector.call(this, __hfRewriteIdSelectors(selector, __hfRenamedIdEntries()));
-    };
-    proto.querySelectorAll = function(selector) {
-      return nativeQuerySelectorAll.call(this, __hfRewriteIdSelectors(selector, __hfRenamedIdEntries()));
-    };
-    window.__hfRenamedIdSelectorShim = true;
-  };
   var __hfNormalizeSelector = function(selector) {
     if (!__hfCompId || typeof selector !== "string") return selector;
     var normalized = selector
       .replace(new RegExp(__hfRootSelectorPattern + '(?:' + __hfTimingSelectorPattern + ')+', 'g'), __hfRootSelector)
       .replace(new RegExp('(?:' + __hfTimingSelectorPattern + ')+' + __hfRootSelectorPattern, 'g'), __hfRootSelector);
-    normalized = __hfRewriteIdSelectors(normalized, __hfAuthoredRootEntries);
-    return __hfRewriteIdSelectors(normalized, __hfRenamedIdEntries());
+    return window.__hfSvgSelectorAliases.rewrite(normalized, __hfAuthoredRootEntries);
   };
   var __hfFindRoot = function() {
     if (!__hfRoot && __hfRootSelector) {
@@ -949,8 +976,6 @@ ${source.replace(/<\/(script)/gi, "<\\/$1")}
     });
   };
   __hfFindRoot();
-  window.__hfRenamedIdSelectorEntries = null;
-  __hfInstallRenamedIdSelectorShim();
   __hfRecordAnimations(__hfRun);
 })();`;
 }
@@ -985,6 +1010,97 @@ async function validateHyperframeHtmlContract(html) {
   return { isValid: false, missingKeys, failureReason };
 }
 
+// ../core/dist/compiler/svgSelectorAliases.js
+var SVG_REFERENCE_ALIASES_ATTR = "data-hf-svg-reference-aliases";
+function rewriteSvgSelectors(selector, ids, references, namespaces) {
+  const attributeOperators = {
+    "=": (before, value) => before === value,
+    "~=": (before, value) => before.split(/[ \t\r\n\f]+/).includes(value),
+    "|=": (before, value) => before === value || before.startsWith(value + "-"),
+    "^=": (before, value) => before.startsWith(value),
+    "$=": (before, value) => before.endsWith(value),
+    "*=": (before, value) => before.includes(value)
+  };
+  const matchesValue = (before, value, operator) => {
+    if (!value && operator !== "=" && operator !== "|=")
+      return false;
+    return attributeOperators[operator](before, value);
+  };
+  const lower = (text) => text.replace(/[A-Z]/g, (char) => char.toLowerCase());
+  const rewriteAttribute = (predicate) => {
+    const parsed = parseAttributeSelector(predicate);
+    if (!parsed)
+      return predicate;
+    const { name, rawName, namespace, operator, value, flag } = parsed;
+    if (namespace.kind === "named" !== (namespaces !== void 0))
+      return predicate;
+    const fold = flag?.toLowerCase() === "i" ? lower : (text) => text;
+    const attributeName = lower(name);
+    const candidates = references.filter((reference) => {
+      const actualName = namespace.kind === "none" ? reference.name : reference.localName;
+      const uri = namespace.kind === "named" ? namespaces.get(namespace.prefix) : null;
+      return (namespace.kind === "any" || reference.namespaceURI === uri) && lower(actualName) === attributeName;
+    });
+    const alternatives = /* @__PURE__ */ new Set([predicate]);
+    for (const reference of candidates) {
+      if (!matchesValue(fold(reference.before), fold(value), operator))
+        continue;
+      alternatives.add(`[${rawName}="${escapeCssAttributeValue(reference.after)}"${flag ? ` ${flag}` : ""}]`);
+    }
+    return alternatives.size === 1 ? predicate : `:is(${[...alternatives].join(", ")})`;
+  };
+  if (namespaces)
+    return replaceSelectorAttributeTokens(selector, rewriteAttribute);
+  const replacements = new Map(ids.map(({ id, replacement }) => [id, replacement]));
+  const targets = /* @__PURE__ */ new Map();
+  for (const reference of references) {
+    if (reference.name !== "id" || reference.before === reference.after || replacements.has(reference.before))
+      continue;
+    let alternatives = targets.get(reference.before);
+    if (!alternatives) {
+      alternatives = /* @__PURE__ */ new Set([`#${escapeCssIdentifier(reference.before)}`]);
+      targets.set(reference.before, alternatives);
+    }
+    alternatives.add(`#${escapeCssIdentifier(reference.after)}`);
+  }
+  for (const [id, alternatives] of targets)
+    replacements.set(id, `:is(${[...alternatives].join(", ")})`);
+  const rewrittenIds = replaceSelectorIdTokens(selector, [...replacements.keys()], (id) => replacements.get(id));
+  return replaceSelectorAttributeTokens(rewrittenIds, rewriteAttribute);
+}
+function readSvgReferenceAliases(root, attribute, includeDescendants = true) {
+  const aliases = [];
+  const nodes = includeDescendants ? [...root.querySelectorAll(`[${attribute}]`)] : [];
+  const texts = nodes.map((node) => node.getAttribute(attribute));
+  const own = root.getAttribute?.(attribute);
+  if (own)
+    texts.unshift(own);
+  for (const text of texts) {
+    let value;
+    try {
+      value = JSON.parse(text);
+    } catch {
+      continue;
+    }
+    if (!Array.isArray(value))
+      continue;
+    const entries = value;
+    for (const entry of entries) {
+      if (!isSvgReferenceAlias(entry))
+        continue;
+      const { name, localName, namespaceURI, before, after } = entry;
+      aliases.push({ name, localName, namespaceURI, before, after });
+    }
+  }
+  return aliases;
+}
+function isSvgReferenceAlias(entry) {
+  if (!entry || typeof entry !== "object")
+    return false;
+  const { name, localName, namespaceURI, before, after } = entry;
+  return typeof name === "string" && typeof localName === "string" && (namespaceURI === null || typeof namespaceURI === "string") && typeof before === "string" && typeof after === "string";
+}
+
 // ../core/dist/compiler/svgIdNamespacing.js
 import postcss2 from "postcss";
 var ID_ATTR = "id";
@@ -1004,31 +1120,60 @@ function rewriteUrlHashRefs(value, idMap) {
     return mapped ? `${pre}${quote}#${mapped}${quote}${post}` : full;
   });
 }
-function rewriteHrefValue(value, idMap) {
-  if (!value.startsWith("#"))
-    return null;
-  const mapped = idMap.get(value.slice(1));
-  return mapped ? `#${mapped}` : null;
+function nativeReferenceValue(name, value, idMap) {
+  if (isHrefAttrName(name) && value.startsWith("#")) {
+    const mapped = idMap.get(value.slice(1));
+    return mapped ? `#${mapped}` : value;
+  }
+  URL_HASH_REF_RE.lastIndex = 0;
+  const hasUrl = URL_HASH_REF_RE.test(value);
+  URL_HASH_REF_RE.lastIndex = 0;
+  return hasUrl ? rewriteUrlHashRefs(value, idMap) : null;
+}
+function decideReferenceWrite(attr, previous, idMap) {
+  if (attr.name === SVG_REFERENCE_ALIASES_ATTR || attr.name === ID_ATTR)
+    return { kind: "skip" };
+  const before = previous && attr.value === previous.after ? previous.before : attr.value;
+  const after = nativeReferenceValue(attr.name, before, idMap);
+  if (after !== null)
+    return { kind: "managed", before, after };
+  return previous ? { kind: "retain", alias: previous } : { kind: "skip" };
+}
+function referenceAlias(attr, before, after, inSvg) {
+  const serializedXlink = attr.namespaceURI === void 0 && attr.name === "xlink:href" && inSvg;
+  return {
+    name: attr.name,
+    localName: serializedXlink ? "href" : attr.localName,
+    namespaceURI: serializedXlink ? "http://www.w3.org/1999/xlink" : attr.namespaceURI ?? null,
+    before,
+    after
+  };
 }
 function rewriteElementIdReferences(el, idMap) {
-  const attrs = el.attributes ? Array.from(el.attributes) : [];
-  for (const attr of attrs) {
-    const { name, value } = attr;
-    if (!value)
+  const prior = new Map(readSvgReferenceAliases(el, SVG_REFERENCE_ALIASES_ATTR, false).map((alias) => [
+    alias.name,
+    alias
+  ]));
+  const aliases = [...prior.values()].filter((alias) => alias.name === ID_ATTR);
+  const inSvg = !!el.closest("svg");
+  for (const attr of el.attributes ? Array.from(el.attributes) : []) {
+    const decision = decideReferenceWrite(attr, prior.get(attr.name), idMap);
+    if (decision.kind === "skip")
+      continue;
+    if (decision.kind === "retain") {
+      aliases.push(decision.alias);
       continue;
-    if (isHrefAttrName(name)) {
-      const rewritten = rewriteHrefValue(value, idMap);
-      if (rewritten) {
-        el.setAttribute(name, rewritten);
-        continue;
-      }
     }
-    if (value.toLowerCase().includes("url(")) {
-      const rewritten = rewriteUrlHashRefs(value, idMap);
-      if (rewritten !== value)
-        el.setAttribute(name, rewritten);
+    if (decision.after !== attr.value) {
+      if (attr.namespaceURI)
+        el.setAttributeNS(attr.namespaceURI, attr.name, decision.after);
+      else
+        el.setAttribute(attr.name, decision.after);
     }
+    aliases.push(referenceAlias(attr, decision.before, decision.after, inSvg));
   }
+  if (aliases.length)
+    el.setAttribute(SVG_REFERENCE_ALIASES_ATTR, JSON.stringify(aliases));
 }
 function collectUrlHashRefsFromText(text, filter, out) {
   let m;
@@ -1050,7 +1195,7 @@ function collectNativelyReferencedIds(elements, cssTexts, svgIds) {
   const referenced = /* @__PURE__ */ new Set();
   for (const el of elements) {
     for (const attr of el.attributes ? Array.from(el.attributes) : []) {
-      if (!attr.value)
+      if (!attr.value || attr.name === SVG_REFERENCE_ALIASES_ATTR)
         continue;
       collectHrefFragmentRef(attr, svgIds, referenced);
       if (attr.value.toLowerCase().includes("url("))
@@ -1099,6 +1244,14 @@ function resolveScope(scope) {
   }
   return { elements, renamable };
 }
+function currentAuthoredSvgId(el) {
+  if (!el.closest("svg"))
+    return null;
+  const idWrite = readSvgReferenceAliases(el, SVG_REFERENCE_ALIASES_ATTR, false).find((alias) => alias.name === ID_ATTR);
+  if (idWrite)
+    return el.getAttribute(ID_ATTR) === idWrite.after ? idWrite.before : null;
+  return el.getAttribute(SVG_AUTHORED_ID_ATTR);
+}
 function buildIdCensus(document) {
   const elementsById = /* @__PURE__ */ new Map();
   const usedIds = /* @__PURE__ */ new Set();
@@ -1112,16 +1265,17 @@ function buildIdCensus(document) {
       list.push(el);
     else
       elementsById.set(id, [el]);
+    const authored = currentAuthoredSvgId(el);
+    if (authored && authored !== id) {
+      const aliases = elementsById.get(authored);
+      if (aliases)
+        aliases.push(el);
+      else
+        elementsById.set(authored, [el]);
+    }
   }
   return { elementsById, usedIds };
 }
-function hasAnyCollision(census) {
-  for (const elements of census.elementsById.values()) {
-    if (elements.length > 1)
-      return true;
-  }
-  return false;
-}
 function mintNamespacedId(namespace, originalId, usedIds) {
   const base = `${sanitizeNamespaceSegment(namespace)}--${originalId}`;
   let candidate = base;
@@ -1130,81 +1284,109 @@ function mintNamespacedId(namespace, originalId, usedIds) {
   usedIds.add(candidate);
   return candidate;
 }
+function collisionScopes(id, elements, scopeIndexByRenamable) {
+  const keeper = elements.find((el) => !scopeIndexByRenamable.has(el)) ?? elements[0];
+  const candidates = elements.filter((el) => el !== keeper && el.getAttribute(ID_ATTR) === id);
+  const indices = candidates.map((el) => scopeIndexByRenamable.get(el));
+  return new Set(indices.filter((index) => index !== void 0));
+}
 function planRenames(census, scopes, scopeIndexByRenamable) {
   const idMaps = scopes.map(() => /* @__PURE__ */ new Map());
   for (const [id, elements] of census.elementsById) {
     if (elements.length < 2)
       continue;
-    const keeper = elements.find((el) => !scopeIndexByRenamable.has(el)) ?? elements[0];
-    for (const el of elements) {
-      if (el === keeper)
-        continue;
-      const scopeIndex = scopeIndexByRenamable.get(el);
-      if (scopeIndex === void 0)
-        continue;
-      const idMap = idMaps[scopeIndex];
-      if (!idMap.has(id)) {
-        idMap.set(id, mintNamespacedId(scopes[scopeIndex].namespace, id, census.usedIds));
-      }
+    for (const index of collisionScopes(id, elements, scopeIndexByRenamable)) {
+      idMaps[index].set(id, mintNamespacedId(scopes[index].namespace, id, census.usedIds));
     }
   }
   return idMaps;
 }
+function documentReferenceTargets(census, idMaps, scopeIndexByRenamable) {
+  const targets = /* @__PURE__ */ new Map();
+  for (const [id, elements] of census.elementsById) {
+    const target = elements[0];
+    const actual = target.getAttribute(ID_ATTR);
+    if (actual !== id) {
+      targets.set(id, actual);
+      continue;
+    }
+    const index = scopeIndexByRenamable.get(target);
+    const renamed = index === void 0 ? void 0 : idMaps[index].get(id);
+    if (renamed)
+      targets.set(id, renamed);
+  }
+  return targets;
+}
+function localReferenceBindings(elements) {
+  const ids = new Set(elements.map((el) => el.getAttribute(ID_ATTR)));
+  const renamed = /* @__PURE__ */ new Map();
+  for (const el of elements) {
+    const authored = currentAuthoredSvgId(el);
+    const current = el.getAttribute(ID_ATTR);
+    if (!authored || !current)
+      continue;
+    ids.add(authored);
+    renamed.set(authored, current);
+  }
+  return { ids, renamed };
+}
 function applyRenames(resolved, idMap) {
   for (const el of resolved.elements) {
     const currentId = el.getAttribute(ID_ATTR);
     if (currentId && resolved.renamable.has(el) && idMap.has(currentId)) {
       if (!el.hasAttribute(SVG_AUTHORED_ID_ATTR))
         el.setAttribute(SVG_AUTHORED_ID_ATTR, currentId);
-      el.setAttribute(ID_ATTR, idMap.get(currentId));
+      const after = idMap.get(currentId);
+      const aliases = readSvgReferenceAliases(el, SVG_REFERENCE_ALIASES_ATTR, false);
+      aliases.push({
+        name: ID_ATTR,
+        localName: ID_ATTR,
+        namespaceURI: null,
+        before: currentId,
+        after
+      });
+      el.setAttribute(SVG_REFERENCE_ALIASES_ATTR, JSON.stringify(aliases));
+      el.setAttribute(ID_ATTR, after);
     }
     rewriteElementIdReferences(el, idMap);
   }
 }
-function namespaceCollidingSvgIds(document, scopes) {
-  const untouched = scopes.map(() => /* @__PURE__ */ new Map());
+function namespaceCollidingSvgIds(document, scopes, finalizedIds) {
   if (scopes.length === 0)
-    return untouched;
+    return [];
   const census = buildIdCensus(document);
-  if (!hasAnyCollision(census))
-    return untouched;
   const resolved = scopes.map(resolveScope);
+  const newlyEligible = resolved.flatMap(({ renamable }) => [...renamable]);
+  if (finalizedIds) {
+    for (const scope of resolved) {
+      for (const el of scope.renamable)
+        if (finalizedIds.has(el))
+          scope.renamable.delete(el);
+    }
+  }
   const scopeIndexByRenamable = /* @__PURE__ */ new Map();
   resolved.forEach(({ renamable }, index) => {
     for (const el of renamable)
       scopeIndexByRenamable.set(el, index);
   });
-  if (scopeIndexByRenamable.size === 0)
-    return untouched;
   const idMaps = planRenames(census, scopes, scopeIndexByRenamable);
+  const documentTargets = documentReferenceTargets(census, idMaps, scopeIndexByRenamable);
   const referenceMaps = resolved.map((scope, index) => {
-    const references = new Map(idMaps[index]);
-    const localIds = new Set(scope.elements.map((el) => el.getAttribute(ID_ATTR)));
-    for (const [id, elements] of census.elementsById) {
-      if (localIds.has(id))
-        continue;
-      const targetScope = scopeIndexByRenamable.get(elements[0]);
-      if (targetScope === void 0)
-        continue;
-      const mapped = idMaps[targetScope].get(id);
-      if (mapped)
-        references.set(id, mapped);
-    }
-    return references;
+    const local = localReferenceBindings(scopes[index].referenceTarget === "document" ? [] : scope.elements);
+    const inherited = [...documentTargets].filter(([id]) => !local.ids.has(id));
+    return new Map([...inherited, ...local.renamed, ...idMaps[index]]);
   });
   referenceMaps.forEach((idMap, index) => {
-    if (idMap.size > 0)
-      applyRenames(resolved[index], idMap);
+    applyRenames(resolved[index], idMap);
   });
+  for (const el of newlyEligible)
+    finalizedIds?.add(el);
   return referenceMaps;
 }
-function renameIdTokensInSelector(selector, idMap) {
-  return replaceSelectorIdTokens(selector, [...idMap.keys()], (matchedId) => `#${escapeCssIdentifier(idMap.get(matchedId))}`);
-}
-function rewriteSvgIdReferencesInCss(css, idMap) {
-  if (!css || idMap.size === 0)
+function rewriteSvgIdReferencesInCss(css, idMap, references = []) {
+  if (!css || idMap.size === 0 && references.length === 0)
     return css;
-  if (!css.includes("#") && !css.toLowerCase().includes("url("))
+  if (!css.includes("#") && !css.includes("[") && !css.toLowerCase().includes("url("))
     return css;
   let root;
   try {
@@ -1213,8 +1395,13 @@ function rewriteSvgIdReferencesInCss(css, idMap) {
     return css;
   }
   let mutated = false;
+  const recordedIds = new Set(references.filter((alias) => alias.name === ID_ATTR).map((alias) => alias.before));
+  const ids = [...idMap].filter(([id]) => !recordedIds.has(id)).map(([id, renamed]) => ({
+    id,
+    replacement: `:is(#${escapeCssIdentifier(id)}, #${escapeCssIdentifier(renamed)})`
+  }));
   root.walkRules((rule) => {
-    const rewritten = rule.selectors.map((selector) => renameIdTokensInSelector(selector, idMap));
+    const rewritten = rule.selectors.map((selector) => rewriteSvgSelectors(selector, ids, references));
     if (rewritten.some((selector, index) => selector !== rule.selectors[index])) {
       rule.selectors = rewritten;
       mutated = true;
@@ -1365,6 +1552,7 @@ function defaultBuildScopeSelector(compId) {
 }
 function inlineSubCompositions(document, hosts, options) {
   const { resolveHtml, parseHtml, hostIdentityMap, rewriteInlineStyles = false, flattenInnerRoot, compoundAuthoredRoot, readVariableDefaults, parseHostVariables, buildScopeSelector = defaultBuildScopeSelector, scriptErrorLabel = "[HyperFrames] composition script error:", onMissingComposition, assetExists, tagScenes = false } = options;
+  const rootStyles = [...document.querySelectorAll("style")];
   const styles = [];
   const styleScenes = [];
   const scripts = [];
@@ -1583,20 +1771,32 @@ function inlineSubCompositions(document, hosts, options) {
       styleEnd
     });
   }
-  const svgIdMaps = namespaceCollidingSvgIds(document, svgIdScopes.map(({ root, namespace, exclude, styleStart, styleEnd }) => ({
-    root,
-    namespace,
-    exclude,
-    cssTexts: styles.slice(styleStart, styleEnd).map((style) => style.css)
-  })));
-  svgIdMaps.forEach((idMap, index) => {
-    if (idMap.size === 0)
-      return;
+  const svgIdMaps = namespaceCollidingSvgIds(document, [
+    ...svgIdScopes.map(({ root, namespace, exclude, styleStart, styleEnd }) => ({
+      root,
+      namespace,
+      exclude,
+      cssTexts: styles.slice(styleStart, styleEnd).map((style) => style.css)
+    })),
+    {
+      root: document.documentElement,
+      namespace: "",
+      referenceTarget: "document",
+      exclude: svgIdScopes.map(({ root }) => root),
+      cssTexts: rootStyles.map((style) => style.textContent ?? "")
+    }
+  ]);
+  svgIdMaps.slice(0, svgIdScopes.length).forEach((idMap, index) => {
     const { styleStart, styleEnd } = svgIdScopes[index];
+    const references = readSvgReferenceAliases(svgIdScopes[index].root, SVG_REFERENCE_ALIASES_ATTR);
     for (let i = styleStart; i < styleEnd; i += 1) {
-      styles[i].css = rewriteSvgIdReferencesInCss(styles[i].css, idMap);
+      styles[i].css = rewriteSvgIdReferencesInCss(styles[i].css, idMap, references);
     }
   });
+  const rootReferences = readSvgReferenceAliases(document.documentElement, SVG_REFERENCE_ALIASES_ATTR);
+  for (const style of rootStyles) {
+    style.textContent = rewriteSvgIdReferencesInCss(style.textContent ?? "", svgIdMaps[svgIdScopes.length], rootReferences);
+  }
   return {
     styles,
     styleScenes,